xv-webcomponents 0.1.3 → 0.1.5

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

@@ -0,0 +1,49 @@
+import { p as proxyCustomElement, H, h } from './p-892a2cc1.js';
+
+const XvCheckbox = /*@__PURE__*/ proxyCustomElement(class XvCheckbox extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.detectedBrand = 'default-brand';
+    }
+    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: '5b52e52e84e105f1e438161646f405cb51b9b12d', class: "checkbox-container" }, h("input", { key: '4aabb597947bf1433df13eec5a92be5d7b12cc93', type: "checkbox" }), h("span", { key: '42b26aaf91da25599dea3451210c328092b69f48', class: "checkmark" }), h("slot", { key: '1ad84ced058884114ce67cca80228d23dbd0dd16' })));
+    }
+    get el() { return this; }
+}, [1, "xv-checkbox-v2", {
+        "detectedBrand": [32]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["xv-checkbox-v2"];
+    components.forEach(tagName => { switch (tagName) {
+        case "xv-checkbox-v2":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, XvCheckbox);
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const XvCheckboxV2 = XvCheckbox;
+const defineCustomElement = defineCustomElement$1;
+
+export { XvCheckboxV2, defineCustomElement };
+
+//# sourceMappingURL=xv-checkbox-v2.js.map

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

@@ -0,0 +1 @@
+{"file":"xv-checkbox-v2.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}