npm - @paperless/core - Versions diffs - 0.1.0-alpha.410 → 0.1.0-alpha.411 - Mend

@paperless/core 0.1.0-alpha.410 → 0.1.0-alpha.411

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (205) hide show

package/CHANGELOG.md CHANGED Viewed

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+# [0.1.0-alpha.411](https://github.com/ionic-team/stencil-component-starter/compare/v0.1.0-alpha.410...v0.1.0-alpha.411) (2023-03-29)
+### Bug Fixes
+* **Molecules/Select:** Don't preselect when auto completing ([8461762](https://github.com/ionic-team/stencil-component-starter/commit/8461762e90cb90b30a9c906dfd1772df702756c9))
 # [0.1.0-alpha.410](https://github.com/ionic-team/stencil-component-starter/compare/v0.1.0-alpha.409...v0.1.0-alpha.410) (2023-03-29)

package/dist/{paperless/p-3e48f5dd.entry.js → build/p-0a24e806.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r as t,c as e,h as r,H as a,g as i}from"./p-ac1af618.js";import{c as s}from"./p-8a6728d5.js";const o=".visible{visibility:visible!important}.static{position:static!important}.absolute{position:absolute!important}.ml-2{margin-left:.5rem!important}.inline{display:inline!important}.flex{display:flex!important}.h-6{height:1.5rem!important}.w-full{width:100%!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}.cursor-pointer{cursor:pointer!important}.items-end{align-items:flex-end!important}.justify-center{justify-content:center!important}.justify-between{justify-content:space-between!important}.rounded{border-radius:.25rem!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}.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{color:rgb(185 30 40/var(--tw-text-opacity))!important}.text-negative,.text-negative-light{--tw-text-opacity:1!important}.text-negative-light{color:rgb(255 204 211/var(--tw-text-opacity))!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}*{box-sizing:border-box}:host{display:flex;flex-direction:column}:host input.read-only{text-overflow:ellipsis}.-rotate-0,.-rotate-135,.-rotate-180,.-rotate-225,.-rotate-25,.-rotate-270,.-rotate-315,.-rotate-45,.-rotate-90,.rotate-0,.rotate-135,.rotate-180,.rotate-225,.rotate-25,.rotate-270,.rotate-315,.rotate-45,.rotate-90,.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}.hover\\:text-negative:hover{--tw-text-opacity:1!important;color:rgb(185 30 40/var(--tw-text-opacity))!important}";const n=class{constructor(r){t(this,r);this.queryChange=e(this,"queryChange",7);this.valueChange=e(this,"valueChange",7);this.dropdownShown=e(this,"dropdownShown",7);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=undefined;this.identifierKey=undefined;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 t;if(!this.items||this.loading){return[]}let e=typeof this.items==="string"?JSON.parse(this.items):this.items;if(typeof(e===null||e===void 0?void 0:e[0])==="string"){this.displayKey="text";this.valueKey="value";e=e.map((t=>({value:t,text:t})))}if(this._isAutoCompleting&&((t=this.query)===null||t===void 0?void 0:t.length)&&!this.asyncFilter){e=e.filter((t=>{if(this.queryKey){return this._checkvalue(this.queryKey,t)}return this._checkvalue(this._identifierKey,t)||this._checkvalue(this.displayKey,t)}))}return e===null||e===void 0?void 0:e.slice(0,this.maxDisplayedItems)}get _displayValue(){var t;if(this._isAutoCompleting){return this.query}return(t=this._selectedItem)===null||t===void 0?void 0:t[this.displayKey]}get _placeholder(){var t;return this._isAutoCompleting&&((t=this.autocompletePlaceholder)===null||t===void 0?void 0:t.length)?this.autocompletePlaceholder:this.placeholder}get _identifierKey(){var t;return(t=this.identifierKey)!==null&&t!==void 0?t:this.valueKey}componentDidLoad(){if(!this.valueKey&&!this.identifierKey){throw new Error("You must provide a valueKey or identifierKey")}if(this.value){this._valueChange();return}this.itemChanges()}render(){return r(a,{class:"p-select"},r("p-dropdown",{disableTriggerClick:true,calculateWidth:true,insideClick:true,show:this._showDropdown&&(!!this._items.length||this.loading)},r("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},r("input",{slot:"input",type:"text",placeholder:this._placeholder,value:this._displayValue,class:`p-input cursor-pointer ${!this._isAutoCompleting&&"read-only"}`,onFocus:()=>this._onFocus(),onMouseDown:t=>this._onMouseDown(t),onClick:()=>this._onClick(),onInput:t=>this._onChange(t),ref:t=>this._inputRef=t}),this.showChevron&&r("p-icon",{variant:"chevron",slot:"suffix"})),r("div",{slot:"items"},this.loading?this._getLoadingItems():this._getItems())))}documentClickHandler({target:t}){if(!this._showDropdown||s(t,this._el)){return}this._showDropdown=false;this._isAutoCompleting=false}_valueChange(){this._preselectItem()}itemChanges(){this._preselectItem()}_showDropdownChanges(){this.dropdownShown.emit({value:this._showDropdown,query:this.query})}_preselectItem(){var t,e;let r=this.value;if(!this._selectedItem&&!r&&this.autoSelectFirst){r=this._items[0]}if(!r){this._selectValue(null);return}const a=typeof r==="object"?r[this._identifierKey]:r;const i=typeof a==="string"||typeof a==="number"?a:JSON.stringify(a);const s=this._selectedItem?(t=this._selectedItem)===null||t===void 0?void 0:t[this._identifierKey]:null;const o=typeof s==="string"||typeof s==="number"?s:JSON.stringify(s);if(this._selectedItem&&o===i){return}if(!((e=this._items)===null||e===void 0?void 0:e.length)&&r){this._selectValue(r);return}const n=this._items.find((t=>{const e=t===null||t===void 0?void 0:t[this._identifierKey];const r=typeof e==="string"||typeof e==="number"?e:JSON.stringify(e);return r===i}));this._selectValue(!!n?n:r)}_selectValue(t){this._selectedItem=t;const e=!!this.valueKey&&this.valueKey!=="false"&&t!==null?t===null||t===void 0?void 0:t[this.valueKey]:t;this.value=e;this.valueChange.emit(e);this._onBlur(true)}_onFocus(){if(!this.enableAutocomplete){this._inputRef.blur();if(!this._showDropdown){this._showDropdown=true}return}this._isAutoCompleting=true;this._showDropdown=true}_onMouseDown(t){if(this.enableAutocomplete){return}t.preventDefault()}_onClick(){if(this.enableAutocomplete){return}this._showDropdown=!this._showDropdown}_onBlur(t=false){if(!this.enableAutocomplete&&!t){return}this._isAutoCompleting=false;this._showDropdown=false}_onChange(t){if(!this._isAutoCompleting){return}this.query=t.target.value;this.queryChange.emit(this.query)}_checkvalue(t,e){var r,a,i;return((a=(r=e===null||e===void 0?void 0:e[t])===null||r===void 0?void 0:r.toString())===null||a===void 0?void 0:a.toLowerCase().indexOf((i=this.query)===null||i===void 0?void 0:i.toLowerCase()))>=0}_getItems(){return this._items.map((t=>{var e;return r("p-dropdown-menu-item",{onClick:()=>this._selectValue(t),active:t[this._identifierKey]===((e=this._selectedItem)===null||e===void 0?void 0:e[this._identifierKey])},t[this.displayKey])}))}_getLoadingItems(){return[0,0,0].map((()=>r("p-dropdown-menu-item",{enableHover:false},r("p-loader",{variant:"ghost",class:"h-6 w-full rounded"}))))}get _el(){return i(this)}static get watchers(){return{value:["_valueChange"],items:["itemChanges"],_showDropdown:["_showDropdownChanges"]}}};n.style=o;export{n as p_select};
-//# sourceMappingURL=p-3e48f5dd.entry.js.map
+import{r as t,c as e,h as r,H as a,g as i}from"./p-ac1af618.js";import{c as s}from"./p-8a6728d5.js";const o=".visible{visibility:visible!important}.static{position:static!important}.absolute{position:absolute!important}.ml-2{margin-left:.5rem!important}.inline{display:inline!important}.flex{display:flex!important}.h-6{height:1.5rem!important}.w-full{width:100%!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}.cursor-pointer{cursor:pointer!important}.items-end{align-items:flex-end!important}.justify-center{justify-content:center!important}.justify-between{justify-content:space-between!important}.rounded{border-radius:.25rem!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}.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{color:rgb(185 30 40/var(--tw-text-opacity))!important}.text-negative,.text-negative-light{--tw-text-opacity:1!important}.text-negative-light{color:rgb(255 204 211/var(--tw-text-opacity))!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}*{box-sizing:border-box}:host{display:flex;flex-direction:column}:host input.read-only{text-overflow:ellipsis}.-rotate-0,.-rotate-135,.-rotate-180,.-rotate-225,.-rotate-25,.-rotate-270,.-rotate-315,.-rotate-45,.-rotate-90,.rotate-0,.rotate-135,.rotate-180,.rotate-225,.rotate-25,.rotate-270,.rotate-315,.rotate-45,.rotate-90,.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}.hover\\:text-negative:hover{--tw-text-opacity:1!important;color:rgb(185 30 40/var(--tw-text-opacity))!important}";const n=class{constructor(r){t(this,r);this.queryChange=e(this,"queryChange",7);this.valueChange=e(this,"valueChange",7);this.dropdownShown=e(this,"dropdownShown",7);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=undefined;this.identifierKey=undefined;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 t;if(!this.items||this.loading){return[]}let e=typeof this.items==="string"?JSON.parse(this.items):this.items;if(typeof(e===null||e===void 0?void 0:e[0])==="string"){this.displayKey="text";this.valueKey="value";e=e.map((t=>({value:t,text:t})))}if(this._isAutoCompleting&&((t=this.query)===null||t===void 0?void 0:t.length)&&!this.asyncFilter){e=e.filter((t=>{if(this.queryKey){return this._checkvalue(this.queryKey,t)}return this._checkvalue(this._identifierKey,t)||this._checkvalue(this.displayKey,t)}))}return e===null||e===void 0?void 0:e.slice(0,this.maxDisplayedItems)}get _displayValue(){var t;if(this._isAutoCompleting){return this.query}return(t=this._selectedItem)===null||t===void 0?void 0:t[this.displayKey]}get _placeholder(){var t;return this._isAutoCompleting&&((t=this.autocompletePlaceholder)===null||t===void 0?void 0:t.length)?this.autocompletePlaceholder:this.placeholder}get _identifierKey(){var t;return(t=this.identifierKey)!==null&&t!==void 0?t:this.valueKey}componentDidLoad(){if(!this.valueKey&&!this.identifierKey){throw new Error("You must provide a valueKey or identifierKey")}if(this.value){this._valueChange();return}this.itemChanges()}render(){return r(a,{class:"p-select"},r("p-dropdown",{disableTriggerClick:true,calculateWidth:true,insideClick:true,show:this._showDropdown&&(!!this._items.length||this.loading)},r("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},r("input",{slot:"input",type:"text",placeholder:this._placeholder,value:this._displayValue,class:`p-input cursor-pointer ${!this._isAutoCompleting&&"read-only"}`,onFocus:()=>this._onFocus(),onMouseDown:t=>this._onMouseDown(t),onClick:()=>this._onClick(),onInput:t=>this._onChange(t),ref:t=>this._inputRef=t}),this.showChevron&&r("p-icon",{variant:"chevron",slot:"suffix"})),r("div",{slot:"items"},this.loading?this._getLoadingItems():this._getItems())))}documentClickHandler({target:t}){if(!this._showDropdown||s(t,this._el)){return}this._showDropdown=false;this._isAutoCompleting=false}_valueChange(){this._preselectItem()}itemChanges(){this._preselectItem()}_showDropdownChanges(){this.dropdownShown.emit({value:this._showDropdown,query:this.query})}_preselectItem(){var t,e,r;if(this._isAutoCompleting&&((t=this.query)===null||t===void 0?void 0:t.length)){return}let a=this.value;if(!this._selectedItem&&!a&&this.autoSelectFirst){a=this._items[0]}if(!a){this._selectValue(null);return}const i=typeof a==="object"?a[this._identifierKey]:a;const s=typeof i==="string"||typeof i==="number"?i:JSON.stringify(i);const o=this._selectedItem?(e=this._selectedItem)===null||e===void 0?void 0:e[this._identifierKey]:null;const n=typeof o==="string"||typeof o==="number"?o:JSON.stringify(o);if(this._selectedItem&&n===s){return}if(!((r=this._items)===null||r===void 0?void 0:r.length)&&a){this._selectValue(a);return}const l=this._items.find((t=>{const e=t===null||t===void 0?void 0:t[this._identifierKey];const r=typeof e==="string"||typeof e==="number"?e:JSON.stringify(e);return r===s}));this._selectValue(!!l?l:a)}_selectValue(t){this._selectedItem=t;const e=!!this.valueKey&&this.valueKey!=="false"&&t!==null?t===null||t===void 0?void 0:t[this.valueKey]:t;this.value=e;this.valueChange.emit(e);this._onBlur(true)}_onFocus(){if(!this.enableAutocomplete){this._inputRef.blur();if(!this._showDropdown){this._showDropdown=true}return}this._isAutoCompleting=true;this._showDropdown=true}_onMouseDown(t){if(this.enableAutocomplete){return}t.preventDefault()}_onClick(){if(this.enableAutocomplete){return}this._showDropdown=!this._showDropdown}_onBlur(t=false){if(!this.enableAutocomplete&&!t){return}this._isAutoCompleting=false;this._showDropdown=false}_onChange(t){if(!this._isAutoCompleting){return}this.query=t.target.value;this.queryChange.emit(this.query)}_checkvalue(t,e){var r,a,i;return((a=(r=e===null||e===void 0?void 0:e[t])===null||r===void 0?void 0:r.toString())===null||a===void 0?void 0:a.toLowerCase().indexOf((i=this.query)===null||i===void 0?void 0:i.toLowerCase()))>=0}_getItems(){return this._items.map((t=>{var e;return r("p-dropdown-menu-item",{onClick:()=>this._selectValue(t),active:t[this._identifierKey]===((e=this._selectedItem)===null||e===void 0?void 0:e[this._identifierKey])},t[this.displayKey])}))}_getLoadingItems(){return[0,0,0].map((()=>r("p-dropdown-menu-item",{enableHover:false},r("p-loader",{variant:"ghost",class:"h-6 w-full rounded"}))))}get _el(){return i(this)}static get watchers(){return{value:["_valueChange"],items:["itemChanges"],_showDropdown:["_showDropdownChanges"]}}};n.style=o;export{n as p_select};
+//# sourceMappingURL=p-0a24e806.entry.js.map

package/dist/build/{p-3e48f5dd.entry.js.map → p-0a24e806.entry.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["selectComponentCss","Select","this","_isAutoCompleting","_items","items","loading","JSON","parse","displayKey","valueKey","map","str","value","text","_a","query","length","asyncFilter","filter","item","queryKey","_checkvalue","_identifierKey","slice","maxDisplayedItems","_displayValue","_selectedItem","_placeholder","autocompletePlaceholder","placeholder","identifierKey","componentDidLoad","Error","_valueChange","itemChanges","render","h","Host","class","disableTriggerClick","calculateWidth","insideClick","show","_showDropdown","slot","icon","size","prefix","label","helper","error","disabled","focused","type","onFocus","_onFocus","onMouseDown","ev","_onMouseDown","onClick","_onClick","onInput","_onChange","ref","_inputRef","showChevron","variant","_getLoadingItems","_getItems","documentClickHandler","target","childOf","_el","_preselectItem","_showDropdownChanges","dropdownShown","emit","autoSelectFirst","_selectValue","identifier","parsedValue","stringify","currentValue","currentParsedValue","_b","find","i","itemIdentifier","parsedItemIdentifier","valueChange","_onBlur","enableAutocomplete","blur","preventDefault","force","queryChange","key","toString","toLowerCase","indexOf","_c","active","enableHover"],"sources":["./src/components/molecules/select/select.component.scss?tag=p-select","./src/components/molecules/select/select.component.tsx"],"sourcesContent":[":host {\n @apply flex flex-col;\n\n input.read-only {\n @apply text-ellipsis;\n }\n}\n","import {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Listen,\n Prop,\n State,\n Watch,\n} from '@stencil/core';\nimport { childOf } from '../../../utils';\nimport { IconVariant } from '../../atoms/icon/icon.component';\n\n@Component({\n tag: 'p-select',\n styleUrl: 'select.component.scss',\n shadow: false,\n})\nexport class Select {\n /*\n The items to show in the dropdown\n /\n @Prop() items: string \| any[];\n\n /\n Icon of the select box\n /\n @Prop() icon: IconVariant;\n\n /\n The current query\n /\n @Prop() query: string;\n\n /\n The placeholder of the input\n /\n @Prop() placeholder: string;\n\n /\n The placeholder of the input when auto completing\n /\n @Prop() autocompletePlaceholder: string;\n\n /\n The current value\n /\n @Prop() value: any;\n\n /\n The key of the object to display\n /\n @Prop() displayKey: string = 'text';\n\n /\n The key of the object to return\n /\n @Prop() valueKey: string;\n\n /\n The key to identify an object\n /\n @Prop() identifierKey: string;\n\n /\n The key of the object to display\n /\n @Prop() queryKey?: string;\n\n /\n Wether to automatically select the first item\n /\n @Prop() autoSelectFirst: boolean = true;\n\n /\n Wether to show the chevron or not\n /\n @Prop() showChevron: boolean = true;\n\n /\n The maximum amount of items to display\n /\n @Prop() maxDisplayedItems: number = 10;\n\n /\n Wether to enable autocomplete\n /\n @Prop() enableAutocomplete: boolean = true;\n\n /\n Wether the input uses async filtering\n /\n @Prop() asyncFilter: boolean = false;\n\n /\n Wether to show loading items\n /\n @Prop() loading: boolean = false;\n\n /\n Event when the query of the autocomplete changes\n /\n @Event() queryChange: EventEmitter<string>;\n\n /\n Event when the value changes\n /\n @Event() valueChange: EventEmitter<any>;\n\n /\n Event when the dropdown shows\n /\n @Event() dropdownShown: EventEmitter<any>;\n\n /\n The size of the input group used by the select\n /\n @Prop() size: 'small' \| 'medium' = 'medium';\n\n /\n The prefix of the input group used by the select\n /\n @Prop() prefix: string;\n\n /\n The label of the input group used by the select\n /\n @Prop() label: string;\n\n /\n The helper of the input group used by the select\n /\n @Prop() helper: string;\n\n /\n The helper of the input group used by the select\n /\n @Prop({ reflect: true }) error: string;\n\n /\n Wether the input group is disabled used by the select\n /\n @Prop({ reflect: true }) disabled: boolean = false;\n\n /\n The host element\n */\n @Element() private _el: HTMLElement;\n\n @State() private _showDropdown: any = false;\n @State() private _selectedItem: any = null;\n\n private _isAutoCompleting: boolean = false;\n\n private _inputRef: HTMLInputElement;\n\n get _items() {\n if (!this.items \|\| this.loading) {\n return [];\n }\n\n let items =\n typeof this.items === 'string'\n ? JSON.parse(this.items)\n : this.items;\n\n if (typeof items?.[0] === 'string') {\n this.displayKey = 'text';\n this.valueKey = 'value';\n\n items = items.map((str) => ({\n value: str,\n text: str,\n }));\n }\n\n if (this._isAutoCompleting && this.query?.length && !this.asyncFilter) {\n items = items.filter((item) => {\n if (this.queryKey) {\n return this._checkvalue(this.queryKey, item);\n }\n\n return (\n this._checkvalue(this._identifierKey, item) \|\|\n this._checkvalue(this.displayKey, item)\n );\n });\n }\n\n return items?.slice(0, this.maxDisplayedItems);\n }\n\n get _displayValue() {\n if (this._isAutoCompleting) {\n return this.query;\n }\n\n return this._selectedItem?.[this.displayKey];\n }\n\n get _placeholder() {\n return this._isAutoCompleting && this.autocompletePlaceholder?.length\n ? this.autocompletePlaceholder\n : this.placeholder;\n }\n\n get _identifierKey() {\n return this.identifierKey ?? this.valueKey;\n }\n\n componentDidLoad() {\n if (!this.valueKey && !this.identifierKey) {\n throw new Error('You must provide a valueKey or identifierKey');\n }\n\n if (this.value) {\n this._valueChange();\n return;\n }\n\n this.itemChanges();\n }\n\n render() {\n return (\n <Host class=\"p-select\">\n <p-dropdown\n disableTriggerClick={true}\n calculateWidth={true}\n insideClick={true}\n show={\n this._showDropdown &&\n (!!this._items.length \|\| this.loading)\n }\n >\n <p-input-group\n slot=\"trigger\"\n icon={this.icon}\n size={this.size}\n prefix={this.prefix}\n label={this.label}\n helper={this.helper}\n error={this.error}\n disabled={this.disabled}\n focused={this._showDropdown}\n >\n <input\n slot=\"input\"\n type=\"text\"\n placeholder={this._placeholder}\n value={this._displayValue}\n class={`p-input cursor-pointer ${\n !this._isAutoCompleting && 'read-only'\n }`}\n onFocus={() => this._onFocus()}\n onMouseDown={(ev) => this._onMouseDown(ev)}\n onClick={() => this._onClick()}\n onInput={(ev) => this._onChange(ev)}\n ref={(ref) => (this._inputRef = ref)}\n />\n\n {this.showChevron && (\n <p-icon variant=\"chevron\" slot=\"suffix\" />\n )}\n </p-input-group>\n <div slot=\"items\">\n {this.loading\n ? this._getLoadingItems()\n : this._getItems()}\n </div>\n </p-dropdown>\n </Host>\n );\n }\n\n @Listen('click', { target: 'document', capture: true })\n protected documentClickHandler({ target }) {\n if (!this._showDropdown \|\| childOf(target, this._el)) {\n return;\n }\n\n this._showDropdown = false;\n this._isAutoCompleting = false;\n }\n\n @Watch('value')\n private _valueChange() {\n this._preselectItem();\n }\n\n @Watch('items')\n public itemChanges() {\n this._preselectItem();\n }\n\n @Watch('_showDropdown')\n public _showDropdownChanges() {\n this.dropdownShown.emit({\n value: this._showDropdown,\n query: this.query,\n });\n }\n\n private _preselectItem() {\n let value = this.value;\n\n if (!this._selectedItem && !value && this.autoSelectFirst) {\n value = this._items[0];\n }\n\n if (!value) {\n this._selectValue(null);\n return;\n }\n\n const identifier =\n typeof value === 'object' ? value[this._identifierKey] : value;\n const parsedValue =\n typeof identifier === 'string' \|\| typeof identifier === 'number'\n ? identifier\n : JSON.stringify(identifier);\n\n const currentValue = this._selectedItem\n ? this._selectedItem?.[this._identifierKey]\n : null;\n const currentParsedValue =\n typeof currentValue === 'string' \|\| typeof currentValue === 'number'\n ? currentValue\n : JSON.stringify(currentValue);\n\n if (this._selectedItem && currentParsedValue === parsedValue) {\n return;\n }\n\n if (!this._items?.length && value) {\n this._selectValue(value);\n return;\n }\n\n const item = this._items.find((i) => {\n const itemIdentifier = i?.[this._identifierKey];\n const parsedItemIdentifier =\n typeof itemIdentifier === 'string' \|\|\n typeof itemIdentifier === 'number'\n ? itemIdentifier\n : JSON.stringify(itemIdentifier);\n\n return parsedItemIdentifier === parsedValue;\n });\n\n this._selectValue(!!item ? item : value);\n }\n\n private _selectValue(item) {\n this._selectedItem = item;\n const value =\n !!this.valueKey && this.valueKey !== 'false' && item !== null\n ? item?.[this.valueKey]\n : item;\n\n this.value = value;\n this.valueChange.emit(value);\n\n this._onBlur(true);\n }\n\n private _onFocus() {\n if (!this.enableAutocomplete) {\n this._inputRef.blur();\n if (!this._showDropdown) {\n this._showDropdown = true;\n }\n return;\n }\n\n this._isAutoCompleting = true;\n\n this._showDropdown = true;\n }\n\n private _onMouseDown(ev) {\n if (this.enableAutocomplete) {\n return;\n }\n\n ev.preventDefault();\n }\n\n private _onClick() {\n if (this.enableAutocomplete) {\n return;\n }\n\n this._showDropdown = !this._showDropdown;\n }\n\n private _onBlur(force = false) {\n if (!this.enableAutocomplete && !force) {\n return;\n }\n\n this._isAutoCompleting = false;\n this._showDropdown = false;\n }\n\n private _onChange(ev) {\n if (!this._isAutoCompleting) {\n return;\n }\n\n this.query = ev.target.value;\n this.queryChange.emit(this.query);\n }\n\n private _checkvalue(key, item) {\n return (\n item?.[key]\n ?.toString()\n ?.toLowerCase()\n .indexOf(this.query?.toLowerCase()) >= 0\n );\n }\n\n private _getItems() {\n return this._items.map((item) => (\n <p-dropdown-menu-item\n onClick={() => this._selectValue(item)}\n active={\n item[this._identifierKey] ===\n this._selectedItem?.[this._identifierKey]\n }\n >\n {item[this.displayKey]}\n </p-dropdown-menu-item>\n ));\n }\n\n private _getLoadingItems() {\n return [0, 0, 0].map(() => (\n <p-dropdown-menu-item enableHover={false}>\n <p-loader variant=\"ghost\" class=\"h-6 w-full rounded\" />\n </p-dropdown-menu-item>\n ));\n }\n}\n"],"mappings":"oGAAA,MAAMA,EAAqB,2yL,MCoBdC,EAAM,M,wJAsIPC,KAAAC,kBAA6B,M,qKApGR,O,kGAoBM,K,iBAKJ,K,uBAKK,G,wBAKE,K,iBAKP,M,aAKJ,M,UAoBQ,S,oGAyBU,M,mBAOP,M,mBACA,I,CAMlCC,a,MACA,IAAKF,KAAKG,OAASH,KAAKI,QAAS,CAC7B,MAAO,E,CAGX,IAAID,SACOH,KAAKG,QAAU,SAChBE,KAAKC,MAAMN,KAAKG,OAChBH,KAAKG,MAEf,UAAWA,IAAK,MAALA,SAAK,SAALA,EAAQ,MAAO,SAAU,CAChCH,KAAKO,WAAa,OAClBP,KAAKQ,SAAW,QAEhBL,EAAQA,EAAMM,KAAKC,IAAG,CAClBC,MAAOD,EACPE,KAAMF,K,CAId,GAAIV,KAAKC,qBAAqBY,EAAAb,KAAKc,SAAK,MAAAD,SAAA,SAAAA,EAAEE,UAAWf,KAAKgB,YAAa,CACnEb,EAAQA,EAAMc,QAAQC,IAClB,GAAIlB,KAAKmB,SAAU,CACf,OAAOnB,KAAKoB,YAAYpB,KAAKmB,SAAUD,E,CAG3C,OACIlB,KAAKoB,YAAYpB,KAAKqB,eAAgBH,IACtClB,KAAKoB,YAAYpB,KAAKO,WAAYW,EAAK,G,CAKnD,OAAOf,IAAK,MAALA,SAAK,SAALA,EAAOmB,MAAM,EAAGtB,KAAKuB,kB,CAG5BC,oB,MACA,GAAIxB,KAAKC,kBAAmB,CACxB,OAAOD,KAAKc,K,CAGhB,OAAOD,EAAAb,KAAKyB,iBAAa,MAAAZ,SAAA,SAAAA,EAAGb,KAAKO,W,CAGjCmB,mB,MACA,OAAO1B,KAAKC,qBAAqBY,EAAAb,KAAK2B,2BAAuB,MAAAd,SAAA,SAAAA,EAAEE,QACzDf,KAAK2B,wBACL3B,KAAK4B,W,CAGXP,qB,MACA,OAAOR,EAAAb,KAAK6B,iBAAa,MAAAhB,SAAA,EAAAA,EAAIb,KAAKQ,Q,CAGtCsB,mBACI,IAAK9B,KAAKQ,WAAaR,KAAK6B,cAAe,CACvC,MAAM,IAAIE,MAAM,+C,CAGpB,GAAI/B,KAAKW,MAAO,CACZX,KAAKgC,eACL,M,CAGJhC,KAAKiC,a,CAGTC,SACI,OACIC,EAACC,EAAI,CAACC,MAAM,YACRF,EAAA,cACIG,oBAAqB,KACrBC,eAAgB,KAChBC,YAAa,KACbC,KACIzC,KAAK0C,kBACF1C,KAAKE,OAAOa,QAAUf,KAAKI,UAGlC+B,EAAA,iBACIQ,KAAK,UACLC,KAAM5C,KAAK4C,KACXC,KAAM7C,KAAK6C,KACXC,OAAQ9C,KAAK8C,OACbC,MAAO/C,KAAK+C,MACZC,OAAQhD,KAAKgD,OACbC,MAAOjD,KAAKiD,MACZC,SAAUlD,KAAKkD,SACfC,QAASnD,KAAK0C,eAEdP,EAAA,SACIQ,KAAK,QACLS,KAAK,OACLxB,YAAa5B,KAAK0B,aAClBf,MAAOX,KAAKwB,cACZa,MAAO,2BACFrC,KAAKC,mBAAqB,cAE/BoD,QAAS,IAAMrD,KAAKsD,WACpBC,YAAcC,GAAOxD,KAAKyD,aAAaD,GACvCE,QAAS,IAAM1D,KAAK2D,WACpBC,QAAUJ,GAAOxD,KAAK6D,UAAUL,GAChCM,IAAMA,GAAS9D,KAAK+D,UAAYD,IAGnC9D,KAAKgE,aACF7B,EAAA,UAAQ8B,QAAQ,UAAUtB,KAAK,YAGvCR,EAAA,OAAKQ,KAAK,SACL3C,KAAKI,QACAJ,KAAKkE,mBACLlE,KAAKmE,c,CAQrBC,sBAAqBC,OAAEA,IAC7B,IAAKrE,KAAK0C,eAAiB4B,EAAQD,EAAQrE,KAAKuE,KAAM,CAClD,M,CAGJvE,KAAK0C,cAAgB,MACrB1C,KAAKC,kBAAoB,K,CAIrB+B,eACJhC,KAAKwE,gB,CAIFvC,cACHjC,KAAKwE,gB,CAIFC,uBACHzE,KAAK0E,cAAcC,KAAK,CACpBhE,MAAOX,KAAK0C,cACZ5B,MAAOd,KAAKc,O,CAIZ0D,iB,QACJ,IAAI7D,EAAQX,KAAKW,MAEjB,IAAKX,KAAKyB,gBAAkBd,GAASX,KAAK4E,gBAAiB,CACvDjE,EAAQX,KAAKE,OAAO,E,CAGxB,IAAKS,EAAO,CACRX,KAAK6E,aAAa,MAClB,M,CAGJ,MAAMC,SACKnE,IAAU,SAAWA,EAAMX,KAAKqB,gBAAkBV,EAC7D,MAAMoE,SACKD,IAAe,iBAAmBA,IAAe,SAClDA,EACAzE,KAAK2E,UAAUF,GAEzB,MAAMG,EAAejF,KAAKyB,eACpBZ,EAAAb,KAAKyB,iBAAa,MAAAZ,SAAA,SAAAA,EAAGb,KAAKqB,gBAC1B,KACN,MAAM6D,SACKD,IAAiB,iBAAmBA,IAAiB,SACtDA,EACA5E,KAAK2E,UAAUC,GAEzB,GAAIjF,KAAKyB,eAAiByD,IAAuBH,EAAa,CAC1D,M,CAGJ,MAAKI,EAAAnF,KAAKE,UAAM,MAAAiF,SAAA,SAAAA,EAAEpE,SAAUJ,EAAO,CAC/BX,KAAK6E,aAAalE,GAClB,M,CAGJ,MAAMO,EAAOlB,KAAKE,OAAOkF,MAAMC,IAC3B,MAAMC,EAAiBD,IAAC,MAADA,SAAC,SAADA,EAAIrF,KAAKqB,gBAChC,MAAMkE,SACKD,IAAmB,iBACnBA,IAAmB,SACpBA,EACAjF,KAAK2E,UAAUM,GAEzB,OAAOC,IAAyBR,CAAW,IAG/C/E,KAAK6E,eAAe3D,EAAOA,EAAOP,E,CAG9BkE,aAAa3D,GACjBlB,KAAKyB,cAAgBP,EACrB,MAAMP,IACAX,KAAKQ,UAAYR,KAAKQ,WAAa,SAAWU,IAAS,KACnDA,IAAI,MAAJA,SAAI,SAAJA,EAAOlB,KAAKQ,UACZU,EAEVlB,KAAKW,MAAQA,EACbX,KAAKwF,YAAYb,KAAKhE,GAEtBX,KAAKyF,QAAQ,K,CAGTnC,WACJ,IAAKtD,KAAK0F,mBAAoB,CAC1B1F,KAAK+D,UAAU4B,OACf,IAAK3F,KAAK0C,cAAe,CACrB1C,KAAK0C,cAAgB,I,CAEzB,M,CAGJ1C,KAAKC,kBAAoB,KAEzBD,KAAK0C,cAAgB,I,CAGjBe,aAAaD,GACjB,GAAIxD,KAAK0F,mBAAoB,CACzB,M,CAGJlC,EAAGoC,gB,CAGCjC,WACJ,GAAI3D,KAAK0F,mBAAoB,CACzB,M,CAGJ1F,KAAK0C,eAAiB1C,KAAK0C,a,CAGvB+C,QAAQI,EAAQ,OACpB,IAAK7F,KAAK0F,qBAAuBG,EAAO,CACpC,M,CAGJ7F,KAAKC,kBAAoB,MACzBD,KAAK0C,cAAgB,K,CAGjBmB,UAAUL,GACd,IAAKxD,KAAKC,kBAAmB,CACzB,M,CAGJD,KAAKc,MAAQ0C,EAAGa,OAAO1D,MACvBX,KAAK8F,YAAYnB,KAAK3E,KAAKc,M,CAGvBM,YAAY2E,EAAK7E,G,UACrB,QACIiE,GAAAtE,EAAAK,IAAI,MAAJA,SAAI,SAAJA,EAAO6E,MAAI,MAAAlF,SAAA,SAAAA,EACLmF,cAAU,MAAAb,SAAA,SAAAA,EACVc,cACDC,SAAQC,EAAAnG,KAAKc,SAAK,MAAAqF,SAAA,SAAAA,EAAEF,iBAAkB,C,CAI3C9B,YACJ,OAAOnE,KAAKE,OAAOO,KAAKS,I,MAAS,OAC7BiB,EAAA,wBACIuB,QAAS,IAAM1D,KAAK6E,aAAa3D,GACjCkF,OACIlF,EAAKlB,KAAKqB,oBACVR,EAAAb,KAAKyB,iBAAa,MAAAZ,SAAA,SAAAA,EAAGb,KAAKqB,kBAG7BH,EAAKlB,KAAKO,YACQ,G,CAIvB2D,mBACJ,MAAO,CAAC,EAAG,EAAG,GAAGzD,KAAI,IACjB0B,EAAA,wBAAsBkE,YAAa,OAC/BlE,EAAA,YAAU8B,QAAQ,QAAQ5B,MAAM,yB"}
1	+ {"version":3,"names":["selectComponentCss","Select","this","_isAutoCompleting","_items","items","loading","JSON","parse","displayKey","valueKey","map","str","value","text","_a","query","length","asyncFilter","filter","item","queryKey","_checkvalue","_identifierKey","slice","maxDisplayedItems","_displayValue","_selectedItem","_placeholder","autocompletePlaceholder","placeholder","identifierKey","componentDidLoad","Error","_valueChange","itemChanges","render","h","Host","class","disableTriggerClick","calculateWidth","insideClick","show","_showDropdown","slot","icon","size","prefix","label","helper","error","disabled","focused","type","onFocus","_onFocus","onMouseDown","ev","_onMouseDown","onClick","_onClick","onInput","_onChange","ref","_inputRef","showChevron","variant","_getLoadingItems","_getItems","documentClickHandler","target","childOf","_el","_preselectItem","_showDropdownChanges","dropdownShown","emit","autoSelectFirst","_selectValue","identifier","parsedValue","stringify","currentValue","_b","currentParsedValue","_c","find","i","itemIdentifier","parsedItemIdentifier","valueChange","_onBlur","enableAutocomplete","blur","preventDefault","force","queryChange","key","toString","toLowerCase","indexOf","active","enableHover"],"sources":["./src/components/molecules/select/select.component.scss?tag=p-select","./src/components/molecules/select/select.component.tsx"],"sourcesContent":[":host {\n @apply flex flex-col;\n\n input.read-only {\n @apply text-ellipsis;\n }\n}\n","import {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Listen,\n Prop,\n State,\n Watch,\n} from '@stencil/core';\nimport { childOf } from '../../../utils';\nimport { IconVariant } from '../../atoms/icon/icon.component';\n\n@Component({\n tag: 'p-select',\n styleUrl: 'select.component.scss',\n shadow: false,\n})\nexport class Select {\n /*\n The items to show in the dropdown\n /\n @Prop() items: string \| any[];\n\n /\n Icon of the select box\n /\n @Prop() icon: IconVariant;\n\n /\n The current query\n /\n @Prop() query: string;\n\n /\n The placeholder of the input\n /\n @Prop() placeholder: string;\n\n /\n The placeholder of the input when auto completing\n /\n @Prop() autocompletePlaceholder: string;\n\n /\n The current value\n /\n @Prop() value: any;\n\n /\n The key of the object to display\n /\n @Prop() displayKey: string = 'text';\n\n /\n The key of the object to return\n /\n @Prop() valueKey: string;\n\n /\n The key to identify an object\n /\n @Prop() identifierKey: string;\n\n /\n The key of the object to display\n /\n @Prop() queryKey?: string;\n\n /\n Wether to automatically select the first item\n /\n @Prop() autoSelectFirst: boolean = true;\n\n /\n Wether to show the chevron or not\n /\n @Prop() showChevron: boolean = true;\n\n /\n The maximum amount of items to display\n /\n @Prop() maxDisplayedItems: number = 10;\n\n /\n Wether to enable autocomplete\n /\n @Prop() enableAutocomplete: boolean = true;\n\n /\n Wether the input uses async filtering\n /\n @Prop() asyncFilter: boolean = false;\n\n /\n Wether to show loading items\n /\n @Prop() loading: boolean = false;\n\n /\n Event when the query of the autocomplete changes\n /\n @Event() queryChange: EventEmitter<string>;\n\n /\n Event when the value changes\n /\n @Event() valueChange: EventEmitter<any>;\n\n /\n Event when the dropdown shows\n /\n @Event() dropdownShown: EventEmitter<any>;\n\n /\n The size of the input group used by the select\n /\n @Prop() size: 'small' \| 'medium' = 'medium';\n\n /\n The prefix of the input group used by the select\n /\n @Prop() prefix: string;\n\n /\n The label of the input group used by the select\n /\n @Prop() label: string;\n\n /\n The helper of the input group used by the select\n /\n @Prop() helper: string;\n\n /\n The helper of the input group used by the select\n /\n @Prop({ reflect: true }) error: string;\n\n /\n Wether the input group is disabled used by the select\n /\n @Prop({ reflect: true }) disabled: boolean = false;\n\n /\n The host element\n */\n @Element() private _el: HTMLElement;\n\n @State() private _showDropdown: any = false;\n @State() private _selectedItem: any = null;\n\n private _isAutoCompleting: boolean = false;\n\n private _inputRef: HTMLInputElement;\n\n get _items() {\n if (!this.items \|\| this.loading) {\n return [];\n }\n\n let items =\n typeof this.items === 'string'\n ? JSON.parse(this.items)\n : this.items;\n\n if (typeof items?.[0] === 'string') {\n this.displayKey = 'text';\n this.valueKey = 'value';\n\n items = items.map((str) => ({\n value: str,\n text: str,\n }));\n }\n\n if (this._isAutoCompleting && this.query?.length && !this.asyncFilter) {\n items = items.filter((item) => {\n if (this.queryKey) {\n return this._checkvalue(this.queryKey, item);\n }\n\n return (\n this._checkvalue(this._identifierKey, item) \|\|\n this._checkvalue(this.displayKey, item)\n );\n });\n }\n\n return items?.slice(0, this.maxDisplayedItems);\n }\n\n get _displayValue() {\n if (this._isAutoCompleting) {\n return this.query;\n }\n\n return this._selectedItem?.[this.displayKey];\n }\n\n get _placeholder() {\n return this._isAutoCompleting && this.autocompletePlaceholder?.length\n ? this.autocompletePlaceholder\n : this.placeholder;\n }\n\n get _identifierKey() {\n return this.identifierKey ?? this.valueKey;\n }\n\n componentDidLoad() {\n if (!this.valueKey && !this.identifierKey) {\n throw new Error('You must provide a valueKey or identifierKey');\n }\n\n if (this.value) {\n this._valueChange();\n return;\n }\n\n this.itemChanges();\n }\n\n render() {\n return (\n <Host class=\"p-select\">\n <p-dropdown\n disableTriggerClick={true}\n calculateWidth={true}\n insideClick={true}\n show={\n this._showDropdown &&\n (!!this._items.length \|\| this.loading)\n }\n >\n <p-input-group\n slot=\"trigger\"\n icon={this.icon}\n size={this.size}\n prefix={this.prefix}\n label={this.label}\n helper={this.helper}\n error={this.error}\n disabled={this.disabled}\n focused={this._showDropdown}\n >\n <input\n slot=\"input\"\n type=\"text\"\n placeholder={this._placeholder}\n value={this._displayValue}\n class={`p-input cursor-pointer ${\n !this._isAutoCompleting && 'read-only'\n }`}\n onFocus={() => this._onFocus()}\n onMouseDown={(ev) => this._onMouseDown(ev)}\n onClick={() => this._onClick()}\n onInput={(ev) => this._onChange(ev)}\n ref={(ref) => (this._inputRef = ref)}\n />\n\n {this.showChevron && (\n <p-icon variant=\"chevron\" slot=\"suffix\" />\n )}\n </p-input-group>\n <div slot=\"items\">\n {this.loading\n ? this._getLoadingItems()\n : this._getItems()}\n </div>\n </p-dropdown>\n </Host>\n );\n }\n\n @Listen('click', { target: 'document', capture: true })\n protected documentClickHandler({ target }) {\n if (!this._showDropdown \|\| childOf(target, this._el)) {\n return;\n }\n\n this._showDropdown = false;\n this._isAutoCompleting = false;\n }\n\n @Watch('value')\n private _valueChange() {\n this._preselectItem();\n }\n\n @Watch('items')\n public itemChanges() {\n this._preselectItem();\n }\n\n @Watch('_showDropdown')\n public _showDropdownChanges() {\n this.dropdownShown.emit({\n value: this._showDropdown,\n query: this.query,\n });\n }\n\n private _preselectItem() {\n if (this._isAutoCompleting && this.query?.length) {\n return;\n }\n\n let value = this.value;\n\n if (!this._selectedItem && !value && this.autoSelectFirst) {\n value = this._items[0];\n }\n\n if (!value) {\n this._selectValue(null);\n return;\n }\n\n const identifier =\n typeof value === 'object' ? value[this._identifierKey] : value;\n const parsedValue =\n typeof identifier === 'string' \|\| typeof identifier === 'number'\n ? identifier\n : JSON.stringify(identifier);\n\n const currentValue = this._selectedItem\n ? this._selectedItem?.[this._identifierKey]\n : null;\n const currentParsedValue =\n typeof currentValue === 'string' \|\| typeof currentValue === 'number'\n ? currentValue\n : JSON.stringify(currentValue);\n\n if (this._selectedItem && currentParsedValue === parsedValue) {\n return;\n }\n\n if (!this._items?.length && value) {\n this._selectValue(value);\n return;\n }\n\n const item = this._items.find((i) => {\n const itemIdentifier = i?.[this._identifierKey];\n const parsedItemIdentifier =\n typeof itemIdentifier === 'string' \|\|\n typeof itemIdentifier === 'number'\n ? itemIdentifier\n : JSON.stringify(itemIdentifier);\n\n return parsedItemIdentifier === parsedValue;\n });\n\n this._selectValue(!!item ? item : value);\n }\n\n private _selectValue(item) {\n this._selectedItem = item;\n const value =\n !!this.valueKey && this.valueKey !== 'false' && item !== null\n ? item?.[this.valueKey]\n : item;\n\n this.value = value;\n this.valueChange.emit(value);\n\n this._onBlur(true);\n }\n\n private _onFocus() {\n if (!this.enableAutocomplete) {\n this._inputRef.blur();\n if (!this._showDropdown) {\n this._showDropdown = true;\n }\n return;\n }\n\n this._isAutoCompleting = true;\n\n this._showDropdown = true;\n }\n\n private _onMouseDown(ev) {\n if (this.enableAutocomplete) {\n return;\n }\n\n ev.preventDefault();\n }\n\n private _onClick() {\n if (this.enableAutocomplete) {\n return;\n }\n\n this._showDropdown = !this._showDropdown;\n }\n\n private _onBlur(force = false) {\n if (!this.enableAutocomplete && !force) {\n return;\n }\n\n this._isAutoCompleting = false;\n this._showDropdown = false;\n }\n\n private _onChange(ev) {\n if (!this._isAutoCompleting) {\n return;\n }\n\n this.query = ev.target.value;\n this.queryChange.emit(this.query);\n }\n\n private _checkvalue(key, item) {\n return (\n item?.[key]\n ?.toString()\n ?.toLowerCase()\n .indexOf(this.query?.toLowerCase()) >= 0\n );\n }\n\n private _getItems() {\n return this._items.map((item) => (\n <p-dropdown-menu-item\n onClick={() => this._selectValue(item)}\n active={\n item[this._identifierKey] ===\n this._selectedItem?.[this._identifierKey]\n }\n >\n {item[this.displayKey]}\n </p-dropdown-menu-item>\n ));\n }\n\n private _getLoadingItems() {\n return [0, 0, 0].map(() => (\n <p-dropdown-menu-item enableHover={false}>\n <p-loader variant=\"ghost\" class=\"h-6 w-full rounded\" />\n </p-dropdown-menu-item>\n ));\n }\n}\n"],"mappings":"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"}

package/dist/{paperless/p-1c793c3d.entry.js → build/p-2b08e371.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r as t,c as a,h as e,H as r,g as o}from"./p-ac1af618.js";const i=".static{position:static!important}.fixed{position:fixed!important}.left-0{left:0!important}.top-0{top:0!important}.z-navbar-backdrop{z-index:290!important}.m-0{margin:0!important}.mb-6{margin-bottom:1.5rem!important}.mt-0{margin-top:0!important}.inline{display:inline!important}.flex{display:flex!important}.hidden{display:none!important}.h-full{height:100%!important}.w-full{width:100%!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}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fadeIn .2s ease forwards!important}.items-start{align-items:flex-start!important}.items-end{align-items:flex-end!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.overflow-y-auto{overflow-y:auto!important}.rounded{border-radius:.25rem!important}.p-0{padding:0!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!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}.font-semibold{font-weight:600!important}.text-storm-dark{--tw-text-opacity:1!important;color:rgb(39 40 56/var(--tw-text-opacity))!important}.max-h-screen-safe{max-height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;max-height:-webkit-fill-available!important}*{box-sizing:border-box}:host{animation:fadeIn .2s ease forwards;background-color:rgba(39,40,56,.5);display:flex;height:100%;left:0;max-height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom));max-height:-webkit-fill-available;max-width:calc(100vw - env(safe-area-inset-left) - env(safe-area-inset-right));max-width:-webkit-fill-available;overflow:hidden;position:fixed;top:0;width:100%;z-index:490}:host .content-container{align-items:flex-end;display:flex;height:100%;justify-content:center;max-height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom));max-height:-webkit-fill-available;max-width:calc(100vw - env(safe-area-inset-left) - env(safe-area-inset-right));max-width:-webkit-fill-available;overflow-x:hidden;overflow-y:auto;width:100%}@media (min-width:40rem){:host .content-container{padding-left:4rem;padding-right:4rem}}@media (min-width:64rem){:host .content-container{align-items:center;padding:4rem}}:host(.blurred){--tw-backdrop-blur:blur(2px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}:host(.closing){animation:fadeOut .2s ease forwards}:host(.closing) .content-container{overflow:hidden}:host(.variant-drawer) .content-container{align-items:flex-start;justify-content:flex-end;padding:0}@media (min-width:40rem){:host(.variant-drawer) .content-container{padding:0}}@media (min-width:64rem){:host(.variant-drawer) .content-container{padding:0}}@media (min-width:40rem){.tablet\\:p-0{padding:0!important}.tablet\\:px-16{padding-left:4rem!important;padding-right:4rem!important}}.-rotate-0,.-rotate-135,.-rotate-180,.-rotate-225,.-rotate-25,.-rotate-270,.-rotate-315,.-rotate-45,.-rotate-90,.rotate-0,.rotate-135,.rotate-180,.rotate-225,.rotate-25,.rotate-270,.rotate-315,.rotate-45,.rotate-90,.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}@media (min-width:64rem){.desktop-xs\\:flex{display:flex!important}}@media (min-width:40rem){.tablet\\:w-80{width:20rem!important}.tablet\\:w-\\[33\\.5rem\\]{width:33.5rem!important}.tablet\\:w-\\[38rem\\]{width:38rem!important}.tablet\\:w-\\[47\\.5rem\\]{width:47.5rem!important}.tablet\\:w-\\[57\\.5rem\\]{width:57.5rem!important}}@media (min-width:64rem){.desktop-xs\\:hidden{display:none!important}}";const n=class{constructor(e){t(this,e);this.clicked=a(this,"clicked",7);this.variant="modal";this.applyBlur=false;this.closing=false;this.scrollLock=true}componentWillLoad(){if(this.scrollLock){document.querySelector(":root").classList.add("scroll-lock")}}disconnectedCallback(){if(this.scrollLock){document.querySelector(":root").classList.remove("scroll-lock")}}render(){return e(r,{class:`p-backdrop variant-${this.variant} ${this.applyBlur&&"blurred"} ${this.closing&&"closing"}`},e("div",{class:"content-container"},e("slot",null)))}handleClick(t){if(t.target!==this._el){return}this.clicked.emit(t)}get _el(){return o(this)}};n.style=i;export{n as p_backdrop};
-//# sourceMappingURL=p-1c793c3d.entry.js.map
+import{r as t,c as a,h as e,H as r,g as o}from"./p-ac1af618.js";const i=".static{position:static!important}.fixed{position:fixed!important}.left-0{left:0!important}.top-0{top:0!important}.z-navbar-backdrop{z-index:290!important}.m-0{margin:0!important}.mb-6{margin-bottom:1.5rem!important}.mt-0{margin-top:0!important}.inline{display:inline!important}.flex{display:flex!important}.hidden{display:none!important}.h-full{height:100%!important}.w-full{width:100%!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}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fadeIn .2s ease forwards!important}.items-start{align-items:flex-start!important}.items-end{align-items:flex-end!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.overflow-y-auto{overflow-y:auto!important}.rounded{border-radius:.25rem!important}.p-0{padding:0!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!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}.font-semibold{font-weight:600!important}.text-storm-dark{--tw-text-opacity:1!important;color:rgb(39 40 56/var(--tw-text-opacity))!important}.max-h-screen-safe{max-height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;max-height:-webkit-fill-available!important}*{box-sizing:border-box}:host{animation:fadeIn .2s ease forwards;background-color:rgba(39,40,56,.5);display:flex;height:100%;left:0;max-height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom));max-height:-webkit-fill-available;max-width:calc(100vw - env(safe-area-inset-left) - env(safe-area-inset-right));max-width:-webkit-fill-available;overflow:hidden;position:fixed;top:0;width:100%;z-index:490}:host .content-container{align-items:flex-end;display:flex;height:100%;justify-content:center;max-height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom));max-height:-webkit-fill-available;max-width:calc(100vw - env(safe-area-inset-left) - env(safe-area-inset-right));max-width:-webkit-fill-available;overflow-x:hidden;overflow-y:auto;width:100%}@media (min-width:40rem){:host .content-container{padding-left:4rem;padding-right:4rem}}@media (min-width:64rem){:host .content-container{align-items:center;padding:4rem}}:host(.blurred){--tw-backdrop-blur:blur(2px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}:host(.closing){animation:fadeOut .2s ease forwards}:host(.closing) .content-container{overflow:hidden}:host(.variant-drawer) .content-container{align-items:flex-start;justify-content:flex-end;padding:0}@media (min-width:40rem){:host(.variant-drawer) .content-container{padding:0}}@media (min-width:64rem){:host(.variant-drawer) .content-container{padding:0}}@media (min-width:40rem){.tablet\\:p-0{padding:0!important}.tablet\\:px-16{padding-left:4rem!important;padding-right:4rem!important}}.-rotate-0,.-rotate-135,.-rotate-180,.-rotate-225,.-rotate-25,.-rotate-270,.-rotate-315,.-rotate-45,.-rotate-90,.rotate-0,.rotate-135,.rotate-180,.rotate-225,.rotate-25,.rotate-270,.rotate-315,.rotate-45,.rotate-90,.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}@media (min-width:40rem){.tablet\\:w-80{width:20rem!important}.tablet\\:w-\\[33\\.5rem\\]{width:33.5rem!important}.tablet\\:w-\\[38rem\\]{width:38rem!important}.tablet\\:w-\\[47\\.5rem\\]{width:47.5rem!important}.tablet\\:w-\\[57\\.5rem\\]{width:57.5rem!important}}@media (min-width:64rem){.desktop-xs\\:flex{display:flex!important}.desktop-xs\\:hidden{display:none!important}}";const n=class{constructor(e){t(this,e);this.clicked=a(this,"clicked",7);this.variant="modal";this.applyBlur=false;this.closing=false;this.scrollLock=true}componentWillLoad(){if(this.scrollLock){document.querySelector(":root").classList.add("scroll-lock")}}disconnectedCallback(){if(this.scrollLock){document.querySelector(":root").classList.remove("scroll-lock")}}render(){return e(r,{class:`p-backdrop variant-${this.variant} ${this.applyBlur&&"blurred"} ${this.closing&&"closing"}`},e("div",{class:"content-container"},e("slot",null)))}handleClick(t){if(t.target!==this._el){return}this.clicked.emit(t)}get _el(){return o(this)}};n.style=i;export{n as p_backdrop};
+//# sourceMappingURL=p-2b08e371.entry.js.map

package/dist/{paperless/p-1c793c3d.entry.js.map → build/p-2b08e371.entry.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["backdropComponentCss","Backdrop","componentWillLoad","this","scrollLock","document","querySelector","classList","add","disconnectedCallback","remove","render","h","Host","class","variant","applyBlur","closing","handleClick","ev","target","_el","clicked","emit"],"sources":["./src/components/atoms/backdrop/backdrop.component.scss?tag=p-backdrop&encapsulation=shadow","./src/components/atoms/backdrop/backdrop.component.tsx"],"sourcesContent":[":host {\n @apply flex;\n @apply fixed top-0 left-0 z-backdrop;\n @apply h-full w-full;\n @apply overflow-hidden;\n @apply animate-fade-in bg-storm-dark/50;\n @apply max-h-screen-safe max-w-screen-safe;\n\n .content-container {\n @apply h-full w-full overflow-y-auto overflow-x-hidden;\n @apply tablet:px-16 desktop-xs:p-16;\n @apply flex items-end justify-center desktop-xs:items-center;\n @apply max-h-screen-safe max-w-screen-safe;\n }\n}\n\n:host(.blurred) {\n @apply backdrop-blur-xs;\n}\n\n:host(.closing) {\n @apply animate-fade-out;\n\n .content-container {\n @apply overflow-hidden;\n }\n}\n\n:host(.variant-drawer) {\n .content-container {\n @apply items-start justify-end;\n @apply p-0 tablet:p-0 desktop-xs:p-0;\n }\n}\n","import {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Listen,\n Prop,\n} from '@stencil/core';\n\n@Component({\n tag: 'p-backdrop',\n styleUrl: 'backdrop.component.scss',\n shadow: true,\n})\nexport class Backdrop {\n /*\n The variant of the backdrop\n /\n @Prop() variant: 'modal' \| 'drawer' = 'modal';\n\n /\n Wether to apply blur on the background of the backdrop\n /\n @Prop() applyBlur: boolean = false;\n\n /\n Wether the backdrop is closing\n /\n @Prop() closing: boolean = false;\n\n /\n Wether we should scroll lock the body\n /\n @Prop() scrollLock: boolean = true;\n\n /\n When the backdrop is clicked\n /\n @Event() clicked: EventEmitter<MouseEvent>;\n\n /\n The host element\n */\n @Element() private _el: HTMLElement;\n\n componentWillLoad() {\n if (this.scrollLock) {\n document.querySelector(':root').classList.add('scroll-lock');\n }\n }\n\n disconnectedCallback() {\n if (this.scrollLock) {\n document.querySelector(':root').classList.remove('scroll-lock');\n }\n }\n\n render() {\n return (\n <Host\n class={`p-backdrop variant-${this.variant} ${\n this.applyBlur && 'blurred'\n } ${this.closing && 'closing'}`}\n >\n <div class=\"content-container\">\n <slot />\n </div>\n </Host>\n );\n }\n\n @Listen('click', { capture: true })\n handleClick(ev: MouseEvent) {\n if (ev.target !== this._el) {\n return;\n }\n\n this.clicked.emit(ev);\n }\n}\n"],"mappings":"gEAAA,MAAMA,EAAuB,~~21P~~,MCgBhBC,EAAQ,M,uEAIqB,Q,eAKT,M,aAKF,M,gBAKG,I,CAY9BC,oBACI,GAAIC,KAAKC,WAAY,CACjBC,SAASC,cAAc,SAASC,UAAUC,IAAI,c,EAItDC,uBACI,GAAIN,KAAKC,WAAY,CACjBC,SAASC,cAAc,SAASC,UAAUG,OAAO,c,EAIzDC,SACI,OACIC,EAACC,EAAI,CACDC,MAAO,sBAAsBX,KAAKY,WAC9BZ,KAAKa,WAAa,aAClBb,KAAKc,SAAW,aAEpBL,EAAA,OAAKE,MAAM,qBACPF,EAAA,c,CAOhBM,YAAYC,GACR,GAAIA,EAAGC,SAAWjB,KAAKkB,IAAK,CACxB,M,CAGJlB,KAAKmB,QAAQC,KAAKJ,E"}
1	+ {"version":3,"names":["backdropComponentCss","Backdrop","componentWillLoad","this","scrollLock","document","querySelector","classList","add","disconnectedCallback","remove","render","h","Host","class","variant","applyBlur","closing","handleClick","ev","target","_el","clicked","emit"],"sources":["./src/components/atoms/backdrop/backdrop.component.scss?tag=p-backdrop&encapsulation=shadow","./src/components/atoms/backdrop/backdrop.component.tsx"],"sourcesContent":[":host {\n @apply flex;\n @apply fixed top-0 left-0 z-backdrop;\n @apply h-full w-full;\n @apply overflow-hidden;\n @apply animate-fade-in bg-storm-dark/50;\n @apply max-h-screen-safe max-w-screen-safe;\n\n .content-container {\n @apply h-full w-full overflow-y-auto overflow-x-hidden;\n @apply tablet:px-16 desktop-xs:p-16;\n @apply flex items-end justify-center desktop-xs:items-center;\n @apply max-h-screen-safe max-w-screen-safe;\n }\n}\n\n:host(.blurred) {\n @apply backdrop-blur-xs;\n}\n\n:host(.closing) {\n @apply animate-fade-out;\n\n .content-container {\n @apply overflow-hidden;\n }\n}\n\n:host(.variant-drawer) {\n .content-container {\n @apply items-start justify-end;\n @apply p-0 tablet:p-0 desktop-xs:p-0;\n }\n}\n","import {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Listen,\n Prop,\n} from '@stencil/core';\n\n@Component({\n tag: 'p-backdrop',\n styleUrl: 'backdrop.component.scss',\n shadow: true,\n})\nexport class Backdrop {\n /*\n The variant of the backdrop\n /\n @Prop() variant: 'modal' \| 'drawer' = 'modal';\n\n /\n Wether to apply blur on the background of the backdrop\n /\n @Prop() applyBlur: boolean = false;\n\n /\n Wether the backdrop is closing\n /\n @Prop() closing: boolean = false;\n\n /\n Wether we should scroll lock the body\n /\n @Prop() scrollLock: boolean = true;\n\n /\n When the backdrop is clicked\n /\n @Event() clicked: EventEmitter<MouseEvent>;\n\n /\n The host element\n */\n @Element() private _el: HTMLElement;\n\n componentWillLoad() {\n if (this.scrollLock) {\n document.querySelector(':root').classList.add('scroll-lock');\n }\n }\n\n disconnectedCallback() {\n if (this.scrollLock) {\n document.querySelector(':root').classList.remove('scroll-lock');\n }\n }\n\n render() {\n return (\n <Host\n class={`p-backdrop variant-${this.variant} ${\n this.applyBlur && 'blurred'\n } ${this.closing && 'closing'}`}\n >\n <div class=\"content-container\">\n <slot />\n </div>\n </Host>\n );\n }\n\n @Listen('click', { capture: true })\n handleClick(ev: MouseEvent) {\n if (ev.target !== this._el) {\n return;\n }\n\n this.clicked.emit(ev);\n }\n}\n"],"mappings":"gEAAA,MAAMA,EAAuB,i0P,MCgBhBC,EAAQ,M,uEAIqB,Q,eAKT,M,aAKF,M,gBAKG,I,CAY9BC,oBACI,GAAIC,KAAKC,WAAY,CACjBC,SAASC,cAAc,SAASC,UAAUC,IAAI,c,EAItDC,uBACI,GAAIN,KAAKC,WAAY,CACjBC,SAASC,cAAc,SAASC,UAAUG,OAAO,c,EAIzDC,SACI,OACIC,EAACC,EAAI,CACDC,MAAO,sBAAsBX,KAAKY,WAC9BZ,KAAKa,WAAa,aAClBb,KAAKc,SAAW,aAEpBL,EAAA,OAAKE,MAAM,qBACPF,EAAA,c,CAOhBM,YAAYC,GACR,GAAIA,EAAGC,SAAWjB,KAAKkB,IAAK,CACxB,M,CAGJlB,KAAKmB,QAAQC,KAAKJ,E"}