xv-webcomponents 0.1.7 → 0.1.9
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/dist/cjs/xv-button-v2_2.cjs.entry.js +1 -1
- package/dist/cjs/xv-button-v2_2.cjs.entry.js.map +1 -1
- package/dist/collection/components/xv-button/xv-button.js +1 -1
- package/dist/collection/components/xv-button/xv-button.js.map +1 -1
- package/dist/esm/xv-button-v2_2.entry.js +1 -1
- package/dist/esm/xv-button-v2_2.entry.js.map +1 -1
- package/dist/xv-webcomponents/p-186c04ea.entry.js +2 -0
- package/dist/xv-webcomponents/p-186c04ea.entry.js.map +1 -0
- package/dist/xv-webcomponents/xv-webcomponents.esm.js +1 -1
- package/package.json +1 -1
- package/dist/xv-webcomponents/p-02843f6e.entry.js +0 -2
- package/dist/xv-webcomponents/p-02843f6e.entry.js.map +0 -1
|
@@ -35,7 +35,7 @@ const XvButton = class {
|
|
|
35
35
|
this.applyGlobalStyles();
|
|
36
36
|
}
|
|
37
37
|
render() {
|
|
38
|
-
return (index.h("button", { key: '
|
|
38
|
+
return (index.h("button", { key: 'd8e7f81698a5d28c2fb75360e8752a0547887cce', class: `xv-button ${this.variant}`, disabled: this.disabled, onClick: this.handleClick }, this.label));
|
|
39
39
|
}
|
|
40
40
|
get el() { return index.getElement(this); }
|
|
41
41
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"xv-button-v2.xv-checkbox-v2.entry.cjs.js","mappings":";;;;;;MAOa,QAAQ;IAJrB;;;;QAQU,UAAK,GAAW,EAAE,CAAC;;QAGnB,YAAO,GAA8D,SAAS,CAAC;;QAG/E,aAAQ,GAAY,KAAK,CAAC;;QAgB1B,gBAAW,GAAG;YACpB,IAAI,IAAI,CAAC,QAAQ,EAAE;gBACjB,OAAO;aACR;YACD,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC;SACzB,CAAC;
|
|
1
|
+
{"file":"xv-button-v2.xv-checkbox-v2.entry.cjs.js","mappings":";;;;;;MAOa,QAAQ;IAJrB;;;;QAQU,UAAK,GAAW,EAAE,CAAC;;QAGnB,YAAO,GAA8D,SAAS,CAAC;;QAG/E,aAAQ,GAAY,KAAK,CAAC;;QAgB1B,gBAAW,GAAG;YACpB,IAAI,IAAI,CAAC,QAAQ,EAAE;gBACjB,OAAO;aACR;YACD,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC;SACzB,CAAC;KAiBH;IAhCS,iBAAiB;;QACrB,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;SAC/C;KACF;IAUD,iBAAiB;QACf,IAAI,CAAC,iBAAiB,EAAE,CAAC;KAC1B;IAED,MAAM;QACJ,QACEA,qEACE,KAAK,EAAE,aAAa,IAAI,CAAC,OAAO,EAAE,EAClC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,OAAO,EAAE,IAAI,CAAC,WAAW,IAExB,IAAI,CAAC,KAAK,CACJ,EACT;KACH;;;;MChDU,UAAU;;;;IAGb,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,QACEA,oEAAO,KAAK,EAAC,oBAAoB,IAC/BA,oEAAO,IAAI,EAAC,UAAU,GAAG,EACzBA,mEAAM,KAAK,EAAC,WAAW,GAAQ,EAC/BA,oEAAa,CACP,EACR;KACH;;;;;;;","names":["h"],"sources":["src/components/xv-button/xv-button.tsx","src/components/xv-checkbox/xv-checkbox.tsx"],"sourcesContent":["import { Component, Prop, Event, EventEmitter, h, Element } from '@stencil/core';\r\n\r\n\r\n@Component({\r\n tag: 'xv-button-v2',\r\n shadow: true,\r\n})\r\nexport class XvButton {\r\n @Element() el!: HTMLElement;\r\n\r\n /** Button label */\r\n @Prop() label: string = '';\r\n\r\n /** Variant */\r\n @Prop() variant: 'accent' | 'primary' | 'secondary' | 'tertiary' | 'ghost' = 'primary';\r\n\r\n /** Disabled state */\r\n @Prop() disabled: boolean = false;\r\n\r\n /** Emits when the button is clicked */\r\n @Event() buttonClick!: EventEmitter<void>;\r\n\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 /** Handle click only if not disabled */\r\n private handleClick = () => {\r\n if (this.disabled) {\r\n return;\r\n }\r\n this.buttonClick.emit();\r\n };\r\n\r\n componentWillLoad() {\r\n this.applyGlobalStyles();\r\n }\r\n\r\n render() {\r\n return (\r\n <button\r\n class={`xv-button ${this.variant}`}\r\n disabled={this.disabled}\r\n onClick={this.handleClick}\r\n >\r\n {this.label}\r\n </button>\r\n );\r\n }\r\n}\r\n","import { Component, h, Element } 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\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}
|
|
@@ -28,7 +28,7 @@ export class XvButton {
|
|
|
28
28
|
this.applyGlobalStyles();
|
|
29
29
|
}
|
|
30
30
|
render() {
|
|
31
|
-
return (h("button", { key: '
|
|
31
|
+
return (h("button", { key: 'd8e7f81698a5d28c2fb75360e8752a0547887cce', class: `xv-button ${this.variant}`, disabled: this.disabled, onClick: this.handleClick }, this.label));
|
|
32
32
|
}
|
|
33
33
|
static get is() { return "xv-button-v2"; }
|
|
34
34
|
static get encapsulation() { return "shadow"; }
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"xv-button.js","sourceRoot":"","sources":["../../../src/components/xv-button/xv-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAgB,CAAC,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAOjF,MAAM,OAAO,QAAQ;IAJrB;QAOE,mBAAmB;QACX,UAAK,GAAW,EAAE,CAAC;QAE3B,cAAc;QACN,YAAO,GAA8D,SAAS,CAAC;QAEvF,qBAAqB;QACb,aAAQ,GAAY,KAAK,CAAC;QAelC,wCAAwC;QAChC,gBAAW,GAAG,GAAG,EAAE;YACzB,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;gBAClB,OAAO;YACT,CAAC;YACD,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC;QAC1B,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"xv-button.js","sourceRoot":"","sources":["../../../src/components/xv-button/xv-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAgB,CAAC,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAOjF,MAAM,OAAO,QAAQ;IAJrB;QAOE,mBAAmB;QACX,UAAK,GAAW,EAAE,CAAC;QAE3B,cAAc;QACN,YAAO,GAA8D,SAAS,CAAC;QAEvF,qBAAqB;QACb,aAAQ,GAAY,KAAK,CAAC;QAelC,wCAAwC;QAChC,gBAAW,GAAG,GAAG,EAAE;YACzB,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;gBAClB,OAAO;YACT,CAAC;YACD,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC;QAC1B,CAAC,CAAC;KAiBH;IAhCS,iBAAiB;;QACrB,MAAM,WAAW,GAAG,QAAQ,CAAC,cAAc,CAAC,aAAa,CAAoB,CAAC;QAC9E,IAAI,WAAW,EAAE,CAAC;YAChB,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;QAChD,CAAC;IACH,CAAC;IAUD,iBAAiB;QACf,IAAI,CAAC,iBAAiB,EAAE,CAAC;IAC3B,CAAC;IAED,MAAM;QACJ,OAAO,CACL,+DACE,KAAK,EAAE,aAAa,IAAI,CAAC,OAAO,EAAE,EAClC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,OAAO,EAAE,IAAI,CAAC,WAAW,IAExB,IAAI,CAAC,KAAK,CACJ,CACV,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, Event, EventEmitter, h, Element } from '@stencil/core';\r\n\r\n\r\n@Component({\r\n tag: 'xv-button-v2',\r\n shadow: true,\r\n})\r\nexport class XvButton {\r\n @Element() el!: HTMLElement;\r\n\r\n /** Button label */\r\n @Prop() label: string = '';\r\n\r\n /** Variant */\r\n @Prop() variant: 'accent' | 'primary' | 'secondary' | 'tertiary' | 'ghost' = 'primary';\r\n\r\n /** Disabled state */\r\n @Prop() disabled: boolean = false;\r\n\r\n /** Emits when the button is clicked */\r\n @Event() buttonClick!: EventEmitter<void>;\r\n\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 /** Handle click only if not disabled */\r\n private handleClick = () => {\r\n if (this.disabled) {\r\n return;\r\n }\r\n this.buttonClick.emit();\r\n };\r\n\r\n componentWillLoad() {\r\n this.applyGlobalStyles();\r\n }\r\n\r\n render() {\r\n return (\r\n <button\r\n class={`xv-button ${this.variant}`}\r\n disabled={this.disabled}\r\n onClick={this.handleClick}\r\n >\r\n {this.label}\r\n </button>\r\n );\r\n }\r\n}\r\n"]}
|
|
@@ -31,7 +31,7 @@ const XvButton = class {
|
|
|
31
31
|
this.applyGlobalStyles();
|
|
32
32
|
}
|
|
33
33
|
render() {
|
|
34
|
-
return (h("button", { key: '
|
|
34
|
+
return (h("button", { key: 'd8e7f81698a5d28c2fb75360e8752a0547887cce', class: `xv-button ${this.variant}`, disabled: this.disabled, onClick: this.handleClick }, this.label));
|
|
35
35
|
}
|
|
36
36
|
get el() { return getElement(this); }
|
|
37
37
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"xv-button-v2.xv-checkbox-v2.entry.js","mappings":";;MAOa,QAAQ;IAJrB;;;;QAQU,UAAK,GAAW,EAAE,CAAC;;QAGnB,YAAO,GAA8D,SAAS,CAAC;;QAG/E,aAAQ,GAAY,KAAK,CAAC;;QAgB1B,gBAAW,GAAG;YACpB,IAAI,IAAI,CAAC,QAAQ,EAAE;gBACjB,OAAO;aACR;YACD,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC;SACzB,CAAC;
|
|
1
|
+
{"file":"xv-button-v2.xv-checkbox-v2.entry.js","mappings":";;MAOa,QAAQ;IAJrB;;;;QAQU,UAAK,GAAW,EAAE,CAAC;;QAGnB,YAAO,GAA8D,SAAS,CAAC;;QAG/E,aAAQ,GAAY,KAAK,CAAC;;QAgB1B,gBAAW,GAAG;YACpB,IAAI,IAAI,CAAC,QAAQ,EAAE;gBACjB,OAAO;aACR;YACD,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC;SACzB,CAAC;KAiBH;IAhCS,iBAAiB;;QACrB,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;SAC/C;KACF;IAUD,iBAAiB;QACf,IAAI,CAAC,iBAAiB,EAAE,CAAC;KAC1B;IAED,MAAM;QACJ,QACE,+DACE,KAAK,EAAE,aAAa,IAAI,CAAC,OAAO,EAAE,EAClC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,OAAO,EAAE,IAAI,CAAC,WAAW,IAExB,IAAI,CAAC,KAAK,CACJ,EACT;KACH;;;;MChDU,UAAU;;;;IAGb,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-button/xv-button.tsx","src/components/xv-checkbox/xv-checkbox.tsx"],"sourcesContent":["import { Component, Prop, Event, EventEmitter, h, Element } from '@stencil/core';\r\n\r\n\r\n@Component({\r\n tag: 'xv-button-v2',\r\n shadow: true,\r\n})\r\nexport class XvButton {\r\n @Element() el!: HTMLElement;\r\n\r\n /** Button label */\r\n @Prop() label: string = '';\r\n\r\n /** Variant */\r\n @Prop() variant: 'accent' | 'primary' | 'secondary' | 'tertiary' | 'ghost' = 'primary';\r\n\r\n /** Disabled state */\r\n @Prop() disabled: boolean = false;\r\n\r\n /** Emits when the button is clicked */\r\n @Event() buttonClick!: EventEmitter<void>;\r\n\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 /** Handle click only if not disabled */\r\n private handleClick = () => {\r\n if (this.disabled) {\r\n return;\r\n }\r\n this.buttonClick.emit();\r\n };\r\n\r\n componentWillLoad() {\r\n this.applyGlobalStyles();\r\n }\r\n\r\n render() {\r\n return (\r\n <button\r\n class={`xv-button ${this.variant}`}\r\n disabled={this.disabled}\r\n onClick={this.handleClick}\r\n >\r\n {this.label}\r\n </button>\r\n );\r\n }\r\n}\r\n","import { Component, h, Element } 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\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}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as t,c as s,h as c,g as e}from"./p-b6c1c52d.js";const a=class{constructor(c){t(this,c);this.buttonClick=s(this,"buttonClick",7);this.label="";this.variant="primary";this.disabled=false;this.handleClick=()=>{if(this.disabled){return}this.buttonClick.emit()}}applyGlobalStyles(){var t;const s=document.getElementById("brand-style");if(s){const c=document.createElement("style");c.innerHTML=`@import url('${s.href}');`;(t=this.el.shadowRoot)===null||t===void 0?void 0:t.appendChild(c)}}componentWillLoad(){this.applyGlobalStyles()}render(){return c("button",{key:"d8e7f81698a5d28c2fb75360e8752a0547887cce",class:`xv-button ${this.variant}`,disabled:this.disabled,onClick:this.handleClick},this.label)}get el(){return e(this)}};const o=class{constructor(s){t(this,s)}applyGlobalStyles(){var t;const s=document.getElementById("brand-style");if(s){const c=document.createElement("style");c.innerHTML=`@import url('${s.href}');`;(t=this.el.shadowRoot)===null||t===void 0?void 0:t.appendChild(c)}}componentWillLoad(){this.applyGlobalStyles()}render(){return c("label",{key:"ec72f67055064e97584c34606c997b671db5c4a6",class:"checkbox-container"},c("input",{key:"5473f8ce3e1b85bbfc7ba2cfa56ed9dc3fc09254",type:"checkbox"}),c("span",{key:"9384407aa8a34a9c20cf46f68d508d71c3e0efa8",class:"checkmark"}),c("slot",{key:"a3d8a7c8a242da4cdf71deddf2349c088bab4785"}))}get el(){return e(this)}};export{a as xv_button_v2,o as xv_checkbox_v2};
|
|
2
|
+
//# sourceMappingURL=p-186c04ea.entry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["XvButton","constructor","hostRef","this","label","variant","disabled","handleClick","buttonClick","emit","applyGlobalStyles","globalStyle","document","getElementById","styleClone","createElement","innerHTML","href","_a","el","shadowRoot","appendChild","componentWillLoad","render","h","key","class","onClick","XvCheckbox","type"],"sources":["src/components/xv-button/xv-button.tsx","src/components/xv-checkbox/xv-checkbox.tsx"],"sourcesContent":["import { Component, Prop, Event, EventEmitter, h, Element } from '@stencil/core';\r\n\r\n\r\n@Component({\r\n tag: 'xv-button-v2',\r\n shadow: true,\r\n})\r\nexport class XvButton {\r\n @Element() el!: HTMLElement;\r\n\r\n /** Button label */\r\n @Prop() label: string = '';\r\n\r\n /** Variant */\r\n @Prop() variant: 'accent' | 'primary' | 'secondary' | 'tertiary' | 'ghost' = 'primary';\r\n\r\n /** Disabled state */\r\n @Prop() disabled: boolean = false;\r\n\r\n /** Emits when the button is clicked */\r\n @Event() buttonClick!: EventEmitter<void>;\r\n\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 /** Handle click only if not disabled */\r\n private handleClick = () => {\r\n if (this.disabled) {\r\n return;\r\n }\r\n this.buttonClick.emit();\r\n };\r\n\r\n componentWillLoad() {\r\n this.applyGlobalStyles();\r\n }\r\n\r\n render() {\r\n return (\r\n <button\r\n class={`xv-button ${this.variant}`}\r\n disabled={this.disabled}\r\n onClick={this.handleClick}\r\n >\r\n {this.label}\r\n </button>\r\n );\r\n }\r\n}\r\n","import { Component, h, Element } 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\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"],"mappings":"+DAOaA,EAAQ,MAJrB,WAAAC,CAAAC,G,mDAQUC,KAAAC,MAAgB,GAGhBD,KAAAE,QAAqE,UAGrEF,KAAAG,SAAoB,MAgBpBH,KAAAI,YAAc,KACpB,GAAIJ,KAAKG,SAAU,CACjB,M,CAEFH,KAAKK,YAAYC,MAAM,C,CAdjB,iBAAAC,G,MACJ,MAAMC,EAAcC,SAASC,eAAe,eAC5C,GAAIF,EAAa,CACf,MAAMG,EAAaF,SAASG,cAAc,SAC1CD,EAAWE,UAAY,gBAAgBL,EAAYM,WACnDC,EAAAf,KAAKgB,GAAGC,cAAU,MAAAF,SAAA,SAAAA,EAAEG,YAAYP,E,EAYtC,iBAAAQ,GACEnB,KAAKO,mB,CAGP,MAAAa,GACE,OACEC,EAAA,UAAAC,IAAA,2CACEC,MAAO,aAAavB,KAAKE,UACzBC,SAAUH,KAAKG,SACfqB,QAASxB,KAAKI,aAEbJ,KAAKC,M,iCC7CDwB,EAAU,M,yBAGb,iBAAAlB,G,MACN,MAAMC,EAAcC,SAASC,eAAe,eAC5C,GAAIF,EAAa,CACf,MAAMG,EAAaF,SAASG,cAAc,SAC1CD,EAAWE,UAAY,gBAAgBL,EAAYM,WACnDC,EAAAf,KAAKgB,GAAGC,cAAU,MAAAF,SAAA,SAAAA,EAAEG,YAAYP,E,EAIpC,iBAAAQ,GACEnB,KAAKO,mB,CAGP,MAAAa,GACE,OACEC,EAAA,SAAAC,IAAA,2CAAOC,MAAM,sBACXF,EAAA,SAAAC,IAAA,2CAAOI,KAAK,aACZL,EAAA,QAAAC,IAAA,2CAAMC,MAAM,cACZF,EAAA,QAAAC,IAAA,6C","ignoreList":[]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{p as
|
|
1
|
+
import{p as a,b as t}from"./p-b6c1c52d.js";export{s as setNonce}from"./p-b6c1c52d.js";import{g as r}from"./p-e1255160.js";var e=()=>{const t=import.meta.url;const r={};if(t!==""){r.resourcesUrl=new URL(".",t).href}return a(r)};e().then((async a=>{await r();return t([["p-186c04ea",[[1,"xv-button-v2",{label:[1],variant:[1],disabled:[4]}],[1,"xv-checkbox-v2"]]]],a)}));
|
|
2
2
|
//# sourceMappingURL=xv-webcomponents.esm.js.map
|
package/package.json
CHANGED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r as t,c as s,h as c,g as e}from"./p-b6c1c52d.js";const a=class{constructor(c){t(this,c);this.buttonClick=s(this,"buttonClick",7);this.label="";this.variant="primary";this.disabled=false;this.handleClick=()=>{if(this.disabled){return}this.buttonClick.emit()}}applyGlobalStyles(){var t;const s=document.getElementById("brand-style");if(s){const c=document.createElement("style");c.innerHTML=`@import url('${s.href}');`;(t=this.el.shadowRoot)===null||t===void 0?void 0:t.appendChild(c)}}componentWillLoad(){this.applyGlobalStyles()}render(){return c("button",{key:"7f3af3f4e73a964d9742313bb63ded06ccdb4ea9",class:`xv-button ${this.variant} ${this.disabled?"disabled":""}`,onClick:this.handleClick},this.label)}get el(){return e(this)}};const o=class{constructor(s){t(this,s)}applyGlobalStyles(){var t;const s=document.getElementById("brand-style");if(s){const c=document.createElement("style");c.innerHTML=`@import url('${s.href}');`;(t=this.el.shadowRoot)===null||t===void 0?void 0:t.appendChild(c)}}componentWillLoad(){this.applyGlobalStyles()}render(){return c("label",{key:"ec72f67055064e97584c34606c997b671db5c4a6",class:"checkbox-container"},c("input",{key:"5473f8ce3e1b85bbfc7ba2cfa56ed9dc3fc09254",type:"checkbox"}),c("span",{key:"9384407aa8a34a9c20cf46f68d508d71c3e0efa8",class:"checkmark"}),c("slot",{key:"a3d8a7c8a242da4cdf71deddf2349c088bab4785"}))}get el(){return e(this)}};export{a as xv_button_v2,o as xv_checkbox_v2};
|
|
2
|
-
//# sourceMappingURL=p-02843f6e.entry.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["XvButton","constructor","hostRef","this","label","variant","disabled","handleClick","buttonClick","emit","applyGlobalStyles","globalStyle","document","getElementById","styleClone","createElement","innerHTML","href","_a","el","shadowRoot","appendChild","componentWillLoad","render","h","key","class","onClick","XvCheckbox","type"],"sources":["src/components/xv-button/xv-button.tsx","src/components/xv-checkbox/xv-checkbox.tsx"],"sourcesContent":["import { Component, Prop, Event, EventEmitter, h, Element } from '@stencil/core';\r\n\r\n\r\n@Component({\r\n tag: 'xv-button-v2',\r\n shadow: true,\r\n})\r\nexport class XvButton {\r\n @Element() el!: HTMLElement;\r\n\r\n /** Button label */\r\n @Prop() label: string = '';\r\n\r\n /** Variant */\r\n @Prop() variant: 'accent' | 'primary' | 'secondary' | 'tertiary' | 'ghost' = 'primary';\r\n\r\n /** Disabled state */\r\n @Prop() disabled: boolean = false;\r\n\r\n /** Emits when the button is clicked */\r\n @Event() buttonClick!: EventEmitter<void>;\r\n\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 /** Handle click only if not disabled */\r\n private handleClick = () => {\r\n if (this.disabled) {\r\n return;\r\n }\r\n this.buttonClick.emit();\r\n };\r\n\r\n componentWillLoad() {\r\n this.applyGlobalStyles();\r\n }\r\n\r\n render() {\r\n return (\r\n <button\r\n class={`xv-button ${this.variant} ${this.disabled ? 'disabled' : ''}`}\r\n onClick={this.handleClick}\r\n >\r\n {this.label}\r\n </button>\r\n );\r\n }\r\n}\r\n","import { Component, h, Element } 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\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"],"mappings":"+DAOaA,EAAQ,MAJrB,WAAAC,CAAAC,G,mDAQUC,KAAAC,MAAgB,GAGhBD,KAAAE,QAAqE,UAGrEF,KAAAG,SAAoB,MAgBpBH,KAAAI,YAAc,KACpB,GAAIJ,KAAKG,SAAU,CACjB,M,CAEFH,KAAKK,YAAYC,MAAM,C,CAdjB,iBAAAC,G,MACJ,MAAMC,EAAcC,SAASC,eAAe,eAC5C,GAAIF,EAAa,CACf,MAAMG,EAAaF,SAASG,cAAc,SAC1CD,EAAWE,UAAY,gBAAgBL,EAAYM,WACnDC,EAAAf,KAAKgB,GAAGC,cAAU,MAAAF,SAAA,SAAAA,EAAEG,YAAYP,E,EAYtC,iBAAAQ,GACEnB,KAAKO,mB,CAGP,MAAAa,GACE,OACEC,EAAA,UAAAC,IAAA,2CACEC,MAAO,aAAavB,KAAKE,WAAWF,KAAKG,SAAW,WAAa,KACjEqB,QAASxB,KAAKI,aAEbJ,KAAKC,M,iCC5CDwB,EAAU,M,yBAGb,iBAAAlB,G,MACN,MAAMC,EAAcC,SAASC,eAAe,eAC5C,GAAIF,EAAa,CACf,MAAMG,EAAaF,SAASG,cAAc,SAC1CD,EAAWE,UAAY,gBAAgBL,EAAYM,WACnDC,EAAAf,KAAKgB,GAAGC,cAAU,MAAAF,SAAA,SAAAA,EAAEG,YAAYP,E,EAIpC,iBAAAQ,GACEnB,KAAKO,mB,CAGP,MAAAa,GACE,OACEC,EAAA,SAAAC,IAAA,2CAAOC,MAAM,sBACXF,EAAA,SAAAC,IAAA,2CAAOI,KAAK,aACZL,EAAA,QAAAC,IAAA,2CAAMC,MAAM,cACZF,EAAA,QAAAC,IAAA,6C","ignoreList":[]}
|