@swisspost/design-system-components 1.3.3 → 1.3.4

package/dist/post-components/{p-d2e9b37c.js → p-87bf3416.js}

@@ -1,2 +1,2 @@
-function r(r,o,n){if(!o.includes(r))throw new Error(n)}function o(r,o,n){const t=o==="array";const a=Array.isArray(r);if(t||a){if(a!==t)throw new Error(n)}else{if(typeof r!==o)throw new Error(n)}}const n="1.3.3";export{r as a,o as c,n as v};
-//# sourceMappingURL=p-d2e9b37c.js.map
+function r(r,o,n){if(!o.includes(r))throw new Error(n)}function o(r,o,n){const t=o==="array";const a=Array.isArray(r);if(t||a){if(a!==t)throw new Error(n)}else{if(typeof r!==o)throw new Error(n)}}const n="1.3.4";export{r as a,o as c,n as v};
+//# sourceMappingURL=p-87bf3416.js.map

package/dist/post-components/post-components.esm.js

@@ -1,2 +1,2 @@
-import{p as e,b as a}from"./p-0c286590.js";export{s as setNonce}from"./p-0c286590.js";const o=()=>{const a=import.meta.url;const o={};if(a!==""){o.resourcesUrl=new URL(".",a).href}return e(o)};o().then((e=>a([["p-72fc6cda",[[1,"post-collapsible",{collapsed:[4],headingLevel:[2,"heading-level"],collapseClasses:[32],collapseHeight:[32],collapsibleId:[32],hasHeader:[32],headingTag:[32],isOpen:[32],onAccordionButtonClick:[32],toggle:[64]}]]],["p-20d342a4",[[1,"post-icon",{animation:[1],base:[1],flipH:[4,"flip-h"],flipV:[4,"flip-v"],name:[1],rotate:[2],scale:[2],pathForceCDN:[32],svgOutput:[32]}]]]],e)));
+import{p as e,b as o}from"./p-0c286590.js";export{s as setNonce}from"./p-0c286590.js";const l=()=>{const s=import.meta.url;const o={};if(s!==""){o.resourcesUrl=new URL(".",s).href}return e(o)};l().then((e=>o([["p-7dd960f1",[[1,"post-collapsible",{collapsed:[4],headingLevel:[2,"heading-level"],collapseClasses:[32],collapseHeight:[32],collapsibleId:[32],hasHeader:[32],headingTag:[32],isOpen:[32],onAccordionButtonClick:[32],toggle:[64]}]]],["p-6e225c16",[[1,"post-icon",{animation:[1],base:[1],flipH:[4,"flip-h"],flipV:[4,"flip-v"],name:[1],rotate:[2],scale:[2],pathForceCDN:[32],svgStyles:[32],svgOutput:[32]}]]]],e)));
 //# sourceMappingURL=post-components.esm.js.map

package/dist/post-components/post-components.esm.js.map

@@ -1 +1 @@
-{"version":3,"names":["patchBrowser","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","then","options","bootstrapLazy","collapsed","headingLevel","collapseClasses","collapseHeight","collapsibleId","hasHeader","headingTag","isOpen","onAccordionButtonClick","toggle","animation","base","flipH","flipV","name","rotate","scale","pathForceCDN","svgOutput"],"sources":["../../node_modules/.pnpm/@stencil+core@3.2.0/node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v3.2.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,cAAyBC,IAC/B,MAAMC,EAAqE,GAiB3E,GAAuBF,IAAe,GAAI,CACtCE,EAAKC,aAAe,IAAIC,IAAI,IAAKJ,GAAYK,IAGrD,CAcI,OAAOC,EAAeJ,EAAK,ECrF/BH,IAAeQ,MAAKC,GAEXC,EAAc,sCAAsC,CAACC,UAAA,IAAAC,aAAA,oBAAAC,gBAAA,KAAAC,eAAA,KAAAC,cAAA,KAAAC,UAAA,KAAAC,WAAA,KAAAC,OAAA,KAAAC,uBAAA,KAAAC,OAAA,wCAAAC,UAAA,IAAAC,KAAA,IAAAC,MAAA,aAAAC,MAAA,aAAAC,KAAA,IAAAC,OAAA,IAAAC,MAAA,IAAAC,aAAA,KAAAC,UAAA,UAAApB"}
+{"version":3,"names":["patchBrowser","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","then","options","bootstrapLazy","collapsed","headingLevel","collapseClasses","collapseHeight","collapsibleId","hasHeader","headingTag","isOpen","onAccordionButtonClick","toggle","animation","base","flipH","flipV","name","rotate","scale","pathForceCDN","svgStyles","svgOutput"],"sources":["../../node_modules/.pnpm/@stencil+core@3.2.0/node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v3.2.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,cAAyBC,IAC/B,MAAMC,EAAqE,GAiB3E,GAAuBF,IAAe,GAAI,CACtCE,EAAKC,aAAe,IAAIC,IAAI,IAAKJ,GAAYK,IAGrD,CAcI,OAAOC,EAAeJ,EAAK,ECrF/BH,IAAeQ,MAAKC,GAEXC,EAAc,sCAAsC,CAACC,UAAA,IAAAC,aAAA,oBAAAC,gBAAA,KAAAC,eAAA,KAAAC,cAAA,KAAAC,UAAA,KAAAC,WAAA,KAAAC,OAAA,KAAAC,uBAAA,KAAAC,OAAA,wCAAAC,UAAA,IAAAC,KAAA,IAAAC,MAAA,aAAAC,MAAA,aAAAC,KAAA,IAAAC,OAAA,IAAAC,MAAA,IAAAC,aAAA,KAAAC,UAAA,KAAAC,UAAA,UAAArB"}

package/dist/types/components/post-icon/post-icon.d.ts

@@ -1,3 +1,5 @@
+declare const ANIMATION_NAMES: readonly ["cylon", "cylon-vertical", "spin", "spin-reverse", "fade", "throb"];
+type Animation = (typeof ANIMATION_NAMES)[number];
 /**
  * @class PostIcon - representing a stencil component
  */
@@ -5,17 +7,20 @@ export declare class PostIcon {
   private path;
   private loadedPath;
   private svgSource;
+  private svgElement;
+  host: HTMLPostIconElement;
   pathForceCDN: boolean;
+  svgStyles: string;
   svgOutput: string;
   /**
-   * The name of the animation (`cylon`, `cylon-vertical`, `spin`, `spin-reverse`, `fade`, `throb`).
+   * The name of the animation.
    */
-  readonly animation?: string;
-  validateAnimation(newValue?: string): void;
+  readonly animation?: Animation | null;
+  validateAnimation(newValue?: "cylon" | "cylon-vertical" | "spin" | "spin-reverse" | "fade" | "throb"): void;
   /**
-   * The base path, where the icons are located (must be a public url).
+   * The base path, where the icons are located (must be a public url).<br/>Leave this field empty to use the default cdn url.
    */
-  readonly base?: string;
+  readonly base?: string | null;
   validateBase(newValue?: string): void;
   /**
    * When set to `true`, the icon will be flipped horizontally.
@@ -33,20 +38,22 @@ export declare class PostIcon {
   readonly name: string;
   validateName(newValue?: string): void;
   /**
-   * The `number` of degree for the css `rotate` transformation.
+   * The number of degree for the css rotate transformation.
    */
-  readonly rotate?: number;
+  readonly rotate?: number | null;
   validateRotate(newValue?: number): void;
   /**
-   * The `number` for the css `scale` transformation.
+   * The number for the css scale transformation.
    */
-  readonly scale?: number;
+  readonly scale?: number | null;
   validateScale(newValue?: number): void;
   componentWillLoad(): void;
   componentWillRender(): void;
   private setPath;
   private getPath;
   private fetchIcon;
+  private createIconFromStorage;
   private createIcon;
   render(): any;
 }
+export {};

package/dist/types/components.d.ts

@@ -25,13 +25,13 @@ export namespace Components {
      */
     interface PostIcon {
         /**
-          * The name of the animation (`cylon`, `cylon-vertical`, `spin`, `spin-reverse`, `fade`, `throb`).
+          * The name of the animation.
          */
-        "animation"?: string;
+        "animation"?: Animation | null;
         /**
-          * The base path, where the icons are located (must be a public url).
+          * The base path, where the icons are located (must be a public url).<br/>Leave this field empty to use the default cdn url.
          */
-        "base"?: string;
+        "base"?: string | null;
         /**
           * When set to `true`, the icon will be flipped horizontally.
          */
@@ -45,13 +45,13 @@ export namespace Components {
          */
         "name": string;
         /**
-          * The `number` of degree for the css `rotate` transformation.
+          * The number of degree for the css rotate transformation.
          */
-        "rotate"?: number;
+        "rotate"?: number | null;
         /**
-          * The `number` for the css `scale` transformation.
+          * The number for the css scale transformation.
          */
-        "scale"?: number;
+        "scale"?: number | null;
     }
 }
 declare global {
@@ -91,13 +91,13 @@ declare namespace LocalJSX {
      */
     interface PostIcon {
         /**
-          * The name of the animation (`cylon`, `cylon-vertical`, `spin`, `spin-reverse`, `fade`, `throb`).
+          * The name of the animation.
          */
-        "animation"?: string;
+        "animation"?: Animation | null;
         /**
-          * The base path, where the icons are located (must be a public url).
+          * The base path, where the icons are located (must be a public url).<br/>Leave this field empty to use the default cdn url.
          */
-        "base"?: string;
+        "base"?: string | null;
         /**
           * When set to `true`, the icon will be flipped horizontally.
          */
@@ -109,15 +109,15 @@ declare namespace LocalJSX {
         /**
           * The name/id of the icon (e.g. 1000, 1001, ...).
          */
-        "name"?: string;
+        "name": string;
         /**
-          * The `number` of degree for the css `rotate` transformation.
+          * The number of degree for the css rotate transformation.
          */
-        "rotate"?: number;
+        "rotate"?: number | null;
         /**
-          * The `number` for the css `scale` transformation.
+          * The number for the css scale transformation.
          */
-        "scale"?: number;
+        "scale"?: number | null;
     }
     interface IntrinsicElements {
         "post-collapsible": PostCollapsible;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@swisspost/design-system-components",
-  "version": "1.3.3",
+  "version": "1.3.4",
   "description": "A collection of web components built with Stencil JS for the Swiss Post Design System.",
   "license": "Apache-2.0",
   "main": "dist/index.cjs.js",
@@ -32,21 +32,21 @@
     "@percy/cypress": "3.1.2",
     "@popperjs/core": "2.11.7",
     "@stencil-community/eslint-plugin": "^0.5.0",
-    "@stencil/react-output-target": "0.4.0",
+    "@stencil/react-output-target": "0.5.0",
     "@stencil/sass": "3.0.0",
     "@swisspost/design-system-styles": "6.1.0",
     "@types/jest": "27.5.2",
-    "@typescript-eslint/eslint-plugin": "5.56.0",
-    "@typescript-eslint/parser": "5.56.0",
+    "@typescript-eslint/eslint-plugin": "5.57.1",
+    "@typescript-eslint/parser": "5.57.1",
     "bootstrap": "5.2.3",
-    "cypress": "12.8.1",
+    "cypress": "12.9.0",
     "cypress-storybook": "0.5.1",
-    "eslint": "8.36.0",
+    "eslint": "8.37.0",
     "eslint-plugin-react": "7.32.2",
     "jest": "27.5.1",
     "jest-cli": "27.5.1",
     "npm-run-all": "4.1.5",
-    "puppeteer": "19.8.0",
+    "puppeteer": "19.8.3",
     "sass": "1.60.0",
     "typescript": "4.9.5"
   },

package/dist/post-components/p-20d342a4.entry.js

@@ -1,2 +0,0 @@
-import{r as i,h as t,H as n}from"./p-0c286590.js";import{c as s,a as e,v as o}from"./p-d2e9b37c.js";const a=[undefined,null,""];function r(i){return(...t)=>{const n=t[0];if(!a.some((i=>i===n)))i(...t)}}function l(i,t){if(a.some((t=>t===i))){throw new Error(t)}}const h=r(e);const c=r(s);const m=":host{display:inline-block;width:1em;vertical-align:-0.15em}svg{display:block;width:100%;fill:currentColor}:host([flip-h]) svg{scale:-1 1}:host([flip-v]) svg{scale:1 -1}:host([flip-h][flip-v]) svg{scale:-1}:host([animation]) svg{transform-origin:center}:host([animation=cylon]) svg{animation:icon-animation-cylon 0.75s ease-in-out infinite alternate}:host([animation=cylon-vertical]) svg{animation:icon-animation-cylon-vertical 0.75s ease-in-out infinite alternate}:host([animation=spin]) svg{animation:icon-animation-spin 2s linear infinite normal}:host([animation=spin-reverse]) svg{animation:icon-animation-spin 2s linear infinite reverse}:host([animation=fade]) svg{animation:icon-animation-fade 0.75s ease-in-out infinite alternate}:host([animation=throb]) svg{animation:icon-animation-throb 0.75s ease-in-out infinite alternate}@keyframes icon-animation-cylon{from{transform:translateX(-25%)}to{transform:translateX(25%)}}@keyframes icon-animation-cylon-vertical{from{transform:translateY(25%)}to{transform:translateY(-25%)}}@keyframes icon-animation-fade{from{opacity:0.1}to{opacity:1}}@keyframes icon-animation-spin{from{transform:rotate(0deg)}to{transform:rotate(359deg)}}@keyframes icon-animation-throb{from{opacity:0.5;transform:scale(0.5)}to{opacity:1;transform:scale(1)}}";const d="https://unpkg.com/@swisspost/design-system-icons/public/post-icons";const f=["cylon","cylon-vertical","spin","spin-reverse","fade","throb"];const p=class{constructor(t){i(this,t);this.svgSource='<svg viewBox="0 0 16 16"></svg>';this.pathForceCDN=false;this.svgOutput=undefined;this.animation=undefined;this.base=undefined;this.flipH=undefined;this.flipV=undefined;this.name=undefined;this.rotate=undefined;this.scale=undefined}validateAnimation(i=this.animation){if(i!==undefined)h(i,f,`The post-icon "animation" prop requires one of the following values: ${f.join(", ")}.`)}validateBase(i=this.base){c(i,"string",'The post-icon "base" prop should be a string.')}validateFlipH(i=this.flipH){c(i,"boolean",'The post-icon "flipH" prop should be a boolean.')}validateFlipV(i=this.flipV){c(i,"boolean",'The post-icon "flipV" prop should be a boolean.')}validateName(i=this.name){l(i,'The post-icon "name" prop is required!.');s(i,"string",'The post-icon "name" prop should be a string.')}validateRotate(i=this.rotate){c(i,"number",'The post-icon "rotate" prop should be a number.')}validateScale(i=this.scale){c(i,"number",'The post-icon "scale" prop should be a number.')}componentWillLoad(){this.validateBase();this.validateName();this.validateFlipH();this.validateFlipV();this.validateScale();this.validateRotate();this.validateAnimation()}componentWillRender(){this.setPath();if(this.name&&this.path!==this.loadedPath){this.loadedPath=this.path;this.fetchIcon().then((i=>{if(i)this.createIcon()})).catch((i=>{console.error(i)}))}}setPath(){var i;let t;const n=document.head.querySelector('meta[name="design-system-settings"][data-post-icon-base]');if(this.base){t=this.base}else if(n){t=n.getAttribute("data-post-icon-base")}else{t=d}this.path=this.getPath(this.pathForceCDN?d:t);this.svgSource=(i=window.localStorage.getItem(`post-icon-${this.name}`))!==null&&i!==void 0?i:this.svgSource;this.pathForceCDN=false}getPath(i){return new URL([...i.split("/"),`${this.name}.svg#icon`].join("/"),window.location.origin).toString()}fetchIcon(){return new Promise(((i,t)=>{fetch(this.path).then((i=>i.text())).then((t=>{const n=t.match(/^<svg\b([\s\S]*)><\/svg>/);if(n!==null){this.svgSource=n[0];window.localStorage.setItem(`post-icon-${this.name}`,this.svgSource);i(true)}else if(this.path!==this.getPath(d)){console.warn(`Warning in <post-icon/>: The path "${this.path}" seems to be no svg-only content. We'll gonna try to load the icon from the cdn.`);this.pathForceCDN=true;i(false)}})).catch(t)}))}createIcon(){const i=Object.entries({scale:this.scale&&!isNaN(Number(this.scale))?`${this.scale}`:null,rotate:this.rotate&&!isNaN(Number(this.rotate))?`${this.rotate}deg`:null}).filter((([i,t])=>t!==null)).map((([i,t])=>`${i}: ${t}`)).join(";");const t=document.createElement("div");t.innerHTML=this.svgSource;const n=t.querySelector("svg");n.setAttribute("style",i);this.svgOutput=t.innerHTML}render(){return t(n,{"data-version":o},t("div",{innerHTML:this.svgOutput}))}static get watchers(){return{animation:["validateAnimation"],base:["validateBase"],flipH:["validateFlipH"],flipV:["validateFlipV"],name:["validateName"],rotate:["validateRotate"],scale:["validateScale"]}}};p.style=m;export{p as post_icon};
-//# sourceMappingURL=p-20d342a4.entry.js.map

package/dist/post-components/p-20d342a4.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["EMPTY_VALUES","undefined","emptyOr","check","args","value","some","v","checkNonEmpty","error","Error","checkEmptyOrOneOf","checkOneOf","checkEmptyOrType","checkType","postIconCss","CDN_URL","ANIMATION_KEYS","PostIcon","this","svgSource","validateAnimation","newValue","animation","join","validateBase","base","validateFlipH","flipH","validateFlipV","flipV","validateName","name","validateRotate","rotate","validateScale","scale","componentWillLoad","componentWillRender","setPath","path","loadedPath","fetchIcon","then","successfullyLoaded","createIcon","catch","console","basePath","metaBase","document","head","querySelector","getAttribute","getPath","pathForceCDN","_a","window","localStorage","getItem","URL","split","location","origin","toString","Promise","resolve","reject","fetch","response","text","textResponse","match","setItem","warn","svgStyles","Object","entries","isNaN","Number","filter","_key","map","key","helperElement","createElement","innerHTML","svgElement","setAttribute","svgOutput","render","h","Host","version"],"sources":["./src/utils/property-checkers/constants.ts","./src/utils/property-checkers/empty-or.ts","./src/utils/property-checkers/check-non-empty.ts","./src/utils/property-checkers/index.ts","./src/components/post-icon/post-icon.scss?tag=post-icon&encapsulation=shadow","./src/components/post-icon/post-icon.tsx"],"sourcesContent":["export const EMPTY_VALUES = [undefined, null, ''];\n","import { EMPTY_VALUES } from './constants';\n\nexport function emptyOr<T extends unknown[]>(check: (...args: T) => void) {\n  return (...args: T) => {\n    const value = args[0];\n    if (!EMPTY_VALUES.some(v => v === value)) check(...args);\n  };\n}\n","import { EMPTY_VALUES } from './constants';\n\nexport function checkNonEmpty(value: unknown, error: string) {\n  if (EMPTY_VALUES.some(v => v === value)) {\n    throw new Error(error);\n  }\n}\n","import { emptyOr } from './empty-or';\nimport { checkOneOf } from './check-one-of';\nimport { checkType } from './check-type';\n\nexport const checkEmptyOrOneOf = emptyOr(checkOneOf);\nexport const checkEmptyOrType = emptyOr(checkType);\n\nexport * from './check-non-empty';\nexport * from './check-one-of';\nexport * from './check-type';\n","@use 'sass:map';\n\n$post-icon-animations: (\n  'cylon': icon-animation-cylon .75s ease-in-out infinite alternate,\n  'cylon-vertical': icon-animation-cylon-vertical .75s ease-in-out infinite alternate,\n  'spin': icon-animation-spin 2s linear infinite normal,\n  'spin-reverse': icon-animation-spin 2s linear infinite reverse,\n  'fade': icon-animation-fade .75s ease-in-out infinite alternate,\n  'throb': icon-animation-throb .75s ease-in-out infinite alternate\n);\n\n:host {\n  display: inline-block;\n  width: 1em;\n  vertical-align: -0.15em;\n}\n\nsvg {\n  display: block;\n  width: 100%;\n  fill: currentColor;\n}\n\n// flip\n\n:host([flip-h]) {\n  svg { scale: -1 1; }\n}\n\n:host([flip-v]) {\n  svg { scale: 1 -1; }\n}\n\n:host([flip-h][flip-v]) {\n  svg { scale: -1; }\n}\n\n// scale\n// done with inline styling\n\n// rotate\n// done with inline styling\n\n// animation\n\n:host([animation]) {\n  svg {\n    transform-origin: center;\n  }\n}\n\n@each $key, $value in $post-icon-animations {\n  :host([animation=\"#{$key}\"]) {\n    svg {\n      animation: $value;\n    }\n  }\n}\n\n@keyframes icon-animation-cylon {\n  from { transform: translateX(-25%) }\n  to { transform: translateX(25%) }\n}\n\n@keyframes icon-animation-cylon-vertical {\n  from { transform: translateY(25%); }\n  to { transform: translateY(-25%); }\n}\n\n@keyframes icon-animation-fade {\n  from { opacity: .1; }\n  to { opacity: 1; }\n}\n\n@keyframes icon-animation-spin {\n  from { transform: rotate(0deg); }\n  to { transform: rotate(359deg); }\n}\n\n@keyframes icon-animation-throb {\n  from {\n    opacity: .5;\n    transform: scale(0.5);\n  }\n  to {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n","import { Component, Host, h, Prop, State, Watch } from '@stencil/core';\nimport { checkNonEmpty, checkType, checkEmptyOrType, checkEmptyOrOneOf } from '../../utils';\nimport { version } from '../../../package.json';\n\nconst CDN_URL = 'https://unpkg.com/@swisspost/design-system-icons/public/post-icons';\nconst ANIMATION_KEYS = ['cylon', 'cylon-vertical', 'spin', 'spin-reverse', 'fade', 'throb'];\n\n/**\n * @class PostIcon - representing a stencil component\n */\n@Component({\n  tag: 'post-icon',\n  styleUrl: 'post-icon.scss',\n  shadow: true,\n})\nexport class PostIcon {\n  private path: string;\n  private loadedPath: string;\n  private svgSource = '<svg viewBox=\"0 0 16 16\"></svg>';\n\n  @State() pathForceCDN = false;\n  @State() svgOutput: string;\n\n  /**\n   * The name of the animation (`cylon`, `cylon-vertical`, `spin`, `spin-reverse`, `fade`, `throb`).\n   */\n  @Prop() readonly animation?: string;\n\n  @Watch('animation')\n  validateAnimation(newValue = this.animation) {\n    if (newValue !== undefined)\n      checkEmptyOrOneOf(\n        newValue,\n        ANIMATION_KEYS,\n        `The post-icon \"animation\" prop requires one of the following values: ${ANIMATION_KEYS.join(\n          ', ',\n        )}.`,\n      );\n  }\n\n  /**\n   * The base path, where the icons are located (must be a public url).\n   */\n  @Prop() readonly base?: string;\n\n  @Watch('base')\n  validateBase(newValue = this.base) {\n    checkEmptyOrType(newValue, 'string', 'The post-icon \"base\" prop should be a string.');\n  }\n\n  /**\n   * When set to `true`, the icon will be flipped horizontally.\n   */\n  @Prop() readonly flipH?: boolean;\n\n  @Watch('flipH')\n  validateFlipH(newValue = this.flipH) {\n    checkEmptyOrType(newValue, 'boolean', 'The post-icon \"flipH\" prop should be a boolean.');\n  }\n\n  /**\n   * When set to `true`, the icon will be flipped vertically.\n   */\n  @Prop() readonly flipV?: boolean;\n\n  @Watch('flipV')\n  validateFlipV(newValue = this.flipV) {\n    checkEmptyOrType(newValue, 'boolean', 'The post-icon \"flipV\" prop should be a boolean.');\n  }\n\n  /**\n   * The name/id of the icon (e.g. 1000, 1001, ...).\n   */\n  @Prop() readonly name: string;\n\n  @Watch('name')\n  validateName(newValue = this.name) {\n    checkNonEmpty(newValue, 'The post-icon \"name\" prop is required!.');\n    checkType(newValue, 'string', 'The post-icon \"name\" prop should be a string.');\n  }\n\n  /**\n   * The `number` of degree for the css `rotate` transformation.\n   */\n  @Prop() readonly rotate?: number;\n\n  @Watch('rotate')\n  validateRotate(newValue = this.rotate) {\n    checkEmptyOrType(newValue, 'number', 'The post-icon \"rotate\" prop should be a number.');\n  }\n\n  /**\n   * The `number` for the css `scale` transformation.\n   */\n  @Prop() readonly scale?: number;\n\n  @Watch('scale')\n  validateScale(newValue = this.scale) {\n    checkEmptyOrType(newValue, 'number', 'The post-icon \"scale\" prop should be a number.');\n  }\n\n  componentWillLoad() {\n    this.validateBase();\n    this.validateName();\n    this.validateFlipH();\n    this.validateFlipV();\n    this.validateScale();\n    this.validateRotate();\n    this.validateAnimation();\n  }\n\n  componentWillRender() {\n    // create path dependant on the props\n    this.setPath();\n\n    // fetch icon if the prop \"name\" is defined and\n    // the path has not allready been loaded\n    if (this.name && this.path !== this.loadedPath) {\n      this.loadedPath = this.path;\n\n      this.fetchIcon()\n        .then(successfullyLoaded => {\n          // create icon only if an svg has been loaded successfully\n          if (successfullyLoaded) this.createIcon();\n        })\n        .catch(error => {\n          console.error(error);\n        });\n    }\n  }\n\n  private setPath() {\n    // Construct icon path from different possible sources\n    let basePath: string;\n    const metaBase = document.head.querySelector(\n      'meta[name=\"design-system-settings\"][data-post-icon-base]',\n    );\n\n    if (this.base) {\n      basePath = this.base;\n    } else if (metaBase) {\n      basePath = metaBase.getAttribute('data-post-icon-base');\n    } else {\n      basePath = CDN_URL;\n    }\n\n    // use \"basePath\" only if \"pathForceCDN\" state is \"false\"\n    this.path = this.getPath(this.pathForceCDN ? CDN_URL : basePath);\n    // try to get the \"svgSource\" from localStorage\n    this.svgSource = window.localStorage.getItem(`post-icon-${this.name}`) ?? this.svgSource;\n    // reset \"pathForceCDN\" after every try\n    this.pathForceCDN = false;\n  }\n\n  private getPath(basePath: string) {\n    return new URL(\n      [...basePath.split('/'), `${this.name}.svg#icon`].join('/'),\n      window.location.origin,\n    ).toString();\n  }\n\n  private fetchIcon() {\n    return new Promise((resolve, reject) => {\n      fetch(this.path)\n        .then(response => response.text())\n        .then(textResponse => {\n          // match \"svg\" out of \"textResponse\"\n          const match = textResponse.match(/^<svg\\b([\\s\\S]*)><\\/svg>/);\n\n          if (match !== null) {\n            // set \"svgSource\" and return \"successfullyLoaded\" with true\n            this.svgSource = match[0];\n            window.localStorage.setItem(`post-icon-${this.name}`, this.svgSource);\n            resolve(true);\n          } else if (this.path !== this.getPath(CDN_URL)) {\n            // if used \"path\" is not CDN path, and fetch has loaded something else than a \"svg\", try to reload it from the CDN\n            console.warn(\n              `Warning in <post-icon/>: The path \"${this.path}\" seems to be no svg-only content. We'll gonna try to load the icon from the cdn.`,\n            );\n            // trigger a component update, which will result in a refetch of the icon with the \"CDN_URL\"\n            this.pathForceCDN = true;\n            // return \"successfullyLoaded\" with false\n            resolve(false);\n          }\n        })\n        .catch(reject);\n    });\n  }\n\n  private createIcon() {\n    // create inline styles for some properties\n    const svgStyles = Object.entries({\n      scale: this.scale && !isNaN(Number(this.scale)) ? `${this.scale}` : null,\n      rotate: this.rotate && !isNaN(Number(this.rotate)) ? `${this.rotate}deg` : null,\n    })\n      .filter(([_key, value]) => value !== null)\n      .map(([key, value]) => `${key}: ${value}`)\n      .join(';');\n\n    // create svg in RAM and append the above styles, before defining the \"svgOutput\"\n    const helperElement = document.createElement('div');\n    helperElement.innerHTML = this.svgSource;\n    const svgElement = helperElement.querySelector('svg');\n    svgElement.setAttribute('style', svgStyles);\n\n    this.svgOutput = helperElement.innerHTML;\n  }\n\n  render() {\n    return (\n      <Host data-version={version}>\n        <div innerHTML={this.svgOutput} />\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}