xv-webcomponents 0.1.3 → 0.1.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -1
- package/dist/cjs/app-globals-3a1e7e63.js +7 -0
- package/dist/cjs/app-globals-3a1e7e63.js.map +1 -0
- package/dist/cjs/index-ff2499dc.js +1165 -0
- package/dist/cjs/index-ff2499dc.js.map +1 -0
- package/dist/cjs/index.cjs.js +11 -0
- package/dist/cjs/index.cjs.js.map +1 -0
- package/dist/cjs/loader.cjs.js +17 -0
- package/dist/cjs/loader.cjs.js.map +1 -0
- package/dist/cjs/xv-button-v2_2.cjs.entry.js +73 -0
- package/dist/cjs/xv-button-v2_2.cjs.entry.js.map +1 -0
- package/dist/cjs/xv-webcomponents.cjs.js +27 -0
- package/dist/cjs/xv-webcomponents.cjs.js.map +1 -0
- package/dist/collection/collection-manifest.json +13 -0
- package/dist/collection/components/xv-button/xv-button.js +148 -0
- package/dist/collection/components/xv-button/xv-button.js.map +1 -0
- package/dist/collection/components/xv-checkbox/xv-checkbox.js +30 -0
- package/dist/collection/components/xv-checkbox/xv-checkbox.js.map +1 -0
- package/dist/collection/index.js +11 -0
- package/dist/collection/index.js.map +1 -0
- package/dist/collection/utils/utils.js +4 -0
- package/dist/collection/utils/utils.js.map +1 -0
- package/dist/components/index.js +9 -0
- package/dist/components/index.js.map +1 -0
- package/dist/components/p-892a2cc1.js +958 -0
- package/dist/components/p-892a2cc1.js.map +1 -0
- package/dist/components/xv-button-v2.js +70 -0
- package/dist/components/xv-button-v2.js.map +1 -0
- package/dist/components/xv-checkbox-v2.js +49 -0
- package/dist/components/xv-checkbox-v2.js.map +1 -0
- package/dist/esm/index-48e3f7fe.js +1137 -0
- package/dist/esm/index-48e3f7fe.js.map +1 -0
- package/dist/esm/index.js +7 -0
- package/dist/esm/index.js.map +1 -0
- package/dist/esm/loader.js +13 -0
- package/dist/esm/loader.js.map +1 -0
- package/dist/esm/xv-button-v2_2.entry.js +68 -0
- package/dist/esm/xv-button-v2_2.entry.js.map +1 -0
- package/dist/esm/xv-webcomponents.js +22 -0
- package/dist/esm/xv-webcomponents.js.map +1 -0
- package/dist/index.cjs.js +1 -0
- package/dist/index.js +1 -0
- package/dist/types/components/xv-button/xv-button.d.ts +5 -0
- package/dist/types/components.d.ts +19 -13
- package/dist/xv-webcomponents/index.esm.js +1 -16
- package/dist/xv-webcomponents/index.esm.js.map +1 -1
- package/dist/xv-webcomponents/p-690a0beb.js +3 -0
- package/dist/xv-webcomponents/p-690a0beb.js.map +1 -0
- package/dist/xv-webcomponents/p-757d39ae.entry.js +2 -0
- package/dist/xv-webcomponents/p-757d39ae.entry.js.map +1 -0
- package/dist/xv-webcomponents/p-e1255160.js +2 -0
- package/dist/xv-webcomponents/p-e1255160.js.map +1 -0
- package/dist/xv-webcomponents/xv-webcomponents.esm.js +1 -48
- package/dist/xv-webcomponents/xv-webcomponents.esm.js.map +1 -1
- package/package.json +1 -1
- package/dist/components/xv-checkbox.d.ts +0 -11
- package/dist/xv-webcomponents/index-5f0a9e2d.js +0 -3922
- package/dist/xv-webcomponents/index-5f0a9e2d.js.map +0 -1
- package/dist/xv-webcomponents/xv-button-v2.entry.js +0 -37
- package/dist/xv-webcomponents/xv-button-v2.entry.js.map +0 -1
- package/dist/xv-webcomponents/xv-checkbox-08da5153.js +0 -28
- package/dist/xv-webcomponents/xv-checkbox-08da5153.js.map +0 -1
- package/dist/xv-webcomponents/xv-checkbox-v2.entry.js +0 -4
- package/dist/xv-webcomponents/xv-checkbox-v2.entry.js.map +0 -1
- package/dist/xv-webcomponents/xv-checkbox.entry.js +0 -4
- package/dist/xv-webcomponents/xv-checkbox.entry.js.map +0 -1
- /package/dist/{xv-webcomponents → esm}/app-globals-0f993ce5.js +0 -0
- /package/dist/{xv-webcomponents → esm}/app-globals-0f993ce5.js.map +0 -0
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, h, g as getElement } from './index-5f0a9e2d.js';
|
|
2
|
-
|
|
3
|
-
const XvButton = class {
|
|
4
|
-
constructor(hostRef) {
|
|
5
|
-
registerInstance(this, hostRef);
|
|
6
|
-
/** Button label */
|
|
7
|
-
this.label = 'Click me';
|
|
8
|
-
/** Variant */
|
|
9
|
-
this.variant = 'primary';
|
|
10
|
-
/** Size */
|
|
11
|
-
this.size = 'medium';
|
|
12
|
-
/** Disabled state */
|
|
13
|
-
this.disabled = false;
|
|
14
|
-
/** Automatically detected brand */
|
|
15
|
-
this.detectedBrand = 'default-brand';
|
|
16
|
-
}
|
|
17
|
-
applyGlobalStyles() {
|
|
18
|
-
var _a;
|
|
19
|
-
const globalStyle = document.getElementById("brand-style");
|
|
20
|
-
if (globalStyle) {
|
|
21
|
-
const styleClone = document.createElement("style");
|
|
22
|
-
styleClone.innerHTML = `@import url('${globalStyle.href}');`;
|
|
23
|
-
(_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.appendChild(styleClone);
|
|
24
|
-
}
|
|
25
|
-
}
|
|
26
|
-
componentWillLoad() {
|
|
27
|
-
this.applyGlobalStyles();
|
|
28
|
-
}
|
|
29
|
-
render() {
|
|
30
|
-
return (h("button", { key: '1e146a747f3adf613331a392d2a30f0789e0fee1', class: `xv-button ${this.variant} ${this.size}`, disabled: this.disabled }, this.label));
|
|
31
|
-
}
|
|
32
|
-
get el() { return getElement(this); }
|
|
33
|
-
};
|
|
34
|
-
|
|
35
|
-
export { XvButton as xv_button_v2 };
|
|
36
|
-
|
|
37
|
-
//# sourceMappingURL=xv-button-v2.entry.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"file":"xv-button-v2.entry.esm.js","mappings":";;MAMa,QAAQ;IAJrB;;;QAQU,UAAK,GAAW,UAAU,CAAC;;QAG3B,YAAO,GAA8D,SAAS,CAAC;;QAG/E,SAAI,GAAiC,QAAQ,CAAC;;QAG9C,aAAQ,GAAY,KAAK,CAAC;;QAGzB,kBAAa,GAAW,eAAe,CAAC;KAsBlD;IApBS,iBAAiB;;QACvB,MAAM,WAAW,GAAG,QAAQ,CAAC,cAAc,CAAC,aAAa,CAAoB,CAAC;QAC9E,IAAI,WAAW,EAAE;YACf,MAAM,UAAU,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;YACnD,UAAU,CAAC,SAAS,GAAG,gBAAgB,WAAW,CAAC,IAAI,KAAK,CAAC;YAC7D,MAAA,IAAI,CAAC,EAAE,CAAC,UAAU,0CAAE,WAAW,CAAC,UAAU,CAAC,CAAC;SAC7C;KACF;IAED,iBAAiB;QACf,IAAI,CAAC,iBAAiB,EAAE,CAAC;KAC1B;IAED,MAAM;QACJ,QACE,+DAAQ,KAAK,EAAE,aAAa,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,IAAI,EAAE,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAC7E,IAAI,CAAC,KAAK,CACJ,EACT;KACH;;;;;;","names":[],"sources":["src/components/xv-button/xv-button.tsx"],"sourcesContent":["import { Component, Prop, State, h, Element } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'xv-button-v2',\r\n shadow: true, // ✅ Enables Shadow DOM\r\n})\r\nexport class XvButton {\r\n @Element() el!: HTMLElement;\r\n\r\n /** Button label */\r\n @Prop() label: string = 'Click me';\r\n\r\n /** Variant */\r\n @Prop() variant: 'accent' | 'primary' | 'secondary' | 'tertiary' | 'ghost' = 'primary';\r\n\r\n /** Size */\r\n @Prop() size: 'small' | 'medium' | 'large' = 'medium';\r\n\r\n /** Disabled state */\r\n @Prop() disabled: boolean = false;\r\n\r\n /** Automatically detected brand */\r\n @State() detectedBrand: string = 'default-brand';\r\n\r\n private applyGlobalStyles() {\r\n const globalStyle = document.getElementById(\"brand-style\") as HTMLLinkElement;\r\n if (globalStyle) {\r\n const styleClone = document.createElement(\"style\");\r\n styleClone.innerHTML = `@import url('${globalStyle.href}');`;\r\n this.el.shadowRoot?.appendChild(styleClone);\r\n }\r\n }\r\n \r\n componentWillLoad() {\r\n this.applyGlobalStyles();\r\n }\r\n\r\n render() {\r\n return (\r\n <button class={`xv-button ${this.variant} ${this.size}`} disabled={this.disabled}>\r\n {this.label}\r\n </button>\r\n );\r\n }\r\n}\r\n"],"version":3}
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, h, g as getElement } from './index-5f0a9e2d.js';
|
|
2
|
-
|
|
3
|
-
const XvCheckbox = class {
|
|
4
|
-
constructor(hostRef) {
|
|
5
|
-
registerInstance(this, hostRef);
|
|
6
|
-
this.detectedBrand = 'default-brand';
|
|
7
|
-
}
|
|
8
|
-
applyGlobalStyles() {
|
|
9
|
-
var _a;
|
|
10
|
-
const globalStyle = document.getElementById("brand-style");
|
|
11
|
-
if (globalStyle) {
|
|
12
|
-
const styleClone = document.createElement("style");
|
|
13
|
-
styleClone.innerHTML = `@import url('${globalStyle.href}');`;
|
|
14
|
-
(_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.appendChild(styleClone);
|
|
15
|
-
}
|
|
16
|
-
}
|
|
17
|
-
componentWillLoad() {
|
|
18
|
-
this.applyGlobalStyles();
|
|
19
|
-
}
|
|
20
|
-
render() {
|
|
21
|
-
return (h("label", { key: '72bd9b9d8ad781ba74a48a34184c5c9d49075930', class: "checkbox-container" }, h("input", { key: 'a645daae3cd3954cd6c170bc1f2d64f7b329fe42', type: "checkbox" }), h("span", { key: '6602efce427536b37edac417bab976c36cf196b1', class: "checkmark" }), h("slot", { key: 'a044876008987287768ec232dc769d6375f8270c' })));
|
|
22
|
-
}
|
|
23
|
-
get el() { return getElement(this); }
|
|
24
|
-
};
|
|
25
|
-
|
|
26
|
-
export { XvCheckbox as X };
|
|
27
|
-
|
|
28
|
-
//# sourceMappingURL=xv-checkbox-08da5153.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"file":"xv-checkbox-08da5153.js","mappings":";;MAMa,UAAU;IAJvB;;QAMW,kBAAa,GAAW,eAAe,CAAC;KAwBlD;IAtBS,iBAAiB;;QACvB,MAAM,WAAW,GAAG,QAAQ,CAAC,cAAc,CAAC,aAAa,CAAoB,CAAC;QAC9E,IAAI,WAAW,EAAE;YACf,MAAM,UAAU,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;YACnD,UAAU,CAAC,SAAS,GAAG,gBAAgB,WAAW,CAAC,IAAI,KAAK,CAAC;YAC7D,MAAA,IAAI,CAAC,EAAE,CAAC,UAAU,0CAAE,WAAW,CAAC,UAAU,CAAC,CAAC;SAC7C;KACF;IAED,iBAAiB;QACf,IAAI,CAAC,iBAAiB,EAAE,CAAC;KAC1B;IAED,MAAM;QACJ,QACE,8DAAO,KAAK,EAAC,oBAAoB,IAC/B,8DAAO,IAAI,EAAC,UAAU,GAAG,EACzB,6DAAM,KAAK,EAAC,WAAW,GAAQ,EAC/B,8DAAa,CACP,EACR;KACH;;;;;;","names":[],"sources":["src/components/xv-checkbox/xv-checkbox.tsx"],"sourcesContent":["import { Component, h, Element, State } from '@stencil/core';\n\n@Component({\n tag: 'xv-checkbox-v2',\n shadow: true, // ✅ Shadow DOM aktiviert\n})\nexport class XvCheckbox {\n @Element() el!: HTMLElement;\n @State() detectedBrand: string = 'default-brand';\n\n private applyGlobalStyles() {\n const globalStyle = document.getElementById(\"brand-style\") as HTMLLinkElement;\n if (globalStyle) {\n const styleClone = document.createElement(\"style\");\n styleClone.innerHTML = `@import url('${globalStyle.href}');`;\n this.el.shadowRoot?.appendChild(styleClone);\n }\n }\n\n componentWillLoad() {\n this.applyGlobalStyles();\n }\n\n render() {\n return (\n <label class=\"checkbox-container\">\n <input type=\"checkbox\" />\n <span class=\"checkmark\"></span>\n <slot></slot>\n </label>\n );\n }\n}\n"],"version":3}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"file":"xv-checkbox-v2.entry.esm.js","mappings":";","names":[],"sources":[],"sourcesContent":[],"version":3}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"file":"xv-checkbox.entry.esm.js","mappings":";","names":[],"sources":[],"sourcesContent":[],"version":3}
|
|
File without changes
|
|
File without changes
|