@ppg_pl/pallete 0.0.1

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,6 @@
+import { M as MySearch$1, d as defineCustomElement$1 } from './my-search2.js';
+
+const MySearch = MySearch$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { MySearch, defineCustomElement };

package/dist/components/my-search2.js

@@ -0,0 +1,55 @@
+import { proxyCustomElement, HTMLElement, createEvent, h, getAssetPath } from '@stencil/core/internal/client';
+
+const mySearchCss = "html{font-size:62.5%}body{font-size:1.5rem}*{font-family:\"Galatea\", sans-serif}.search{position:relative;width:400px}@media (max-width: 768px){.search{width:100%}}.search input{margin-bottom:12px;font-size:1.6rem;padding:19px;border-radius:27.35px;border:1px solid #dfdfdf;width:100%}.search button{position:absolute;border:none;background-color:transparent;right:-20px;top:0;width:50px;height:calc(100% - 12px);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}";
+
+const MySearch = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.searchColors = createEvent(this, "searchColors", 7);
+    this.searchIcon = 'search.svg';
+    this.searchText = null;
+    this.fetchColorsByName = (text) => {
+      this.searchColors.emit(text);
+    };
+  }
+  onInputChangeValue(event) {
+    const value = event.target.value;
+    this.searchColors.emit(value);
+    this.searchText = value;
+  }
+  fetchColorsByNameHandle(newValue) {
+    this.fetchColorsByName(newValue);
+  }
+  render() {
+    return (h("div", { class: 'search' }, h("input", { placeholder: this.isMobile ? 'Wyszukaj kolor' : 'Wyszukaj kolor po nazwie bądź numerze', value: this.searchText || '', type: "text", onInput: this.onInputChangeValue.bind(this) }), h("button", { onClick: () => {
+        this.searchText && this.fetchColorsByName(this.searchText);
+        this.searchText = '';
+      } }, h("img", { src: getAssetPath(`./assets/${this.searchIcon}`), alt: "arrow_down" }))));
+  }
+  static get assetsDirs() { return ["assets"]; }
+  static get watchers() { return {
+    "searchText": ["fetchColorsByNameHandle"]
+  }; }
+  static get style() { return mySearchCss; }
+}, [0, "my-search", {
+    "productId": [2, "product-id"],
+    "isMobile": [4, "is-mobile"],
+    "searchIcon": [1, "search-icon"],
+    "searchText": [32]
+  }]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["my-search"];
+  components.forEach(tagName => { switch (tagName) {
+    case "my-search":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, MySearch);
+      }
+      break;
+  } });
+}
+
+export { MySearch as M, defineCustomElement as d };

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,6 @@
+import { J as JcSwiper, d as defineCustomElement$1 } from './index2.js';
+
+const MySlider = JcSwiper;
+const defineCustomElement = defineCustomElement$1;
+
+export { MySlider, defineCustomElement };