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

package/dist/collection/components/atoms/drawer-container/drawer-container.component.js

@@ -5,44 +5,46 @@ import { h, Host } from "@stencil/core";
 // $drawer-lg: 47.5rem;
 // $drawer-xl: 57.5rem;
 export class ModalContainer {
-  constructor() {
-    this.closing = false;
-  }
-  render() {
-    return (h(Host, { class: `p-drawer-container ${this.closing && 'closing'}` }, h("slot", null)));
-  }
-  static get is() { return "p-drawer-container"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["drawer-container.component.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["drawer-container.component.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "closing": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Wether the container is closing"
-        },
-        "attribute": "closing",
-        "reflect": false,
-        "defaultValue": "false"
-      }
-    };
-  }
+    constructor() {
+        this.closing = false;
+    }
+    render() {
+        return (h(Host, { key: '8fff9cd196871aa7c5738182e0f24e86b488f0a9', class: `p-drawer-container ${this.closing && 'closing'}` }, h("slot", { key: 'c52ac3f20264e553fd2f9e3429535ab24ecd1eed' })));
+    }
+    static get is() { return "p-drawer-container"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["drawer-container.component.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["drawer-container.component.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "closing": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Wether the container is closing"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "closing",
+                "reflect": false,
+                "defaultValue": "false"
+            }
+        };
+    }
 }
 //# sourceMappingURL=drawer-container.component.js.map

package/dist/collection/components/atoms/drawer-container/drawer-container.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"drawer-container.component.js","sourceRoot":"","sources":["../../../../src/components/atoms/drawer-container/drawer-container.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAEzD,qBAAqB;AACrB,uBAAuB;AACvB,qBAAqB;AACrB,uBAAuB;AACvB,uBAAuB;AAMvB,MAAM,OAAO,cAAc;;mBAIC,KAAK;;EAEhC,MAAM;IACL,OAAO,CACN,EAAC,IAAI,IAAC,KAAK,EAAE,sBAAsB,IAAI,CAAC,OAAO,IAAI,SAAS,EAAE;MAC7D,eAAQ,CACF,CACP,CAAC;EACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, h, Host, Prop } from '@stencil/core';\n\n// $drawer-xs: 20rem;\n// $drawer-sm: 33.5rem;\n// $drawer-md: 38rem;\n// $drawer-lg: 47.5rem;\n// $drawer-xl: 57.5rem;\n\n@Component({\n\ttag: 'p-drawer-container',\n\tstyleUrl: 'drawer-container.component.scss',\n})\nexport class ModalContainer {\n\t/**\n\t * Wether the container is closing\n\t */\n\t@Prop() closing: boolean = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={`p-drawer-container ${this.closing && 'closing'}`}>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"]}
+{"version":3,"file":"drawer-container.component.js","sourceRoot":"","sources":["../../../../src/components/atoms/drawer-container/drawer-container.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAEzD,qBAAqB;AACrB,uBAAuB;AACvB,qBAAqB;AACrB,uBAAuB;AACvB,uBAAuB;AAMvB,MAAM,OAAO,cAAc;;uBAIC,KAAK;;IAEhC,MAAM;QACL,OAAO,CACN,EAAC,IAAI,qDAAC,KAAK,EAAE,sBAAsB,IAAI,CAAC,OAAO,IAAI,SAAS,EAAE;YAC7D,8DAAQ,CACF,CACP,CAAC;IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, h, Host, Prop } from '@stencil/core';\n\n// $drawer-xs: 20rem;\n// $drawer-sm: 33.5rem;\n// $drawer-md: 38rem;\n// $drawer-lg: 47.5rem;\n// $drawer-xl: 57.5rem;\n\n@Component({\n\ttag: 'p-drawer-container',\n\tstyleUrl: 'drawer-container.component.scss',\n})\nexport class ModalContainer {\n\t/**\n\t * Wether the container is closing\n\t */\n\t@Prop() closing: boolean = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={`p-drawer-container ${this.closing && 'closing'}`}>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"]}

package/dist/collection/components/atoms/drawer-header/drawer-header.component.js

@@ -1,67 +1,73 @@
 import { h, Host } from "@stencil/core";
 export class ModalHeader {
-  constructor() {
-    this.showClose = true;
-  }
-  render() {
-    return (h(Host, { class: 'p-drawer-header' }, this.showClose && (h("p-button", { variant: 'secondary', icon: 'negative', iconOnly: true, onClick: () => this.close.emit(), size: 'sm' })), h("slot", null)));
-  }
-  static get is() { return "p-drawer-header"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["drawer-header.component.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["drawer-header.component.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "showClose": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Wether to show the close button on mobile"
-        },
-        "attribute": "show-close",
-        "reflect": false,
-        "defaultValue": "true"
-      }
-    };
-  }
-  static get events() {
-    return [{
-        "method": "close",
-        "name": "close",
-        "bubbles": false,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": "Close click event"
-        },
-        "complexType": {
-          "original": "MouseEvent",
-          "resolved": "MouseEvent",
-          "references": {
-            "MouseEvent": {
-              "location": "global",
-              "id": "global::MouseEvent"
+    constructor() {
+        this.showClose = true;
+    }
+    /**
+     * Close click event
+     */
+    close;
+    render() {
+        return (h(Host, { key: 'ac60faaafaa2d0ecb13e0be70848bc623c002b69', class: 'p-drawer-header' }, this.showClose && (h("p-button", { key: 'da636aab294d800a0de03b02fbe63971c6d2a2cf', variant: 'secondary', icon: 'negative', iconOnly: true, onClick: () => this.close.emit(), size: 'sm' })), h("slot", { key: '5aab881dedd79021a2aec11fe875334c561107da' })));
+    }
+    static get is() { return "p-drawer-header"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["drawer-header.component.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["drawer-header.component.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "showClose": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Wether to show the close button on mobile"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "show-close",
+                "reflect": false,
+                "defaultValue": "true"
             }
-          }
-        }
-      }];
-  }
+        };
+    }
+    static get events() {
+        return [{
+                "method": "close",
+                "name": "close",
+                "bubbles": false,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Close click event"
+                },
+                "complexType": {
+                    "original": "MouseEvent",
+                    "resolved": "MouseEvent",
+                    "references": {
+                        "MouseEvent": {
+                            "location": "global",
+                            "id": "global::MouseEvent"
+                        }
+                    }
+                }
+            }];
+    }
 }
 //# sourceMappingURL=drawer-header.component.js.map

package/dist/collection/components/atoms/drawer-header/drawer-header.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"drawer-header.component.js","sourceRoot":"","sources":["../../../../src/components/atoms/drawer-header/drawer-header.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAO9E,MAAM,OAAO,WAAW;;qBAIH,IAAI;;EAUxB,MAAM;IACL,OAAO,CACN,EAAC,IAAI,IAAC,KAAK,EAAC,iBAAiB;MAC3B,IAAI,CAAC,SAAS,IAAI,CAClB,gBACC,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,IAAI,EACd,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,EAChC,IAAI,EAAC,IAAI,GACE,CACZ;MAED,eAAQ,CACF,CACP,CAAC;EACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-drawer-header',\n\tstyleUrl: 'drawer-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-drawer-header'>\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={() => this.close.emit()}\n\t\t\t\t\t\tsize='sm'\n\t\t\t\t\t></p-button>\n\t\t\t\t)}\n\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"]}
+{"version":3,"file":"drawer-header.component.js","sourceRoot":"","sources":["../../../../src/components/atoms/drawer-header/drawer-header.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAO9E,MAAM,OAAO,WAAW;;yBAIH,IAAI;;IAExB;;OAEG;IAIH,KAAK,CAA2B;IAEhC,MAAM;QACL,OAAO,CACN,EAAC,IAAI,qDAAC,KAAK,EAAC,iBAAiB;YAC3B,IAAI,CAAC,SAAS,IAAI,CAClB,iEACC,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,IAAI,EACd,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,EAChC,IAAI,EAAC,IAAI,GACE,CACZ;YAED,8DAAQ,CACF,CACP,CAAC;IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-drawer-header',\n\tstyleUrl: 'drawer-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-drawer-header'>\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={() => this.close.emit()}\n\t\t\t\t\t\tsize='sm'\n\t\t\t\t\t></p-button>\n\t\t\t\t)}\n\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"]}

package/dist/collection/components/atoms/dropdown-menu-container/dropdown-menu-container.component.js

@@ -1,157 +1,167 @@
 import { h, Host } from "@stencil/core";
 import { cva } from "class-variance-authority";
 const dropdownMenuContainer = cva([
-  'p-dropdown-menu-container',
-  'w-auto p-1',
-  'bg-white rounded-lg z-10 drop-shadow-2',
-  'border border-black-teal-100',
+    'p-dropdown-menu-container',
+    'p-1',
+    'bg-white rounded-lg z-10 drop-shadow-2',
+    'border border-black-teal-100',
 ], {
-  variants: {
-    fullWidth: {
-      false: null,
-      true: 'w-full',
-    },
-    allowOverflow: {
-      false: 'overflow-y-auto overflow-x-hidden',
-      true: null,
-    },
-    scrollable: {
-      none: null,
-      default: 'max-h-[11.5rem]',
-      large: 'max-h-[13.875rem]',
-      xlarge: 'max-h-[20rem]',
-    },
-    maxWidth: {
-      false: null,
-      true: 'max-w-[13.875rem]',
-    },
-  },
-});
-export class DropdownMenuContainer {
-  constructor() {
-    this.maxWidth = true;
-    this.class = undefined;
-    this.fullWidth = true;
-    this.allowOverflow = false;
-    this.scrollable = false;
-  }
-  render() {
-    const scrollable = this.scrollable === false
-      ? 'none'
-      : this.scrollable === true
-        ? 'default'
-        : this.scrollable;
-    return (h(Host, { class: dropdownMenuContainer({
-        class: this.class,
-        fullWidth: this.fullWidth,
-        allowOverflow: this.allowOverflow,
-        scrollable,
-        maxWidth: this.maxWidth,
-      }) }, h("div", { class: 'flex w-full flex-col gap-[1px]' }, h("slot", null))));
-  }
-  static get is() { return "p-dropdown-menu-container"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["dropdown-menu-container.component.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["dropdown-menu-container.component.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "maxWidth": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Wether the container applies it's max width"
-        },
-        "attribute": "max-width",
-        "reflect": false,
-        "defaultValue": "true"
-      },
-      "class": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
+    variants: {
+        fullWidth: {
+            false: null,
+            true: 'w-full',
         },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "The class of the container passed by parent"
+        allowOverflow: {
+            false: 'overflow-y-auto overflow-x-hidden',
+            true: null,
         },
-        "attribute": "class",
-        "reflect": false
-      },
-      "fullWidth": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
+        scrollable: {
+            none: null,
+            default: 'max-h-[11.5rem]',
+            large: 'max-h-[13.875rem]',
+            xlarge: 'max-h-[20rem]',
         },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Wether the container should all available space"
+        maxWidth: {
+            false: null,
+            true: 'w-auto max-w-[13.875rem]',
         },
-        "attribute": "full-width",
-        "reflect": false,
-        "defaultValue": "true"
-      },
-      "allowOverflow": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Wether to allow overflow"
-        },
-        "attribute": "allow-overflow",
-        "reflect": false,
-        "defaultValue": "false"
-      },
-      "scrollable": {
-        "type": "any",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean | 'default' | 'large' | 'xlarge'",
-          "resolved": "\"default\" | \"large\" | \"xlarge\" | boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Wether the container should be scrollable when the threshold is met."
-        },
-        "attribute": "scrollable",
-        "reflect": false,
-        "defaultValue": "false"
-      }
-    };
-  }
+    },
+});
+export class DropdownMenuContainer {
+    constructor() {
+        this.maxWidth = true;
+        this.class = undefined;
+        this.fullWidth = true;
+        this.allowOverflow = false;
+        this.scrollable = false;
+    }
+    render() {
+        const scrollable = this.scrollable === false
+            ? 'none'
+            : this.scrollable === true
+                ? 'default'
+                : this.scrollable;
+        return (h(Host, { key: 'e549573c5aeddeceb9cf8970ff3e4f1a49416a9e', class: dropdownMenuContainer({
+                class: this.class,
+                fullWidth: this.fullWidth,
+                allowOverflow: this.allowOverflow,
+                scrollable,
+                maxWidth: this.maxWidth,
+            }) }, h("div", { key: '42ac40b2ac896553e130803dbfa849cca34cfb84', class: 'flex w-full flex-col gap-[1px]' }, h("slot", { key: '73fa9c93c564274aaa24910bf7215b23a8d93fe9' }))));
+    }
+    static get is() { return "p-dropdown-menu-container"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["dropdown-menu-container.component.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["dropdown-menu-container.component.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "maxWidth": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Wether the container applies it's max width"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "max-width",
+                "reflect": false,
+                "defaultValue": "true"
+            },
+            "class": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The class of the container passed by parent"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "class",
+                "reflect": false
+            },
+            "fullWidth": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Wether the container should all available space"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "full-width",
+                "reflect": false,
+                "defaultValue": "true"
+            },
+            "allowOverflow": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Wether to allow overflow"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "allow-overflow",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "scrollable": {
+                "type": "any",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean | 'default' | 'large' | 'xlarge'",
+                    "resolved": "\"default\" | \"large\" | \"xlarge\" | boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Wether the container should be scrollable when the threshold is met."
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "scrollable",
+                "reflect": false,
+                "defaultValue": "false"
+            }
+        };
+    }
 }
 //# sourceMappingURL=dropdown-menu-container.component.js.map

package/dist/collection/components/atoms/dropdown-menu-container/dropdown-menu-container.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-menu-container.component.js","sourceRoot":"","sources":["../../../../src/components/atoms/dropdown-menu-container/dropdown-menu-container.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAE/C,MAAM,qBAAqB,GAAG,GAAG,CAChC;EACC,2BAA2B;EAC3B,YAAY;EACZ,wCAAwC;EACxC,8BAA8B;CAC9B,EACD;EACC,QAAQ,EAAE;IACT,SAAS,EAAE;MACV,KAAK,EAAE,IAAI;MACX,IAAI,EAAE,QAAQ;KACd;IACD,aAAa,EAAE;MACd,KAAK,EAAE,mCAAmC;MAC1C,IAAI,EAAE,IAAI;KACV;IACD,UAAU,EAAE;MACX,IAAI,EAAE,IAAI;MACV,OAAO,EAAE,iBAAiB;MAC1B,KAAK,EAAE,mBAAmB;MAC1B,MAAM,EAAE,eAAe;KACvB;IACD,QAAQ,EAAE;MACT,KAAK,EAAE,IAAI;MACX,IAAI,EAAE,mBAAmB;KACzB;GACD;CACD,CACD,CAAC;AAMF,MAAM,OAAO,qBAAqB;;oBAIL,IAAI;;qBAUH,IAAI;yBAKA,KAAK;sBAKyB,KAAK;;EAEpE,MAAM;IACL,MAAM,UAAU,GACf,IAAI,CAAC,UAAU,KAAK,KAAK;MACxB,CAAC,CAAC,MAAM;MACR,CAAC,CAAC,IAAI,CAAC,UAAU,KAAK,IAAI;QAC1B,CAAC,CAAC,SAAS;QACX,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC;IAEpB,OAAO,CACN,EAAC,IAAI,IACJ,KAAK,EAAE,qBAAqB,CAAC;QAC5B,KAAK,EAAE,IAAI,CAAC,KAAK;QACjB,SAAS,EAAE,IAAI,CAAC,SAAS;QACzB,aAAa,EAAE,IAAI,CAAC,aAAa;QACjC,UAAU;QACV,QAAQ,EAAE,IAAI,CAAC,QAAQ;OACvB,CAAC;MAEF,WAAK,KAAK,EAAC,gCAAgC;QAC1C,eAAQ,CACH,CACA,CACP,CAAC;EACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, h, Host, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst dropdownMenuContainer = cva(\n\t[\n\t\t'p-dropdown-menu-container',\n\t\t'w-auto p-1',\n\t\t'bg-white rounded-lg z-10 drop-shadow-2',\n\t\t'border border-black-teal-100',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tfullWidth: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'w-full',\n\t\t\t},\n\t\t\tallowOverflow: {\n\t\t\t\tfalse: 'overflow-y-auto overflow-x-hidden',\n\t\t\t\ttrue: null,\n\t\t\t},\n\t\t\tscrollable: {\n\t\t\t\tnone: null,\n\t\t\t\tdefault: 'max-h-[11.5rem]',\n\t\t\t\tlarge: 'max-h-[13.875rem]',\n\t\t\t\txlarge: 'max-h-[20rem]',\n\t\t\t},\n\t\t\tmaxWidth: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'max-w-[13.875rem]',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-dropdown-menu-container',\n\tstyleUrl: 'dropdown-menu-container.component.scss',\n})\nexport class DropdownMenuContainer {\n\t/**\n\t * Wether the container applies it's max width\n\t */\n\t@Prop() maxWidth: boolean = true;\n\n\t/**\n\t * The class of the container passed by parent\n\t */\n\t@Prop() class: string;\n\n\t/**\n\t * Wether the container should all available space\n\t */\n\t@Prop() fullWidth: boolean = true;\n\n\t/**\n\t * Wether to allow overflow\n\t */\n\t@Prop() allowOverflow: boolean = false;\n\n\t/**\n\t * Wether the container should be scrollable when the threshold is met.\n\t */\n\t@Prop() scrollable: boolean | 'default' | 'large' | 'xlarge' = false;\n\n\trender() {\n\t\tconst scrollable =\n\t\t\tthis.scrollable === false\n\t\t\t\t? 'none'\n\t\t\t\t: this.scrollable === true\n\t\t\t\t? 'default'\n\t\t\t\t: this.scrollable;\n\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={dropdownMenuContainer({\n\t\t\t\t\tclass: this.class,\n\t\t\t\t\tfullWidth: this.fullWidth,\n\t\t\t\t\tallowOverflow: this.allowOverflow,\n\t\t\t\t\tscrollable,\n\t\t\t\t\tmaxWidth: this.maxWidth,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t<div class='flex w-full flex-col gap-[1px]'>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"]}
+{"version":3,"file":"dropdown-menu-container.component.js","sourceRoot":"","sources":["../../../../src/components/atoms/dropdown-menu-container/dropdown-menu-container.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAE/C,MAAM,qBAAqB,GAAG,GAAG,CAChC;IACC,2BAA2B;IAC3B,KAAK;IACL,wCAAwC;IACxC,8BAA8B;CAC9B,EACD;IACC,QAAQ,EAAE;QACT,SAAS,EAAE;YACV,KAAK,EAAE,IAAI;YACX,IAAI,EAAE,QAAQ;SACd;QACD,aAAa,EAAE;YACd,KAAK,EAAE,mCAAmC;YAC1C,IAAI,EAAE,IAAI;SACV;QACD,UAAU,EAAE;YACX,IAAI,EAAE,IAAI;YACV,OAAO,EAAE,iBAAiB;YAC1B,KAAK,EAAE,mBAAmB;YAC1B,MAAM,EAAE,eAAe;SACvB;QACD,QAAQ,EAAE;YACT,KAAK,EAAE,IAAI;YACX,IAAI,EAAE,0BAA0B;SAChC;KACD;CACD,CACD,CAAC;AAMF,MAAM,OAAO,qBAAqB;;wBAIL,IAAI;;yBAUH,IAAI;6BAKA,KAAK;0BAKyB,KAAK;;IAEpE,MAAM;QACL,MAAM,UAAU,GACf,IAAI,CAAC,UAAU,KAAK,KAAK;YACxB,CAAC,CAAC,MAAM;YACR,CAAC,CAAC,IAAI,CAAC,UAAU,KAAK,IAAI;gBAC1B,CAAC,CAAC,SAAS;gBACX,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC;QAEpB,OAAO,CACN,EAAC,IAAI,qDACJ,KAAK,EAAE,qBAAqB,CAAC;gBAC5B,KAAK,EAAE,IAAI,CAAC,KAAK;gBACjB,SAAS,EAAE,IAAI,CAAC,SAAS;gBACzB,aAAa,EAAE,IAAI,CAAC,aAAa;gBACjC,UAAU;gBACV,QAAQ,EAAE,IAAI,CAAC,QAAQ;aACvB,CAAC;YAEF,4DAAK,KAAK,EAAC,gCAAgC;gBAC1C,8DAAQ,CACH,CACA,CACP,CAAC;IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, h, Host, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst dropdownMenuContainer = cva(\n\t[\n\t\t'p-dropdown-menu-container',\n\t\t'p-1',\n\t\t'bg-white rounded-lg z-10 drop-shadow-2',\n\t\t'border border-black-teal-100',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tfullWidth: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'w-full',\n\t\t\t},\n\t\t\tallowOverflow: {\n\t\t\t\tfalse: 'overflow-y-auto overflow-x-hidden',\n\t\t\t\ttrue: null,\n\t\t\t},\n\t\t\tscrollable: {\n\t\t\t\tnone: null,\n\t\t\t\tdefault: 'max-h-[11.5rem]',\n\t\t\t\tlarge: 'max-h-[13.875rem]',\n\t\t\t\txlarge: 'max-h-[20rem]',\n\t\t\t},\n\t\t\tmaxWidth: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'w-auto max-w-[13.875rem]',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-dropdown-menu-container',\n\tstyleUrl: 'dropdown-menu-container.component.scss',\n})\nexport class DropdownMenuContainer {\n\t/**\n\t * Wether the container applies it's max width\n\t */\n\t@Prop() maxWidth: boolean = true;\n\n\t/**\n\t * The class of the container passed by parent\n\t */\n\t@Prop() class: string;\n\n\t/**\n\t * Wether the container should all available space\n\t */\n\t@Prop() fullWidth: boolean = true;\n\n\t/**\n\t * Wether to allow overflow\n\t */\n\t@Prop() allowOverflow: boolean = false;\n\n\t/**\n\t * Wether the container should be scrollable when the threshold is met.\n\t */\n\t@Prop() scrollable: boolean | 'default' | 'large' | 'xlarge' = false;\n\n\trender() {\n\t\tconst scrollable =\n\t\t\tthis.scrollable === false\n\t\t\t\t? 'none'\n\t\t\t\t: this.scrollable === true\n\t\t\t\t? 'default'\n\t\t\t\t: this.scrollable;\n\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={dropdownMenuContainer({\n\t\t\t\t\tclass: this.class,\n\t\t\t\t\tfullWidth: this.fullWidth,\n\t\t\t\t\tallowOverflow: this.allowOverflow,\n\t\t\t\t\tscrollable,\n\t\t\t\t\tmaxWidth: this.maxWidth,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t<div class='flex w-full flex-col gap-[1px]'>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"]}

package/dist/collection/components/atoms/dropdown-menu-item/dropdown-menu-item.component.css

@@ -1 +1 @@
-*{box-sizing:border-box}.static{position:static!important}.block{display:block!important}.flex{display:flex!important}.h-8{height:2rem!important}.w-full{width:100%!important}.max-w-full{max-width:100%!important}.flex-shrink-0{flex-shrink:0!important}.cursor-not-allowed{cursor:not-allowed!important}.cursor-pointer{cursor:pointer!important}.items-center{align-items:center!important}.gap-2{gap:.5rem!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.whitespace-nowrap{white-space:nowrap!important}.rounded-lg{border-radius:.5rem!important}.bg-supportive-lilac-100{--tw-bg-opacity:1!important;background-color:rgb(246 239 255/var(--tw-bg-opacity,1))!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.py-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.text-start{text-align:start!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-medium{font-weight:500!important}.text-black-teal-100{--tw-text-opacity:1!important;color:rgb(205 212 211/var(--tw-text-opacity,1))!important}.text-black-teal-200{--tw-text-opacity:1!important;color:rgb(154 170 167/var(--tw-text-opacity,1))!important}.text-black-teal-300{--tw-text-opacity:1!important;color:rgb(104 127 124/var(--tw-text-opacity,1))!important}.hover\:bg-supportive-lilac-50:hover{--tw-bg-opacity:1!important;background-color:rgb(250 247 255/var(--tw-bg-opacity,1))!important}
+*{box-sizing:border-box}.static{position:static!important}.block{display:block!important}.flex{display:flex!important}.h-8{height:2rem!important}.w-full{width:100%!important}.max-w-full{max-width:100%!important}.cursor-not-allowed{cursor:not-allowed!important}.cursor-pointer{cursor:pointer!important}.items-center{align-items:center!important}.gap-2{gap:.5rem!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.whitespace-nowrap{white-space:nowrap!important}.rounded-lg{border-radius:.5rem!important}.bg-negative-red-100{--tw-bg-opacity:1!important;background-color:rgb(255 221 221/var(--tw-bg-opacity,1))!important}.bg-negative-red-50{--tw-bg-opacity:1!important;background-color:rgb(253 237 237/var(--tw-bg-opacity,1))!important}.bg-supportive-lilac-100{--tw-bg-opacity:1!important;background-color:rgb(246 239 255/var(--tw-bg-opacity,1))!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.py-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.text-start{text-align:start!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-medium{font-weight:500!important}.text-black-teal{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}.text-black-teal-100{--tw-text-opacity:1!important;color:rgb(205 212 211/var(--tw-text-opacity,1))!important}.text-black-teal-200{--tw-text-opacity:1!important;color:rgb(154 170 167/var(--tw-text-opacity,1))!important}.text-black-teal-300{--tw-text-opacity:1!important;color:rgb(104 127 124/var(--tw-text-opacity,1))!important}.text-negative-red{--tw-text-opacity:1!important;color:rgb(230 30 30/var(--tw-text-opacity,1))!important}.text-negative-red-100{--tw-text-opacity:1!important;color:rgb(255 221 221/var(--tw-text-opacity,1))!important}.text-negative-red-800{--tw-text-opacity:1!important;color:rgb(141 16 16/var(--tw-text-opacity,1))!important}.hover\:bg-negative-red-50:hover{--tw-bg-opacity:1!important;background-color:rgb(253 237 237/var(--tw-bg-opacity,1))!important}.hover\:bg-supportive-lilac-50:hover{--tw-bg-opacity:1!important;background-color:rgb(250 247 255/var(--tw-bg-opacity,1))!important}.group:hover .group-hover\:text-black-teal{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}.group:hover .group-hover\:text-negative-red-800{--tw-text-opacity:1!important;color:rgb(141 16 16/var(--tw-text-opacity,1))!important}