@ppg_pl/pallete 0.0.4 → 0.0.6

package/dist/pallete/pallete.esm.js

@@ -1,129 +1,2 @@
-import { B as BUILD, c as consoleDevInfo, p as plt, w as win, H, d as doc, N as NAMESPACE, a as promiseResolve, b as bootstrapLazy } from './index-1ac7471e.js';
-import { g as globalScripts } from './app-globals-0f993ce5.js';
-
-/*
- Stencil Client Patch Browser v2.17.0 | MIT Licensed | https://stenciljs.com
- */
-const getDynamicImportFunction = (namespace) => `__sc_import_${namespace.replace(/\s|-/g, '_')}`;
-const patchBrowser = () => {
-    // NOTE!! This fn cannot use async/await!
-    if (BUILD.isDev && !BUILD.isTesting) {
-        consoleDevInfo('Running in development mode.');
-    }
-    if (BUILD.cssVarShim) {
-        // shim css vars
-        plt.$cssShim$ = win.__cssshim;
-    }
-    if (BUILD.cloneNodeFix) {
-        // opted-in to polyfill cloneNode() for slot polyfilled components
-        patchCloneNodeFix(H.prototype);
-    }
-    if (BUILD.profile && !performance.mark) {
-        // not all browsers support performance.mark/measure (Safari 10)
-        // because the mark/measure APIs are designed to write entries to a buffer in the browser that does not exist,
-        // simply stub the implementations out.
-        // TODO(STENCIL-323): Remove this patch when support for older browsers is removed (breaking)
-        // @ts-ignore
-        performance.mark = performance.measure = () => {
-            /*noop*/
-        };
-        performance.getEntriesByName = () => [];
-    }
-    // @ts-ignore
-    const scriptElm = BUILD.scriptDataOpts || BUILD.safari10 || BUILD.dynamicImportShim
-        ? Array.from(doc.querySelectorAll('script')).find((s) => new RegExp(`\/${NAMESPACE}(\\.esm)?\\.js($|\\?|#)`).test(s.src) ||
-            s.getAttribute('data-stencil-namespace') === NAMESPACE)
-        : null;
-    const importMeta = import.meta.url;
-    const opts = BUILD.scriptDataOpts ? scriptElm['data-opts'] || {} : {};
-    if (BUILD.safari10 && 'onbeforeload' in scriptElm && !history.scrollRestoration /* IS_ESM_BUILD */) {
-        // Safari < v11 support: This IF is true if it's Safari below v11.
-        // This fn cannot use async/await since Safari didn't support it until v11,
-        // however, Safari 10 did support modules. Safari 10 also didn't support "nomodule",
-        // so both the ESM file and nomodule file would get downloaded. Only Safari
-        // has 'onbeforeload' in the script, and "history.scrollRestoration" was added
-        // to Safari in v11. Return a noop then() so the async/await ESM code doesn't continue.
-        // IS_ESM_BUILD is replaced at build time so this check doesn't happen in systemjs builds.
-        return {
-            then() {
-                /* promise noop */
-            },
-        };
-    }
-    if (!BUILD.safari10 && importMeta !== '') {
-        opts.resourcesUrl = new URL('.', importMeta).href;
-    }
-    else if (BUILD.dynamicImportShim || BUILD.safari10) {
-        opts.resourcesUrl = new URL('.', new URL(scriptElm.getAttribute('data-resources-url') || scriptElm.src, win.location.href)).href;
-        if (BUILD.dynamicImportShim) {
-            patchDynamicImport(opts.resourcesUrl, scriptElm);
-        }
-        if (BUILD.dynamicImportShim && !win.customElements) {
-            // module support, but no custom elements support (Old Edge)
-            // @ts-ignore
-            return import(/* webpackChunkName: "polyfills-dom" */ './dom-4eeb3fee.js').then(() => opts);
-        }
-    }
-    return promiseResolve(opts);
-};
-const patchDynamicImport = (base, orgScriptElm) => {
-    const importFunctionName = getDynamicImportFunction(NAMESPACE);
-    try {
-        // test if this browser supports dynamic imports
-        // There is a caching issue in V8, that breaks using import() in Function
-        // By generating a random string, we can workaround it
-        // Check https://bugs.chromium.org/p/chromium/issues/detail?id=990810 for more info
-        win[importFunctionName] = new Function('w', `return import(w);//${Math.random()}`);
-    }
-    catch (e) {
-        // this shim is specifically for browsers that do support "esm" imports
-        // however, they do NOT support "dynamic" imports
-        // basically this code is for old Edge, v18 and below
-        const moduleMap = new Map();
-        win[importFunctionName] = (src) => {
-            const url = new URL(src, base).href;
-            let mod = moduleMap.get(url);
-            if (!mod) {
-                const script = doc.createElement('script');
-                script.type = 'module';
-                script.crossOrigin = orgScriptElm.crossOrigin;
-                script.src = URL.createObjectURL(new Blob([`import * as m from '${url}'; window.${importFunctionName}.m = m;`], {
-                    type: 'application/javascript',
-                }));
-                mod = new Promise((resolve) => {
-                    script.onload = () => {
-                        resolve(win[importFunctionName].m);
-                        script.remove();
-                    };
-                });
-                moduleMap.set(url, mod);
-                doc.head.appendChild(script);
-            }
-            return mod;
-        };
-    }
-};
-const patchCloneNodeFix = (HTMLElementPrototype) => {
-    const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;
-    HTMLElementPrototype.cloneNode = function (deep) {
-        if (this.nodeName === 'TEMPLATE') {
-            return nativeCloneNodeFn.call(this, deep);
-        }
-        const clonedNode = nativeCloneNodeFn.call(this, false);
-        const srcChildNodes = this.childNodes;
-        if (deep) {
-            for (let i = 0; i < srcChildNodes.length; i++) {
-                // Node.ATTRIBUTE_NODE === 2, and checking because IE11
-                if (srcChildNodes[i].nodeType !== 2) {
-                    clonedNode.appendChild(srcChildNodes[i].cloneNode(true));
-                }
-            }
-        }
-        return clonedNode;
-    };
-};
-
-patchBrowser().then(options => {
-  globalScripts();
-  return bootstrapLazy([["my-colorinfo",[[0,"my-colorinfo",{"currentColor":[16],"shop":[1],"product":[1],"data":[16],"isMobile":[4,"is-mobile"],"infoBoxWidth":[2,"info-box-width"],"closeImage":[1,"close-image"]}]]],["my-colorbox",[[0,"my-colorbox",{"color":[1],"name":[1],"shop":[1],"product":[1],"isActive":[4,"is-active"],"isCategoryActive":[4,"is-category-active"]}]]],["my-loader",[[2,"my-loader"]]],["my-search",[[2,"my-search",{"productId":[2,"product-id"],"isMobile":[4,"is-mobile"],"searchIcon":[1,"search-icon"],"searchText":[32]}]]],["my-modal",[[0,"my-modal",{"shop":[1],"product":[1],"closeImage":[1,"close-image"],"arrowDown":[1,"arrow-down"],"chunksNum":[32],"data":[32],"preloader":[32],"loading":[32],"colors":[32],"currentColor":[32],"currentIndex":[32],"infoBoxWidth":[32],"boxWidth":[32],"padding":[32],"isMobile":[32],"showRange":[32],"colorCategories":[32],"selectedCategory":[32],"page":[32],"open":[64]},[[0,"closeInfoBox","closeInfoBoxHandler"],[9,"resize","handleResize"],[0,"searchColors","searchColorsHandler"]]]]],["my-backdrop",[[0,"my-backdrop"]]],["my-slider",[[0,"my-slider",{"slides":[16],"shop":[1],"product":[1],"color":[1]}]]],["my-component",[[2,"my-component",{"shop":[1],"product":[1],"show":[32],"open":[64]},[[0,"close","closeModalHandler"]]]]]], options);
-});
+import{p as o,b as e}from"./p-c77aaa54.js";export{s as setNonce}from"./p-c77aaa54.js";const r=()=>{const e=import.meta.url;const r={};if(e!==""){r.resourcesUrl=new URL(".",e).href}return o(r)};r().then((o=>e([["p-9a7eff4f",[[2,"my-component",{shop:[1],product:[1],show:[32],readyToClose:[32],open:[64]},[[0,"readyToCLose","setReadyToCloseHandler"],[0,"close","closeModalHandler"]]],[0,"my-modal",{shop:[1],product:[1],closeImage:[1,"close-image"],arrowDown:[1,"arrow-down"],chunksNum:[32],data:[32],preloader:[32],loading:[32],colors:[32],currentColor:[32],currentIndex:[32],infoBoxWidth:[32],boxWidth:[32],padding:[32],isMobile:[32],showRange:[32],colorCategories:[32],selectedCategory:[32],page:[32],open:[64]},[[0,"closeInfoBox","closeInfoBoxHandler"],[9,"resize","handleResize"],[0,"searchColors","searchColorsHandler"]]],[0,"my-backdrop"],[0,"my-colorinfo",{currentColor:[16],shop:[1],product:[1],data:[16],isMobile:[4,"is-mobile"],infoBoxWidth:[2,"info-box-width"],closeImage:[1,"close-image"]}],[0,"my-colorbox",{color:[1],name:[1],shop:[1],product:[1],isActive:[4,"is-active"],isCategoryActive:[4,"is-category-active"]}],[2,"my-loader"],[2,"my-search",{productId:[2,"product-id"],isMobile:[4,"is-mobile"],searchIcon:[1,"search-icon"],searchText:[32]}],[0,"my-slider",{slides:[16],shop:[1],product:[1],color:[1]}]]]],o)));
+//# sourceMappingURL=pallete.esm.js.map

package/dist/pallete/pallete.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["patchBrowser","importMeta","import","meta","url","opts","resourcesUrl","URL","href","promiseResolve","then","options","bootstrapLazy","shop","product","show","readyToClose","open","closeImage","arrowDown","chunksNum","data","preloader","loading","colors","currentColor","currentIndex","infoBoxWidth","boxWidth","padding","isMobile","showRange","colorCategories","selectedCategory","page","color","name","isActive","isCategoryActive","productId","searchIcon","searchText","slides"],"sources":["./node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v3.1.0 | MIT Licensed | https://stenciljs.com\n */\nimport { BUILD, NAMESPACE } from '@stencil/core/internal/app-data';\nimport { consoleDevInfo, plt, win, doc, promiseResolve, H } from '@stencil/core';\n/**\n * Helper method for querying a `meta` tag that contains a nonce value\n * out of a DOM's head.\n *\n * @param doc The DOM containing the `head` to query against\n * @returns The content of the meta tag representing the nonce value, or `undefined` if no tag\n * exists or the tag has no content.\n */\nfunction queryNonceMetaTagContent(doc) {\n    var _a, _b, _c;\n    return (_c = (_b = (_a = doc.head) === null || _a === void 0 ? void 0 : _a.querySelector('meta[name=\"csp-nonce\"]')) === null || _b === void 0 ? void 0 : _b.getAttribute('content')) !== null && _c !== void 0 ? _c : undefined;\n}\n// TODO(STENCIL-661): Remove code related to the dynamic import shim\nconst getDynamicImportFunction = (namespace) => `__sc_import_${namespace.replace(/\\s|-/g, '_')}`;\nconst patchBrowser = () => {\n    // NOTE!! This fn cannot use async/await!\n    if (BUILD.isDev && !BUILD.isTesting) {\n        consoleDevInfo('Running in development mode.');\n    }\n    // TODO(STENCIL-659): Remove code implementing the CSS variable shim\n    if (BUILD.cssVarShim) {\n        // shim css vars\n        // TODO(STENCIL-659): Remove code implementing the CSS variable shim\n        plt.$cssShim$ = win.__cssshim;\n    }\n    if (BUILD.cloneNodeFix) {\n        // opted-in to polyfill cloneNode() for slot polyfilled components\n        patchCloneNodeFix(H.prototype);\n    }\n    if (BUILD.profile && !performance.mark) {\n        // not all browsers support performance.mark/measure (Safari 10)\n        // because the mark/measure APIs are designed to write entries to a buffer in the browser that does not exist,\n        // simply stub the implementations out.\n        // TODO(STENCIL-323): Remove this patch when support for older browsers is removed (breaking)\n        // @ts-ignore\n        performance.mark = performance.measure = () => {\n            /*noop*/\n        };\n        performance.getEntriesByName = () => [];\n    }\n    // @ts-ignore\n    const scriptElm = \n    // TODO(STENCIL-661): Remove code related to the dynamic import shim\n    // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n    BUILD.scriptDataOpts || BUILD.safari10 || BUILD.dynamicImportShim\n        ? Array.from(doc.querySelectorAll('script')).find((s) => new RegExp(`\\/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) ||\n            s.getAttribute('data-stencil-namespace') === NAMESPACE)\n        : null;\n    const importMeta = import.meta.url;\n    const opts = BUILD.scriptDataOpts ? (scriptElm || {})['data-opts'] || {} : {};\n    // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n    if (BUILD.safari10 && 'onbeforeload' in scriptElm && !history.scrollRestoration /* IS_ESM_BUILD */) {\n        // Safari < v11 support: This IF is true if it's Safari below v11.\n        // This fn cannot use async/await since Safari didn't support it until v11,\n        // however, Safari 10 did support modules. Safari 10 also didn't support \"nomodule\",\n        // so both the ESM file and nomodule file would get downloaded. Only Safari\n        // has 'onbeforeload' in the script, and \"history.scrollRestoration\" was added\n        // to Safari in v11. Return a noop then() so the async/await ESM code doesn't continue.\n        // IS_ESM_BUILD is replaced at build time so this check doesn't happen in systemjs builds.\n        return {\n            then() {\n                /* promise noop */\n            },\n        };\n    }\n    // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n    if (!BUILD.safari10 && importMeta !== '') {\n        opts.resourcesUrl = new URL('.', importMeta).href;\n        // TODO(STENCIL-661): Remove code related to the dynamic import shim\n        // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n    }\n    else if (BUILD.dynamicImportShim || BUILD.safari10) {\n        opts.resourcesUrl = new URL('.', new URL(scriptElm.getAttribute('data-resources-url') || scriptElm.src, win.location.href)).href;\n        // TODO(STENCIL-661): Remove code related to the dynamic import shim\n        if (BUILD.dynamicImportShim) {\n            patchDynamicImport(opts.resourcesUrl, scriptElm);\n        }\n        // TODO(STENCIL-661): Remove code related to the dynamic import shim\n        if (BUILD.dynamicImportShim && !win.customElements) {\n            // module support, but no custom elements support (Old Edge)\n            // @ts-ignore\n            return import(/* webpackChunkName: \"polyfills-dom\" */ './dom.js').then(() => opts);\n        }\n    }\n    return promiseResolve(opts);\n};\n// TODO(STENCIL-661): Remove code related to the dynamic import shim\nconst patchDynamicImport = (base, orgScriptElm) => {\n    const importFunctionName = getDynamicImportFunction(NAMESPACE);\n    try {\n        // test if this browser supports dynamic imports\n        // There is a caching issue in V8, that breaks using import() in Function\n        // By generating a random string, we can workaround it\n        // Check https://bugs.chromium.org/p/chromium/issues/detail?id=990810 for more info\n        win[importFunctionName] = new Function('w', `return import(w);//${Math.random()}`);\n    }\n    catch (e) {\n        // this shim is specifically for browsers that do support \"esm\" imports\n        // however, they do NOT support \"dynamic\" imports\n        // basically this code is for old Edge, v18 and below\n        const moduleMap = new Map();\n        win[importFunctionName] = (src) => {\n            var _a;\n            const url = new URL(src, base).href;\n            let mod = moduleMap.get(url);\n            if (!mod) {\n                const script = doc.createElement('script');\n                script.type = 'module';\n                script.crossOrigin = orgScriptElm.crossOrigin;\n                script.src = URL.createObjectURL(new Blob([`import * as m from '${url}'; window.${importFunctionName}.m = m;`], {\n                    type: 'application/javascript',\n                }));\n                // Apply CSP nonce to the script tag if it exists\n                const nonce = (_a = plt.$nonce$) !== null && _a !== void 0 ? _a : queryNonceMetaTagContent(doc);\n                if (nonce != null) {\n                    script.setAttribute('nonce', nonce);\n                }\n                mod = new Promise((resolve) => {\n                    script.onload = () => {\n                        resolve(win[importFunctionName].m);\n                        script.remove();\n                    };\n                });\n                moduleMap.set(url, mod);\n                doc.head.appendChild(script);\n            }\n            return mod;\n        };\n    }\n};\nconst 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                // Node.ATTRIBUTE_NODE === 2, and checking because IE11\n                if (srcChildNodes[i].nodeType !== 2) {\n                    clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n                }\n            }\n        }\n        return clonedNode;\n    };\n};\nexport { patchBrowser };\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(options => {\n  globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":"sFAmBA,MAAMA,EAAe,KAkCjB,MAAMC,EAAaC,OAAOC,KAAKC,IAC/B,MAAMC,EAAqE,GAiB3E,GAAuBJ,IAAe,GAAI,CACtCI,EAAKC,aAAe,IAAIC,IAAI,IAAKN,GAAYO,IAGrD,CAcI,OAAOC,EAAeJ,EAAK,ECrF/BL,IAAeU,MAAKC,GAEXC,EAAc,kCAA8B,CAAAC,KAAS,IAAAC,QAAA,IAAAC,KAAA,KAAAC,aAAA,KAAAC,KAAA,oGAAAJ,KAAA,IAAAC,QAAA,IAAAI,WAAA,kBAAAC,UAAA,iBAAAC,UAAA,KAAAC,KAAA,KAAAC,UAAA,KAAAC,QAAA,KAAAC,OAAA,KAAAC,aAAA,KAAAC,aAAA,KAAAC,aAAA,KAAAC,SAAA,KAAAC,QAAA,KAAAC,SAAA,KAAAC,UAAA,KAAAC,gBAAA,KAAAC,iBAAA,KAAAC,KAAA,KAAAjB,KAAA,4JAAAQ,aAAA,KAAAZ,KAAA,IAAAC,QAAA,IAAAO,KAAA,KAAAS,SAAA,gBAAAH,aAAA,qBAAAT,WAAA,sCAAAiB,MAAA,IAAAC,KAAA,IAAAvB,KAAA,IAAAC,QAAA,IAAAuB,SAAA,gBAAAC,iBAAA,2DAAAC,UAAA,iBAAAT,SAAA,gBAAAU,WAAA,kBAAAC,WAAA,uBAAAC,OAAA,KAAA7B,KAAA,IAAAC,QAAA,IAAAqB,MAAA,SAAAxB"}

package/dist/types/components/api/services.d.ts

@@ -1,4 +1,4 @@
 import { Color } from '../../types';
-export declare const fetchProductColorsQuery: (id: string, page?: number | undefined) => string;
+export declare const fetchProductColorsQuery: (id: string, page?: number) => string;
 export declare const fetchCategoryColorsQuery: (color: Color) => string;
 export declare const fetchColorByNumber: (productId: number, colorNumber: string) => string;

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

@@ -3,7 +3,9 @@ export declare class MyModalBundle {
   shop: string;
   product: string;
   show: boolean;
+  readyToClose: boolean;
   open(): Promise<void>;
+  setReadyToCloseHandler(value: CustomEvent): void;
   closeModalHandler(): void;
   render(): any;
 }

package/dist/types/components/my-modal/__mocks__/index.d.ts

@@ -0,0 +1,415 @@
+export declare const fetchProductResponse: {
+  data: ({
+    id: number;
+    attributes: {
+      name: string;
+      modalName: string;
+      modalDescription: string;
+      slug: string;
+      useColorImage: boolean;
+      createdAt: string;
+      updatedAt: string;
+      publishedAt: string;
+      modalLogo: {
+        data: {
+          id: number;
+          attributes: {
+            name: string;
+            alternativeText: string;
+            caption: string;
+            width: number;
+            height: number;
+            formats: {
+              small: {
+                ext: string;
+                url: string;
+                hash: string;
+                mime: string;
+                name: string;
+                path: null;
+                size: number;
+                width: number;
+                height: number;
+                provider_metadata: {
+                  public_id: string;
+                  resource_type: string;
+                };
+              };
+              thumbnail: {
+                ext: string;
+                url: string;
+                hash: string;
+                mime: string;
+                name: string;
+                path: null;
+                size: number;
+                width: number;
+                height: number;
+                provider_metadata: {
+                  public_id: string;
+                  resource_type: string;
+                };
+              };
+            };
+            hash: string;
+            ext: string;
+            mime: string;
+            size: number;
+            url: string;
+            previewUrl: null;
+            provider: string;
+            provider_metadata: {
+              public_id: string;
+              resource_type: string;
+            };
+            createdAt: string;
+            updatedAt: string;
+          };
+        };
+      };
+      images: {
+        data: null;
+      };
+      shops: {
+        data: {
+          id: number;
+          attributes: {
+            name: string;
+            createdAt: string;
+            updatedAt: string;
+            publishedAt: string;
+          };
+        }[];
+      };
+      categories: {
+        data: never[];
+      };
+    };
+  } | {
+    id: number;
+    attributes: {
+      name: string;
+      modalName: string;
+      modalDescription: string;
+      slug: string;
+      useColorImage: boolean;
+      createdAt: string;
+      updatedAt: string;
+      publishedAt: string;
+      modalLogo: {
+        data: {
+          id: number;
+          attributes: {
+            name: string;
+            alternativeText: string;
+            caption: string;
+            width: number;
+            height: number;
+            formats: {
+              small: {
+                ext: string;
+                url: string;
+                hash: string;
+                mime: string;
+                name: string;
+                path: null;
+                size: number;
+                width: number;
+                height: number;
+                provider_metadata: {
+                  public_id: string;
+                  resource_type: string;
+                };
+              };
+              thumbnail: {
+                ext: string;
+                url: string;
+                hash: string;
+                mime: string;
+                name: string;
+                path: null;
+                size: number;
+                width: number;
+                height: number;
+                provider_metadata: {
+                  public_id: string;
+                  resource_type: string;
+                };
+              };
+            };
+            hash: string;
+            ext: string;
+            mime: string;
+            size: number;
+            url: string;
+            previewUrl: null;
+            provider: string;
+            provider_metadata: {
+              public_id: string;
+              resource_type: string;
+            };
+            createdAt: string;
+            updatedAt: string;
+          };
+        };
+      };
+      images: {
+        data: {
+          id: number;
+          attributes: {
+            name: string;
+            alternativeText: string;
+            caption: string;
+            width: number;
+            height: number;
+            formats: {
+              small: {
+                ext: string;
+                url: string;
+                hash: string;
+                mime: string;
+                name: string;
+                path: null;
+                size: number;
+                width: number;
+                height: number;
+                provider_metadata: {
+                  public_id: string;
+                  resource_type: string;
+                };
+              };
+              medium: {
+                ext: string;
+                url: string;
+                hash: string;
+                mime: string;
+                name: string;
+                path: null;
+                size: number;
+                width: number;
+                height: number;
+                provider_metadata: {
+                  public_id: string;
+                  resource_type: string;
+                };
+              };
+              thumbnail: {
+                ext: string;
+                url: string;
+                hash: string;
+                mime: string;
+                name: string;
+                path: null;
+                size: number;
+                width: number;
+                height: number;
+                provider_metadata: {
+                  public_id: string;
+                  resource_type: string;
+                };
+              };
+            };
+            hash: string;
+            ext: string;
+            mime: string;
+            size: number;
+            url: string;
+            previewUrl: null;
+            provider: string;
+            provider_metadata: {
+              public_id: string;
+              resource_type: string;
+            };
+            createdAt: string;
+            updatedAt: string;
+          };
+        }[];
+      };
+      shops: {
+        data: {
+          id: number;
+          attributes: {
+            name: string;
+            createdAt: string;
+            updatedAt: string;
+            publishedAt: string;
+          };
+        }[];
+      };
+      categories: {
+        data: {
+          id: number;
+          attributes: {
+            name: string;
+            hex: string;
+            createdAt: string;
+            updatedAt: string;
+          };
+        }[];
+      };
+    };
+  } | {
+    id: number;
+    attributes: {
+      name: string;
+      modalName: string;
+      modalDescription: string;
+      slug: string;
+      useColorImage: boolean;
+      createdAt: string;
+      updatedAt: string;
+      publishedAt: string;
+      modalLogo: {
+        data: {
+          id: number;
+          attributes: {
+            name: string;
+            alternativeText: string;
+            caption: string;
+            width: number;
+            height: number;
+            formats: {
+              small: {
+                ext: string;
+                url: string;
+                hash: string;
+                mime: string;
+                name: string;
+                path: null;
+                size: number;
+                width: number;
+                height: number;
+                provider_metadata: {
+                  public_id: string;
+                  resource_type: string;
+                };
+              };
+              thumbnail: {
+                ext: string;
+                url: string;
+                hash: string;
+                mime: string;
+                name: string;
+                path: null;
+                size: number;
+                width: number;
+                height: number;
+                provider_metadata: {
+                  public_id: string;
+                  resource_type: string;
+                };
+              };
+            };
+            hash: string;
+            ext: string;
+            mime: string;
+            size: number;
+            url: string;
+            previewUrl: null;
+            provider: string;
+            provider_metadata: {
+              public_id: string;
+              resource_type: string;
+            };
+            createdAt: string;
+            updatedAt: string;
+          };
+        };
+      };
+      images: {
+        data: {
+          id: number;
+          attributes: {
+            name: string;
+            alternativeText: null;
+            caption: null;
+            width: number;
+            height: number;
+            formats: {
+              small: {
+                ext: string;
+                url: string;
+                hash: string;
+                mime: string;
+                name: string;
+                path: null;
+                size: number;
+                width: number;
+                height: number;
+                provider_metadata: {
+                  public_id: string;
+                  resource_type: string;
+                };
+              };
+              medium: {
+                ext: string;
+                url: string;
+                hash: string;
+                mime: string;
+                name: string;
+                path: null;
+                size: number;
+                width: number;
+                height: number;
+                provider_metadata: {
+                  public_id: string;
+                  resource_type: string;
+                };
+              };
+              thumbnail: {
+                ext: string;
+                url: string;
+                hash: string;
+                mime: string;
+                name: string;
+                path: null;
+                size: number;
+                width: number;
+                height: number;
+                provider_metadata: {
+                  public_id: string;
+                  resource_type: string;
+                };
+              };
+            };
+            hash: string;
+            ext: string;
+            mime: string;
+            size: number;
+            url: string;
+            previewUrl: null;
+            provider: string;
+            provider_metadata: {
+              public_id: string;
+              resource_type: string;
+            };
+            createdAt: string;
+            updatedAt: string;
+          };
+        }[];
+      };
+      shops: {
+        data: {
+          id: number;
+          attributes: {
+            name: string;
+            createdAt: string;
+            updatedAt: string;
+            publishedAt: string;
+          };
+        }[];
+      };
+      categories: {
+        data: never[];
+      };
+    };
+  })[];
+  meta: {
+    pagination: {
+      page: number;
+      pageSize: number;
+      pageCount: number;
+      total: number;
+    };
+  };
+};

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

@@ -36,9 +36,11 @@ export declare class MyModal {
   watchPropHandler(newValue: Product): void;
   private clearInterval;
   private colorTimer;
-  close: EventEmitter;
   open(): Promise<void>;
+  close: EventEmitter;
   closeModalHandler(): void;
+  readyToCLose: EventEmitter;
+  handleReadyToClose(value: boolean): void;
   closeInfoBoxHandler(): void;
   private chunks;
   private calculateBoxCount;

package/dist/types/components.d.ts

@@ -6,6 +6,7 @@
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { Color, Data, Image, Product } from "./types";
+export { Color, Data, Image, Product } from "./types";
 export namespace Components {
     interface MyBackdrop {
     }
@@ -155,6 +156,7 @@ declare namespace LocalJSX {
         "arrowDown"?: string;
         "closeImage"?: string;
         "onClose"?: (event: MyModalCustomEvent<any>) => void;
+        "onReadyToCLose"?: (event: MyModalCustomEvent<any>) => void;
         "product"?: string;
         "shop"?: string;
     }