xv-webcomponents 0.1.4 → 0.1.6

package/dist/cjs/xv-button-v2_2.cjs.entry.js

@@ -0,0 +1,68 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-888a60d0.js');
+
+const XvButton = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.buttonClick = index.createEvent(this, "buttonClick", 7);
+        /** Button label */
+        this.label = '';
+        /** Variant */
+        this.variant = 'primary';
+        /** Disabled state */
+        this.disabled = false;
+        /** Handle click only if not disabled */
+        this.handleClick = () => {
+            if (this.disabled) {
+                return;
+            }
+            this.buttonClick.emit();
+        };
+    }
+    applyGlobalStyles() {
+        var _a;
+        const globalStyle = document.getElementById("brand-style");
+        if (globalStyle) {
+            const styleClone = document.createElement("style");
+            styleClone.innerHTML = `@import url('${globalStyle.href}');`;
+            (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.appendChild(styleClone);
+        }
+    }
+    componentWillLoad() {
+        this.applyGlobalStyles();
+    }
+    render() {
+        return (index.h("button", { key: '7f3af3f4e73a964d9742313bb63ded06ccdb4ea9', class: `xv-button ${this.variant} ${this.disabled ? 'disabled' : ''}`, onClick: this.handleClick }, this.label));
+    }
+    get el() { return index.getElement(this); }
+};
+
+const XvCheckbox = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    applyGlobalStyles() {
+        var _a;
+        const globalStyle = document.getElementById("brand-style");
+        if (globalStyle) {
+            const styleClone = document.createElement("style");
+            styleClone.innerHTML = `@import url('${globalStyle.href}');`;
+            (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.appendChild(styleClone);
+        }
+    }
+    componentWillLoad() {
+        this.applyGlobalStyles();
+    }
+    render() {
+        return (index.h("label", { key: 'ec72f67055064e97584c34606c997b671db5c4a6', class: "checkbox-container" }, index.h("input", { key: '5473f8ce3e1b85bbfc7ba2cfa56ed9dc3fc09254', type: "checkbox" }), index.h("span", { key: '9384407aa8a34a9c20cf46f68d508d71c3e0efa8', class: "checkmark" }), index.h("slot", { key: 'a3d8a7c8a242da4cdf71deddf2349c088bab4785' })));
+    }
+    get el() { return index.getElement(this); }
+};
+
+exports.xv_button_v2 = XvButton;
+exports.xv_checkbox_v2 = XvCheckbox;
+
+//# sourceMappingURL=xv-button-v2_2.cjs.entry.js.map

package/dist/cjs/xv-button-v2_2.cjs.entry.js.map

@@ -0,0 +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;KAgBH;IA/BS,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,IAAI,IAAI,CAAC,QAAQ,GAAG,UAAU,GAAG,EAAE,EAAE,EACrE,OAAO,EAAE,IAAI,CAAC,WAAW,IAExB,IAAI,CAAC,KAAK,CACJ,EACT;KACH;;;;MC/CU,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} ${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"],"version":3}

package/dist/cjs/xv-webcomponents.cjs.js

@@ -0,0 +1,27 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-888a60d0.js');
+const appGlobals = require('./app-globals-3a1e7e63.js');
+
+/*
+ Stencil Client Patch Browser v4.27.1 | MIT Licensed | https://stenciljs.com
+ */
+var patchBrowser = () => {
+  const importMeta = (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('xv-webcomponents.cjs.js', document.baseURI).href));
+  const opts = {};
+  if (importMeta !== "") {
+    opts.resourcesUrl = new URL(".", importMeta).href;
+  }
+  return index.promiseResolve(opts);
+};
+
+patchBrowser().then(async (options) => {
+  await appGlobals.globalScripts();
+  return index.bootstrapLazy([["xv-button-v2_2.cjs",[[1,"xv-button-v2",{"label":[1],"variant":[1],"disabled":[4]}],[1,"xv-checkbox-v2"]]]], options);
+});
+
+exports.setNonce = index.setNonce;
+
+//# sourceMappingURL=xv-webcomponents.cjs.js.map

package/dist/cjs/xv-webcomponents.cjs.js.map

@@ -0,0 +1 @@
+{"file":"xv-webcomponents.cjs.js","mappings":";;;;;;;AAAA;AACA;AACA;AAKA,IAAI,YAAY,GAAG,MAAM;AAUzB,EAAE,MAAM,UAAU,GAAG,kNAAe,CAAC;AACrC,EAAE,MAAM,IAAI,GAAiE,EAAE,CAAC;AAChF,EAAE,IAAI,UAAU,KAAK,EAAE,EAAE;AACzB,IAAI,IAAI,CAAC,YAAY,GAAG,IAAI,GAAG,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC,IAAI,CAAC;AACtD,GAAG;AACH,EAAE,OAAOA,oBAAc,CAAC,IAAI,CAAC,CAAC;AAC9B,CAAC;;ACnBD,YAAY,EAAE,CAAC,IAAI,CAAC,OAAO,OAAO,KAAK;AACvC,EAAE,MAAMC,wBAAa,EAAE,CAAC;AACxB,EAAE,OAAOC,mBAAa,CAAC,4BAA4B,EAAE,OAAO,CAAC,CAAC;AAC9D,CAAC,CAAC;;;;","names":["promiseResolve","globalScripts","bootstrapLazy"],"sources":["node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.27.1 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, H, promiseResolve, win } from \"@stencil/core\";\nvar patchBrowser = () => {\n  if (BUILD.isDev && !BUILD.isTesting) {\n    consoleDevInfo(\"Running in development mode.\");\n  }\n  if (BUILD.cloneNodeFix) {\n    patchCloneNodeFix(H.prototype);\n  }\n  const scriptElm = BUILD.scriptDataOpts ? win.document && Array.from(win.document.querySelectorAll(\"script\")).find(\n    (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n  ) : null;\n  const importMeta = import.meta.url;\n  const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n  if (importMeta !== \"\") {\n    opts.resourcesUrl = new URL(\".\", importMeta).href;\n  }\n  return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n  const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n  HTMLElementPrototype.cloneNode = function(deep) {\n    if (this.nodeName === \"TEMPLATE\") {\n      return nativeCloneNodeFn.call(this, deep);\n    }\n    const clonedNode = nativeCloneNodeFn.call(this, false);\n    const srcChildNodes = this.childNodes;\n    if (deep) {\n      for (let i = 0; i < srcChildNodes.length; i++) {\n        if (srcChildNodes[i].nodeType !== 2) {\n          clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n        }\n      }\n    }\n    return clonedNode;\n  };\n};\nexport {\n  patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n  await globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"version":3}

package/dist/collection/collection-manifest.json

@@ -0,0 +1,13 @@
+{
+  "entries": [
+    "components/xv-button/xv-button.js",
+    "components/xv-checkbox/xv-checkbox.js"
+  ],
+  "compiler": {
+    "name": "@stencil/core",
+    "version": "4.27.1",
+    "typescriptVersion": "5.5.4"
+  },
+  "collections": [],
+  "bundles": []
+}

package/dist/collection/components/xv-button/xv-button.js

@@ -0,0 +1,119 @@
+import { h } from "@stencil/core";
+export class XvButton {
+    constructor() {
+        /** Button label */
+        this.label = '';
+        /** Variant */
+        this.variant = 'primary';
+        /** Disabled state */
+        this.disabled = false;
+        /** Handle click only if not disabled */
+        this.handleClick = () => {
+            if (this.disabled) {
+                return;
+            }
+            this.buttonClick.emit();
+        };
+    }
+    applyGlobalStyles() {
+        var _a;
+        const globalStyle = document.getElementById("brand-style");
+        if (globalStyle) {
+            const styleClone = document.createElement("style");
+            styleClone.innerHTML = `@import url('${globalStyle.href}');`;
+            (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.appendChild(styleClone);
+        }
+    }
+    componentWillLoad() {
+        this.applyGlobalStyles();
+    }
+    render() {
+        return (h("button", { key: '7f3af3f4e73a964d9742313bb63ded06ccdb4ea9', class: `xv-button ${this.variant} ${this.disabled ? 'disabled' : ''}`, onClick: this.handleClick }, this.label));
+    }
+    static get is() { return "xv-button-v2"; }
+    static get encapsulation() { return "shadow"; }
+    static get properties() {
+        return {
+            "label": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Button label"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "label",
+                "reflect": false,
+                "defaultValue": "''"
+            },
+            "variant": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'accent' | 'primary' | 'secondary' | 'tertiary' | 'ghost'",
+                    "resolved": "\"accent\" | \"ghost\" | \"primary\" | \"secondary\" | \"tertiary\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Variant"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "variant",
+                "reflect": false,
+                "defaultValue": "'primary'"
+            },
+            "disabled": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Disabled state"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "disabled",
+                "reflect": false,
+                "defaultValue": "false"
+            }
+        };
+    }
+    static get events() {
+        return [{
+                "method": "buttonClick",
+                "name": "buttonClick",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Emits when the button is clicked"
+                },
+                "complexType": {
+                    "original": "void",
+                    "resolved": "void",
+                    "references": {}
+                }
+            }];
+    }
+    static get elementRef() { return "el"; }
+}
+//# sourceMappingURL=xv-button.js.map

package/dist/collection/components/xv-button/xv-button.js.map

@@ -0,0 +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;KAgBH;IA/BS,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,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,EAAE,EACrE,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} ${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"]}

package/dist/collection/components/xv-checkbox/xv-checkbox.js

@@ -0,0 +1,22 @@
+import { h } from "@stencil/core";
+export class XvCheckbox {
+    applyGlobalStyles() {
+        var _a;
+        const globalStyle = document.getElementById("brand-style");
+        if (globalStyle) {
+            const styleClone = document.createElement("style");
+            styleClone.innerHTML = `@import url('${globalStyle.href}');`;
+            (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.appendChild(styleClone);
+        }
+    }
+    componentWillLoad() {
+        this.applyGlobalStyles();
+    }
+    render() {
+        return (h("label", { key: 'ec72f67055064e97584c34606c997b671db5c4a6', class: "checkbox-container" }, h("input", { key: '5473f8ce3e1b85bbfc7ba2cfa56ed9dc3fc09254', type: "checkbox" }), h("span", { key: '9384407aa8a34a9c20cf46f68d508d71c3e0efa8', class: "checkmark" }), h("slot", { key: 'a3d8a7c8a242da4cdf71deddf2349c088bab4785' })));
+    }
+    static get is() { return "xv-checkbox-v2"; }
+    static get encapsulation() { return "shadow"; }
+    static get elementRef() { return "el"; }
+}
+//# sourceMappingURL=xv-checkbox.js.map

package/dist/collection/components/xv-checkbox/xv-checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"xv-checkbox.js","sourceRoot":"","sources":["../../../src/components/xv-checkbox/xv-checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAMtD,MAAM,OAAO,UAAU;IAGb,iBAAiB;;QACvB,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;QAC9C,CAAC;IACH,CAAC;IAED,iBAAiB;QACf,IAAI,CAAC,iBAAiB,EAAE,CAAC;IAC3B,CAAC;IAED,MAAM;QACJ,OAAO,CACL,8DAAO,KAAK,EAAC,oBAAoB;YAC/B,8DAAO,IAAI,EAAC,UAAU,GAAG;YACzB,6DAAM,KAAK,EAAC,WAAW,GAAQ;YAC/B,8DAAa,CACP,CACT,CAAC;IACJ,CAAC;;;;CACF","sourcesContent":["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"]}

package/dist/collection/index.js

@@ -0,0 +1,11 @@
+/**
+ * @fileoverview entry point for your component library
+ *
+ * This is the entry point for your component library. Use this file to export utilities,
+ * constants or data structure that accompany your components.
+ *
+ * DO NOT use this file to export your components. Instead, use the recommended approaches
+ * to consume components of this package as outlined in the `README.md`.
+ */
+export { format } from './utils/utils';
+//# sourceMappingURL=index.js.map

package/dist/collection/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC","sourcesContent":["/**\r\n * @fileoverview entry point for your component library\r\n *\r\n * This is the entry point for your component library. Use this file to export utilities,\r\n * constants or data structure that accompany your components.\r\n *\r\n * DO NOT use this file to export your components. Instead, use the recommended approaches\r\n * to consume components of this package as outlined in the `README.md`.\r\n */\r\n\r\nexport { format } from './utils/utils';\r\nexport type * from './components.d.ts';\r\n"]}

package/dist/collection/utils/utils.js

@@ -0,0 +1,4 @@
+export function format(first, middle, last) {
+    return (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');
+}
+//# sourceMappingURL=utils.js.map

package/dist/collection/utils/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/utils/utils.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,MAAM,CAAC,KAAc,EAAE,MAAe,EAAE,IAAa;IACnE,OAAO,CAAC,KAAK,IAAI,EAAE,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;AACjF,CAAC","sourcesContent":["export function format(first?: string, middle?: string, last?: string): string {\r\n  return (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');\r\n}\r\n"]}