@ppg_pl/tinting 0.0.0

package/dist/components/modal-header.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface ModalHeader extends Components.ModalHeader, HTMLElement {}
+export const ModalHeader: {
+  prototype: ModalHeader;
+  new (): ModalHeader;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/modal-header.js

@@ -0,0 +1,8 @@
+import { M as ModalHeader$1, d as defineCustomElement$1 } from './index2.js';
+
+const ModalHeader = ModalHeader$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { ModalHeader, defineCustomElement };
+
+//# sourceMappingURL=modal-header.js.map

package/dist/components/modal-header.js.map

@@ -0,0 +1 @@
+{"file":"modal-header.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/my-backdrop.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface MyBackdrop extends Components.MyBackdrop, HTMLElement {}
+export const MyBackdrop: {
+  prototype: MyBackdrop;
+  new (): MyBackdrop;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/my-backdrop.js

@@ -0,0 +1,8 @@
+import { M as MyBackdrop$1, d as defineCustomElement$1 } from './index6.js';
+
+const MyBackdrop = MyBackdrop$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { MyBackdrop, defineCustomElement };
+
+//# sourceMappingURL=my-backdrop.js.map

package/dist/components/my-backdrop.js.map

@@ -0,0 +1 @@
+{"file":"my-backdrop.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/my-colorbox.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface MyColorbox extends Components.MyColorbox, HTMLElement {}
+export const MyColorbox: {
+  prototype: MyColorbox;
+  new (): MyColorbox;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/my-colorbox.js

@@ -0,0 +1,8 @@
+import { M as MyColorBox, d as defineCustomElement$1 } from './index7.js';
+
+const MyColorbox = MyColorBox;
+const defineCustomElement = defineCustomElement$1;
+
+export { MyColorbox, defineCustomElement };
+
+//# sourceMappingURL=my-colorbox.js.map

package/dist/components/my-colorbox.js.map

@@ -0,0 +1 @@
+{"file":"my-colorbox.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/my-colorinfo.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface MyColorinfo extends Components.MyColorinfo, HTMLElement {}
+export const MyColorinfo: {
+  prototype: MyColorinfo;
+  new (): MyColorinfo;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/my-colorinfo.js

@@ -0,0 +1,8 @@
+import { M as MyColorInfo, d as defineCustomElement$1 } from './index8.js';
+
+const MyColorinfo = MyColorInfo;
+const defineCustomElement = defineCustomElement$1;
+
+export { MyColorinfo, defineCustomElement };
+
+//# sourceMappingURL=my-colorinfo.js.map

package/dist/components/my-colorinfo.js.map

@@ -0,0 +1 @@
+{"file":"my-colorinfo.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/my-component.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface MyComponent extends Components.MyComponent, HTMLElement {}
+export const MyComponent: {
+  prototype: MyComponent;
+  new (): MyComponent;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/my-component.js

@@ -0,0 +1,254 @@
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+import { d as defineCustomElement$a } from './index2.js';
+import { d as defineCustomElement$9 } from './index6.js';
+import { d as defineCustomElement$8 } from './index7.js';
+import { d as defineCustomElement$7 } from './index8.js';
+import { d as defineCustomElement$6 } from './index10.js';
+import { d as defineCustomElement$5 } from './index11.js';
+import { d as defineCustomElement$4 } from './index3.js';
+import { d as defineCustomElement$3 } from './index4.js';
+import { d as defineCustomElement$2 } from './index9.js';
+
+const isObject = (val) => !Array.isArray(val) && val !== null && typeof val === 'object';
+const hasAttributes = ({ vattrs }, requiredAttrs = []) => isObject(vattrs) && requiredAttrs.every(vattrs.hasOwnProperty.bind(vattrs));
+const isTextNode = ({ vtext }) => typeof vtext === 'string';
+// Can't use instanceof HTMLElement because MockHTMLElement during pre-rendering isn't
+const isElement = (val) => typeof val === 'object' && val.nodeType === 1 && typeof val.ownerDocument === 'object';
+const isElementArray = (val) => Array.isArray(val) && val.every(isElement);
+
+const createElement = ({ vtag, vattrs, vchildren, vtext }, utils) => {
+    if (vtext != null) {
+        return document.createTextNode(vtext);
+    }
+    const element = document.createElement(vtag);
+    if (vattrs != null) {
+        for (const key in vattrs) {
+            element.setAttribute(key, vattrs[key]);
+        }
+    }
+    if (vchildren != null) {
+        utils.forEach(vchildren, (child) => {
+            element.appendChild(createElement(child, utils));
+        });
+    }
+    return element;
+};
+const shouldApplyToHead = (val) => isElement(val) || (isElementArray(val) && val.length === 2);
+const applyToHead = (element) => {
+    if (Array.isArray(element)) {
+        return document.head.replaceChild(element[0], element[1]);
+    }
+    return document.head.appendChild(element);
+};
+
+const hasChildren = (node) => Array.isArray(node.vchildren);
+const getFirstChild = (vchildren, utils) => {
+    let firstChild = null;
+    utils.forEach(vchildren || [], (c, i) => {
+        if (i === 0) {
+            firstChild = c;
+            return;
+        }
+    });
+    return firstChild;
+};
+function title(node, head, utils) {
+    const firstChild = getFirstChild(node.vchildren || [], utils);
+    if (firstChild && isTextNode(firstChild)) {
+        return [createElement(node, utils), head.querySelector('title')];
+    }
+}
+function meta(node, head, utils) {
+    var _a, _b, _c;
+    const namePropKey = ((_a = node.vattrs) === null || _a === void 0 ? void 0 : _a.property) ? 'property' : 'name';
+    const namePropValue = ((_b = node.vattrs) === null || _b === void 0 ? void 0 : _b.property) || ((_c = node.vattrs) === null || _c === void 0 ? void 0 : _c.name);
+    const existingElement = head.querySelector(`meta[${namePropKey}="${namePropValue}"]`);
+    if (existingElement !== null) {
+        return [createElement(node, utils), existingElement];
+    }
+    else {
+        return createElement(node, utils);
+    }
+}
+function link(node, _head, utils) {
+    if (!hasChildren(node)) {
+        return createElement(node, utils);
+    }
+}
+function style(node, _head, utils) {
+    const firstChild = getFirstChild(node.vchildren || [], utils);
+    if (firstChild && isTextNode(firstChild)) {
+        return createElement(node, utils);
+    }
+}
+function script(node, _head, utils) {
+    if (hasChildren(node) || hasAttributes(node)) {
+        return createElement(node, utils);
+    }
+}
+function base(node, _head, utils) {
+    if (!hasChildren(node) && hasAttributes(node)) {
+        return createElement(node, utils);
+    }
+}
+const template = createElement;
+const noscript = createElement; // SSR only
+const types = {
+    title,
+    meta,
+    link,
+    style,
+    script,
+    base,
+    template,
+    noscript,
+};
+
+const headExists = document && document.head;
+const validTagNames = Object.keys(types);
+const isValidNode = (node) => validTagNames.indexOf(node.vtag) > -1;
+const renderNode = (node, utils) => types[node.vtag](node, document.head, utils);
+const Helmet = (_props, children, utils) => {
+    if (!headExists) {
+        return null;
+    }
+    const rendered = [];
+    utils.forEach(children, (n) => {
+        if (isValidNode(n)) {
+            rendered.push(renderNode(n, utils));
+        }
+    });
+    // Build an HTMLElement for each provided virtual child
+    rendered
+        .filter(shouldApplyToHead)
+        .forEach(applyToHead);
+    return null;
+};
+
+const indexCss = ".tinting-wrapper.sc-my-component{display:flex;flex-direction:column;align-items:center;justify-content:center}";
+
+const MyModalBundle = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.onSelectedColor = createEvent(this, "onSelectedColor", 7);
+    this.shop = undefined;
+    this.product = undefined;
+    this.baselink = undefined;
+    this.colorname = undefined;
+    this.show = false;
+    this.readyToClose = false;
+  }
+  async open() {
+    this.show = true;
+  }
+  async close() {
+    this.show = false;
+  }
+  setReadyToCloseHandler(value) {
+    this.readyToClose = value.detail.observable;
+  }
+  closeModalHandler() {
+    this.show = false;
+    this.readyToClose = false;
+  }
+  handleSelectedColor(event) {
+    this.onSelectedColor.emit(event.detail);
+  }
+  render() {
+    let content = null;
+    if (this.show) {
+      content = [h("my-backdrop", null), h("my-modal", { shop: this.shop, product: this.product, baselink: this.baselink, selectedcolor: this.colorname })];
+    }
+    return (h("div", { onClick: () => {
+        if (this.readyToClose) {
+          this.closeModalHandler();
+        }
+      } }, h(Helmet, null, h("script", null, `(function (w, d, s, l, i) {
+        w[l] = w[l] || [];
+        w[l].push({ 'gtm.start': new Date().getTime(), 'event': 'gtm.js' });
+        var f = d.getElementsByTagName(s)[0],
+          j = d.createElement(s),
+          dl = l != 'dataLayer' ? '&l=' + l : '';
+        j.async = true;
+        j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
+        f.parentNode.insertBefore(j, f);
+      })(window, document, 'script', 'dataLayer', 'GTM-537BV9VT');`)), h("div", { class: "tinting-wrapper" }, content), h("noscript", null, h("iframe", { src: "https://www.googletagmanager.com/ns.html?id=GTM-537BV9VT", height: "0", width: "0", style: { display: 'none', visibility: 'hidden' } }))));
+  }
+  get modalEl() { return this; }
+  static get style() { return indexCss; }
+}, [2, "my-component", {
+    "shop": [1],
+    "product": [1],
+    "baselink": [1],
+    "colorname": [1],
+    "show": [32],
+    "readyToClose": [32],
+    "open": [64],
+    "close": [64]
+  }, [[0, "readyToCLose", "setReadyToCloseHandler"], [0, "close", "closeModalHandler"], [0, "onSelectedColorEmit", "handleSelectedColor"]]]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["my-component", "modal-header", "my-backdrop", "my-colorbox", "my-colorinfo", "my-loader", "my-modal", "my-search", "my-select", "my-slider"];
+  components.forEach(tagName => { switch (tagName) {
+    case "my-component":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, MyModalBundle);
+      }
+      break;
+    case "modal-header":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$a();
+      }
+      break;
+    case "my-backdrop":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$9();
+      }
+      break;
+    case "my-colorbox":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$8();
+      }
+      break;
+    case "my-colorinfo":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$7();
+      }
+      break;
+    case "my-loader":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$6();
+      }
+      break;
+    case "my-modal":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$5();
+      }
+      break;
+    case "my-search":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$4();
+      }
+      break;
+    case "my-select":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$3();
+      }
+      break;
+    case "my-slider":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+  } });
+}
+
+const MyComponent = MyModalBundle;
+const defineCustomElement = defineCustomElement$1;
+
+export { MyComponent, defineCustomElement };
+
+//# sourceMappingURL=my-component.js.map

package/dist/components/my-component.js.map

@@ -0,0 +1 @@
+{"file":"my-component.js","mappings":"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","names":["RenderTypes"],"sources":["./node_modules/@stencil/helmet/dist/util.js","./node_modules/@stencil/helmet/dist/dom.js","./node_modules/@stencil/helmet/dist/render.js","./node_modules/@stencil/helmet/dist/stencil-helmet.js","./src/components/component/index.scss?tag=my-component&encapsulation=scoped","./src/components/component/index.tsx"],"sourcesContent":["const isObject = (val) => !Array.isArray(val) && val !== null && typeof val === 'object';\nexport const hasAttributes = ({ vattrs }, requiredAttrs = []) => isObject(vattrs) && requiredAttrs.every(vattrs.hasOwnProperty.bind(vattrs));\nexport const isTextNode = ({ vtext }) => typeof vtext === 'string';\n// Can't use instanceof HTMLElement because MockHTMLElement during pre-rendering isn't\nexport const isElement = (val) => typeof val === 'object' && val.nodeType === 1 && typeof val.ownerDocument === 'object';\nexport const isElementArray = (val) => Array.isArray(val) && val.every(isElement);\n","import { isElement, isElementArray } from './util';\nexport const createElement = ({ vtag, vattrs, vchildren, vtext }, utils) => {\n    if (vtext != null) {\n        return document.createTextNode(vtext);\n    }\n    const element = document.createElement(vtag);\n    if (vattrs != null) {\n        for (const key in vattrs) {\n            element.setAttribute(key, vattrs[key]);\n        }\n    }\n    if (vchildren != null) {\n        utils.forEach(vchildren, (child) => {\n            element.appendChild(createElement(child, utils));\n        });\n    }\n    return element;\n};\nexport const shouldApplyToHead = (val) => isElement(val) || (isElementArray(val) && val.length === 2);\nexport const applyToHead = (element) => {\n    if (Array.isArray(element)) {\n        return document.head.replaceChild(element[0], element[1]);\n    }\n    return document.head.appendChild(element);\n};\n","import { hasAttributes, isTextNode } from './util';\nimport { createElement } from './dom';\nconst hasChildren = (node) => Array.isArray(node.vchildren);\nconst getFirstChild = (vchildren, utils) => {\n    let firstChild = null;\n    utils.forEach(vchildren || [], (c, i) => {\n        if (i === 0) {\n            firstChild = c;\n            return;\n        }\n    });\n    return firstChild;\n};\nfunction title(node, head, utils) {\n    const firstChild = getFirstChild(node.vchildren || [], utils);\n    if (firstChild && isTextNode(firstChild)) {\n        return [createElement(node, utils), head.querySelector('title')];\n    }\n}\nfunction meta(node, head, utils) {\n    var _a, _b, _c;\n    const namePropKey = ((_a = node.vattrs) === null || _a === void 0 ? void 0 : _a.property) ? 'property' : 'name';\n    const namePropValue = ((_b = node.vattrs) === null || _b === void 0 ? void 0 : _b.property) || ((_c = node.vattrs) === null || _c === void 0 ? void 0 : _c.name);\n    const existingElement = head.querySelector(`meta[${namePropKey}=\"${namePropValue}\"]`);\n    if (existingElement !== null) {\n        return [createElement(node, utils), existingElement];\n    }\n    else {\n        return createElement(node, utils);\n    }\n}\nfunction link(node, _head, utils) {\n    if (!hasChildren(node)) {\n        return createElement(node, utils);\n    }\n}\nfunction style(node, _head, utils) {\n    const firstChild = getFirstChild(node.vchildren || [], utils);\n    if (firstChild && isTextNode(firstChild)) {\n        return createElement(node, utils);\n    }\n}\nfunction script(node, _head, utils) {\n    if (hasChildren(node) || hasAttributes(node)) {\n        return createElement(node, utils);\n    }\n}\nfunction base(node, _head, utils) {\n    if (!hasChildren(node) && hasAttributes(node)) {\n        return createElement(node, utils);\n    }\n}\nconst template = createElement;\nconst noscript = createElement; // SSR only\nconst types = {\n    title,\n    meta,\n    link,\n    style,\n    script,\n    base,\n    template,\n    noscript,\n};\nexport default types;\n","import RenderTypes from './render';\nimport { shouldApplyToHead, applyToHead } from './dom';\nconst headExists = document && document.head;\nconst validTagNames = Object.keys(RenderTypes);\nconst isValidNode = (node) => validTagNames.indexOf(node.vtag) > -1;\nconst renderNode = (node, utils) => RenderTypes[node.vtag](node, document.head, utils);\nexport const Helmet = (_props, children, utils) => {\n    if (!headExists) {\n        return null;\n    }\n    const rendered = [];\n    const validChildren = [];\n    utils.forEach(children, (n) => {\n        if (isValidNode(n)) {\n            validChildren.push(n);\n            rendered.push(renderNode(n, utils));\n        }\n    });\n    // Build an HTMLElement for each provided virtual child\n    rendered\n        .filter(shouldApplyToHead)\n        .forEach(applyToHead);\n    return null;\n};\nexport default Helmet;\n",".tinting-wrapper {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n","import Helmet from '@stencil/helmet';\nimport { Component, Prop, Method, Element, State, Listen, h, Event, EventEmitter } from '@stencil/core';\nimport { Color } from '../../types';\n\n@Component({\n  tag: 'my-component',\n  styleUrl: 'index.scss',\n  scoped: true,\n})\nexport class MyModalBundle {\n  @Element() modalEl: HTMLElement;\n  @Event({ bubbles: true, composed: true }) onSelectedColor: EventEmitter<Color>;\n  @Prop() shop: string;\n  @Prop() product: string;\n  @Prop() baselink: string;\n  @Prop() colorname: string | null;\n\n  @State() show = false;\n  @State() readyToClose = false;\n\n  @Method()\n  async open() {\n    this.show = true;\n  }\n\n  @Method()\n  async close() {\n    this.show = false;\n  }\n\n  @Listen('readyToCLose')\n  setReadyToCloseHandler(value: CustomEvent) {\n    this.readyToClose = value.detail.observable;\n  }\n\n  @Listen('close')\n  closeModalHandler() {\n    this.show = false;\n    this.readyToClose = false;\n  }\n\n  @Listen('onSelectedColorEmit')\n  handleSelectedColor(event: CustomEvent<Color>) {\n    this.onSelectedColor.emit(event.detail);\n  }\n\n  render() {\n    let content = null;\n    if (this.show) {\n      content = [<my-backdrop></my-backdrop>, <my-modal shop={this.shop} product={this.product} baselink={this.baselink} selectedcolor={this.colorname}></my-modal>];\n    }\n    return (\n      <div\n        onClick={() => {\n          if (this.readyToClose) {\n            this.closeModalHandler();\n          }\n        }}\n      >\n        <Helmet>\n          <script>\n            {`(function (w, d, s, l, i) {\n        w[l] = w[l] || [];\n        w[l].push({ 'gtm.start': new Date().getTime(), 'event': 'gtm.js' });\n        var f = d.getElementsByTagName(s)[0],\n          j = d.createElement(s),\n          dl = l != 'dataLayer' ? '&l=' + l : '';\n        j.async = true;\n        j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl;\n        f.parentNode.insertBefore(j, f);\n      })(window, document, 'script', 'dataLayer', 'GTM-537BV9VT');`}\n          </script>\n        </Helmet>\n        <div class=\"tinting-wrapper\">{content}</div>\n        <noscript>\n          <iframe src=\"https://www.googletagmanager.com/ns.html?id=GTM-537BV9VT\" height=\"0\" width=\"0\" style={{ display: 'none', visibility: 'hidden' }}></iframe>\n        </noscript>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/my-loader.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface MyLoader extends Components.MyLoader, HTMLElement {}
+export const MyLoader: {
+  prototype: MyLoader;
+  new (): MyLoader;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/my-loader.js

@@ -0,0 +1,8 @@
+import { M as MyLoader$1, d as defineCustomElement$1 } from './index10.js';
+
+const MyLoader = MyLoader$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { MyLoader, defineCustomElement };
+
+//# sourceMappingURL=my-loader.js.map

package/dist/components/my-loader.js.map

@@ -0,0 +1 @@
+{"file":"my-loader.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/my-modal.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface MyModal extends Components.MyModal, HTMLElement {}
+export const MyModal: {
+  prototype: MyModal;
+  new (): MyModal;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/my-modal.js

@@ -0,0 +1,8 @@
+import { M as Modal, d as defineCustomElement$1 } from './index11.js';
+
+const MyModal = Modal;
+const defineCustomElement = defineCustomElement$1;
+
+export { MyModal, defineCustomElement };
+
+//# sourceMappingURL=my-modal.js.map

package/dist/components/my-modal.js.map

@@ -0,0 +1 @@
+{"file":"my-modal.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/my-search.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface MySearch extends Components.MySearch, HTMLElement {}
+export const MySearch: {
+  prototype: MySearch;
+  new (): MySearch;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/my-search.js

@@ -0,0 +1,8 @@
+import { M as MySearch$1, d as defineCustomElement$1 } from './index3.js';
+
+const MySearch = MySearch$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { MySearch, defineCustomElement };
+
+//# sourceMappingURL=my-search.js.map

package/dist/components/my-search.js.map

@@ -0,0 +1 @@
+{"file":"my-search.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/my-select.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface MySelect extends Components.MySelect, HTMLElement {}
+export const MySelect: {
+  prototype: MySelect;
+  new (): MySelect;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/my-select.js

@@ -0,0 +1,8 @@
+import { M as MySelect$1, d as defineCustomElement$1 } from './index4.js';
+
+const MySelect = MySelect$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { MySelect, defineCustomElement };
+
+//# sourceMappingURL=my-select.js.map

package/dist/components/my-select.js.map

@@ -0,0 +1 @@
+{"file":"my-select.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/my-slider.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface MySlider extends Components.MySlider, HTMLElement {}
+export const MySlider: {
+  prototype: MySlider;
+  new (): MySlider;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/my-slider.js

@@ -0,0 +1,8 @@
+import { J as JcSwiper, d as defineCustomElement$1 } from './index9.js';
+
+const MySlider = JcSwiper;
+const defineCustomElement = defineCustomElement$1;
+
+export { MySlider, defineCustomElement };
+
+//# sourceMappingURL=my-slider.js.map

package/dist/components/my-slider.js.map

@@ -0,0 +1 @@
+{"file":"my-slider.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}