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

package/dist/collection/components/atoms/floating-menu-item/floating-menu-item.component.js

@@ -1,63 +1,67 @@
 import { h, Host } from "@stencil/core";
 export class FloatingMenuItem {
-  constructor() {
-    this.hover = true;
-    this.disabled = false;
-  }
-  render() {
-    return (h(Host, { class: "p-floating-menu-item" }, h("slot", null)));
-  }
-  static get is() { return "p-floating-menu-item"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["floating-menu-item.component.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["floating-menu-item.component.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "hover": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Wether it should have a hover effect"
-        },
-        "attribute": "hover",
-        "reflect": true,
-        "defaultValue": "true"
-      },
-      "disabled": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Wether the item is disabled"
-        },
-        "attribute": "disabled",
-        "reflect": true,
-        "defaultValue": "false"
-      }
-    };
-  }
+    constructor() {
+        this.hover = true;
+        this.disabled = false;
+    }
+    render() {
+        return (h(Host, { key: 'acd29dcff18979371230b82419c2306084b99b44', class: "p-floating-menu-item" }, h("slot", { key: '80274da4ad9362eaf6573d87ab8f4c633030ecde' })));
+    }
+    static get is() { return "p-floating-menu-item"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["floating-menu-item.component.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["floating-menu-item.component.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "hover": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Wether it should have a hover effect"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "hover",
+                "reflect": true,
+                "defaultValue": "true"
+            },
+            "disabled": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Wether the item is disabled"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "disabled",
+                "reflect": true,
+                "defaultValue": "false"
+            }
+        };
+    }
 }
 //# sourceMappingURL=floating-menu-item.component.js.map

package/dist/collection/components/atoms/floating-menu-item/floating-menu-item.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"floating-menu-item.component.js","sourceRoot":"","sources":["../../../../src/components/atoms/floating-menu-item/floating-menu-item.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOzD,MAAM,OAAO,gBAAgB;;iBAIc,IAAI;oBAKD,KAAK;;EAElD,MAAM;IACL,OAAO,CACN,EAAC,IAAI,IAAC,KAAK,EAAC,sBAAsB;MACjC,eAAQ,CACF,CACP,CAAC;EACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-floating-menu-item',\n\tstyleUrl: 'floating-menu-item.component.scss',\n\tshadow: true,\n})\nexport class FloatingMenuItem {\n\t/**\n\t * Wether it should have a hover effect\n\t */\n\t@Prop({ reflect: true }) hover: boolean = true;\n\n\t/**\n\t * Wether the item is disabled\n\t */\n\t@Prop({ reflect: true }) disabled: boolean = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class=\"p-floating-menu-item\">\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"]}
+{"version":3,"file":"floating-menu-item.component.js","sourceRoot":"","sources":["../../../../src/components/atoms/floating-menu-item/floating-menu-item.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOzD,MAAM,OAAO,gBAAgB;;qBAIc,IAAI;wBAKD,KAAK;;IAElD,MAAM;QACL,OAAO,CACN,EAAC,IAAI,qDAAC,KAAK,EAAC,sBAAsB;YACjC,8DAAQ,CACF,CACP,CAAC;IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-floating-menu-item',\n\tstyleUrl: 'floating-menu-item.component.scss',\n\tshadow: true,\n})\nexport class FloatingMenuItem {\n\t/**\n\t * Wether it should have a hover effect\n\t */\n\t@Prop({ reflect: true }) hover: boolean = true;\n\n\t/**\n\t * Wether the item is disabled\n\t */\n\t@Prop({ reflect: true }) disabled: boolean = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class=\"p-floating-menu-item\">\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"]}

package/dist/collection/components/atoms/helper/helper.component.css

@@ -1 +1 @@
-.inline-block{display:inline-block!important}.w-3{width:.75rem!important}.cursor-pointer{cursor:pointer!important}.bg-center{background-position:50%!important}.bg-no-repeat{background-repeat:no-repeat!important}*{box-sizing:border-box}:host .helper{background-image:url(/assets/images/helper/helper.svg);background-position:50%;background-repeat:no-repeat;cursor:pointer;display:inline-block;height:.75rem;width:.75rem}:host .helper:hover{background-image:url(/assets/images/helper/helper-hover.svg)}.static{position:static!important}.absolute{position:absolute!important}
+.inline-block{display:inline-block!important}.h-\[0\.75rem\]{height:.75rem!important}.w-\[0\.75rem\]{width:.75rem!important}.cursor-pointer{cursor:pointer!important}.bg-center{background-position:50%!important}*{box-sizing:border-box}:host{line-height:.75rem}:host .helper{background-image:url(/assets/images/helper/helper.svg);background-position:50%;background-repeat:no-repeat;cursor:pointer;display:inline-block;height:.75rem;width:.75rem}:host .helper:hover{background-image:url(/assets/images/helper/helper-hover.svg)}.static{position:static!important}.absolute{position:absolute!important}

package/dist/collection/components/atoms/helper/helper.component.js

@@ -1,75 +1,79 @@
 import { h, Host } from "@stencil/core";
 export class Helper {
-  constructor() {
-    this.strategy = 'absolute';
-    this.placement = 'top';
-  }
-  render() {
-    return (h(Host, { class: 'p-helper' }, h("p-tooltip", { placement: this.placement, strategy: this.strategy }, h("div", { slot: 'content' }, h("slot", null)), h("div", { slot: 'trigger', class: 'helper' }))));
-  }
-  static get is() { return "p-helper"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["helper.component.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["helper.component.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "strategy": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "Strategy",
-          "resolved": "\"absolute\" | \"fixed\"",
-          "references": {
-            "Strategy": {
-              "location": "import",
-              "path": "@floating-ui/dom",
-              "id": "../../node_modules/@floating-ui/dom/index.d.ts::Strategy"
+    constructor() {
+        this.strategy = 'absolute';
+        this.placement = 'top';
+    }
+    render() {
+        return (h(Host, { key: '540f0bec4dd767c4be84ec5973d25bae8863f55e', class: 'p-helper' }, h("p-tooltip", { key: 'f814314bc2a7f9751c57db8a1cda799a3b195fa1', placement: this.placement, strategy: this.strategy }, h("div", { key: '999a01bc5b4cf7bc6ebc229b7279ca215a46ca6d', slot: 'content' }, h("slot", { key: '9fb3ed56f75111c8560a8b877dbfd58aedaa2530' })), h("div", { key: 'b8b9b5ca2ce68040531c071e1d24d8dab049321d', slot: 'trigger', class: 'helper' }))));
+    }
+    static get is() { return "p-helper"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["helper.component.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["helper.component.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "strategy": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "Strategy",
+                    "resolved": "\"absolute\" | \"fixed\"",
+                    "references": {
+                        "Strategy": {
+                            "location": "import",
+                            "path": "@floating-ui/dom",
+                            "id": "../../node_modules/@floating-ui/dom/dist/floating-ui.dom.d.ts::Strategy"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The strategy of the popover placement"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "strategy",
+                "reflect": false,
+                "defaultValue": "'absolute'"
+            },
+            "placement": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "Placement",
+                    "resolved": "\"bottom\" | \"bottom-end\" | \"bottom-start\" | \"left\" | \"left-end\" | \"left-start\" | \"right\" | \"right-end\" | \"right-start\" | \"top\" | \"top-end\" | \"top-start\"",
+                    "references": {
+                        "Placement": {
+                            "location": "import",
+                            "path": "@floating-ui/dom",
+                            "id": "../../node_modules/@floating-ui/dom/dist/floating-ui.dom.d.ts::Placement"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The placement of the helper popover"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "placement",
+                "reflect": false,
+                "defaultValue": "'top'"
             }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "The strategy of the popover placement"
-        },
-        "attribute": "strategy",
-        "reflect": false,
-        "defaultValue": "'absolute'"
-      },
-      "placement": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "Placement",
-          "resolved": "\"bottom\" | \"bottom-end\" | \"bottom-start\" | \"left\" | \"left-end\" | \"left-start\" | \"right\" | \"right-end\" | \"right-start\" | \"top\" | \"top-end\" | \"top-start\"",
-          "references": {
-            "Placement": {
-              "location": "import",
-              "path": "@floating-ui/dom",
-              "id": "../../node_modules/@floating-ui/dom/index.d.ts::Placement"
-            }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "The placement of the helper popover"
-        },
-        "attribute": "placement",
-        "reflect": false,
-        "defaultValue": "'top'"
-      }
-    };
-  }
+        };
+    }
 }
 //# sourceMappingURL=helper.component.js.map

package/dist/collection/components/atoms/helper/helper.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"helper.component.js","sourceRoot":"","sources":["../../../../src/components/atoms/helper/helper.component.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOzD,MAAM,OAAO,MAAM;;oBAIW,UAAU;qBAKR,KAAK;;EAEpC,MAAM;IACL,OAAO,CACN,EAAC,IAAI,IAAC,KAAK,EAAC,UAAU;MACrB,iBACC,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,QAAQ,EAAE,IAAI,CAAC,QAAQ;QAEvB,WAAK,IAAI,EAAC,SAAS;UAClB,eAAQ,CACH;QAEN,WACC,IAAI,EAAC,SAAS,EACd,KAAK,EAAC,QAAQ,GACR,CACI,CACN,CACP,CAAC;EACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Placement, Strategy } from '@floating-ui/dom';\nimport { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-helper',\n\tstyleUrl: 'helper.component.scss',\n\tshadow: true,\n})\nexport class Helper {\n\t/**\n\t * The strategy of the popover placement\n\t */\n\t@Prop() strategy: Strategy = 'absolute';\n\n\t/**\n\t * The placement of the helper popover\n\t */\n\t@Prop() placement: Placement = 'top';\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-helper'>\n\t\t\t\t<p-tooltip\n\t\t\t\t\tplacement={this.placement}\n\t\t\t\t\tstrategy={this.strategy}\n\t\t\t\t>\n\t\t\t\t\t<div slot='content'>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div\n\t\t\t\t\t\tslot='trigger'\n\t\t\t\t\t\tclass='helper'\n\t\t\t\t\t></div>\n\t\t\t\t</p-tooltip>\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"]}
+{"version":3,"file":"helper.component.js","sourceRoot":"","sources":["../../../../src/components/atoms/helper/helper.component.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOzD,MAAM,OAAO,MAAM;;wBAIW,UAAU;yBAKR,KAAK;;IAEpC,MAAM;QACL,OAAO,CACN,EAAC,IAAI,qDAAC,KAAK,EAAC,UAAU;YACrB,kEACC,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,QAAQ,EAAE,IAAI,CAAC,QAAQ;gBAEvB,4DAAK,IAAI,EAAC,SAAS;oBAClB,8DAAQ,CACH;gBAEN,4DACC,IAAI,EAAC,SAAS,EACd,KAAK,EAAC,QAAQ,GACR,CACI,CACN,CACP,CAAC;IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Placement, Strategy } from '@floating-ui/dom';\nimport { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-helper',\n\tstyleUrl: 'helper.component.scss',\n\tshadow: true,\n})\nexport class Helper {\n\t/**\n\t * The strategy of the popover placement\n\t */\n\t@Prop() strategy: Strategy = 'absolute';\n\n\t/**\n\t * The placement of the helper popover\n\t */\n\t@Prop() placement: Placement = 'top';\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-helper'>\n\t\t\t\t<p-tooltip\n\t\t\t\t\tplacement={this.placement}\n\t\t\t\t\tstrategy={this.strategy}\n\t\t\t\t>\n\t\t\t\t\t<div slot='content'>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div\n\t\t\t\t\t\tslot='trigger'\n\t\t\t\t\t\tclass='helper'\n\t\t\t\t\t></div>\n\t\t\t\t</p-tooltip>\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"]}

package/dist/collection/components/atoms/iban-icon/iban-icon.component.js

@@ -1,84 +1,87 @@
 import { h, Host } from "@stencil/core";
 import { IBAN_ICON_VARIANTS_ARRAY } from "../../../types";
 export class IbanIcon {
-  constructor() {
-    this.iban = undefined;
-    this.variant = undefined;
-  }
-  render() {
-    var _a;
-    let variant = this.variant;
-    if ((_a = this.iban) === null || _a === void 0 ? void 0 : _a.length) {
-      variant = this.iban.slice(4, 8).toLowerCase();
+    constructor() {
+        this.iban = undefined;
+        this.variant = undefined;
     }
-    const exists = IBAN_ICON_VARIANTS_ARRAY.includes(variant);
-    return (exists && (h(Host, { class: 'p-iban-icon' }, this._getIcon(variant))));
-  }
-  _getIcon(variant) {
-    switch (variant) {
-      case 'abna':
-        return h("img", { src: './assets/iban-icons/icon-abn.svg' });
-      case 'rabo':
-        return h("img", { src: './assets/iban-icons/icon-rabo.svg' });
-      case 'ingb':
-        return h("img", { src: './assets/iban-icons/icon-ing.svg' });
-      case 'bunq':
-        return h("img", { src: './assets/iban-icons/icon-bunq.svg' });
-      case 'asnb':
-        return h("img", { src: './assets/iban-icons/icon-asn.svg' });
-      case 'trio':
-        return h("img", { src: './assets/iban-icons/icon-triodos.svg' });
-      case 'knab':
-        return h("img", { src: './assets/iban-icons/icon-knab.svg' });
-      case 'snsb':
-        return h("img", { src: './assets/iban-icons/icon-sns.svg' });
+    render() {
+        let variant = this.variant;
+        if (this.iban?.length) {
+            variant = this.iban.slice(4, 8).toLowerCase();
+        }
+        const exists = IBAN_ICON_VARIANTS_ARRAY.includes(variant);
+        return (exists && (h(Host, { key: 'd11fd313b8f14f6bcf6054cba53a15d11a6e543a', class: 'p-iban-icon' }, this._getIcon(variant))));
     }
-  }
-  static get is() { return "p-iban-icon"; }
-  static get encapsulation() { return "shadow"; }
-  static get properties() {
-    return {
-      "iban": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "The iban you want to get an icon for"
-        },
-        "attribute": "iban",
-        "reflect": true
-      },
-      "variant": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "IbanIconVariant",
-          "resolved": "\"abna\" | \"asnb\" | \"bunq\" | \"ingb\" | \"knab\" | \"rabo\" | \"snsb\" | \"trio\"",
-          "references": {
-            "IbanIconVariant": {
-              "location": "import",
-              "path": "../../../types",
-              "id": "src/types/index.ts::IbanIconVariant"
+    _getIcon(variant) {
+        switch (variant) {
+            case 'abna':
+                return h("img", { src: './assets/iban-icons/icon-abn.svg' });
+            case 'rabo':
+                return h("img", { src: './assets/iban-icons/icon-rabo.svg' });
+            case 'ingb':
+                return h("img", { src: './assets/iban-icons/icon-ing.svg' });
+            case 'bunq':
+                return h("img", { src: './assets/iban-icons/icon-bunq.svg' });
+            case 'asnb':
+                return h("img", { src: './assets/iban-icons/icon-asn.svg' });
+            case 'trio':
+                return h("img", { src: './assets/iban-icons/icon-triodos.svg' });
+            case 'knab':
+                return h("img", { src: './assets/iban-icons/icon-knab.svg' });
+            case 'snsb':
+                return h("img", { src: './assets/iban-icons/icon-sns.svg' });
+        }
+    }
+    static get is() { return "p-iban-icon"; }
+    static get encapsulation() { return "shadow"; }
+    static get properties() {
+        return {
+            "iban": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The iban you want to get an icon for"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "iban",
+                "reflect": true
+            },
+            "variant": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "IbanIconVariant",
+                    "resolved": "\"abna\" | \"asnb\" | \"bunq\" | \"ingb\" | \"knab\" | \"rabo\" | \"snsb\" | \"trio\"",
+                    "references": {
+                        "IbanIconVariant": {
+                            "location": "import",
+                            "path": "../../../types",
+                            "id": "src/types/index.ts::IbanIconVariant"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The variant of the icon you want toshow"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "variant",
+                "reflect": true
             }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "The variant of the icon you want toshow"
-        },
-        "attribute": "variant",
-        "reflect": true
-      }
-    };
-  }
+        };
+    }
 }
 //# sourceMappingURL=iban-icon.component.js.map

package/dist/collection/components/atoms/iban-icon/iban-icon.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"iban-icon.component.js","sourceRoot":"","sources":["../../../../src/components/atoms/iban-icon/iban-icon.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,wBAAwB,EAAmB,MAAM,gBAAgB,CAAC;AAM3E,MAAM,OAAO,QAAQ;;;;;EAWpB,MAAM;;IACL,IAAI,OAAO,GAAW,IAAI,CAAC,OAAO,CAAC;IAEnC,IAAI,MAAA,IAAI,CAAC,IAAI,0CAAE,MAAM,EAAE;MACtB,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;KAC9C;IAED,MAAM,MAAM,GAAG,wBAAwB,CAAC,QAAQ,CAC/C,OAA0B,CAC1B,CAAC;IAEF,OAAO,CACN,MAAM,IAAI,CACT,EAAC,IAAI,IAAC,KAAK,EAAC,aAAa,IACvB,IAAI,CAAC,QAAQ,CAAC,OAA0B,CAAC,CACpC,CACP,CACD,CAAC;EACH,CAAC;EAEO,QAAQ,CAAC,OAAwB;IACxC,QAAQ,OAAO,EAAE;MAChB,KAAK,MAAM;QACV,OAAO,WAAK,GAAG,EAAC,kCAAkC,GAAG,CAAC;MACvD,KAAK,MAAM;QACV,OAAO,WAAK,GAAG,EAAC,mCAAmC,GAAG,CAAC;MACxD,KAAK,MAAM;QACV,OAAO,WAAK,GAAG,EAAC,kCAAkC,GAAG,CAAC;MACvD,KAAK,MAAM;QACV,OAAO,WAAK,GAAG,EAAC,mCAAmC,GAAG,CAAC;MACxD,KAAK,MAAM;QACV,OAAO,WAAK,GAAG,EAAC,kCAAkC,GAAG,CAAC;MACvD,KAAK,MAAM;QACV,OAAO,WAAK,GAAG,EAAC,sCAAsC,GAAG,CAAC;MAC3D,KAAK,MAAM;QACV,OAAO,WAAK,GAAG,EAAC,mCAAmC,GAAG,CAAC;MACxD,KAAK,MAAM;QACV,OAAO,WAAK,GAAG,EAAC,kCAAkC,GAAG,CAAC;KACvD;EACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, h, Host, Prop } from '@stencil/core';\nimport { IBAN_ICON_VARIANTS_ARRAY, IbanIconVariant } from '../../../types';\n\n@Component({\n\ttag: 'p-iban-icon',\n\tshadow: true,\n})\nexport class IbanIcon {\n\t/**\n\t * The iban you want to get an icon for\n\t */\n\t@Prop({ reflect: true }) iban: string;\n\n\t/**\n\t * The variant of the icon you want toshow\n\t */\n\t@Prop({ reflect: true }) variant: IbanIconVariant;\n\n\trender() {\n\t\tlet variant: string = this.variant;\n\n\t\tif (this.iban?.length) {\n\t\t\tvariant = this.iban.slice(4, 8).toLowerCase();\n\t\t}\n\n\t\tconst exists = IBAN_ICON_VARIANTS_ARRAY.includes(\n\t\t\tvariant as IbanIconVariant\n\t\t);\n\n\t\treturn (\n\t\t\texists && (\n\t\t\t\t<Host class='p-iban-icon'>\n\t\t\t\t\t{this._getIcon(variant as IbanIconVariant)}\n\t\t\t\t</Host>\n\t\t\t)\n\t\t);\n\t}\n\n\tprivate _getIcon(variant: IbanIconVariant) {\n\t\tswitch (variant) {\n\t\t\tcase 'abna':\n\t\t\t\treturn <img src='./assets/iban-icons/icon-abn.svg' />;\n\t\t\tcase 'rabo':\n\t\t\t\treturn <img src='./assets/iban-icons/icon-rabo.svg' />;\n\t\t\tcase 'ingb':\n\t\t\t\treturn <img src='./assets/iban-icons/icon-ing.svg' />;\n\t\t\tcase 'bunq':\n\t\t\t\treturn <img src='./assets/iban-icons/icon-bunq.svg' />;\n\t\t\tcase 'asnb':\n\t\t\t\treturn <img src='./assets/iban-icons/icon-asn.svg' />;\n\t\t\tcase 'trio':\n\t\t\t\treturn <img src='./assets/iban-icons/icon-triodos.svg' />;\n\t\t\tcase 'knab':\n\t\t\t\treturn <img src='./assets/iban-icons/icon-knab.svg' />;\n\t\t\tcase 'snsb':\n\t\t\t\treturn <img src='./assets/iban-icons/icon-sns.svg' />;\n\t\t}\n\t}\n}\n"]}
+{"version":3,"file":"iban-icon.component.js","sourceRoot":"","sources":["../../../../src/components/atoms/iban-icon/iban-icon.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,wBAAwB,EAAmB,MAAM,gBAAgB,CAAC;AAM3E,MAAM,OAAO,QAAQ;;;;;IAWpB,MAAM;QACL,IAAI,OAAO,GAAW,IAAI,CAAC,OAAO,CAAC;QAEnC,IAAI,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,CAAC;YACvB,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;QAC/C,CAAC;QAED,MAAM,MAAM,GAAG,wBAAwB,CAAC,QAAQ,CAC/C,OAA0B,CAC1B,CAAC;QAEF,OAAO,CACN,MAAM,IAAI,CACT,EAAC,IAAI,qDAAC,KAAK,EAAC,aAAa,IACvB,IAAI,CAAC,QAAQ,CAAC,OAA0B,CAAC,CACpC,CACP,CACD,CAAC;IACH,CAAC;IAEO,QAAQ,CAAC,OAAwB;QACxC,QAAQ,OAAO,EAAE,CAAC;YACjB,KAAK,MAAM;gBACV,OAAO,WAAK,GAAG,EAAC,kCAAkC,GAAG,CAAC;YACvD,KAAK,MAAM;gBACV,OAAO,WAAK,GAAG,EAAC,mCAAmC,GAAG,CAAC;YACxD,KAAK,MAAM;gBACV,OAAO,WAAK,GAAG,EAAC,kCAAkC,GAAG,CAAC;YACvD,KAAK,MAAM;gBACV,OAAO,WAAK,GAAG,EAAC,mCAAmC,GAAG,CAAC;YACxD,KAAK,MAAM;gBACV,OAAO,WAAK,GAAG,EAAC,kCAAkC,GAAG,CAAC;YACvD,KAAK,MAAM;gBACV,OAAO,WAAK,GAAG,EAAC,sCAAsC,GAAG,CAAC;YAC3D,KAAK,MAAM;gBACV,OAAO,WAAK,GAAG,EAAC,mCAAmC,GAAG,CAAC;YACxD,KAAK,MAAM;gBACV,OAAO,WAAK,GAAG,EAAC,kCAAkC,GAAG,CAAC;QACxD,CAAC;IACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, h, Host, Prop } from '@stencil/core';\nimport { IBAN_ICON_VARIANTS_ARRAY, IbanIconVariant } from '../../../types';\n\n@Component({\n\ttag: 'p-iban-icon',\n\tshadow: true,\n})\nexport class IbanIcon {\n\t/**\n\t * The iban you want to get an icon for\n\t */\n\t@Prop({ reflect: true }) iban: string;\n\n\t/**\n\t * The variant of the icon you want toshow\n\t */\n\t@Prop({ reflect: true }) variant: IbanIconVariant;\n\n\trender() {\n\t\tlet variant: string = this.variant;\n\n\t\tif (this.iban?.length) {\n\t\t\tvariant = this.iban.slice(4, 8).toLowerCase();\n\t\t}\n\n\t\tconst exists = IBAN_ICON_VARIANTS_ARRAY.includes(\n\t\t\tvariant as IbanIconVariant\n\t\t);\n\n\t\treturn (\n\t\t\texists && (\n\t\t\t\t<Host class='p-iban-icon'>\n\t\t\t\t\t{this._getIcon(variant as IbanIconVariant)}\n\t\t\t\t</Host>\n\t\t\t)\n\t\t);\n\t}\n\n\tprivate _getIcon(variant: IbanIconVariant) {\n\t\tswitch (variant) {\n\t\t\tcase 'abna':\n\t\t\t\treturn <img src='./assets/iban-icons/icon-abn.svg' />;\n\t\t\tcase 'rabo':\n\t\t\t\treturn <img src='./assets/iban-icons/icon-rabo.svg' />;\n\t\t\tcase 'ingb':\n\t\t\t\treturn <img src='./assets/iban-icons/icon-ing.svg' />;\n\t\t\tcase 'bunq':\n\t\t\t\treturn <img src='./assets/iban-icons/icon-bunq.svg' />;\n\t\t\tcase 'asnb':\n\t\t\t\treturn <img src='./assets/iban-icons/icon-asn.svg' />;\n\t\t\tcase 'trio':\n\t\t\t\treturn <img src='./assets/iban-icons/icon-triodos.svg' />;\n\t\t\tcase 'knab':\n\t\t\t\treturn <img src='./assets/iban-icons/icon-knab.svg' />;\n\t\t\tcase 'snsb':\n\t\t\t\treturn <img src='./assets/iban-icons/icon-sns.svg' />;\n\t\t}\n\t}\n}\n"]}