@paperless/core 0.1.0-alpha.281 → 0.1.0-alpha.282

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

@@ -1,47 +1,23 @@
 import { createPopper } from '@popperjs/core';
-import { Component, Element, Event, h, Host, Listen, Prop, Watch, } from '@stencil/core';
+import { h, Host, } from '@stencil/core';
 import { childOf } from '../../../utils/child-of';
 export class Dropdown {
   constructor() {
-    /**
-     * The content of the dropdown menu
-     */
+    this._loaded = false;
     this.placement = 'bottom-start';
-    /**
-     * The strategy of the popover placement
-     */
     this.strategy = 'fixed';
-    /**
-     * Wether to show the dropdown menu
-     */
     this.show = false;
-    /**
-     * Wether to automatically calculate the width of the menu based on the trigger
-     */
     this.calculateWidth = false;
-    /**
-     * Wether to automatically close the dropdown menu after clicking inside
-     */
     this.insideClick = false;
-    /**
-     * Wether to automatically close the dropdown menu after clicking inside
-     */
     this.disableTriggerClick = false;
-    /**
-     * Chevron position
-     */
     this.chevronPosition = 'end';
-    this._loaded = false;
+    this.chevronDirection = undefined;
   }
   componentShouldUpdate() {
     this._setOptions();
   }
   render() {
-    return (h(Host, { class: "p-dropdown" },
-      h("div", { class: "trigger", ref: (ref) => (this._trigger = ref), onClick: () => this._triggerClickHandler() },
-        h("slot", { onSlotchange: (ev) => this._checkButton(ev), name: "trigger" })),
-      h("p-dropdown-menu-container", { role: "popover", maxWidth: !this.calculateWidth, ref: (el) => this._load(el), onClick: () => this._containerClickHandler() },
-        h("slot", { name: "items" }))));
+    return (h(Host, { class: "p-dropdown" }, h("div", { class: "trigger", ref: (ref) => (this._trigger = ref), onClick: () => this._triggerClickHandler() }, h("slot", { onSlotchange: (ev) => this._checkButton(ev), name: "trigger" })), h("p-dropdown-menu-container", { role: "popover", maxWidth: !this.calculateWidth, ref: (el) => this._load(el), onClick: () => this._containerClickHandler() }, h("slot", { name: "items" }))));
   }
   _checkButton({ target }) {
     const slot = target;
@@ -154,193 +130,205 @@ export class Dropdown {
   }
   static get is() { return "p-dropdown"; }
   static get encapsulation() { return "shadow"; }
-  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": "\"auto\" | \"auto-end\" | \"auto-start\" | \"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": "@popperjs/core"
+  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": "\"auto\" | \"auto-end\" | \"auto-start\" | \"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": "@popperjs/core"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The content of the dropdown menu"
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The content of the dropdown menu"
+        },
+        "attribute": "placement",
+        "reflect": true,
+        "defaultValue": "'bottom-start'"
       },
-      "attribute": "placement",
-      "reflect": true,
-      "defaultValue": "'bottom-start'"
-    },
-    "strategy": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "PositioningStrategy",
-        "resolved": "\"absolute\" | \"fixed\"",
-        "references": {
-          "PositioningStrategy": {
-            "location": "import",
-            "path": "@popperjs/core"
+      "strategy": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "PositioningStrategy",
+          "resolved": "\"absolute\" | \"fixed\"",
+          "references": {
+            "PositioningStrategy": {
+              "location": "import",
+              "path": "@popperjs/core"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The strategy of the popover placement"
-      },
-      "attribute": "strategy",
-      "reflect": false,
-      "defaultValue": "'fixed'"
-    },
-    "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"
-    },
-    "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"
-    },
-    "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"
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The strategy of the popover placement"
+        },
+        "attribute": "strategy",
+        "reflect": false,
+        "defaultValue": "'fixed'"
       },
-      "attribute": "disable-trigger-click",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "chevronPosition": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "'start' | 'end'",
-        "resolved": "\"end\" | \"start\"",
-        "references": {}
+      "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"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Chevron position"
+      "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"
       },
-      "attribute": "chevron-position",
-      "reflect": false,
-      "defaultValue": "'end'"
-    },
-    "chevronDirection": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "'up' | 'down'",
-        "resolved": "\"down\" | \"up\"",
-        "references": {}
+      "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"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Chevron direction"
+      "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"
       },
-      "attribute": "chevron-direction",
-      "reflect": false
-    }
-  }; }
-  static get events() { return [{
-      "method": "isOpen",
-      "name": "isOpen",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Open change event"
+      "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'"
       },
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+      "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": true,
+        "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 watchers() {
+    return [{
+        "propName": "show",
+        "methodName": "onShowChange"
+      }];
+  }
+  static get listeners() {
+    return [{
+        "name": "click",
+        "method": "documentClickHandler",
+        "target": "document",
+        "capture": true,
+        "passive": false
+      }];
+  }
 }