@paperless/core 2.0.1-beta.2 → 2.0.1-beta.21

package/dist/components/localization.js

@@ -1,57 +1,56 @@
 const getComponentClosestLanguage = (element) => {
-  const closestElement = element.closest('[lang]');
-  const htmlElement = document.documentElement;
-  return closestElement
-    ? closestElement.lang
-    : (htmlElement === null || htmlElement === void 0 ? void 0 : htmlElement.lang)
-      ? htmlElement.lang
-      : 'en';
+    const closestElement = element.closest('[lang]');
+    const htmlElement = document.documentElement;
+    return closestElement
+        ? closestElement.lang
+        : htmlElement?.lang
+            ? htmlElement.lang
+            : 'en';
 };
 const fetchLocaleStringsForComponent = (componentName, locale) => {
-  return new Promise((resolve, reject) => {
-    fetch(`/assets/i18n/${componentName}.i18n.${locale}.json`).then((result) => {
-      if (result.ok) {
-        resolve(result.json());
-        return;
-      }
-      reject();
-    }, () => reject());
-  });
+    return new Promise((resolve, reject) => {
+        fetch(`/assets/i18n/${componentName}.i18n.${locale}.json`).then((result) => {
+            if (result.ok) {
+                resolve(result.json());
+                return;
+            }
+            reject();
+        }, () => reject());
+    });
 };
 const cache = {};
 const getLocaleComponentStrings = async (element) => {
-  var _a;
-  let componentName = element.tagName.toLowerCase().replace('p-', '');
-  let componentLanguage = getComponentClosestLanguage(element);
-  let strings;
-  if ((_a = cache[componentName]) === null || _a === void 0 ? void 0 : _a[componentLanguage]) {
-    return cache[componentName][componentLanguage];
-  }
-  try {
-    strings = await fetchLocaleStringsForComponent(componentName, componentLanguage);
-  }
-  catch (e) {
-    console.warn(`no locale for ${componentName} (${componentLanguage}) loading default locale en.`);
-    strings = await fetchLocaleStringsForComponent(componentName, 'en');
-  }
-  if (!cache[componentName]) {
-    cache[componentName] = {};
-  }
-  if (!cache[componentName][componentLanguage]) {
-    cache[componentName][componentLanguage] = {};
-  }
-  cache[componentName][componentLanguage] = strings;
-  return strings;
+    let componentName = element.tagName.toLowerCase().replace('p-', '');
+    let componentLanguage = getComponentClosestLanguage(element);
+    let strings;
+    if (cache[componentName]?.[componentLanguage]) {
+        return cache[componentName][componentLanguage];
+    }
+    try {
+        strings = await fetchLocaleStringsForComponent(componentName, componentLanguage);
+    }
+    catch (e) {
+        console.warn(`no locale for ${componentName} (${componentLanguage}) loading default locale en.`);
+        strings = await fetchLocaleStringsForComponent(componentName, 'en');
+    }
+    if (!cache[componentName]) {
+        cache[componentName] = {};
+    }
+    if (!cache[componentName][componentLanguage]) {
+        cache[componentName][componentLanguage] = {};
+    }
+    cache[componentName][componentLanguage] = strings;
+    return strings;
 };
 const formatTranslation = (str, data) => {
-  if (!str || !data) {
+    if (!str || !data) {
+        return str;
+    }
+    for (const key of Object.keys(data)) {
+        const regex = `{${key}}`;
+        str = str.replace(new RegExp(regex, 'g'), data[key]);
+    }
     return str;
-  }
-  for (const key of Object.keys(data)) {
-    const regex = `{${key}}`;
-    str = str.replace(new RegExp(regex, 'g'), data[key]);
-  }
-  return str;
 };
 
 export { formatTranslation as f, getLocaleComponentStrings as g };

package/dist/components/localization.js.map

@@ -1 +1 @@
-{"file":"localization.js","mappings":"AAAA,MAAM,2BAA2B,GAAG,CAAC,OAAoB;EACrD,MAAM,cAAc,GAAG,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAgB,CAAC;EAChE,MAAM,WAAW,GAAG,QAAQ,CAAC,eAAe,CAAC;EAE7C,OAAO,cAAc;MACf,cAAc,CAAC,IAAI;MACnB,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,IAAI;QACjB,WAAW,CAAC,IAAI;QAChB,IAAI,CAAC;AACf,CAAC,CAAC;AAEF,MAAM,8BAA8B,GAAG,CACnC,aAAqB,EACrB,MAAc;EAEd,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,MAAM;IAC/B,KAAK,CAAC,gBAAgB,aAAa,SAAS,MAAM,OAAO,CAAC,CAAC,IAAI,CAC3D,CAAC,MAAM;MACH,IAAI,MAAM,CAAC,EAAE,EAAE;QACX,OAAO,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC,CAAC;QACvB,OAAO;OACV;MAED,MAAM,EAAE,CAAC;KACZ,EACD,MAAM,MAAM,EAAE,CACjB,CAAC;GACL,CAAC,CAAC;AACP,CAAC,CAAC;AAEF,MAAM,KAAK,GAAG,EAAE,CAAC;MAEJ,yBAAyB,GAAG,OACrC,OAAoB;;EAEpB,IAAI,aAAa,GAAG,OAAO,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;EACpE,IAAI,iBAAiB,GAAG,2BAA2B,CAAC,OAAO,CAAC,CAAC;EAC7D,IAAI,OAAO,CAAC;EAEZ,IAAI,MAAA,KAAK,CAAC,aAAa,CAAC,0CAAG,iBAAiB,CAAC,EAAE;IAC3C,OAAO,KAAK,CAAC,aAAa,CAAC,CAAC,iBAAiB,CAAC,CAAC;GAClD;EAED,IAAI;IACA,OAAO,GAAG,MAAM,8BAA8B,CAC1C,aAAa,EACb,iBAAiB,CACpB,CAAC;GACL;EAAC,OAAO,CAAC,EAAE;IACR,OAAO,CAAC,IAAI,CACR,iBAAiB,aAAa,KAAK,iBAAiB,8BAA8B,CACrF,CAAC;IACF,OAAO,GAAG,MAAM,8BAA8B,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC;GACvE;EAED,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,EAAE;IACvB,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE,CAAC;GAC7B;EAED,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,iBAAiB,CAAC,EAAE;IAC1C,KAAK,CAAC,aAAa,CAAC,CAAC,iBAAiB,CAAC,GAAG,EAAE,CAAC;GAChD;EAED,KAAK,CAAC,aAAa,CAAC,CAAC,iBAAiB,CAAC,GAAG,OAAO,CAAC;EAClD,OAAO,OAAO,CAAC;AACnB,EAAE;MAEW,iBAAiB,GAAG,CAAC,GAAW,EAAE,IAAU;EACrD,IAAI,CAAC,GAAG,IAAI,CAAC,IAAI,EAAE;IACf,OAAO,GAAG,CAAC;GACd;EAED,KAAK,MAAM,GAAG,IAAI,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE;IACjC,MAAM,KAAK,GAAG,IAAI,GAAG,GAAG,CAAC;IACzB,GAAG,GAAG,GAAG,CAAC,OAAO,CAAC,IAAI,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;GACxD;EAED,OAAO,GAAG,CAAC;AACf;;;;","names":[],"sources":["src/utils/localization.ts"],"sourcesContent":["const getComponentClosestLanguage = (element: HTMLElement): string => {\n    const closestElement = element.closest('[lang]') as HTMLElement;\n    const htmlElement = document.documentElement;\n\n    return closestElement\n        ? closestElement.lang\n        : htmlElement?.lang\n        ? htmlElement.lang\n        : 'en';\n};\n\nconst fetchLocaleStringsForComponent = (\n    componentName: string,\n    locale: string\n): Promise<any> => {\n    return new Promise((resolve, reject): void => {\n        fetch(`/assets/i18n/${componentName}.i18n.${locale}.json`).then(\n            (result) => {\n                if (result.ok) {\n                    resolve(result.json());\n                    return;\n                }\n\n                reject();\n            },\n            () => reject()\n        );\n    });\n};\n\nconst cache = {};\n\nexport const getLocaleComponentStrings = async (\n    element: HTMLElement\n): Promise<any> => {\n    let componentName = element.tagName.toLowerCase().replace('p-', '');\n    let componentLanguage = getComponentClosestLanguage(element);\n    let strings;\n\n    if (cache[componentName]?.[componentLanguage]) {\n        return cache[componentName][componentLanguage];\n    }\n\n    try {\n        strings = await fetchLocaleStringsForComponent(\n            componentName,\n            componentLanguage\n        );\n    } catch (e) {\n        console.warn(\n            `no locale for ${componentName} (${componentLanguage}) loading default locale en.`\n        );\n        strings = await fetchLocaleStringsForComponent(componentName, 'en');\n    }\n\n    if (!cache[componentName]) {\n        cache[componentName] = {};\n    }\n\n    if (!cache[componentName][componentLanguage]) {\n        cache[componentName][componentLanguage] = {};\n    }\n\n    cache[componentName][componentLanguage] = strings;\n    return strings;\n};\n\nexport const formatTranslation = (str: string, data?: any) => {\n    if (!str || !data) {\n        return str;\n    }\n\n    for (const key of Object.keys(data)) {\n        const regex = `{${key}}`;\n        str = str.replace(new RegExp(regex, 'g'), data[key]);\n    }\n\n    return str;\n};\n"],"version":3}
+{"file":"localization.js","mappings":"AAAA,MAAM,2BAA2B,GAAG,CAAC,OAAoB;IACrD,MAAM,cAAc,GAAG,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAgB,CAAC;IAChE,MAAM,WAAW,GAAG,QAAQ,CAAC,eAAe,CAAC;IAE7C,OAAO,cAAc;UACf,cAAc,CAAC,IAAI;UACnB,WAAW,EAAE,IAAI;cACjB,WAAW,CAAC,IAAI;cAChB,IAAI,CAAC;AACf,CAAC,CAAC;AAEF,MAAM,8BAA8B,GAAG,CACnC,aAAqB,EACrB,MAAc;IAEd,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,MAAM;QAC/B,KAAK,CAAC,gBAAgB,aAAa,SAAS,MAAM,OAAO,CAAC,CAAC,IAAI,CAC3D,CAAC,MAAM;YACH,IAAI,MAAM,CAAC,EAAE,EAAE;gBACX,OAAO,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC,CAAC;gBACvB,OAAO;aACV;YAED,MAAM,EAAE,CAAC;SACZ,EACD,MAAM,MAAM,EAAE,CACjB,CAAC;KACL,CAAC,CAAC;AACP,CAAC,CAAC;AAEF,MAAM,KAAK,GAAG,EAAE,CAAC;MAEJ,yBAAyB,GAAG,OACrC,OAAoB;IAEpB,IAAI,aAAa,GAAG,OAAO,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;IACpE,IAAI,iBAAiB,GAAG,2BAA2B,CAAC,OAAO,CAAC,CAAC;IAC7D,IAAI,OAAO,CAAC;IAEZ,IAAI,KAAK,CAAC,aAAa,CAAC,GAAG,iBAAiB,CAAC,EAAE;QAC3C,OAAO,KAAK,CAAC,aAAa,CAAC,CAAC,iBAAiB,CAAC,CAAC;KAClD;IAED,IAAI;QACA,OAAO,GAAG,MAAM,8BAA8B,CAC1C,aAAa,EACb,iBAAiB,CACpB,CAAC;KACL;IAAC,OAAO,CAAC,EAAE;QACR,OAAO,CAAC,IAAI,CACR,iBAAiB,aAAa,KAAK,iBAAiB,8BAA8B,CACrF,CAAC;QACF,OAAO,GAAG,MAAM,8BAA8B,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC;KACvE;IAED,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,EAAE;QACvB,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE,CAAC;KAC7B;IAED,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,iBAAiB,CAAC,EAAE;QAC1C,KAAK,CAAC,aAAa,CAAC,CAAC,iBAAiB,CAAC,GAAG,EAAE,CAAC;KAChD;IAED,KAAK,CAAC,aAAa,CAAC,CAAC,iBAAiB,CAAC,GAAG,OAAO,CAAC;IAClD,OAAO,OAAO,CAAC;AACnB,EAAE;MAEW,iBAAiB,GAAG,CAAC,GAAW,EAAE,IAAU;IACrD,IAAI,CAAC,GAAG,IAAI,CAAC,IAAI,EAAE;QACf,OAAO,GAAG,CAAC;KACd;IAED,KAAK,MAAM,GAAG,IAAI,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE;QACjC,MAAM,KAAK,GAAG,IAAI,GAAG,GAAG,CAAC;QACzB,GAAG,GAAG,GAAG,CAAC,OAAO,CAAC,IAAI,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;KACxD;IAED,OAAO,GAAG,CAAC;AACf;;;;","names":[],"sources":["src/utils/localization.ts"],"sourcesContent":["const getComponentClosestLanguage = (element: HTMLElement): string => {\n    const closestElement = element.closest('[lang]') as HTMLElement;\n    const htmlElement = document.documentElement;\n\n    return closestElement\n        ? closestElement.lang\n        : htmlElement?.lang\n        ? htmlElement.lang\n        : 'en';\n};\n\nconst fetchLocaleStringsForComponent = (\n    componentName: string,\n    locale: string\n): Promise<any> => {\n    return new Promise((resolve, reject): void => {\n        fetch(`/assets/i18n/${componentName}.i18n.${locale}.json`).then(\n            (result) => {\n                if (result.ok) {\n                    resolve(result.json());\n                    return;\n                }\n\n                reject();\n            },\n            () => reject()\n        );\n    });\n};\n\nconst cache = {};\n\nexport const getLocaleComponentStrings = async (\n    element: HTMLElement\n): Promise<any> => {\n    let componentName = element.tagName.toLowerCase().replace('p-', '');\n    let componentLanguage = getComponentClosestLanguage(element);\n    let strings;\n\n    if (cache[componentName]?.[componentLanguage]) {\n        return cache[componentName][componentLanguage];\n    }\n\n    try {\n        strings = await fetchLocaleStringsForComponent(\n            componentName,\n            componentLanguage\n        );\n    } catch (e) {\n        console.warn(\n            `no locale for ${componentName} (${componentLanguage}) loading default locale en.`\n        );\n        strings = await fetchLocaleStringsForComponent(componentName, 'en');\n    }\n\n    if (!cache[componentName]) {\n        cache[componentName] = {};\n    }\n\n    if (!cache[componentName][componentLanguage]) {\n        cache[componentName][componentLanguage] = {};\n    }\n\n    cache[componentName][componentLanguage] = strings;\n    return strings;\n};\n\nexport const formatTranslation = (str: string, data?: any) => {\n    if (!str || !data) {\n        return str;\n    }\n\n    for (const key of Object.keys(data)) {\n        const regex = `{${key}}`;\n        str = str.replace(new RegExp(regex, 'g'), data[key]);\n    }\n\n    return str;\n};\n"],"version":3}

package/dist/components/modal-body.component.js

@@ -1,39 +1,40 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 
 const modalBodyComponentCss = ".rounded-b-none{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.rounded-t-lg{border-top-left-radius:.5rem!important;border-top-right-radius:.5rem!important}.p-0{padding:0!important}.px-6{padding-left:1.5rem!important;padding-right:1.5rem!important}*{box-sizing:border-box}:host{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding:1.5rem}:host(.variant-table-flush){padding:0!important}:host(.is-rounded-bottom){border-bottom-left-radius:0;border-bottom-right-radius:0}@media (min-width:64rem){:host(.is-rounded-bottom){border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}}:host(.is-rounded-top){border-top-left-radius:.5rem;border-top-right-radius:.5rem}@media (min-width:64rem){:host(.is-rounded-top){border-top-left-radius:1rem;border-top-right-radius:1rem}}:host(.no-padding){padding:0}.static{position:static!important}";
+const PModalBodyStyle0 = modalBodyComponentCss;
 
 const ModalBody = /*@__PURE__*/ proxyCustomElement(class ModalBody extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.variant = 'default';
-    this.roundedBottom = false;
-    this.roundedTop = false;
-    this.padding = true;
-  }
-  render() {
-    return (h(Host, { class: `p-modal-body variant-${this.variant} ${this.roundedBottom && 'is-rounded-bottom'} ${this.roundedTop && 'is-rounded-top'} ${!this.padding && 'no-padding'}` }, h("slot", null)));
-  }
-  static get style() { return modalBodyComponentCss; }
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.variant = 'default';
+        this.roundedBottom = false;
+        this.roundedTop = false;
+        this.padding = true;
+    }
+    render() {
+        return (h(Host, { key: 'd0b735c1c6aca053bb2d9b36f66dc8c3e6fe42da', class: `p-modal-body variant-${this.variant} ${this.roundedBottom && 'is-rounded-bottom'} ${this.roundedTop && 'is-rounded-top'} ${!this.padding && 'no-padding'}` }, h("slot", { key: '2278b56bf9810ec13f90b8f14ae5167d26442e2f' })));
+    }
+    static get style() { return PModalBodyStyle0; }
 }, [1, "p-modal-body", {
-    "variant": [1],
-    "roundedBottom": [4, "rounded-bottom"],
-    "roundedTop": [4, "rounded-top"],
-    "padding": [4]
-  }]);
+        "variant": [1],
+        "roundedBottom": [4, "rounded-bottom"],
+        "roundedTop": [4, "rounded-top"],
+        "padding": [4]
+    }]);
 function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["p-modal-body"];
-  components.forEach(tagName => { switch (tagName) {
-    case "p-modal-body":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, ModalBody);
-      }
-      break;
-  } });
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["p-modal-body"];
+    components.forEach(tagName => { switch (tagName) {
+        case "p-modal-body":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, ModalBody);
+            }
+            break;
+    } });
 }
 
 export { ModalBody as M, defineCustomElement as d };

package/dist/components/modal-body.component.js.map

@@ -1 +1 @@
-{"file":"modal-body.component.js","mappings":";;AAAA,MAAM,qBAAqB,GAAG,i4BAAi4B;;MCOl5B,SAAS;;;;;mBAIwB,SAAS;yBAKrB,KAAK;sBAKR,KAAK;mBAKR,IAAI;;EAE/B,MAAM;IACL,QACC,EAAC,IAAI,IACJ,KAAK,EAAE,wBAAwB,IAAI,CAAC,OAAO,IAC1C,IAAI,CAAC,aAAa,IAAI,mBACvB,IACC,IAAI,CAAC,UAAU,IAAI,gBACpB,IAAI,CAAC,IAAI,CAAC,OAAO,IAAI,YAAY,EAAE,IAEnC,eAAQ,CACF,EACN;GACF;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/atoms/modal-body/modal-body.component.scss?tag=p-modal-body&encapsulation=shadow","src/components/atoms/modal-body/modal-body.component.tsx"],"sourcesContent":[":host {\n\t@apply bg-white;\n\t@apply px-6 py-6;\n}\n\n:host(.variant-table-flush) {\n\t@apply p-0 #{!important};\n}\n\n:host(.is-rounded-bottom) {\n\t@apply rounded-b-none desktop-xs:rounded-b-2xl;\n}\n\n:host(.is-rounded-top) {\n\t@apply rounded-t-lg desktop-xs:rounded-t-2xl;\n}\n\n:host(.no-padding) {\n\t@apply p-0;\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-modal-body',\n\tstyleUrl: 'modal-body.component.scss',\n\tshadow: true,\n})\nexport class ModalBody {\n\t/**\n\t * The variant of the modal body\n\t */\n\t@Prop() variant: 'default' | 'table-flush' = 'default';\n\n\t/**\n\t * Wether the modal body should be rounded at the bottom\n\t */\n\t@Prop() roundedBottom: boolean = false;\n\n\t/**\n\t * Wether the modal body should be rounded at the top\n\t */\n\t@Prop() roundedTop: boolean = false;\n\n\t/**\n\t * Wether the body should have padding\n\t */\n\t@Prop() padding: boolean = true;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={`p-modal-body variant-${this.variant} ${\n\t\t\t\t\tthis.roundedBottom && 'is-rounded-bottom'\n\t\t\t\t} ${\n\t\t\t\t\tthis.roundedTop && 'is-rounded-top'\n\t\t\t\t} ${!this.padding && 'no-padding'}`}\n\t\t\t>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"version":3}
+{"file":"modal-body.component.js","mappings":";;AAAA,MAAM,qBAAqB,GAAG,i4BAAi4B,CAAC;AACh6B,yBAAe,qBAAqB;;MCMvB,SAAS;;;;;uBAIwB,SAAS;6BAKrB,KAAK;0BAKR,KAAK;uBAKR,IAAI;;IAE/B,MAAM;QACL,QACC,EAAC,IAAI,qDACJ,KAAK,EAAE,wBAAwB,IAAI,CAAC,OAAO,IAC1C,IAAI,CAAC,aAAa,IAAI,mBACvB,IACC,IAAI,CAAC,UAAU,IAAI,gBACpB,IAAI,CAAC,IAAI,CAAC,OAAO,IAAI,YAAY,EAAE,IAEnC,8DAAQ,CACF,EACN;KACF;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/atoms/modal-body/modal-body.component.scss?tag=p-modal-body&encapsulation=shadow","src/components/atoms/modal-body/modal-body.component.tsx"],"sourcesContent":[":host {\n\t@apply bg-white;\n\t@apply px-6 py-6;\n}\n\n:host(.variant-table-flush) {\n\t@apply p-0 #{!important};\n}\n\n:host(.is-rounded-bottom) {\n\t@apply rounded-b-none desktop-xs:rounded-b-2xl;\n}\n\n:host(.is-rounded-top) {\n\t@apply rounded-t-lg desktop-xs:rounded-t-2xl;\n}\n\n:host(.no-padding) {\n\t@apply p-0;\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-modal-body',\n\tstyleUrl: 'modal-body.component.scss',\n\tshadow: true,\n})\nexport class ModalBody {\n\t/**\n\t * The variant of the modal body\n\t */\n\t@Prop() variant: 'default' | 'table-flush' = 'default';\n\n\t/**\n\t * Wether the modal body should be rounded at the bottom\n\t */\n\t@Prop() roundedBottom: boolean = false;\n\n\t/**\n\t * Wether the modal body should be rounded at the top\n\t */\n\t@Prop() roundedTop: boolean = false;\n\n\t/**\n\t * Wether the body should have padding\n\t */\n\t@Prop() padding: boolean = true;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={`p-modal-body variant-${this.variant} ${\n\t\t\t\t\tthis.roundedBottom && 'is-rounded-bottom'\n\t\t\t\t} ${\n\t\t\t\t\tthis.roundedTop && 'is-rounded-top'\n\t\t\t\t} ${!this.padding && 'no-padding'}`}\n\t\t\t>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"version":3}

package/dist/components/modal-container.component.js

@@ -1,6 +1,7 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 
 const modalContainerComponentCss = ".z-modal{z-index:600!important}.flex{display:flex!important}.max-h-\\[calc\\(100dvh-4rem\\)\\]{max-height:calc(100dvh - 4rem)!important}.w-full{width:100%!important}.flex-col{flex-direction:column!important}.rounded-b-none{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.rounded-t-2xl{border-top-left-radius:1rem!important;border-top-right-radius:1rem!important}.shadow-3{--tw-shadow:0 1px 1px rgba(0,2,2,.08),0 2px 2px rgba(0,2,2,.08),0 4px 4px rgba(0,2,2,.08)!important;--tw-shadow-colored:0 1px 1px var(--tw-shadow-color),0 2px 2px var(--tw-shadow-color),0 4px 4px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.animate-in{--tw-enter-opacity:initial!important;--tw-enter-scale:initial!important;--tw-enter-rotate:initial!important;--tw-enter-translate-x:initial!important;--tw-enter-translate-y:initial!important;animation-duration:.15s!important;animation-name:enter!important}.slide-in-from-bottom{--tw-enter-translate-y:100%!important}.slide-out-to-bottom{--tw-exit-translate-y:100%!important}*{box-sizing:border-box}p-modal-container{--tw-enter-opacity:initial!important;--tw-enter-scale:initial!important;--tw-enter-rotate:initial!important;--tw-enter-translate-x:initial!important;--tw-enter-translate-y:initial!important;--tw-enter-translate-y:100%!important;--tw-shadow:0 1px 1px rgba(0,2,2,.08),0 2px 2px rgba(0,2,2,.08),0 4px 4px rgba(0,2,2,.08)!important;--tw-shadow-colored:0 1px 1px var(--tw-shadow-color),0 2px 2px var(--tw-shadow-color),0 4px 4px var(--tw-shadow-color)!important;animation-duration:.15s!important;animation-name:enter!important;border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:1rem;border-top-right-radius:1rem;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important;display:flex;flex-direction:column;max-height:calc(100dvh - 4rem);width:100%;z-index:600}@media (min-width:40rem){p-modal-container{width:auto}}@media (min-width:64rem){p-modal-container{--tw-enter-translate-y:4rem!important;border-bottom-left-radius:1rem;border-bottom-right-radius:1rem;margin:auto;max-height:none}}p-modal-container.closing{--tw-exit-translate-y:100%!important}@media (min-width:64rem){p-modal-container.closing{--tw-exit-translate-y:4rem!important}.desktop-xs\\:slide-in-from-bottom-16{--tw-enter-translate-y:4rem!important}.desktop-xs\\:slide-out-to-bottom-16{--tw-exit-translate-y:4rem!important}}.static{position:static!important}@media (min-width:40rem){.tablet\\:w-80{width:20rem!important}.tablet\\:w-\\[33\\.5rem\\]{width:33.5rem!important}.tablet\\:w-\\[38rem\\]{width:38rem!important}.tablet\\:w-\\[47\\.5rem\\]{width:47.5rem!important}.tablet\\:w-\\[57\\.5rem\\]{width:57.5rem!important}}";
+const PModalContainerStyle0 = modalContainerComponentCss;
 
 // $modal-xs: 20rem;
 // $modal-sm: 33.5rem;
@@ -8,40 +9,40 @@ const modalContainerComponentCss = ".z-modal{z-index:600!important}.flex{display
 // $modal-lg: 47.5rem;
 // $modal-xl: 57.5rem;
 const modalSizes = {
-  xs: 'tablet:w-80',
-  sm: 'tablet:w-[33.5rem]',
-  md: 'tablet:w-[38rem]',
-  lg: 'tablet:w-[47.5rem]',
-  xl: 'tablet:w-[57.5rem]',
+    xs: 'tablet:w-80',
+    sm: 'tablet:w-[33.5rem]',
+    md: 'tablet:w-[38rem]',
+    lg: 'tablet:w-[47.5rem]',
+    xl: 'tablet:w-[57.5rem]',
 };
 const ModalContainer = /*@__PURE__*/ proxyCustomElement(class ModalContainer extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.size = 'md';
-    this.closing = false;
-  }
-  render() {
-    const sizeClass = modalSizes[this.size];
-    return (h(Host, { class: `p-modal-container ${this.closing && 'closing'} ${sizeClass}` }, h("slot", null)));
-  }
-  static get style() { return modalContainerComponentCss; }
+    constructor() {
+        super();
+        this.__registerHost();
+        this.size = 'md';
+        this.closing = false;
+    }
+    render() {
+        const sizeClass = modalSizes[this.size];
+        return (h(Host, { key: 'f8c36d282ba3b1f4265bad93d5facdeac272726f', class: `p-modal-container ${this.closing && 'closing'} ${sizeClass}` }, h("slot", { key: 'f70d967878d24e66e1bb41ef63690a1a6aa702e8' })));
+    }
+    static get style() { return PModalContainerStyle0; }
 }, [4, "p-modal-container", {
-    "size": [1],
-    "closing": [4]
-  }]);
+        "size": [1],
+        "closing": [4]
+    }]);
 function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["p-modal-container"];
-  components.forEach(tagName => { switch (tagName) {
-    case "p-modal-container":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, ModalContainer);
-      }
-      break;
-  } });
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["p-modal-container"];
+    components.forEach(tagName => { switch (tagName) {
+        case "p-modal-container":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, ModalContainer);
+            }
+            break;
+    } });
 }
 
 export { ModalContainer as M, defineCustomElement as d };

package/dist/components/modal-container.component.js.map

@@ -1 +1 @@
-{"file":"modal-container.component.js","mappings":";;AAAA,MAAM,0BAA0B,GAAG,gxFAAgxF;;ACEnzF;AACA;AACA;AACA;AACA;AAEA,MAAM,UAAU,GAAG;EAClB,EAAE,EAAE,aAAa;EACjB,EAAE,EAAE,oBAAoB;EACxB,EAAE,EAAE,kBAAkB;EACtB,EAAE,EAAE,oBAAoB;EACxB,EAAE,EAAE,oBAAoB;CACxB,CAAC;MAKW,cAAc;;;;gBAIgB,IAAI;mBAKnB,KAAK;;EAEhC,MAAM;IACL,MAAM,SAAS,GAAG,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAExC,QACC,EAAC,IAAI,IACJ,KAAK,EAAE,qBACN,IAAI,CAAC,OAAO,IAAI,SACjB,IAAI,SAAS,EAAE,IAEf,eAAQ,CACF,EACN;GACF;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/atoms/modal-container/modal-container.component.scss?tag=p-modal-container","src/components/atoms/modal-container/modal-container.component.tsx"],"sourcesContent":["p-modal-container {\n\t@apply z-modal flex w-full flex-col tablet:w-auto;\n\t@apply rounded-b-none rounded-t-2xl desktop-xs:rounded-b-2xl;\n\n\t@apply desktop-xs:m-auto;\n\t@apply max-h-[calc(100dvh-4rem)] desktop-xs:max-h-none;\n\n\t@apply animate-in slide-in-from-bottom desktop-xs:slide-in-from-bottom-16 #{!important};\n\n\t@apply shadow-3 #{!important};\n\n\t&.closing {\n\t\t@apply slide-out-to-bottom desktop-xs:slide-out-to-bottom-16 #{!important};\n\t}\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n// $modal-xs: 20rem;\n// $modal-sm: 33.5rem;\n// $modal-md: 38rem;\n// $modal-lg: 47.5rem;\n// $modal-xl: 57.5rem;\n\nconst modalSizes = {\n\txs: 'tablet:w-80',\n\tsm: 'tablet:w-[33.5rem]',\n\tmd: 'tablet:w-[38rem]',\n\tlg: 'tablet:w-[47.5rem]',\n\txl: 'tablet:w-[57.5rem]',\n};\n@Component({\n\ttag: 'p-modal-container',\n\tstyleUrl: 'modal-container.component.scss',\n})\nexport class ModalContainer {\n\t/**\n\t * The size of the modal container\n\t */\n\t@Prop() size: 'sm' | 'md' | 'lg' | 'xl' = 'md';\n\n\t/**\n\t * Wether the container is closing\n\t */\n\t@Prop() closing: boolean = false;\n\n\trender() {\n\t\tconst sizeClass = modalSizes[this.size];\n\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={`p-modal-container ${\n\t\t\t\t\tthis.closing && 'closing'\n\t\t\t\t} ${sizeClass}`}\n\t\t\t>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"version":3}
+{"file":"modal-container.component.js","mappings":";;AAAA,MAAM,0BAA0B,GAAG,gxFAAgxF,CAAC;AACpzF,8BAAe,0BAA0B;;ACCzC;AACA;AACA;AACA;AACA;AAEA,MAAM,UAAU,GAAG;IAClB,EAAE,EAAE,aAAa;IACjB,EAAE,EAAE,oBAAoB;IACxB,EAAE,EAAE,kBAAkB;IACtB,EAAE,EAAE,oBAAoB;IACxB,EAAE,EAAE,oBAAoB;CACxB,CAAC;MAKW,cAAc;;;;oBAIgB,IAAI;uBAKnB,KAAK;;IAEhC,MAAM;QACL,MAAM,SAAS,GAAG,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAExC,QACC,EAAC,IAAI,qDACJ,KAAK,EAAE,qBACN,IAAI,CAAC,OAAO,IAAI,SACjB,IAAI,SAAS,EAAE,IAEf,8DAAQ,CACF,EACN;KACF;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/atoms/modal-container/modal-container.component.scss?tag=p-modal-container","src/components/atoms/modal-container/modal-container.component.tsx"],"sourcesContent":["p-modal-container {\n\t@apply z-modal flex w-full flex-col tablet:w-auto;\n\t@apply rounded-b-none rounded-t-2xl desktop-xs:rounded-b-2xl;\n\n\t@apply desktop-xs:m-auto;\n\t@apply max-h-[calc(100dvh-4rem)] desktop-xs:max-h-none;\n\n\t@apply animate-in slide-in-from-bottom desktop-xs:slide-in-from-bottom-16 #{!important};\n\n\t@apply shadow-3 #{!important};\n\n\t&.closing {\n\t\t@apply slide-out-to-bottom desktop-xs:slide-out-to-bottom-16 #{!important};\n\t}\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n// $modal-xs: 20rem;\n// $modal-sm: 33.5rem;\n// $modal-md: 38rem;\n// $modal-lg: 47.5rem;\n// $modal-xl: 57.5rem;\n\nconst modalSizes = {\n\txs: 'tablet:w-80',\n\tsm: 'tablet:w-[33.5rem]',\n\tmd: 'tablet:w-[38rem]',\n\tlg: 'tablet:w-[47.5rem]',\n\txl: 'tablet:w-[57.5rem]',\n};\n@Component({\n\ttag: 'p-modal-container',\n\tstyleUrl: 'modal-container.component.scss',\n})\nexport class ModalContainer {\n\t/**\n\t * The size of the modal container\n\t */\n\t@Prop() size: 'sm' | 'md' | 'lg' | 'xl' = 'md';\n\n\t/**\n\t * Wether the container is closing\n\t */\n\t@Prop() closing: boolean = false;\n\n\trender() {\n\t\tconst sizeClass = modalSizes[this.size];\n\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={`p-modal-container ${\n\t\t\t\t\tthis.closing && 'closing'\n\t\t\t\t} ${sizeClass}`}\n\t\t\t>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"version":3}

package/dist/components/modal-footer.component.js

@@ -2,35 +2,36 @@ import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal
 import { d as defineCustomElement$1 } from './divider.component.js';
 
 const modalFooterComponentCss = ".flex{display:flex!important}.rounded-b-none{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.px-6{padding-left:1.5rem!important;padding-right:1.5rem!important}*{box-sizing:border-box}:host{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-bottom-left-radius:0;border-bottom-right-radius:0;display:flex;flex-direction:column;padding-bottom:1.5rem;padding-left:1.5rem;padding-right:1.5rem}@media (min-width:64rem){:host{border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}}.static{position:static!important}.mb-6{margin-bottom:1.5rem!important}.mt-0{margin-top:0!important}.hidden{display:none!important}@media (min-width:64rem){.desktop-xs\\:flex{display:flex!important}}";
+const PModalFooterStyle0 = modalFooterComponentCss;
 
 const ModalFooter = /*@__PURE__*/ proxyCustomElement(class ModalFooter extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-  }
-  render() {
-    return (h(Host, { class: "p-modal-footer" }, h("p-divider", { class: "mb-6 mt-0 hidden desktop-xs:flex" }), h("slot", null)));
-  }
-  static get style() { return modalFooterComponentCss; }
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+    }
+    render() {
+        return (h(Host, { key: '8b95e0bc8927f933dbde6532cfe674c3b795d91d', class: "p-modal-footer" }, h("p-divider", { key: '44924282dcfa7271edb5468db39568bc9a348f6d', class: "mb-6 mt-0 hidden desktop-xs:flex" }), h("slot", { key: 'b09dc0f60512eb72456fa7e3837487f16086ae10' })));
+    }
+    static get style() { return PModalFooterStyle0; }
 }, [1, "p-modal-footer"]);
 function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["p-modal-footer", "p-divider"];
-  components.forEach(tagName => { switch (tagName) {
-    case "p-modal-footer":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, ModalFooter);
-      }
-      break;
-    case "p-divider":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$1();
-      }
-      break;
-  } });
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["p-modal-footer", "p-divider"];
+    components.forEach(tagName => { switch (tagName) {
+        case "p-modal-footer":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, ModalFooter);
+            }
+            break;
+        case "p-divider":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
 }
 
 export { ModalFooter as M, defineCustomElement as d };

package/dist/components/modal-footer.component.js.map

@@ -1 +1 @@
-{"file":"modal-footer.component.js","mappings":";;;AAAA,MAAM,uBAAuB,GAAG,yuBAAyuB;;MCO5vB,WAAW;;;;;;EACvB,MAAM;IACL,QACC,EAAC,IAAI,IAAC,KAAK,EAAC,gBAAgB,IAC3B,iBAAW,KAAK,EAAC,kCAAkC,GAAG,EAEtD,eAAQ,CACF,EACN;GACF;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/atoms/modal-footer/modal-footer.component.scss?tag=p-modal-footer&encapsulation=shadow","src/components/atoms/modal-footer/modal-footer.component.tsx"],"sourcesContent":[":host {\n\t@apply bg-white;\n\t@apply flex flex-col;\n\t@apply px-6 pb-6;\n\t@apply rounded-b-none desktop-xs:rounded-b-2xl;\n}\n","import { Component, h, Host } from '@stencil/core';\n\n@Component({\n\ttag: 'p-modal-footer',\n\tstyleUrl: 'modal-footer.component.scss',\n\tshadow: true,\n})\nexport class ModalFooter {\n\trender() {\n\t\treturn (\n\t\t\t<Host class=\"p-modal-footer\">\n\t\t\t\t<p-divider class=\"mb-6 mt-0 hidden desktop-xs:flex\" />\n\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"version":3}
+{"file":"modal-footer.component.js","mappings":";;;AAAA,MAAM,uBAAuB,GAAG,yuBAAyuB,CAAC;AAC1wB,2BAAe,uBAAuB;;MCMzB,WAAW;;;;;;IACvB,MAAM;QACL,QACC,EAAC,IAAI,qDAAC,KAAK,EAAC,gBAAgB,IAC3B,kEAAW,KAAK,EAAC,kCAAkC,GAAG,EAEtD,8DAAQ,CACF,EACN;KACF;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/atoms/modal-footer/modal-footer.component.scss?tag=p-modal-footer&encapsulation=shadow","src/components/atoms/modal-footer/modal-footer.component.tsx"],"sourcesContent":[":host {\n\t@apply bg-white;\n\t@apply flex flex-col;\n\t@apply px-6 pb-6;\n\t@apply rounded-b-none desktop-xs:rounded-b-2xl;\n}\n","import { Component, h, Host } from '@stencil/core';\n\n@Component({\n\ttag: 'p-modal-footer',\n\tstyleUrl: 'modal-footer.component.scss',\n\tshadow: true,\n})\nexport class ModalFooter {\n\trender() {\n\t\treturn (\n\t\t\t<Host class=\"p-modal-footer\">\n\t\t\t\t<p-divider class=\"mb-6 mt-0 hidden desktop-xs:flex\" />\n\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"version":3}

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

@@ -4,49 +4,54 @@ import { d as defineCustomElement$2 } from './icon.component.js';
 import { d as defineCustomElement$1 } from './loader.component.js';
 
 const modalHeaderComponentCss = ".flex{display:flex!important}.items-center{align-items:center!important}.rounded-t-2xl{border-top-left-radius:1rem!important;border-top-right-radius:1rem!important}.p-4{padding:1rem!important}.text-xl{font-size:1.25rem!important;line-height:1.75rem!important}.font-semibold{font-weight:600!important}*{box-sizing:border-box}:host{--tw-bg-opacity:1;--tw-text-opacity:1;align-items:center;background-color:rgb(247 250 252/var(--tw-bg-opacity,1));border-top-left-radius:1rem;border-top-right-radius:1rem;color:rgb(39 40 56/var(--tw-text-opacity,1));display:flex;font-size:1.25rem;font-weight:600;justify-content:space-between;line-height:1.75rem;padding:1rem}@media (min-width:64rem){:host{font-size:2rem;font-weight:700;line-height:2.5rem;padding:1.5rem}}@media (min-width:64rem){.desktop-xs\\:text-3xl{font-size:2rem!important;line-height:2.5rem!important}}.static{position:static!important}";
+const PModalHeaderStyle0 = modalHeaderComponentCss;
 
 const ModalHeader = /*@__PURE__*/ proxyCustomElement(class ModalHeader extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.close = createEvent(this, "close", 3);
-    this.showClose = true;
-  }
-  render() {
-    return (h(Host, { class: 'p-modal-header' }, h("span", null, h("slot", null)), this.showClose && (h("p-button", { variant: 'secondary', icon: 'negative', iconOnly: true, onClick: ev => this.close.emit(ev), size: 'sm' }))));
-  }
-  static get style() { return modalHeaderComponentCss; }
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.close = createEvent(this, "close", 3);
+        this.showClose = true;
+    }
+    /**
+     * Close click event
+     */
+    close;
+    render() {
+        return (h(Host, { key: '420214cfdb2dd596f7538048593025801122a7b3', class: 'p-modal-header' }, h("span", { key: '10f405e910552ccf368a7ce1ab0799ac193199c8' }, h("slot", { key: '916197272fc2f43bd87f7c97bd36a0b94d304892' })), this.showClose && (h("p-button", { key: 'bfdcec4df0c865693d8d9cc35a8556408447f76e', variant: 'secondary', icon: 'negative', iconOnly: true, onClick: ev => this.close.emit(ev), size: 'sm' }))));
+    }
+    static get style() { return PModalHeaderStyle0; }
 }, [1, "p-modal-header", {
-    "showClose": [4, "show-close"]
-  }]);
+        "showClose": [4, "show-close"]
+    }]);
 function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["p-modal-header", "p-button", "p-icon", "p-loader"];
-  components.forEach(tagName => { switch (tagName) {
-    case "p-modal-header":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, ModalHeader);
-      }
-      break;
-    case "p-button":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$3();
-      }
-      break;
-    case "p-icon":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-    case "p-loader":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$1();
-      }
-      break;
-  } });
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["p-modal-header", "p-button", "p-icon", "p-loader"];
+    components.forEach(tagName => { switch (tagName) {
+        case "p-modal-header":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, ModalHeader);
+            }
+            break;
+        case "p-button":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "p-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+        case "p-loader":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
 }
 
 export { ModalHeader as M, defineCustomElement as d };

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

@@ -1 +1 @@
-{"file":"modal-header.component.js","mappings":";;;;;AAAA,MAAM,uBAAuB,GAAG,43BAA43B;;MCO/4B,WAAW;;;;;;qBAIH,IAAI;;EAUxB,MAAM;IACL,QACC,EAAC,IAAI,IAAC,KAAK,EAAC,gBAAgB,IAC3B,gBACC,eAAQ,CACF,EAEN,IAAI,CAAC,SAAS,KACd,gBACC,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,IAAI,EACd,OAAO,EAAE,EAAE,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,EAClC,IAAI,EAAC,IAAI,GACE,CACZ,CACK,EACN;GACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/atoms/modal-header/modal-header.component.scss?tag=p-modal-header&encapsulation=shadow","src/components/atoms/modal-header/modal-header.component.tsx"],"sourcesContent":[":host {\n\t@apply rounded-t-2xl bg-mystic;\n\t@apply flex items-center justify-between;\n\t@apply p-4 desktop-xs:p-6;\n\n\t@apply text-xl font-semibold text-storm-dark;\n\t@apply desktop-xs:text-3xl desktop-xs:font-bold;\n}\n","import { Component, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-modal-header',\n\tstyleUrl: 'modal-header.component.scss',\n\tshadow: true,\n})\nexport class ModalHeader {\n\t/**\n\t * Wether to show the close button on mobile\n\t */\n\t@Prop() showClose = true;\n\n\t/**\n\t * Close click event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tclose: EventEmitter<MouseEvent>;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-modal-header'>\n\t\t\t\t<span>\n\t\t\t\t\t<slot />\n\t\t\t\t</span>\n\n\t\t\t\t{this.showClose && (\n\t\t\t\t\t<p-button\n\t\t\t\t\t\tvariant='secondary'\n\t\t\t\t\t\ticon='negative'\n\t\t\t\t\t\ticonOnly={true}\n\t\t\t\t\t\tonClick={ev => this.close.emit(ev)}\n\t\t\t\t\t\tsize='sm'\n\t\t\t\t\t></p-button>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"version":3}
+{"file":"modal-header.component.js","mappings":";;;;;AAAA,MAAM,uBAAuB,GAAG,43BAA43B,CAAC;AAC75B,2BAAe,uBAAuB;;MCMzB,WAAW;;;;;;yBAIH,IAAI;;;;;IAQxB,KAAK,CAA2B;IAEhC,MAAM;QACL,QACC,EAAC,IAAI,qDAAC,KAAK,EAAC,gBAAgB,IAC3B,+DACC,8DAAQ,CACF,EAEN,IAAI,CAAC,SAAS,KACd,iEACC,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,IAAI,EACd,OAAO,EAAE,EAAE,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,EAClC,IAAI,EAAC,IAAI,GACE,CACZ,CACK,EACN;KACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/atoms/modal-header/modal-header.component.scss?tag=p-modal-header&encapsulation=shadow","src/components/atoms/modal-header/modal-header.component.tsx"],"sourcesContent":[":host {\n\t@apply rounded-t-2xl bg-mystic;\n\t@apply flex items-center justify-between;\n\t@apply p-4 desktop-xs:p-6;\n\n\t@apply text-xl font-semibold text-storm-dark;\n\t@apply desktop-xs:text-3xl desktop-xs:font-bold;\n}\n","import { Component, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-modal-header',\n\tstyleUrl: 'modal-header.component.scss',\n\tshadow: true,\n})\nexport class ModalHeader {\n\t/**\n\t * Wether to show the close button on mobile\n\t */\n\t@Prop() showClose = true;\n\n\t/**\n\t * Close click event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tclose: EventEmitter<MouseEvent>;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-modal-header'>\n\t\t\t\t<span>\n\t\t\t\t\t<slot />\n\t\t\t\t</span>\n\n\t\t\t\t{this.showClose && (\n\t\t\t\t\t<p-button\n\t\t\t\t\t\tvariant='secondary'\n\t\t\t\t\t\ticon='negative'\n\t\t\t\t\t\ticonOnly={true}\n\t\t\t\t\t\tonClick={ev => this.close.emit(ev)}\n\t\t\t\t\t\tsize='sm'\n\t\t\t\t\t></p-button>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"version":3}

package/dist/components/navigation-title.component.js

@@ -0,0 +1,32 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+
+const navigationTitleComponentCss = "*{box-sizing:border-box}.static{position:static!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-medium{font-weight:500!important}.text-black-teal-300{--tw-text-opacity:1!important;color:rgb(104 127 124/var(--tw-text-opacity,1))!important}";
+const PNavigationTitleStyle0 = navigationTitleComponentCss;
+
+const NavigationTitle = /*@__PURE__*/ proxyCustomElement(class NavigationTitle extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+    }
+    render() {
+        return (h(Host, { key: '03f65d5a95070603d879ebb523bef42234c2b84c', class: 'p-navigation-title text-xs font-medium text-black-teal-300' }, h("slot", { key: '77812e71ced0173f0794306d312b8f93d3576aad' })));
+    }
+    static get style() { return PNavigationTitleStyle0; }
+}, [4, "p-navigation-title"]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["p-navigation-title"];
+    components.forEach(tagName => { switch (tagName) {
+        case "p-navigation-title":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, NavigationTitle);
+            }
+            break;
+    } });
+}
+
+export { NavigationTitle as N, defineCustomElement as d };
+
+//# sourceMappingURL=navigation-title.component.js.map

package/dist/components/navigation-title.component.js.map

@@ -0,0 +1 @@
+{"file":"navigation-title.component.js","mappings":";;AAAA,MAAM,2BAA2B,GAAG,+QAA+Q,CAAC;AACpT,+BAAe,2BAA2B;;MCM7B,eAAe;;;;;IAC3B,MAAM;QACL,QACC,EAAC,IAAI,qDAAC,KAAK,EAAC,4DAA4D,IACvE,8DAAQ,CACF,EACN;KACF;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/atoms/navigation-title/navigation-title.component.scss?tag=p-navigation-title","src/components/atoms/navigation-title/navigation-title.component.tsx"],"sourcesContent":["","import { Component, h, Host } from '@stencil/core';\n\n@Component({\n\ttag: 'p-navigation-title',\n\tstyleUrl: 'navigation-title.component.scss',\n\tshadow: false,\n})\nexport class NavigationTitle {\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-navigation-title text-xs font-medium text-black-teal-300'>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"version":3}

package/dist/components/nonce.js

@@ -0,0 +1,15 @@
+const nonce = (length) => {
+    let result = '';
+    const characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
+    const charactersLength = characters.length;
+    let counter = 0;
+    while (counter < length) {
+        result += characters.charAt(Math.floor(Math.random() * charactersLength));
+        counter += 1;
+    }
+    return result;
+};
+
+export { nonce as n };
+
+//# sourceMappingURL=nonce.js.map

package/dist/components/nonce.js.map

@@ -0,0 +1 @@
+{"file":"nonce.js","mappings":"MAAa,KAAK,GAAG,CAAC,MAAc;IACnC,IAAI,MAAM,GAAG,EAAE,CAAC;IAEhB,MAAM,UAAU,GACf,gEAAgE,CAAC;IAClE,MAAM,gBAAgB,GAAG,UAAU,CAAC,MAAM,CAAC;IAE3C,IAAI,OAAO,GAAG,CAAC,CAAC;IAChB,OAAO,OAAO,GAAG,MAAM,EAAE;QACxB,MAAM,IAAI,UAAU,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,gBAAgB,CAAC,CAAC,CAAC;QAC1E,OAAO,IAAI,CAAC,CAAC;KACb;IAED,OAAO,MAAM,CAAC;AACf;;;;","names":[],"sources":["src/utils/nonce.ts"],"sourcesContent":["export const nonce = (length: number) => {\n\tlet result = '';\n\n\tconst characters =\n\t\t'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';\n\tconst charactersLength = characters.length;\n\n\tlet counter = 0;\n\twhile (counter < length) {\n\t\tresult += characters.charAt(Math.floor(Math.random() * charactersLength));\n\t\tcounter += 1;\n\t}\n\n\treturn result;\n};\n"],"version":3}