archtechx/alpine-typescript
1
0
Fork 0
mirror of https://github.com/archtechx/alpine-typescript.git synced 2025-12-12 06:44:03 +00:00
Code Activity

v0.1.15

Browse source
This commit is contained in:
Samuel Štancl 2021-05-23 18:35:03 +02:00
parent 207e9aa1e1
commit b44e59682a
4 changed files with 105 additions and 55 deletions
Download patch file Download diff file Expand all files Collapse all files

22
dist/index.js vendored
View file

@ -1,6 +1,6 @@
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.convertClassToAlpineConstructor = exports.component = exports.registerComponents = exports.AlpineComponent = void 0;
exports.bootstrap = exports.addTitles = exports.convertClassToAlpineConstructor = exports.component = exports.registerComponents = exports.AlpineComponent = void 0;
class AlpineComponent {
}
exports.AlpineComponent = AlpineComponent;
@ -18,8 +18,8 @@ function component(name, component = null) {
if (component['prototype'] instanceof AlpineComponent) {
component = convertClassToAlpineConstructor(component);
}
// @ts-ignore
window.AlpineComponents[name] = component;
return component;
}
exports.component = component;
function convertClassToAlpineConstructor(component) {
@ -36,11 +36,25 @@ function convertClassToAlpineConstructor(component) {
};
}
exports.convertClassToAlpineConstructor = convertClassToAlpineConstructor;
exports.default = () => {
function addTitles() {
window.Alpine.onBeforeComponentInitialized((component) => {
if (!component.$el.hasAttribute('x-title')) {
if (component.$data.constructor.prototype instanceof AlpineComponent) {
component.$el.setAttribute('x-title', component.$data.constructor.name);
}
}
});
}
exports.addTitles = addTitles;
function bootstrap() {
window.AlpineComponents = {};
const deferrer = window.deferLoadingAlpine || function (callback) { callback(); };
window.deferLoadingAlpine = function (callback) {
window.Alpine.component = component;
deferrer(callback);
};
};
}
exports.bootstrap = bootstrap;
if (window.AlpineComponents === undefined) {
bootstrap();
}