@paperless/core 0.1.0-alpha.35 → 0.1.0-alpha.350

package/dist/collection/components/molecules/profile/profile.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"profile.component.js","sourceRoot":"","sources":["../../../../src/components/molecules/profile/profile.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAOzE,MAAM,OAAO,OAAO;;mBAIsB,MAAM;gBAKkB,OAAO;yBAOpC,KAAK;;EAEtC,mBAAmB;IACf,IAAI,CAAC,aAAa,EAAE,CAAC;EACzB,CAAC;EAED,MAAM;IACF,MAAM,eAAe,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,aAAa,CAC5C,4BAA4B,CAC/B,CAAC;IACF,MAAM,OAAO,GAAG,IAAI,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC;IAClD,OAAO,CACH,EAAC,IAAI,IACD,KAAK,EAAE,aAAa,eAAe,IAAI,cAAc,IACjD,IAAI,CAAC,aAAa,IAAI,QAC1B,EAAE,IAED,eAAe,CAAC,CAAC,CAAC,CACf,kBACI,KAAK,EAAC,gBAAgB,EACtB,QAAQ,EAAC,UAAU,EACnB,SAAS,EACL,IAAI,CAAC,OAAO,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,YAAY,EAEtD,QAAQ,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,aAAa,GAAG,EAAE,CAAC,MAAM,CAAC;MAEjD,OAAO;MACR,WAAK,IAAI,EAAC,OAAO;QACb,YAAM,IAAI,EAAC,UAAU,GAAG,CACtB,CACG,CAChB,CAAC,CAAC,CAAC,CACA,OAAO,CACV,CACE,CACV,CAAC;EACN,CAAC;EAEO,WAAW,CAAC,eAAe;IAC/B,OAAO,CACH,WAAK,KAAK,EAAC,SAAS,EAAC,IAAI,EAAC,SAAS;MAC/B,YAAM,IAAI,EAAC,QAAQ,GAAG;MACtB,WAAK,KAAK,EAAC,MAAM;QACb,YAAM,IAAI,EAAC,OAAO,GAAG;QACrB,YAAM,IAAI,EAAC,UAAU,GAAG,CACtB;MAEL,eAAe,IAAI,IAAI,CAAC,QAAQ,EAAE,CACjC,CACT,CAAC;EACN,CAAC;EAEO,aAAa;;IACjB,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,aAAa,CACjC,yBAAyB,CACN,CAAC;IAExB,IAAI,CAAC,MAAM,EAAE;MACT,OAAO;KACV;IAED,MAAM,CAAC,OAAO,GAAG,MAAA,IAAI,CAAC,OAAO,mCAAI,MAAM,CAAC,OAAO,CAAC;IAChD,MAAM,CAAC,IAAI,GAAG,MAAA,IAAI,CAAC,IAAI,mCAAI,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,CAAC;EAC5C,CAAC;EAEO,QAAQ;IACZ,OAAO,CACH,cACI,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,IAAI,CAAC,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,GAC1D,CACL,CAAC;EACN,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, Element, h, Host, Prop, State } from '@stencil/core';\n\n@Component({\n    tag: 'p-profile',\n    styleUrl: 'profile.component.scss',\n    shadow: true,\n})\nexport class Profile {\n    /**\n     * The variant of the profile\n     */\n    @Prop() variant: 'company' | 'user' = 'user';\n\n    /**\n     * The size of the profile avatar\n     */\n    @Prop({ reflect: true }) size: 'small' | 'medium' | 'large' = 'small';\n\n    /**\n     * The host element\n     */\n    @Element() private _el: HTMLElement;\n\n    @State() private _dropdownOpen = false;\n\n    componentWillRender() {\n        this._updateAvatar();\n    }\n\n    render() {\n        const hasDropdownSlot = !!this._el.querySelector(\n            ':scope > [slot=\"dropdown\"]'\n        );\n        const content = this._getContent(hasDropdownSlot);\n        return (\n            <Host\n                class={`p-profile ${hasDropdownSlot && 'has-dropdown'} ${\n                    this._dropdownOpen && 'active'\n                }`}\n            >\n                {hasDropdownSlot ? (\n                    <p-dropdown\n                        class=\"w-full min-w-0\"\n                        strategy=\"absolute\"\n                        placement={\n                            this.variant === 'user' ? 'top-end' : 'bottom-end'\n                        }\n                        onIsOpen={(ev) => (this._dropdownOpen = ev.detail)}\n                    >\n                        {content}\n                        <div slot=\"items\">\n                            <slot name=\"dropdown\" />\n                        </div>\n                    </p-dropdown>\n                ) : (\n                    content\n                )}\n            </Host>\n        );\n    }\n\n    private _getContent(hasDropdownSlot) {\n        return (\n            <div class=\"content\" slot=\"trigger\">\n                <slot name=\"avatar\" />\n                <div class=\"name\">\n                    <slot name=\"title\" />\n                    <slot name=\"subtitle\" />\n                </div>\n\n                {hasDropdownSlot && this._getIcon()}\n            </div>\n        );\n    }\n\n    private _updateAvatar() {\n        const avatar = this._el.querySelector(\n            'p-avatar[slot=\"avatar\"]'\n        ) as HTMLPAvatarElement;\n\n        if (!avatar) {\n            return;\n        }\n\n        avatar.variant = this.variant ?? avatar.variant;\n        avatar.size = this.size ?? avatar?.size;\n    }\n\n    private _getIcon() {\n        return (\n            <p-icon\n                class=\"ml-auto\"\n                variant={this.variant === 'company' ? 'chevron' : 'more'}\n            />\n        );\n    }\n}\n"]}

package/dist/collection/components/molecules/select/select.component.css

@@ -0,0 +1 @@
+.flex{display:flex!important}*{box-sizing:border-box}:host{display:flex;flex-direction:column}:host input.read-only{text-overflow:ellipsis}.static{position:static!important}.h-6{height:1.5rem!important}.w-full{width:100%!important}.cursor-pointer{cursor:pointer!important}.rounded{border-radius:.25rem!important}.blur{--tw-blur:blur(8px)!important}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.visible{visibility:visible!important}.absolute{position:absolute!important}.-rotate-0{--tw-rotate:-0deg!important}.-rotate-0,.-rotate-135{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-135{--tw-rotate:-135deg!important}.-rotate-180{--tw-rotate:-180deg!important}.-rotate-180,.-rotate-225{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-225{--tw-rotate:-225deg!important}.-rotate-25{--tw-rotate:-25deg!important}.-rotate-25,.-rotate-270{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-270{--tw-rotate:-270deg!important}.-rotate-315{--tw-rotate:-315deg!important}.-rotate-315,.-rotate-45{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-45{--tw-rotate:-45deg!important}.-rotate-90{--tw-rotate:-90deg!important}.-rotate-90,.rotate-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-0{--tw-rotate:0deg!important}.rotate-135{--tw-rotate:135deg!important}.rotate-135,.rotate-180{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-180{--tw-rotate:180deg!important}.rotate-225{--tw-rotate:225deg!important}.rotate-225,.rotate-25{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-25{--tw-rotate:25deg!important}.rotate-270{--tw-rotate:270deg!important}.rotate-270,.rotate-315{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-315{--tw-rotate:315deg!important}.rotate-45{--tw-rotate:45deg!important}.rotate-45,.rotate-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-90{--tw-rotate:90deg!important}.scale-x-flip{--tw-scale-x:-1!important}.scale-x-flip,.scale-y-flip{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.scale-y-flip{--tw-scale-y:-1!important}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.text-2xl{font-size:1.5rem!important;line-height:2rem!important}.text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}.text-4xl{font-size:2.25rem!important;line-height:2.5rem!important}.text-5xl{font-size:3rem!important}.text-5xl,.text-6xl{line-height:1!important}.text-6xl{font-size:3.75rem!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-lg{font-size:1.125rem!important;line-height:1.75rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xl{font-size:1.25rem!important;line-height:1.75rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.text-xxs{font-size:.6875rem!important}.text-negative{--tw-text-opacity:1!important;color:rgb(185 30 40/var(--tw-text-opacity))!important}.text-negative-light{--tw-text-opacity:1!important;color:rgb(255 204 211/var(--tw-text-opacity))!important}.hover\:text-negative:hover{--tw-text-opacity:1!important;color:rgb(185 30 40/var(--tw-text-opacity))!important}.ml-2{margin-left:.5rem!important}.items-end{align-items:flex-end!important}.justify-between{justify-content:space-between!important}.rounded-bl-none{border-bottom-left-radius:0!important}.rounded-br-none{border-bottom-right-radius:0!important}.rounded-tl-none{border-top-left-radius:0!important}.rounded-tr-none{border-top-right-radius:0!important}.border-l-0{border-left-width:0!important}.border-r-0{border-right-width:0!important}.pl-0{padding-left:0!important}.pr-0{padding-right:0!important}.inline{display:inline!important}.justify-center{justify-content:center!important}

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

@@ -0,0 +1,638 @@
+import { h, Host, } from '@stencil/core';
+import { childOf } from '../../../utils';
+export class Select {
+  constructor() {
+    this._isAutoCompleting = false;
+    this.items = undefined;
+    this.icon = undefined;
+    this.query = undefined;
+    this.placeholder = undefined;
+    this.autocompletePlaceholder = undefined;
+    this.value = undefined;
+    this.displayKey = 'text';
+    this.valueKey = 'value';
+    this.queryKey = undefined;
+    this.autoSelectFirst = true;
+    this.showChevron = true;
+    this.maxDisplayedItems = 10;
+    this.enableAutocomplete = true;
+    this.asyncFilter = false;
+    this.loading = false;
+    this.size = 'medium';
+    this.prefix = undefined;
+    this.label = undefined;
+    this.helper = undefined;
+    this.error = undefined;
+    this.disabled = false;
+    this._showDropdown = false;
+    this._selectedItem = null;
+  }
+  get _items() {
+    var _a;
+    if (!this.items || this.loading) {
+      return [];
+    }
+    let items = typeof this.items === 'string'
+      ? JSON.parse(this.items)
+      : this.items;
+    if (typeof (items === null || items === void 0 ? void 0 : items[0]) === 'string') {
+      this.displayKey = 'text';
+      this.valueKey = 'value';
+      items = items.map((str) => ({
+        value: str,
+        text: str,
+      }));
+    }
+    if (this._isAutoCompleting && ((_a = this.query) === null || _a === void 0 ? void 0 : _a.length) && !this.asyncFilter) {
+      items = items.filter((item) => {
+        if (this.queryKey) {
+          return this._checkvalue(this.queryKey, item);
+        }
+        return (this._checkvalue(this.valueKey, item) ||
+          this._checkvalue(this.displayKey, item));
+      });
+    }
+    return items === null || items === void 0 ? void 0 : items.slice(0, this.maxDisplayedItems);
+  }
+  get _displayValue() {
+    var _a;
+    if (this._isAutoCompleting) {
+      return this.query;
+    }
+    return (_a = this._selectedItem) === null || _a === void 0 ? void 0 : _a[this.displayKey];
+  }
+  get _placeholder() {
+    var _a;
+    return this._isAutoCompleting && ((_a = this.autocompletePlaceholder) === null || _a === void 0 ? void 0 : _a.length)
+      ? this.autocompletePlaceholder
+      : this.placeholder;
+  }
+  componentDidLoad() {
+    var _a;
+    if (this.value) {
+      this._valueChange(this.value);
+      return;
+    }
+    if (this.autoSelectFirst) {
+      this._selectedItem = (_a = this._items) === null || _a === void 0 ? void 0 : _a[0];
+    }
+  }
+  render() {
+    return (h(Host, { class: "p-select" }, h("p-dropdown", { disableTriggerClick: true, calculateWidth: true, insideClick: true, show: this._showDropdown &&
+        (!!this._items.length || this.loading) }, h("p-input-group", { slot: "trigger", icon: this.icon, size: this.size, prefix: this.prefix, label: this.label, helper: this.helper, error: this.error, disabled: this.disabled, focused: this._showDropdown }, h("input", { slot: "input", type: "text", placeholder: this._placeholder, value: this._displayValue, class: `p-input cursor-pointer ${!this._isAutoCompleting && 'read-only'}`, onFocus: () => this._onFocus(), onMouseDown: (ev) => this._onMouseDown(ev), onClick: () => this._onClick(), onInput: (ev) => this._onChange(ev), ref: (ref) => (this._inputRef = ref) }), this.showChevron && (h("p-icon", { variant: "chevron", slot: "suffix" }))), h("div", { slot: "items" }, this.loading
+      ? this._getLoadingItems()
+      : this._getItems()))));
+  }
+  documentClickHandler({ target }) {
+    if (!this._showDropdown || childOf(target, this._el)) {
+      return;
+    }
+    this._showDropdown = false;
+    this._isAutoCompleting = false;
+  }
+  _valueChange(value) {
+    this._preselectItem(value);
+  }
+  itemChanges() {
+    this._preselectItem();
+  }
+  _showDropdownChanges() {
+    this.dropdownShown.emit({
+      value: this._showDropdown,
+      query: this.query,
+    });
+  }
+  _preselectItem(value) {
+    value = value === undefined ? null : value;
+    const parsedValue = !!this.value
+      ? JSON.stringify(this.value)
+      : JSON.stringify(value);
+    if (this._selectedItem &&
+      JSON.stringify(this._selectedItem[this.valueKey]) === parsedValue) {
+      return;
+    }
+    const item = this._items.find((i) => JSON.stringify(i === null || i === void 0 ? void 0 : i[this.valueKey]) === parsedValue);
+    this._selectedItem = item;
+  }
+  _selectValue(item) {
+    this._selectedItem = item;
+    const value = item[this.valueKey];
+    this.value = value;
+    this.valueChange.emit(this.value);
+    this._onBlur(true);
+  }
+  _onFocus() {
+    if (!this.enableAutocomplete) {
+      this._inputRef.blur();
+      if (!this._showDropdown) {
+        this._showDropdown = true;
+      }
+      return;
+    }
+    this._isAutoCompleting = true;
+    this._showDropdown = true;
+  }
+  _onMouseDown(ev) {
+    if (this.enableAutocomplete) {
+      return;
+    }
+    ev.preventDefault();
+  }
+  _onClick() {
+    if (this.enableAutocomplete) {
+      return;
+    }
+    this._showDropdown = !this._showDropdown;
+  }
+  _onBlur(force = false) {
+    if (!this.enableAutocomplete && !force) {
+      return;
+    }
+    this._isAutoCompleting = false;
+    this._showDropdown = false;
+  }
+  _onChange(ev) {
+    if (!this._isAutoCompleting) {
+      return;
+    }
+    this.query = ev.target.value;
+    this.queryChange.emit(this.query);
+  }
+  _checkvalue(key, item) {
+    var _a, _b, _c;
+    return (((_b = (_a = item === null || item === void 0 ? void 0 : item[key]) === null || _a === void 0 ? void 0 : _a.toString()) === null || _b === void 0 ? void 0 : _b.toLowerCase().indexOf((_c = this.query) === null || _c === void 0 ? void 0 : _c.toLowerCase())) >= 0);
+  }
+  _getItems() {
+    return this._items.map((item) => {
+      var _a;
+      return (h("p-dropdown-menu-item", { onClick: () => this._selectValue(item), active: item[this.valueKey] === ((_a = this._selectedItem) === null || _a === void 0 ? void 0 : _a[this.valueKey]) }, item[this.displayKey]));
+    });
+  }
+  _getLoadingItems() {
+    return [0, 0, 0].map(() => (h("p-dropdown-menu-item", { enableHover: false }, h("p-loader", { variant: "ghost", class: "h-6 w-full rounded" }))));
+  }
+  static get is() { return "p-select"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["select.component.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["select.component.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "items": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string | any[]",
+          "resolved": "any[] | string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The items to show in the dropdown"
+        },
+        "attribute": "items",
+        "reflect": false
+      },
+      "icon": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "IconVariant",
+          "resolved": "\"arrow\" | \"attachment\" | \"bread\" | \"calendar\" | \"camera\" | \"car\" | \"checklist\" | \"checkmark\" | \"chevron\" | \"clock\" | \"cogs\" | \"comment\" | \"document\" | \"download\" | \"envelope\" | \"explanation\" | \"eye\" | \"filter\" | \"folder\" | \"grid\" | \"headset\" | \"integration\" | \"list\" | \"location\" | \"megaphone\" | \"menu\" | \"minus\" | \"more\" | \"negative\" | \"notification\" | \"pagination\" | \"payment\" | \"pencil\" | \"person\" | \"plus\" | \"question\" | \"reload\" | \"receipt\" | \"report\" | \"search\" | \"settings\" | \"sick\" | \"signout\" | \"switch\" | \"tachometer\" | \"task\" | \"template\" | \"tool\" | \"trash\" | \"turn\" | \"upload\" | \"warning\"",
+          "references": {
+            "IconVariant": {
+              "location": "import",
+              "path": "../../atoms/icon/icon.component"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Icon of the select box"
+        },
+        "attribute": "icon",
+        "reflect": false
+      },
+      "query": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The current query"
+        },
+        "attribute": "query",
+        "reflect": false
+      },
+      "placeholder": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The placeholder of the input"
+        },
+        "attribute": "placeholder",
+        "reflect": false
+      },
+      "autocompletePlaceholder": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The placeholder of the input when auto completing"
+        },
+        "attribute": "autocomplete-placeholder",
+        "reflect": false
+      },
+      "value": {
+        "type": "any",
+        "mutable": false,
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The current value"
+        },
+        "attribute": "value",
+        "reflect": false
+      },
+      "displayKey": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The key of the object to display"
+        },
+        "attribute": "display-key",
+        "reflect": false,
+        "defaultValue": "'text'"
+      },
+      "valueKey": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The key of the object to return"
+        },
+        "attribute": "value-key",
+        "reflect": false,
+        "defaultValue": "'value'"
+      },
+      "queryKey": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "The key of the object to display"
+        },
+        "attribute": "query-key",
+        "reflect": false
+      },
+      "autoSelectFirst": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Wether to automatically select the first item"
+        },
+        "attribute": "auto-select-first",
+        "reflect": false,
+        "defaultValue": "true"
+      },
+      "showChevron": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Wether to show the chevron or not"
+        },
+        "attribute": "show-chevron",
+        "reflect": false,
+        "defaultValue": "true"
+      },
+      "maxDisplayedItems": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The maximum amount of items to display"
+        },
+        "attribute": "max-displayed-items",
+        "reflect": false,
+        "defaultValue": "10"
+      },
+      "enableAutocomplete": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Wether to enable autocomplete"
+        },
+        "attribute": "enable-autocomplete",
+        "reflect": false,
+        "defaultValue": "true"
+      },
+      "asyncFilter": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Wether the input uses async filtering"
+        },
+        "attribute": "async-filter",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "loading": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Wether to show loading items"
+        },
+        "attribute": "loading",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "size": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'small' | 'medium'",
+          "resolved": "\"medium\" | \"small\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The size of the input group used by the select"
+        },
+        "attribute": "size",
+        "reflect": false,
+        "defaultValue": "'medium'"
+      },
+      "prefix": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The prefix of the input group used by the select"
+        },
+        "attribute": "prefix",
+        "reflect": false
+      },
+      "label": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The label of the input group used by the select"
+        },
+        "attribute": "label",
+        "reflect": false
+      },
+      "helper": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The helper of the input group used by the select"
+        },
+        "attribute": "helper",
+        "reflect": false
+      },
+      "error": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The helper of the input group used by the select"
+        },
+        "attribute": "error",
+        "reflect": true
+      },
+      "disabled": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Wether the input group is disabled used by the select"
+        },
+        "attribute": "disabled",
+        "reflect": true,
+        "defaultValue": "false"
+      }
+    };
+  }
+  static get states() {
+    return {
+      "_showDropdown": {},
+      "_selectedItem": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "queryChange",
+        "name": "queryChange",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Event when the query of the autocomplete changes"
+        },
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        }
+      }, {
+        "method": "valueChange",
+        "name": "valueChange",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Event when the value changes"
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
+      }, {
+        "method": "dropdownShown",
+        "name": "dropdownShown",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Event when the dropdown shows"
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
+      }];
+  }
+  static get elementRef() { return "_el"; }
+  static get watchers() {
+    return [{
+        "propName": "value",
+        "methodName": "_valueChange"
+      }, {
+        "propName": "items",
+        "methodName": "itemChanges"
+      }, {
+        "propName": "_showDropdown",
+        "methodName": "_showDropdownChanges"
+      }];
+  }
+  static get listeners() {
+    return [{
+        "name": "click",
+        "method": "documentClickHandler",
+        "target": "document",
+        "capture": true,
+        "passive": false
+      }];
+  }
+}
+//# sourceMappingURL=select.component.js.map