@paperless/core 2.0.1-beta.18 → 2.0.1-beta.19

package/dist/collection/components/molecules/dropdown/dropdown.component.js

@@ -3,503 +3,544 @@ import { h, Host, } from "@stencil/core";
 import { cva } from "class-variance-authority";
 import { childOf } from "../../../utils/child-of";
 const dropdownContainerClass = cva(['z-dropdown hidden'], {
-  variants: {
-    strategy: {
-      absolute: 'absolute',
-      fixed: 'fixed',
+    variants: {
+        strategy: {
+            absolute: 'absolute',
+            fixed: 'fixed',
+        },
     },
-  },
 });
 export class Dropdown {
-  constructor() {
-    this._loaded = false;
-    this.placement = 'bottom-start';
-    this.offset = 8;
-    this.strategy = 'absolute';
-    this.show = false;
-    this.usePortal = false;
-    this.calculateWidth = false;
-    this.applyMaxWidth = true;
-    this.applyFullWidth = true;
-    this.allowOverflow = false;
-    this.scrollable = false;
-    this.insideClick = false;
-    this.disableTriggerClick = false;
-    this.applyChevron = true;
-    this.chevronPosition = 'end';
-    this.chevronDirection = undefined;
-  }
-  componentShouldUpdate() {
-    this._update();
-  }
-  componentDidLoad() {
-    this._checkButtons();
-  }
-  disconnectedCallback() {
-    if (this._cleanup) {
-      this._cleanup();
-      this._cleanup = null;
-    }
-    this._menu.remove();
-  }
-  componentDidRender() {
-    this._checkButtons();
-  }
-  render() {
-    const dropdownContainerProps = {
-      class: dropdownContainerClass({
-        strategy: this.strategy,
-      }),
-      ref: el => this._load(el),
-      onClick: () => this._containerClickHandler(),
-      role: 'popover',
-      'data-placement': this.placement,
-      'data-strategy': this.strategy,
-    };
-    let dropdownContainer;
-    if (this.usePortal) {
-      dropdownContainer = (h("p-portal", Object.assign({}, dropdownContainerProps), h("p-dropdown-menu-container", { maxWidth: !this.calculateWidth && this.applyMaxWidth, fullWidth: this.applyFullWidth && !this.applyMaxWidth, allowOverflow: this.allowOverflow, scrollable: this.scrollable }, h("slot", { name: 'items' }))));
+    constructor() {
+        this.placement = 'bottom-start';
+        this.offset = 8;
+        this.strategy = 'absolute';
+        this.show = false;
+        this.usePortal = false;
+        this.calculateWidth = false;
+        this.applyMaxWidth = true;
+        this.applyFullWidth = true;
+        this.allowOverflow = false;
+        this.scrollable = false;
+        this.insideClick = false;
+        this.disableTriggerClick = false;
+        this.applyChevron = true;
+        this.chevronPosition = 'end';
+        this.chevronDirection = undefined;
     }
-    else {
-      dropdownContainer = (h("p-dropdown-menu-container", Object.assign({ maxWidth: !this.calculateWidth && this.applyMaxWidth, fullWidth: this.applyFullWidth && !this.applyMaxWidth, allowOverflow: this.allowOverflow, scrollable: this.scrollable }, dropdownContainerProps), h("slot", { name: 'items' })));
+    /**
+     * The host element
+     */
+    _el;
+    /**
+     * Open change event
+     */
+    isOpen;
+    _loaded = false;
+    _trigger;
+    _menu;
+    _cleanup;
+    componentShouldUpdate() {
+        this._update();
     }
-    return (h(Host, { class: 'p-dropdown relative' }, h("div", { class: 'trigger', ref: ref => (this._trigger = ref), onClick: () => this._triggerClickHandler() }, h("slot", { name: 'trigger' })), dropdownContainer));
-  }
-  _checkButtons(active = false) {
-    if (!this.applyChevron) {
-      return;
+    componentDidLoad() {
+        this._checkButtons();
     }
-    const buttons = this._el.querySelectorAll('p-button[slot="trigger"]');
-    for (let button of [...buttons]) {
-      button.chevronPosition = this.chevronPosition;
-      button.chevron = this.chevronDirection
-        ? this.chevronDirection
-        : this.placement.indexOf('top') >= 0
-          ? 'up'
-          : 'down';
-      button.disabled = this.disableTriggerClick;
-      button.active = active;
+    disconnectedCallback() {
+        if (this._cleanup) {
+            this._cleanup();
+            this._cleanup = null;
+        }
+        this._menu.remove();
     }
-  }
-  onShowChange(show) {
-    if (!this._loaded) {
-      return;
+    componentDidRender() {
+        this._checkButtons();
     }
-    if (!show) {
-      this._hide();
-      return;
+    render() {
+        const dropdownContainerProps = {
+            class: dropdownContainerClass({
+                strategy: this.strategy,
+            }),
+            ref: el => this._load(el),
+            onClick: () => this._containerClickHandler(),
+            role: 'popover',
+            'data-placement': this.placement,
+            'data-strategy': this.strategy,
+        };
+        let dropdownContainer;
+        if (this.usePortal) {
+            dropdownContainer = (h("p-portal", { key: '73fed1ad3b12eab90400d6e73ab2a433fb07a4a5', ...dropdownContainerProps }, h("p-dropdown-menu-container", { key: '671ae896784b9349d5d6220651fabfa3478e29da', maxWidth: !this.calculateWidth && this.applyMaxWidth, fullWidth: this.applyFullWidth && !this.applyMaxWidth, allowOverflow: this.allowOverflow, scrollable: this.scrollable }, h("slot", { key: 'c90998ef8bdf9ac29bf25bc6c882f2168996792f', name: 'items' }))));
+        }
+        else {
+            dropdownContainer = (h("p-dropdown-menu-container", { key: '5c8d45f3d12555fcf66ef54d87a683811a916d0e', maxWidth: !this.calculateWidth && this.applyMaxWidth, fullWidth: this.applyFullWidth && !this.applyMaxWidth, allowOverflow: this.allowOverflow, scrollable: this.scrollable, ...dropdownContainerProps }, h("slot", { key: '1f3f210867f76bcb417f6e6b5e589639049adc1b', name: 'items' })));
+        }
+        return (h(Host, { key: '5181b7475441cabeb7e1b006112dfda8ff36253a', class: 'p-dropdown relative' }, h("div", { key: '5bdcca618afd8e61a7ba0ce2cb64ee5515ce3524', class: 'trigger', ref: ref => (this._trigger = ref), onClick: () => this._triggerClickHandler() }, h("slot", { key: 'edab2a0f93680cfc56c27bfa2ac8dd8d932c0982', name: 'trigger' })), dropdownContainer));
     }
-    this._show();
-  }
-  documentClickHandler({ target }) {
-    if (!this._menu.hasAttribute('data-show') || childOf(target, this._menu)) {
-      return;
+    _checkButtons(active = false) {
+        if (!this.applyChevron) {
+            return;
+        }
+        const buttons = this._el.querySelectorAll('p-button[slot="trigger"]');
+        for (let button of [...buttons]) {
+            button.chevronPosition = this.chevronPosition;
+            button.chevron = this.chevronDirection
+                ? this.chevronDirection
+                : this.placement.indexOf('top') >= 0
+                    ? 'up'
+                    : 'down';
+            button.disabled = this.disableTriggerClick;
+            button.active = active;
+        }
     }
-    this._hide();
-  }
-  _containerClickHandler() {
-    if (this.insideClick) {
-      return;
+    onShowChange(show) {
+        if (!this._loaded) {
+            return;
+        }
+        if (!show) {
+            this._hide();
+            return;
+        }
+        this._show();
     }
-    if (this._menu.hasAttribute('data-show')) {
-      this._hide();
+    documentClickHandler({ target }) {
+        if (!this._menu.hasAttribute('data-show') || childOf(target, this._menu)) {
+            return;
+        }
+        this._hide();
     }
-  }
-  _triggerClickHandler() {
-    if (this.disableTriggerClick) {
-      return;
+    _containerClickHandler() {
+        if (this.insideClick) {
+            return;
+        }
+        if (this._menu.hasAttribute('data-show')) {
+            this._hide();
+        }
     }
-    if (this._menu.hasAttribute('data-show')) {
-      this._hide();
-      return;
+    _triggerClickHandler() {
+        if (this.disableTriggerClick) {
+            return;
+        }
+        if (this._menu.hasAttribute('data-show')) {
+            this._hide();
+            return;
+        }
+        this._show();
     }
-    this._show();
-  }
-  _load(popover) {
-    this._menu = popover;
-    if (popover) {
-      this._update();
-      this._loaded = true;
-      if (this.show) {
-        setTimeout(() => this._show(), 100);
-      }
+    _load(popover) {
+        this._menu = popover;
+        if (popover) {
+            this._update();
+            this._loaded = true;
+            if (this.show) {
+                setTimeout(() => this._show(), 100);
+            }
+        }
     }
-  }
-  _show() {
-    if (!this._loaded) {
-      return;
+    _show() {
+        if (!this._loaded) {
+            return;
+        }
+        // Make the popover visible
+        if (this.calculateWidth) {
+            this._menu.style.width = `${this._trigger.clientWidth}px`;
+        }
+        this._cleanup = autoUpdate(this._el, this._menu, () => this._update());
+        this._menu.setAttribute('data-show', '');
+        this._menu.classList.remove('hidden');
+        this._menu.classList.add('flex');
+        this.isOpen.emit(true);
+        this._checkButtons(true);
     }
-    // Make the popover visible
-    if (this.calculateWidth) {
-      this._menu.style.width = `${this._trigger.clientWidth}px`;
+    _hide() {
+        if (!this._loaded || this.show) {
+            return;
+        }
+        if (this._cleanup) {
+            this._cleanup();
+            this._cleanup = null;
+        }
+        // Hide the popover
+        this._menu.removeAttribute('data-show');
+        this._menu.classList.remove('flex');
+        this._menu.classList.add('hidden');
+        this.isOpen.emit(false);
+        this._checkButtons(false);
     }
-    this._cleanup = autoUpdate(this._el, this._menu, () => this._update());
-    this._menu.setAttribute('data-show', '');
-    this._menu.classList.remove('hidden');
-    this._menu.classList.add('flex');
-    this.isOpen.emit(true);
-    this._checkButtons(true);
-  }
-  _hide() {
-    if (!this._loaded || this.show) {
-      return;
+    _update() {
+        if (!this._menu) {
+            return;
+        }
+        computePosition(this._el, this._menu, {
+            placement: this.placement,
+            strategy: this.strategy,
+            middleware: [offset(this.offset), flip(), shift()],
+        }).then(({ x, y, placement }) => {
+            this._menu.dataset.placement = placement;
+            Object.assign(this._menu.style, {
+                top: `${y}px`,
+                left: `${x}px`,
+            });
+        });
     }
-    if (this._cleanup) {
-      this._cleanup();
-      this._cleanup = null;
+    static get is() { return "p-dropdown"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["dropdown.component.scss"]
+        };
     }
-    // Hide the popover
-    this._menu.removeAttribute('data-show');
-    this._menu.classList.remove('flex');
-    this._menu.classList.add('hidden');
-    this.isOpen.emit(false);
-    this._checkButtons(false);
-  }
-  _update() {
-    if (!this._menu) {
-      return;
+    static get styleUrls() {
+        return {
+            "$": ["dropdown.component.css"]
+        };
     }
-    computePosition(this._el, this._menu, {
-      placement: this.placement,
-      strategy: this.strategy,
-      middleware: [offset(this.offset), flip(), shift()],
-    }).then(({ x, y, placement }) => {
-      this._menu.dataset.placement = placement;
-      Object.assign(this._menu.style, {
-        top: `${y}px`,
-        left: `${x}px`,
-      });
-    });
-  }
-  static get is() { return "p-dropdown"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["dropdown.component.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["dropdown.component.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "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 content of the dropdown menu"
-        },
-        "attribute": "placement",
-        "reflect": true,
-        "defaultValue": "'bottom-start'"
-      },
-      "offset": {
-        "type": "number",
-        "mutable": false,
-        "complexType": {
-          "original": "number",
-          "resolved": "number",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "The offset of the dropdown menu"
-        },
-        "attribute": "offset",
-        "reflect": false,
-        "defaultValue": "8"
-      },
-      "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"
+    static get properties() {
+        return {
+            "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 content of the dropdown menu"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "placement",
+                "reflect": true,
+                "defaultValue": "'bottom-start'"
+            },
+            "offset": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The offset of the dropdown menu"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "offset",
+                "reflect": false,
+                "defaultValue": "8"
+            },
+            "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 dropdown placement"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "strategy",
+                "reflect": false,
+                "defaultValue": "'absolute'"
+            },
+            "show": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Wether to show the dropdown menu"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "show",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "usePortal": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Wether to use a portal for the dropdown container"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "use-portal",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "calculateWidth": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Wether to automatically calculate the width of the menu based on the trigger"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "calculate-width",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "applyMaxWidth": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Wether to apply the max width"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "apply-max-width",
+                "reflect": false,
+                "defaultValue": "true"
+            },
+            "applyFullWidth": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Wether to apply the full width"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "apply-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 in the container"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "allow-overflow",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "scrollable": {
+                "type": "any",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean | 'default' | 'large'",
+                    "resolved": "\"default\" | \"large\" | boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Wether the dropdown container should be scrollable when the threshold is met."
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "scrollable",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "insideClick": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Wether to automatically close the dropdown menu after clicking inside"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "inside-click",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "disableTriggerClick": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Wether to automatically close the dropdown menu after clicking inside"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "disable-trigger-click",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "applyChevron": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Wether to apply chevron automatically"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "apply-chevron",
+                "reflect": false,
+                "defaultValue": "true"
+            },
+            "chevronPosition": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'start' | 'end'",
+                    "resolved": "\"end\" | \"start\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Chevron position"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "chevron-position",
+                "reflect": false,
+                "defaultValue": "'end'"
+            },
+            "chevronDirection": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'up' | 'down'",
+                    "resolved": "\"down\" | \"up\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Chevron direction"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "chevron-direction",
+                "reflect": false
             }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "The strategy of the dropdown placement"
-        },
-        "attribute": "strategy",
-        "reflect": false,
-        "defaultValue": "'absolute'"
-      },
-      "show": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Wether to show the dropdown menu"
-        },
-        "attribute": "show",
-        "reflect": false,
-        "defaultValue": "false"
-      },
-      "usePortal": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Wether to use a portal for the dropdown container"
-        },
-        "attribute": "use-portal",
-        "reflect": false,
-        "defaultValue": "false"
-      },
-      "calculateWidth": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Wether to automatically calculate the width of the menu based on the trigger"
-        },
-        "attribute": "calculate-width",
-        "reflect": false,
-        "defaultValue": "false"
-      },
-      "applyMaxWidth": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Wether to apply the max width"
-        },
-        "attribute": "apply-max-width",
-        "reflect": false,
-        "defaultValue": "true"
-      },
-      "applyFullWidth": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Wether to apply the full width"
-        },
-        "attribute": "apply-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 in the container"
-        },
-        "attribute": "allow-overflow",
-        "reflect": false,
-        "defaultValue": "false"
-      },
-      "scrollable": {
-        "type": "any",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean | 'default' | 'large'",
-          "resolved": "\"default\" | \"large\" | boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Wether the dropdown container should be scrollable when the threshold is met."
-        },
-        "attribute": "scrollable",
-        "reflect": false,
-        "defaultValue": "false"
-      },
-      "insideClick": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Wether to automatically close the dropdown menu after clicking inside"
-        },
-        "attribute": "inside-click",
-        "reflect": false,
-        "defaultValue": "false"
-      },
-      "disableTriggerClick": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Wether to automatically close the dropdown menu after clicking inside"
-        },
-        "attribute": "disable-trigger-click",
-        "reflect": false,
-        "defaultValue": "false"
-      },
-      "applyChevron": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Wether to apply chevron automatically"
-        },
-        "attribute": "apply-chevron",
-        "reflect": false,
-        "defaultValue": "true"
-      },
-      "chevronPosition": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "'start' | 'end'",
-          "resolved": "\"end\" | \"start\"",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Chevron position"
-        },
-        "attribute": "chevron-position",
-        "reflect": false,
-        "defaultValue": "'end'"
-      },
-      "chevronDirection": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "'up' | 'down'",
-          "resolved": "\"down\" | \"up\"",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Chevron direction"
-        },
-        "attribute": "chevron-direction",
-        "reflect": false
-      }
-    };
-  }
-  static get events() {
-    return [{
-        "method": "isOpen",
-        "name": "isOpen",
-        "bubbles": false,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": "Open change event"
-        },
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        }
-      }];
-  }
-  static get elementRef() { return "_el"; }
-  static get watchers() {
-    return [{
-        "propName": "show",
-        "methodName": "onShowChange"
-      }];
-  }
-  static get listeners() {
-    return [{
-        "name": "click",
-        "method": "documentClickHandler",
-        "target": "document",
-        "capture": true,
-        "passive": false
-      }];
-  }
+        };
+    }
+    static get events() {
+        return [{
+                "method": "isOpen",
+                "name": "isOpen",
+                "bubbles": false,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Open change event"
+                },
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                }
+            }];
+    }
+    static get elementRef() { return "_el"; }
+    static get watchers() {
+        return [{
+                "propName": "show",
+                "methodName": "onShowChange"
+            }];
+    }
+    static get listeners() {
+        return [{
+                "name": "click",
+                "method": "documentClickHandler",
+                "target": "document",
+                "capture": true,
+                "passive": false
+            }];
+    }
 }
 //# sourceMappingURL=dropdown.component.js.map