@ppg_pl/pallete 0.0.4 → 0.0.6

package/dist/pallete/my-backdrop.entry.js

@@ -1,15 +0,0 @@
-import { r as registerInstance } from './index-1ac7471e.js';
-
-const myBackdropCss = ".pallete-wrapper *{font-family:\"Galatea\", sans-serif}my-backdrop{width:100%;height:100%;background-color:rgba(0, 0, 0, 0.7);position:fixed;z-index:100;left:0;top:0}";
-
-const MyBackdrop = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-  }
-  render() {
-    return null;
-  }
-};
-MyBackdrop.style = myBackdropCss;
-
-export { MyBackdrop as my_backdrop };

package/dist/pallete/my-loader.entry.js

@@ -1,15 +0,0 @@
-import { r as registerInstance, h } from './index-1ac7471e.js';
-
-const myLoaderCss = ".container.sc-my-loader{display:flex;justify-content:center;align-items:center;height:100px;overflow:hidden}.item.sc-my-loader{width:20px;height:20px;margin:3px;list-style-type:none;transition:0.5s all ease}.item.sc-my-loader:nth-child(1){animation:right-1 1s infinite alternate;background-color:#b8cf40;animation-delay:20ms}@keyframes right-1{0%{transform:translateY(-18px)}100%{transform:translateY(18px)}}.item.sc-my-loader:nth-child(2){animation:right-2 1s infinite alternate;background-color:#ee4b5e;animation-delay:40ms}@keyframes right-2{0%{transform:translateY(-21px)}100%{transform:translateY(21px)}}.item.sc-my-loader:nth-child(3){animation:right-3 1s infinite alternate;background-color:#ea0f47;animation-delay:60ms}@keyframes right-3{0%{transform:translateY(-24px)}100%{transform:translateY(24px)}}.item.sc-my-loader:nth-child(4){animation:right-4 1s infinite alternate;background-color:#d42840;animation-delay:80ms}@keyframes right-4{0%{transform:translateY(-27px)}100%{transform:translateY(27px)}}.item.sc-my-loader:nth-child(5){animation:right-5 1s infinite alternate;background-color:#8b2850;animation-delay:100ms}@keyframes right-5{0%{transform:translateY(-30px)}100%{transform:translateY(30px)}}";
-
-const MyLoader = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-  }
-  render() {
-    return (h("div", { class: "container" }, h("div", { class: "item" }), h("div", { class: "item" }), h("div", { class: "item" }), h("div", { class: "item" }), h("div", { class: "item" })));
-  }
-};
-MyLoader.style = myLoaderCss;
-
-export { MyLoader as my_loader };

package/dist/pallete/my-search.entry.js

@@ -1,36 +0,0 @@
-import { r as registerInstance, e as createEvent, h, f as getAssetPath } from './index-1ac7471e.js';
-
-const mySearchCss = ".pallete-wrapper.sc-my-search *.sc-my-search{font-family:\"Galatea\", sans-serif}.search.sc-my-search{position:relative;width:400px}@media (max-width: 768px){.search.sc-my-search{width:100%}}.search.sc-my-search input.sc-my-search{margin-bottom:12px;font-size:16px;padding:19px;border-radius:27.35px;border:1px solid #dfdfdf;width:100%}.search.sc-my-search button.sc-my-search{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 = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    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"]
-  }; }
-};
-MySearch.style = mySearchCss;
-
-export { MySearch as my_search };