@paperless/core 2.0.1-beta.119 → 2.0.1-beta.120
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.
- package/CHANGELOG.md +16 -0
- package/dist/build/p-007df641.entry.js +2 -0
- package/dist/build/p-007df641.entry.js.map +1 -0
- package/dist/build/p-1637ed58.entry.js +2 -0
- package/dist/build/p-1637ed58.entry.js.map +1 -0
- package/dist/build/p-4630294b.js +2 -0
- package/dist/build/p-505a20af.entry.js +2 -0
- package/dist/build/p-505a20af.entry.js.map +1 -0
- package/dist/build/p-7adc863b.entry.js +2 -0
- package/dist/build/p-7adc863b.entry.js.map +1 -0
- package/dist/build/p-983c6eb3.entry.js +2 -0
- package/dist/build/p-983c6eb3.entry.js.map +1 -0
- package/dist/build/p-button.p-icon.p-loader.entry.esm.js.map +1 -1
- package/dist/build/p-checkbox.p-dropdown.p-dropdown-menu-container.p-dropdown-menu-item.entry.esm.js.map +1 -1
- package/dist/build/p-datepicker.entry.esm.js.map +1 -1
- package/dist/build/p-field.p-field-container.entry.esm.js.map +1 -1
- package/dist/build/p-select.entry.esm.js.map +1 -1
- package/dist/build/paperless.esm.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/p-button.p-icon.p-loader.entry.cjs.js.map +1 -1
- package/dist/cjs/p-button_3.cjs.entry.js +65 -19
- package/dist/cjs/p-button_3.cjs.entry.js.map +1 -1
- package/dist/cjs/p-checkbox.p-dropdown.p-dropdown-menu-container.p-dropdown-menu-item.entry.cjs.js.map +1 -1
- package/dist/cjs/p-checkbox_4.cjs.entry.js +7 -2
- package/dist/cjs/p-checkbox_4.cjs.entry.js.map +1 -1
- package/dist/cjs/p-datepicker.cjs.entry.js +2 -2
- package/dist/cjs/p-datepicker.cjs.entry.js.map +1 -1
- package/dist/cjs/p-datepicker.entry.cjs.js.map +1 -1
- package/dist/cjs/p-field.p-field-container.entry.cjs.js.map +1 -1
- package/dist/cjs/p-field_2.cjs.entry.js +3 -3
- package/dist/cjs/p-field_2.cjs.entry.js.map +1 -1
- package/dist/cjs/p-select.cjs.entry.js +1 -1
- package/dist/cjs/p-select.cjs.entry.js.map +1 -1
- package/dist/cjs/p-select.entry.cjs.js.map +1 -1
- package/dist/cjs/paperless.cjs.js +1 -1
- package/dist/collection/components/molecules/button/button.component.css +1 -1
- package/dist/collection/components/molecules/button/button.component.js +84 -18
- package/dist/collection/components/molecules/button/button.component.js.map +1 -1
- package/dist/collection/components/molecules/datepicker/datepicker.component.js +3 -3
- package/dist/collection/components/molecules/datepicker/datepicker.component.js.map +1 -1
- package/dist/collection/components/molecules/dropdown/dropdown.component.js +7 -2
- package/dist/collection/components/molecules/dropdown/dropdown.component.js.map +1 -1
- package/dist/collection/components/molecules/field/field/field.component.js +3 -3
- package/dist/collection/components/molecules/field/field/field.component.js.map +1 -1
- package/dist/collection/components/molecules/select/select.component.js +1 -1
- package/dist/collection/components/molecules/select/select.component.js.map +1 -1
- package/dist/components/{p-D6XuZ7WA.js → p-BUl1mbJp.js} +9 -4
- package/dist/components/p-BUl1mbJp.js.map +1 -0
- package/dist/components/{p-K_ChWG7S.js → p-BdBHOvJP.js} +3 -3
- package/dist/components/{p-K_ChWG7S.js.map → p-BdBHOvJP.js.map} +1 -1
- package/dist/components/{p-B76UdgcV.js → p-Blx3errZ.js} +5 -5
- package/dist/components/p-Blx3errZ.js.map +1 -0
- package/dist/components/{p-Bev8J8ks.js → p-CQLFYuSu.js} +3 -3
- package/dist/components/{p-Bev8J8ks.js.map → p-CQLFYuSu.js.map} +1 -1
- package/dist/components/{p-DXE1CCit.js → p-Ch3YJ0-j.js} +3 -3
- package/dist/components/{p-DXE1CCit.js.map → p-Ch3YJ0-j.js.map} +1 -1
- package/dist/components/{p-CMqT3d_m.js → p-CtkrGsqa.js} +4 -4
- package/dist/components/{p-CMqT3d_m.js.map → p-CtkrGsqa.js.map} +1 -1
- package/dist/components/{p-A5puW8KH.js → p-D9DxjvS-.js} +68 -21
- package/dist/components/p-D9DxjvS-.js.map +1 -0
- package/dist/components/{p-DxtE5ZXb.js → p-DdoouZCr.js} +4 -4
- package/dist/components/{p-DxtE5ZXb.js.map → p-DdoouZCr.js.map} +1 -1
- package/dist/components/{p-BUszMY5r.js → p-DtHs-SzC.js} +5 -5
- package/dist/components/{p-BUszMY5r.js.map → p-DtHs-SzC.js.map} +1 -1
- package/dist/components/{p-Ct_1clhY.js → p-W3pYzZOT.js} +3 -3
- package/dist/components/{p-Ct_1clhY.js.map → p-W3pYzZOT.js.map} +1 -1
- package/dist/components/p-attachment.js +1 -1
- package/dist/components/p-button.js +1 -1
- package/dist/components/p-calendar.js +1 -1
- package/dist/components/p-datepicker.js +6 -6
- package/dist/components/p-datepicker.js.map +1 -1
- package/dist/components/p-drawer-header.js +1 -1
- package/dist/components/p-drawer.js +2 -2
- package/dist/components/p-dropdown.js +1 -1
- package/dist/components/p-empty-state.js +1 -1
- package/dist/components/p-field.js +1 -1
- package/dist/components/p-modal-header.js +1 -1
- package/dist/components/p-modal.js +2 -2
- package/dist/components/p-navbar.js +1 -1
- package/dist/components/p-pagination-size.js +1 -1
- package/dist/components/p-pagination.js +1 -1
- package/dist/components/p-profile.js +2 -2
- package/dist/components/p-select.js +4 -4
- package/dist/components/p-select.js.map +1 -1
- package/dist/components/p-table-footer.js +1 -1
- package/dist/components/p-table-header.js +1 -1
- package/dist/components/p-table.js +8 -8
- package/dist/components/p-toast.js +1 -1
- package/dist/components/{p-DaFVCsxX.js → p-zJvwlVQ_.js} +3 -3
- package/dist/components/{p-DaFVCsxX.js.map → p-zJvwlVQ_.js.map} +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/p-button.p-icon.p-loader.entry.js.map +1 -1
- package/dist/esm/p-button_3.entry.js +65 -19
- package/dist/esm/p-button_3.entry.js.map +1 -1
- package/dist/esm/p-checkbox.p-dropdown.p-dropdown-menu-container.p-dropdown-menu-item.entry.js.map +1 -1
- package/dist/esm/p-checkbox_4.entry.js +7 -2
- package/dist/esm/p-checkbox_4.entry.js.map +1 -1
- package/dist/esm/p-datepicker.entry.js +2 -2
- package/dist/esm/p-datepicker.entry.js.map +1 -1
- package/dist/esm/p-field.p-field-container.entry.js.map +1 -1
- package/dist/esm/p-field_2.entry.js +3 -3
- package/dist/esm/p-field_2.entry.js.map +1 -1
- package/dist/esm/p-select.entry.js +1 -1
- package/dist/esm/p-select.entry.js.map +1 -1
- package/dist/esm/paperless.js +1 -1
- package/dist/index.html +1 -1
- package/dist/paperless/p-007df641.entry.js +2 -0
- package/dist/paperless/p-007df641.entry.js.map +1 -0
- package/dist/paperless/p-1637ed58.entry.js +2 -0
- package/dist/paperless/p-1637ed58.entry.js.map +1 -0
- package/dist/paperless/p-505a20af.entry.js +2 -0
- package/dist/paperless/p-505a20af.entry.js.map +1 -0
- package/dist/paperless/p-7adc863b.entry.js +2 -0
- package/dist/paperless/p-7adc863b.entry.js.map +1 -0
- package/dist/paperless/p-983c6eb3.entry.js +2 -0
- package/dist/paperless/p-983c6eb3.entry.js.map +1 -0
- package/dist/paperless/p-button.p-icon.p-loader.entry.esm.js.map +1 -1
- package/dist/paperless/p-checkbox.p-dropdown.p-dropdown-menu-container.p-dropdown-menu-item.entry.esm.js.map +1 -1
- package/dist/paperless/p-datepicker.entry.esm.js.map +1 -1
- package/dist/paperless/p-field.p-field-container.entry.esm.js.map +1 -1
- package/dist/paperless/p-select.entry.esm.js.map +1 -1
- package/dist/paperless/paperless.esm.js +1 -1
- package/dist/sw.js +1 -1
- package/dist/sw.js.map +1 -1
- package/dist/types/components/molecules/button/button.component.d.ts +4 -0
- package/dist/types/components.d.ts +8 -0
- package/package.json +1 -1
- package/dist/build/p-43d3357f.entry.js +0 -2
- package/dist/build/p-43d3357f.entry.js.map +0 -1
- package/dist/build/p-4afd0801.entry.js +0 -2
- package/dist/build/p-4afd0801.entry.js.map +0 -1
- package/dist/build/p-4e95f16d.entry.js +0 -2
- package/dist/build/p-4e95f16d.entry.js.map +0 -1
- package/dist/build/p-d6adac97.entry.js +0 -2
- package/dist/build/p-d6adac97.entry.js.map +0 -1
- package/dist/build/p-f6c20d26.js +0 -2
- package/dist/build/p-fc920176.entry.js +0 -2
- package/dist/build/p-fc920176.entry.js.map +0 -1
- package/dist/components/p-A5puW8KH.js.map +0 -1
- package/dist/components/p-B76UdgcV.js.map +0 -1
- package/dist/components/p-D6XuZ7WA.js.map +0 -1
- package/dist/paperless/p-43d3357f.entry.js +0 -2
- package/dist/paperless/p-43d3357f.entry.js.map +0 -1
- package/dist/paperless/p-4afd0801.entry.js +0 -2
- package/dist/paperless/p-4afd0801.entry.js.map +0 -1
- package/dist/paperless/p-4e95f16d.entry.js +0 -2
- package/dist/paperless/p-4e95f16d.entry.js.map +0 -1
- package/dist/paperless/p-d6adac97.entry.js +0 -2
- package/dist/paperless/p-d6adac97.entry.js.map +0 -1
- package/dist/paperless/p-fc920176.entry.js +0 -2
- package/dist/paperless/p-fc920176.entry.js.map +0 -1
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r as t,c as e,g as i,h as s}from"./p-DhGo7hbh.js";import{a as r}from"./p-BFSNj6hu.js";import{c as a}from"./p-CBWjHURv.js";import"./p-ChV9xqsO.js";const n="*{box-sizing:border-box}.pointer-events-none{pointer-events:none!important}.pointer-events-auto{pointer-events:auto!important}.static{position:static!important}.absolute{position:absolute!important}.relative{position:relative!important}.sticky{position:sticky!important}.top-0{top:0!important}.mb-3{margin-bottom:.75rem!important}.block{display:block!important}.flex{display:flex!important}.hidden{display:none!important}.h-6{height:1.5rem!important}.h-8{height:2rem!important}.h-\\[1\\.625rem\\]{height:1.625rem!important}.h-full{height:100%!important}.w-6{width:1.5rem!important}.w-full{width:100%!important}.min-w-0{min-width:0!important}.flex-1{flex:1 1 0%!important}.cursor-pointer{cursor:pointer!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.gap-1{gap:.25rem!important}.gap-2{gap:.5rem!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.whitespace-nowrap{white-space:nowrap!important}.rounded{border-radius:.25rem!important}.rounded-lg{border-radius:.5rem!important}.bg-supportive-lilac-100{--tw-bg-opacity:1!important;background-color:rgb(246 239 255/var(--tw-bg-opacity,1))!important}.p-2{padding:.5rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-center{text-align:center!important}.text-start{text-align:start!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-xs{font-size:.75rem!important;line-height:1rem!important}.font-semibold{font-weight:600!important}.text-black-teal-100{--tw-text-opacity:1!important;color:rgb(205 212 211/var(--tw-text-opacity,1))!important}.text-black-teal-400{--tw-text-opacity:1!important;color:rgb(53 85 80/var(--tw-text-opacity,1))!important}.text-supportive-lilac{--tw-text-opacity:1!important;color:rgb(209 174 255/var(--tw-text-opacity,1))!important}.text-teal-800{--tw-text-opacity:1!important;color:rgb(2 102 92/var(--tw-text-opacity,1))!important}.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}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:85.375rem){.container{max-width:85.375rem}}@media (min-width:90rem){.container{max-width:90rem}}@media (min-width:96rem){.container{max-width:96rem}}@media (min-width:105rem){.container{max-width:105rem}}@media (min-width:120rem){.container{max-width:120rem}}@media (min-width:160rem){.container{max-width:160rem}}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.group\\/item:hover .group-hover\\/item\\:text-supportive-lilac-800{--tw-text-opacity:1!important;color:rgb(189 140 255/var(--tw-text-opacity,1))!important}";const o=a(["flex items-center gap-2","flex-1 min-w-0 h-full","pointer-events-none overflow-hidden"]);const h=a(["item group/item","pointer-events-auto cursor-pointer","flex h-[1.625rem] items-center gap-2","h-[1.625rem] px-2","text-sm font-semibold whitespace-nowrap","rounded-lg","bg-supportive-lilac-100"]);const l=a("block w-full overflow-hidden text-ellipsis whitespace-nowrap text-start",{variants:{variant:{placeholder:"text-black-teal-400",default:null}}});const m=class{constructor(i){t(this,i);this.queryChange=e(this,"queryChange",3);this.valueChange=e(this,"valueChange",3);this.selectAllChange=e(this,"selectAllChange",3);this.dropdownShown=e(this,"dropdownShown",3);this.add=e(this,"add",3);if(i.$hostElement$["s-ei"]){this._internals=i.$hostElement$["s-ei"]}else{this._internals=i.$hostElement$.attachInternals();i.$hostElement$["s-ei"]=this._internals}}items;multi;usePortal=false;strategy="absolute";icon;query;placeholder;autocompletePlaceholder="Search...";value;displayKey="text";dropdownDisplayKey;selectionDisplayKey;valueKey;avatarKey;iconKey;showIconInSelectedItem;classKey="class";applyClassOnSelectedItem;avatarLettersKey;identifierKey;queryKey;autoSelectFirst=true;showChevron=true;maxDisplayedItems=10;enableAutocomplete=true;asyncFilter=false;loading=false;enableSelectAll=false;selectAllText="Select all";selectAllIcon;queryChange;valueChange;selectAllChange;dropdownShown;size="base";prefix;label;helper;required=true;error;disabled=false;showAddItem=false;addItemText="Add item";add;emptyStateText="No items available";get _el(){return i(this)}_showDropdown=false;_selectedItem=null;_allSelected=false;_amountHidden=0;_internals;_inputRef;autocompleteInputRef;_multiContainerRef;_resizeObserver;_resizeDebounceTimer;_checkSelectedItemsTimeout;get _items(){return this._getParsedItems()}get _displayValue(){const t=s("div",{class:l({variant:"placeholder"})},this.placeholder);if(!this._selectedItem){return t}if(this.multi){if(this._selectedItem?.length===0){return t}return s("div",{class:o(),ref:t=>this._multiContainerRef=t},this._selectedItem.map((t=>s("div",{class:h(),onClick:()=>this._selectValue(t)},t[this.selectionDisplayKey??this.displayKey],s("p-icon",{class:"text-xs text-supportive-lilac group-hover/item:text-supportive-lilac-800",variant:"negative"})))),s("div",{class:"extra pointer-events-none hidden text-sm text-black-teal-100"},"+",this._amountHidden))}return this._getDisplay(this._selectedItem,true)}get _identifierKey(){return this.identifierKey??this.valueKey??"value"}formResetCallback(){this._selectValue(null)}formDisabledCallback(t){if(!this._internals.form){return}this.disabled=t}componentDidLoad(){if(!this.valueKey&&!this.identifierKey){throw new Error("You must provide a valueKey or identifierKey")}if(this.multi){this._setMultiContainerMaxWidth();this._resizeObserver=new ResizeObserver((()=>{if(this._resizeDebounceTimer){clearTimeout(this._resizeDebounceTimer);this._resizeDebounceTimer=null}this._resizeDebounceTimer=setTimeout((()=>{this._setMultiContainerMaxWidth();this._setCheckSelectedItemsTimeout()}),200)}));this._resizeObserver.observe(this._el)}if(this.value){this._valueChange();return}this.itemChanges()}componentDidRender(){if(this.multi){this._setMultiContainerMaxWidth()}}disconnectedCallback(){if(this.multi){this._resizeObserver.disconnect()}}render(){return s("p-dropdown",{key:"9e2fbcfb15360de957f4de9fa4fe293ec03c8163",disableTriggerClick:true,calculateWidth:true,insideClick:true,scrollable:this.enableAutocomplete?"large":true,show:this._showDropdown,onIsOpen:t=>this._onDropdownOpen(t),usePortal:this.usePortal,strategy:this.strategy},s("p-field-container",{key:"807ccc0ee0d04b06f80a43cb666ff639d42f4da1",slot:"trigger",variant:"write",prefix:this.prefix,label:this.label,helper:this.helper,required:this.required,error:this.error,errorPlacement:"top-start",forceShowTooltip:this.error?.length&&this._showDropdown},s("p-button",{key:"a1c718812be95b5cbc95fb24586f2fe6bbe81a65",class:"w-full",slot:"content",variant:"secondary",size:this.size,chevron:this.showChevron,disabled:this.disabled,active:this._showDropdown,icon:this.icon,onClick:t=>this._onClick(t)},s("div",{key:"b277a7e652e2bb1e83cc6bb6a46c98c147e25cb9",class:"relative min-w-0 flex-1",ref:t=>this._inputRef=t},this._displayValue))),this.loading?this._getLoadingItems():this._getItems(),this.showAddItem&&this._getAddItem())}documentClickHandler(t){if(!this._showDropdown||r(t,this._el)){return}this._showDropdown=false}_valueChange(){setTimeout((()=>{this._preselectItem();this._setCheckSelectedItemsTimeout()}))}itemChanges(){setTimeout((()=>this._preselectItem()))}_showDropdownChanges(){this.dropdownShown.emit({value:this._showDropdown,query:this.query})}multiChanges(){if(this._selectedItem&&!Array.isArray(this._selectedItem)){this._selectedItem=[]}}_preselectItem(){let t=typeof this.value==="string"&&this.multi?JSON.parse(this.value):this.value;if(this.multi){if(!Array.isArray(t)){this.value=[];this.valueChange.emit(this.value);return}this.value=t;if(!t.length){this._selectedItem=[];return}this._selectedItem=!!this.valueKey&&this.valueKey!=="false"?this._items.filter((e=>t.includes(e?.[this.valueKey]))):[...t];return}if(!this._selectedItem&&!t&&this.autoSelectFirst){t=this._items[0]}const e=typeof t==="object"&&t!==null?t[this._identifierKey]:t;const i=typeof e==="string"||typeof e==="number"?e:JSON.stringify(e);const s=this._selectedItem?this._selectedItem?.[this._identifierKey]:null;const r=typeof s==="string"||typeof s==="number"?s:JSON.stringify(s);if(this._selectedItem&&r===i){return}if(!this._items?.length&&t){this._selectValue(t,false);return}const a=this._getParsedItems(false);const n=a.find((t=>{const e=t?.[this._identifierKey];const s=typeof e==="string"||typeof e==="number"?e:JSON.stringify(e);return s===i}));this._selectValue(!!n?n:t,false)}_selectValue(t,e=true){let i=!!this.valueKey&&this.valueKey!=="false"&&t!==null?t?.[this.valueKey]:t;if(this.multi){if(!this._selectedItem||!Array.isArray(this._selectedItem)){this._selectedItem=[]}if(!this.value||!Array.isArray(this.value)){this.value=[]}const e=[...this._selectedItem];const s=[...this.value];const r=e.findIndex((e=>e[this._identifierKey]===t[this._identifierKey]));if(r===-1){e.push(t);s.push(i)}else{e.splice(r,1);s.splice(r,1)}this._selectedItem=e;this.value=s;this.valueChange.emit(s);return}this._selectedItem=t;this.value=i;this.valueChange.emit(i);this._onBlur(e)}_onClick(t){const e=t?.composedPath();for(const t of e){if(t.nodeName.toLowerCase()==="p-button"){break}if(t.classList.contains("item")){return}}this._showDropdown=!this._showDropdown}_onBlur(t=false){if(this.enableAutocomplete&&!t){return}this._showDropdown=false}_onAutoComplete(t){if(!this.enableAutocomplete){return}this._showDropdown=true;this.query=t.detail;this.queryChange.emit(t.detail)}_checkvalue(t,e){return e?.[t]?.toString()?.toLowerCase().indexOf(this.query?.toLowerCase())>=0}_getItems(){let t=this._items.map((t=>s("p-dropdown-menu-item",{useContainer:false,onClick:()=>this._selectValue(t),active:this.multi&&!!this._selectedItem&&Array.isArray(this._selectedItem)?this._selectedItem.findIndex((e=>e[this._identifierKey]===t[this._identifierKey]))>=0:t[this._identifierKey]===this._selectedItem?.[this._identifierKey],checkbox:this.multi?true:false,slot:"items"},this._getDisplay(t))));if(!this._items.length){t=[s("p",{class:"w-full p-2 text-center text-sm text-black-teal-400",slot:"items"},this.emptyStateText)]}if(this.enableSelectAll&&this._items.length){t.unshift(s("p-dropdown-menu-item",{slot:"items",useContainer:false,checkbox:true,onClick:()=>this._selectAllChange(),active:this._allSelected},this.selectAllIcon?.length?s("span",{class:"flex items-center gap-2"},s("div",{class:"flex w-6 justify-center text-lg"},s("p-icon",{variant:this.selectAllIcon}))," ",this.selectAllText):this.selectAllText))}if(this.enableAutocomplete){t.unshift(this._getAutoCompleteItem())}return t}_getAddItem(){return s("p-dropdown-menu-item",{onClick:()=>this.add.emit(),useContainer:false,slot:"items"},s("span",{class:"flex items-center gap-1 font-semibold text-teal-800"},this.addItemText,s("p-icon",{variant:"plus"})))}_getLoadingItems(){const t=[0,0,0].map((()=>s("p-dropdown-menu-item",{enableHover:false,slot:"items"},s("p-loader",{variant:"ghost",class:"h-6 w-full rounded"}))));if(this.enableAutocomplete){t.unshift(this._getAutoCompleteItem())}return t}_getAutoCompleteItem(){return s("div",{class:"sticky top-0 mb-3 h-8",slot:"items"},s("p-field",{class:"block",placeholder:this.autocompletePlaceholder,onValueChange:t=>this._onAutoComplete(t),onInputRefChange:t=>this.autocompleteInputRef=t.detail,value:this.query}))}_setMultiContainerMaxWidth(){if(!this._inputRef||!this._multiContainerRef){return}const t=this._inputRef.clientWidth-16;this._multiContainerRef.style.maxWidth=`${t>=16?t:16}px`}_setCheckSelectedItemsTimeout(){if(this._checkSelectedItemsTimeout){clearTimeout(this._checkSelectedItemsTimeout)}this._checkSelectedItemsTimeout=setTimeout((()=>this._checkSelectedItems()),50)}_checkSelectedItems(){if(!this._multiContainerRef){return}const t=this._multiContainerRef.getBoundingClientRect();const e=this._multiContainerRef.querySelectorAll(".item");let i=0;for(const s of e){s.classList.remove("hidden");s.classList.add("flex");const e=s.getBoundingClientRect();if(e.right>t.right){s.classList.remove("flex");s.classList.add("hidden");i++;continue}}this._amountHidden=i;const s=this._multiContainerRef.querySelector(".extra");if(!s){return}if(!s.classList.contains("hidden")){s.classList.add("hidden")}if(i>0){s.classList.remove("hidden")}}_onDropdownOpen(t){if(!t.detail||!this.autocompleteInputRef){return}this.autocompleteInputRef.focus()}_selectAllChange(){this._allSelected=!this._allSelected;this.selectAllChange.emit(this._allSelected)}_getDisplay(t,e=false){let i=s("div",{class:l({variant:"default"})},t[e?this.selectionDisplayKey??this.displayKey:this.displayKey]);if(this.avatarKey){i=s("span",{class:"flex items-center gap-2"},s("p-avatar",{size:"sm",src:t[this.avatarKey],letters:t[this.avatarLettersKey]}),s("div",{class:l({variant:"default"})},t[this.dropdownDisplayKey??this.displayKey]))}if(this.iconKey&&(!e||this.showIconInSelectedItem)){i=s("span",{class:"flex items-center gap-2"},s("p-icon",{variant:t[this.iconKey]}),s("div",{class:l({variant:"default"})},t[this.dropdownDisplayKey??this.displayKey]))}if((!e||this.applyClassOnSelectedItem)&&!!t?.class?.length){return s("div",{class:t.class},i)}return i}_getParsedItems(t=true){if(!this.items||this.loading){return[]}let e=typeof this.items==="string"?JSON.parse(this.items):this.items;if(typeof e?.[0]==="string"){this.displayKey="text";this.valueKey="value";e=e.map((t=>({value:t,text:t})))}if(this.query?.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)}))}if(!t){return e}return e?.slice(0,this.maxDisplayedItems)}static get formAssociated(){return true}static get watchers(){return{value:["_valueChange"],items:["itemChanges"],_showDropdown:["_showDropdownChanges"],multi:["multiChanges"]}}};m.style=n;export{m as p_select};
|
|
2
|
-
//# sourceMappingURL=p-4afd0801.entry.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["selectComponentCss","multiContainer","cva","multiItem","textContainer","variants","variant","placeholder","default","Select","items","multi","usePortal","strategy","icon","query","autocompletePlaceholder","value","displayKey","dropdownDisplayKey","selectionDisplayKey","valueKey","avatarKey","iconKey","showIconInSelectedItem","classKey","applyClassOnSelectedItem","avatarLettersKey","identifierKey","queryKey","autoSelectFirst","showChevron","maxDisplayedItems","enableAutocomplete","asyncFilter","loading","enableSelectAll","selectAllText","selectAllIcon","queryChange","valueChange","selectAllChange","dropdownShown","size","prefix","label","helper","required","error","disabled","showAddItem","addItemText","add","emptyStateText","_showDropdown","_selectedItem","_allSelected","_amountHidden","_internals","_inputRef","autocompleteInputRef","_multiContainerRef","_resizeObserver","_resizeDebounceTimer","_checkSelectedItemsTimeout","_items","this","_getParsedItems","_displayValue","h","class","length","ref","map","item","onClick","_selectValue","_getDisplay","_identifierKey","formResetCallback","formDisabledCallback","form","componentDidLoad","Error","_setMultiContainerMaxWidth","ResizeObserver","clearTimeout","setTimeout","_setCheckSelectedItemsTimeout","observe","_el","_valueChange","itemChanges","componentDidRender","disconnectedCallback","disconnect","render","key","disableTriggerClick","calculateWidth","insideClick","scrollable","show","onIsOpen","ev","_onDropdownOpen","slot","errorPlacement","forceShowTooltip","chevron","active","_onClick","_getLoadingItems","_getItems","_getAddItem","documentClickHandler","event","childOfComposed","_preselectItem","_showDropdownChanges","emit","multiChanges","Array","isArray","JSON","parse","filter","i","includes","identifier","parsedValue","stringify","currentValue","currentParsedValue","find","itemIdentifier","parsedItemIdentifier","forceBlur","selectedItem","valueArray","includesIndex","findIndex","push","splice","_onBlur","composed","composedPath","nodeName","toLowerCase","classList","contains","force","_onAutoComplete","detail","_checkvalue","toString","indexOf","useContainer","checkbox","unshift","_selectAllChange","_getAutoCompleteItem","enableHover","onValueChange","onInputRefChange","calced","clientWidth","style","maxWidth","_checkSelectedItems","containerRect","getBoundingClientRect","querySelectorAll","amountHidden","child","remove","childRect","right","extra","querySelector","focus","isSelection","content","src","letters","applyPagination","str","text","slice"],"sources":["src/components/molecules/select/select.component.css?tag=p-select&encapsulation=shadow","src/components/molecules/select/select.component.tsx"],"sourcesContent":[null,"import { Strategy } from '@floating-ui/dom';\nimport {\n\tAttachInternals,\n\tComponent,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tListen,\n\tProp,\n\tState,\n\tWatch,\n} from '@stencil/core';\nimport { childOfComposed } from '../../../utils';\nimport { IconVariant } from '../../atoms/icon/icon.component';\n\nimport { cva } from 'class-variance-authority';\n\nconst multiContainer = cva([\n\t'flex items-center gap-2',\n\t'flex-1 min-w-0 h-full',\n\t'pointer-events-none overflow-hidden',\n]);\n\nconst multiItem = cva([\n\t'item group/item',\n\t'pointer-events-auto cursor-pointer',\n\t'flex h-[1.625rem] items-center gap-2',\n\t'h-[1.625rem] px-2',\n\t'text-sm font-semibold whitespace-nowrap',\n\t'rounded-lg',\n\t'bg-supportive-lilac-100',\n]);\n\nconst textContainer = cva(\n\t'block w-full overflow-hidden text-ellipsis whitespace-nowrap text-start',\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tplaceholder: 'text-black-teal-400',\n\t\t\t\tdefault: null,\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-select',\n\tstyleUrl: 'select.component.css',\n\tformAssociated: true,\n\tshadow: true,\n})\nexport class Select {\n\t/**\n\t * The items to show in the dropdown\n\t */\n\t@Prop() items: string | any[];\n\n\t/**\n\t * Wether to enable multi select\n\t */\n\t@Prop({ reflect: true }) multi: boolean;\n\n\t/**\n\t * Wether to use a portal for the dropdown container of the select\n\t */\n\t@Prop() usePortal: boolean = false;\n\n\t/**\n\t * The strategy to use for the dropdown placement\n\t */\n\t@Prop() strategy: Strategy = 'absolute';\n\n\t/**\n\t * Icon of the select box\n\t */\n\t@Prop() icon: IconVariant;\n\n\t/**\n\t * The current query\n\t */\n\t@Prop() query: string;\n\n\t/**\n\t * The placeholder of the input\n\t */\n\t@Prop() placeholder: string;\n\n\t/**\n\t * The placeholder of the input used for auto complete\n\t */\n\t@Prop() autocompletePlaceholder: string = 'Search...';\n\n\t/**\n\t * The current value\n\t */\n\t@Prop() value: any;\n\n\t/**\n\t * The key of the object to display\n\t */\n\t@Prop() displayKey: string = 'text';\n\n\t/**\n\t * The key of the object to display in the dropdown (overwrites displayKey)\n\t */\n\t@Prop() dropdownDisplayKey: string | undefined;\n\n\t/**\n\t * The key of the object to display in the input (overwrites displayKey)\n\t */\n\t@Prop() selectionDisplayKey: string | undefined;\n\n\t/**\n\t * The key of the object to return\n\t */\n\t@Prop() valueKey: string;\n\n\t/**\n\t * The key of avatar within an item to show\n\t */\n\t@Prop() avatarKey: string;\n\n\t/**\n\t * The key of icon variant within an item to show\n\t */\n\t@Prop() iconKey: string;\n\n\t/**\n\t * Wether to show the icon also on the selected Item\n\t */\n\t@Prop() showIconInSelectedItem: string;\n\n\t/**\n\t * The key of a class in an item to apply\n\t */\n\t@Prop() classKey: string = 'class';\n\n\t/**\n\t * Wether to apply the item's class also on the selected item\n\t */\n\t@Prop() applyClassOnSelectedItem: string;\n\n\t/**\n\t * The key of avatar letters within an item to show when the avatar url doesn't work\n\t */\n\t@Prop() avatarLettersKey: string;\n\n\t/**\n\t * The key to identify an object\n\t */\n\t@Prop() identifierKey: string;\n\n\t/**\n\t * The key of the object to display\n\t */\n\t@Prop() queryKey?: string;\n\n\t/**\n\t * Wether to automatically select the first item\n\t */\n\t@Prop() autoSelectFirst: boolean = true;\n\n\t/**\n\t * Wether to show the chevron or not\n\t */\n\t@Prop() showChevron: boolean = true;\n\n\t/**\n\t * The maximum amount of items to display\n\t */\n\t@Prop() maxDisplayedItems: number = 10;\n\n\t/**\n\t * Wether to enable autocomplete\n\t */\n\t@Prop() enableAutocomplete: boolean = true;\n\n\t/**\n\t * Wether the input uses async filtering\n\t */\n\t@Prop() asyncFilter: boolean = false;\n\n\t/**\n\t * Wether to show loading items\n\t */\n\t@Prop() loading: boolean = false;\n\n\t/**\n\t * Wether to show the select all item with multi select\n\t */\n\t@Prop() enableSelectAll: boolean = false;\n\n\t/**\n\t * The text of the select all item\n\t */\n\t@Prop() selectAllText: string = 'Select all';\n\n\t/**\n\t * The icon to prefix for select all\n\t */\n\t@Prop() selectAllIcon: IconVariant | undefined;\n\n\t/**\n\t * Event when the query of the autocomplete changes\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tqueryChange: EventEmitter<string>;\n\n\t/**\n\t * Event when the value changes\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tvalueChange: EventEmitter<any>;\n\n\t/**\n\t * Event when the select all item has been selected or not\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tselectAllChange: EventEmitter<any>;\n\n\t/**\n\t * Event when the dropdown shows\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tdropdownShown: EventEmitter<any>;\n\n\t/**\n\t * The size of the input group used by the select\n\t */\n\t@Prop() size: 'sm' | 'base' = 'base';\n\n\t/**\n\t * The prefix of the input group used by the select\n\t */\n\t@Prop() prefix: string;\n\n\t/**\n\t * The label of the input group used by the select\n\t */\n\t@Prop() label: string;\n\n\t/**\n\t * The helper of the input group used by the select\n\t */\n\t@Prop() helper: string;\n\n\t/**\n\t * Wether the field is required\n\t */\n\t@Prop({ reflect: true }) required: boolean = true;\n\n\t/**\n\t * The helper of the input group used by the select\n\t */\n\t@Prop({ reflect: true }) error: string;\n\n\t/**\n\t * Wether the input group is disabled used by the select\n\t */\n\t@Prop({ reflect: true }) disabled: boolean = false;\n\n\t/**\n\t * Wether to show a \"add\" item\n\t */\n\t@Prop() showAddItem: boolean = false;\n\n\t/**\n\t * The text to show when add item is being shown\n\t */\n\t@Prop() addItemText: string = 'Add item';\n\n\t/**\n\t * Event when the add item is clicked\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tadd: EventEmitter;\n\n\t/**\n\t * The text to show when items is empty\n\t */\n\t@Prop() emptyStateText: string = 'No items available';\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\t@State() private _showDropdown: any = false;\n\t@State() private _selectedItem: any = null;\n\n\t@State() private _allSelected: boolean = false;\n\n\t@State() private _amountHidden = 0;\n\n\t@AttachInternals() _internals: ElementInternals;\n\n\tprivate _inputRef: HTMLDivElement;\n\tprivate autocompleteInputRef: HTMLInputElement | HTMLTextAreaElement;\n\tprivate _multiContainerRef: HTMLElement;\n\n\tprivate _resizeObserver: ResizeObserver;\n\tprivate _resizeDebounceTimer: NodeJS.Timeout | undefined;\n\tprivate _checkSelectedItemsTimeout: NodeJS.Timeout | undefined;\n\n\tget _items() {\n\t\treturn this._getParsedItems();\n\t}\n\n\tget _displayValue() {\n\t\tconst placeholder = (\n\t\t\t<div class={textContainer({ variant: 'placeholder' })}>\n\t\t\t\t{this.placeholder}\n\t\t\t</div>\n\t\t);\n\n\t\tif (!this._selectedItem) {\n\t\t\treturn placeholder;\n\t\t}\n\n\t\tif (this.multi) {\n\t\t\tif (this._selectedItem?.length === 0) {\n\t\t\t\treturn placeholder;\n\t\t\t}\n\n\t\t\treturn (\n\t\t\t\t<div\n\t\t\t\t\tclass={multiContainer()}\n\t\t\t\t\tref={ref => (this._multiContainerRef = ref)}\n\t\t\t\t>\n\t\t\t\t\t{this._selectedItem.map(item => (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass={multiItem()}\n\t\t\t\t\t\t\tonClick={() => this._selectValue(item)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{item[this.selectionDisplayKey ?? this.displayKey]}\n\t\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\t\tclass='text-xs text-supportive-lilac group-hover/item:text-supportive-lilac-800'\n\t\t\t\t\t\t\t\tvariant='negative'\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t))}\n\n\t\t\t\t\t<div class='extra pointer-events-none hidden text-sm text-black-teal-100'>\n\t\t\t\t\t\t+{this._amountHidden}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t);\n\t\t}\n\n\t\treturn this._getDisplay(this._selectedItem, true);\n\t}\n\n\tget _identifierKey() {\n\t\treturn this.identifierKey ?? this.valueKey ?? 'value';\n\t}\n\n\tformResetCallback() {\n\t\tthis._selectValue(null);\n\t}\n\n\tformDisabledCallback(disabled: boolean) {\n\t\tif (!this._internals.form) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.disabled = disabled;\n\t}\n\n\tcomponentDidLoad() {\n\t\tif (!this.valueKey && !this.identifierKey) {\n\t\t\tthrow new Error('You must provide a valueKey or identifierKey');\n\t\t}\n\n\t\tif (this.multi) {\n\t\t\tthis._setMultiContainerMaxWidth();\n\n\t\t\tthis._resizeObserver = new ResizeObserver(() => {\n\t\t\t\tif (this._resizeDebounceTimer) {\n\t\t\t\t\tclearTimeout(this._resizeDebounceTimer);\n\t\t\t\t\tthis._resizeDebounceTimer = null;\n\t\t\t\t}\n\n\t\t\t\tthis._resizeDebounceTimer = setTimeout(() => {\n\t\t\t\t\tthis._setMultiContainerMaxWidth();\n\t\t\t\t\tthis._setCheckSelectedItemsTimeout();\n\t\t\t\t}, 200);\n\t\t\t});\n\t\t\tthis._resizeObserver.observe(this._el);\n\t\t}\n\n\t\tif (this.value) {\n\t\t\tthis._valueChange();\n\t\t\treturn;\n\t\t}\n\n\t\tthis.itemChanges();\n\t}\n\n\tcomponentDidRender() {\n\t\tif (this.multi) {\n\t\t\tthis._setMultiContainerMaxWidth();\n\t\t}\n\t}\n\n\tdisconnectedCallback() {\n\t\tif (this.multi) {\n\t\t\tthis._resizeObserver.disconnect();\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<p-dropdown\n\t\t\t\tdisableTriggerClick={true}\n\t\t\t\tcalculateWidth={true}\n\t\t\t\tinsideClick={true}\n\t\t\t\tscrollable={this.enableAutocomplete ? 'large' : true}\n\t\t\t\tshow={this._showDropdown}\n\t\t\t\tonIsOpen={ev => this._onDropdownOpen(ev)}\n\t\t\t\tusePortal={this.usePortal}\n\t\t\t\tstrategy={this.strategy}\n\t\t\t>\n\t\t\t\t<p-field-container\n\t\t\t\t\tslot='trigger'\n\t\t\t\t\tvariant='write'\n\t\t\t\t\tprefix={this.prefix}\n\t\t\t\t\tlabel={this.label}\n\t\t\t\t\thelper={this.helper}\n\t\t\t\t\trequired={this.required}\n\t\t\t\t\terror={this.error}\n\t\t\t\t\terrorPlacement='top-start'\n\t\t\t\t\tforceShowTooltip={this.error?.length && this._showDropdown}\n\t\t\t\t>\n\t\t\t\t\t<p-button\n\t\t\t\t\t\tclass='w-full'\n\t\t\t\t\t\tslot='content'\n\t\t\t\t\t\tvariant='secondary'\n\t\t\t\t\t\tsize={this.size}\n\t\t\t\t\t\tchevron={this.showChevron}\n\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\tactive={this._showDropdown}\n\t\t\t\t\t\ticon={this.icon}\n\t\t\t\t\t\tonClick={ev => this._onClick(ev)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass='relative min-w-0 flex-1'\n\t\t\t\t\t\t\tref={ref => (this._inputRef = ref)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{this._displayValue}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</p-button>\n\t\t\t\t</p-field-container>\n\t\t\t\t{this.loading ? this._getLoadingItems() : this._getItems()}\n\t\t\t\t{this.showAddItem && this._getAddItem()}\n\t\t\t</p-dropdown>\n\t\t);\n\t}\n\n\t@Listen('click', { target: 'document', capture: true })\n\tprotected documentClickHandler(event) {\n\t\tif (!this._showDropdown || childOfComposed(event, this._el)) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._showDropdown = false;\n\t}\n\n\t@Watch('value')\n\tprivate _valueChange() {\n\t\tsetTimeout(() => {\n\t\t\tthis._preselectItem();\n\t\t\tthis._setCheckSelectedItemsTimeout();\n\t\t});\n\t}\n\n\t@Watch('items')\n\tpublic itemChanges() {\n\t\tsetTimeout(() => this._preselectItem());\n\t}\n\n\t@Watch('_showDropdown')\n\tpublic _showDropdownChanges() {\n\t\tthis.dropdownShown.emit({\n\t\t\tvalue: this._showDropdown,\n\t\t\tquery: this.query,\n\t\t});\n\t}\n\n\t@Watch('multi')\n\tpublic multiChanges() {\n\t\tif (this._selectedItem && !Array.isArray(this._selectedItem)) {\n\t\t\tthis._selectedItem = [];\n\t\t}\n\t}\n\n\tprivate _preselectItem() {\n\t\tlet value =\n\t\t\ttypeof this.value === 'string' && this.multi\n\t\t\t\t? JSON.parse(this.value)\n\t\t\t\t: this.value;\n\n\t\tif (this.multi) {\n\t\t\tif (!Array.isArray(value)) {\n\t\t\t\tthis.value = [];\n\t\t\t\tthis.valueChange.emit(this.value);\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tthis.value = value;\n\t\t\tif (!value.length) {\n\t\t\t\tthis._selectedItem = [];\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tthis._selectedItem =\n\t\t\t\t!!this.valueKey && this.valueKey !== 'false'\n\t\t\t\t\t? this._items.filter(i => value.includes(i?.[this.valueKey]))\n\t\t\t\t\t: [...value];\n\t\t\treturn;\n\t\t}\n\n\t\tif (!this._selectedItem && !value && this.autoSelectFirst) {\n\t\t\tvalue = this._items[0];\n\t\t}\n\n\t\tconst identifier =\n\t\t\ttypeof value === 'object' && value !== null\n\t\t\t\t? value[this._identifierKey]\n\t\t\t\t: value;\n\t\tconst parsedValue =\n\t\t\ttypeof identifier === 'string' || typeof identifier === 'number'\n\t\t\t\t? identifier\n\t\t\t\t: JSON.stringify(identifier);\n\n\t\tconst currentValue = this._selectedItem\n\t\t\t? this._selectedItem?.[this._identifierKey]\n\t\t\t: null;\n\t\tconst currentParsedValue =\n\t\t\ttypeof currentValue === 'string' || typeof currentValue === 'number'\n\t\t\t\t? currentValue\n\t\t\t\t: JSON.stringify(currentValue);\n\n\t\tif (this._selectedItem && currentParsedValue === parsedValue) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (!this._items?.length && value) {\n\t\t\tthis._selectValue(value, false);\n\t\t\treturn;\n\t\t}\n\n\t\tconst items = this._getParsedItems(false);\n\t\tconst item = items.find(i => {\n\t\t\tconst itemIdentifier = i?.[this._identifierKey];\n\t\t\tconst parsedItemIdentifier =\n\t\t\t\ttypeof itemIdentifier === 'string' || typeof itemIdentifier === 'number'\n\t\t\t\t\t? itemIdentifier\n\t\t\t\t\t: JSON.stringify(itemIdentifier);\n\n\t\t\treturn parsedItemIdentifier === parsedValue;\n\t\t});\n\n\t\tthis._selectValue(!!item ? item : value, false);\n\t}\n\n\tprivate _selectValue(item, forceBlur = true) {\n\t\tlet value =\n\t\t\t!!this.valueKey && this.valueKey !== 'false' && item !== null\n\t\t\t\t? item?.[this.valueKey]\n\t\t\t\t: item;\n\n\t\tif (this.multi) {\n\t\t\tif (!this._selectedItem || !Array.isArray(this._selectedItem)) {\n\t\t\t\tthis._selectedItem = [];\n\t\t\t}\n\n\t\t\tif (!this.value || !Array.isArray(this.value)) {\n\t\t\t\tthis.value = [];\n\t\t\t}\n\n\t\t\tconst selectedItem = [...this._selectedItem];\n\t\t\tconst valueArray = [...this.value];\n\n\t\t\tconst includesIndex = selectedItem.findIndex(\n\t\t\t\ti => i[this._identifierKey] === item[this._identifierKey]\n\t\t\t);\n\t\t\tif (includesIndex === -1) {\n\t\t\t\tselectedItem.push(item);\n\t\t\t\tvalueArray.push(value);\n\t\t\t} else {\n\t\t\t\tselectedItem.splice(includesIndex, 1);\n\t\t\t\tvalueArray.splice(includesIndex, 1);\n\t\t\t}\n\n\t\t\tthis._selectedItem = selectedItem;\n\t\t\tthis.value = valueArray;\n\t\t\tthis.valueChange.emit(valueArray);\n\t\t\treturn;\n\t\t}\n\n\t\tthis._selectedItem = item;\n\t\tthis.value = value;\n\t\tthis.valueChange.emit(value);\n\n\t\tthis._onBlur(forceBlur);\n\t}\n\n\tprivate _onClick(event) {\n\t\tconst composed = event?.composedPath();\n\n\t\tfor (const item of composed) {\n\t\t\tif (item.nodeName.toLowerCase() === 'p-button') {\n\t\t\t\tbreak;\n\t\t\t}\n\n\t\t\tif (item.classList.contains('item')) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t}\n\n\t\tthis._showDropdown = !this._showDropdown;\n\t}\n\n\tprivate _onBlur(force = false) {\n\t\tif (this.enableAutocomplete && !force) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._showDropdown = false;\n\t}\n\n\tprivate _onAutoComplete(ev) {\n\t\tif (!this.enableAutocomplete) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._showDropdown = true;\n\n\t\tthis.query = ev.detail;\n\t\tthis.queryChange.emit(ev.detail);\n\t}\n\n\tprivate _checkvalue(key, item) {\n\t\treturn (\n\t\t\titem?.[key]\n\t\t\t\t?.toString()\n\t\t\t\t?.toLowerCase()\n\t\t\t\t.indexOf(this.query?.toLowerCase()) >= 0\n\t\t);\n\t}\n\n\tprivate _getItems() {\n\t\tlet items = this._items.map(item => (\n\t\t\t<p-dropdown-menu-item\n\t\t\t\tuseContainer={false}\n\t\t\t\tonClick={() => this._selectValue(item)}\n\t\t\t\tactive={\n\t\t\t\t\tthis.multi &&\n\t\t\t\t\t!!this._selectedItem &&\n\t\t\t\t\tArray.isArray(this._selectedItem)\n\t\t\t\t\t\t? this._selectedItem.findIndex(\n\t\t\t\t\t\t\t\ti => i[this._identifierKey] === item[this._identifierKey]\n\t\t\t\t\t\t ) >= 0\n\t\t\t\t\t\t: item[this._identifierKey] ===\n\t\t\t\t\t\t this._selectedItem?.[this._identifierKey]\n\t\t\t\t}\n\t\t\t\tcheckbox={this.multi ? true : false}\n\t\t\t\tslot='items'\n\t\t\t>\n\t\t\t\t{this._getDisplay(item)}\n\t\t\t</p-dropdown-menu-item>\n\t\t));\n\n\t\tif (!this._items.length) {\n\t\t\titems = [\n\t\t\t\t<p\n\t\t\t\t\tclass='w-full p-2 text-center text-sm text-black-teal-400'\n\t\t\t\t\tslot='items'\n\t\t\t\t>\n\t\t\t\t\t{this.emptyStateText}\n\t\t\t\t</p>,\n\t\t\t];\n\t\t}\n\n\t\tif (this.enableSelectAll && this._items.length) {\n\t\t\titems.unshift(\n\t\t\t\t<p-dropdown-menu-item\n\t\t\t\t\tslot='items'\n\t\t\t\t\tuseContainer={false}\n\t\t\t\t\tcheckbox\n\t\t\t\t\tonClick={() => this._selectAllChange()}\n\t\t\t\t\tactive={this._allSelected}\n\t\t\t\t>\n\t\t\t\t\t{this.selectAllIcon?.length ? (\n\t\t\t\t\t\t<span class='flex items-center gap-2'>\n\t\t\t\t\t\t\t<div class='flex w-6 justify-center text-lg'>\n\t\t\t\t\t\t\t\t<p-icon variant={this.selectAllIcon} />\n\t\t\t\t\t\t\t</div>{' '}\n\t\t\t\t\t\t\t{this.selectAllText}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t) : (\n\t\t\t\t\t\tthis.selectAllText\n\t\t\t\t\t)}\n\t\t\t\t</p-dropdown-menu-item>\n\t\t\t);\n\t\t}\n\n\t\tif (this.enableAutocomplete) {\n\t\t\titems.unshift(this._getAutoCompleteItem());\n\t\t}\n\n\t\treturn items;\n\t}\n\n\tprivate _getAddItem() {\n\t\treturn (\n\t\t\t<p-dropdown-menu-item\n\t\t\t\tonClick={() => this.add.emit()}\n\t\t\t\tuseContainer={false}\n\t\t\t\tslot='items'\n\t\t\t>\n\t\t\t\t<span class='flex items-center gap-1 font-semibold text-teal-800'>\n\t\t\t\t\t{this.addItemText}\n\t\t\t\t\t<p-icon variant='plus' />\n\t\t\t\t</span>\n\t\t\t</p-dropdown-menu-item>\n\t\t);\n\t}\n\n\tprivate _getLoadingItems() {\n\t\tconst items = [0, 0, 0].map(() => (\n\t\t\t<p-dropdown-menu-item\n\t\t\t\tenableHover={false}\n\t\t\t\tslot='items'\n\t\t\t>\n\t\t\t\t<p-loader\n\t\t\t\t\tvariant='ghost'\n\t\t\t\t\tclass='h-6 w-full rounded'\n\t\t\t\t/>\n\t\t\t</p-dropdown-menu-item>\n\t\t));\n\n\t\tif (this.enableAutocomplete) {\n\t\t\titems.unshift(this._getAutoCompleteItem());\n\t\t}\n\n\t\treturn items;\n\t}\n\n\tprivate _getAutoCompleteItem() {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass='sticky top-0 mb-3 h-8'\n\t\t\t\tslot='items'\n\t\t\t>\n\t\t\t\t<p-field\n\t\t\t\t\tclass='block'\n\t\t\t\t\tplaceholder={this.autocompletePlaceholder}\n\t\t\t\t\tonValueChange={ev => this._onAutoComplete(ev)}\n\t\t\t\t\tonInputRefChange={ev => (this.autocompleteInputRef = ev.detail)}\n\t\t\t\t\tvalue={this.query}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t);\n\t}\n\n\tprivate _setMultiContainerMaxWidth() {\n\t\tif (!this._inputRef || !this._multiContainerRef) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst calced = this._inputRef.clientWidth - 16;\n\t\tthis._multiContainerRef.style.maxWidth = `${calced >= 16 ? calced : 16}px`;\n\t}\n\n\tprivate _setCheckSelectedItemsTimeout() {\n\t\tif (this._checkSelectedItemsTimeout) {\n\t\t\tclearTimeout(this._checkSelectedItemsTimeout);\n\t\t}\n\n\t\tthis._checkSelectedItemsTimeout = setTimeout(\n\t\t\t() => this._checkSelectedItems(),\n\t\t\t50\n\t\t);\n\t}\n\n\tprivate _checkSelectedItems() {\n\t\tif (!this._multiContainerRef) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst containerRect = this._multiContainerRef.getBoundingClientRect();\n\t\tconst items = this._multiContainerRef.querySelectorAll('.item');\n\n\t\tlet amountHidden = 0;\n\n\t\tfor (const child of items) {\n\t\t\tchild.classList.remove('hidden');\n\t\t\tchild.classList.add('flex');\n\n\t\t\tconst childRect = child.getBoundingClientRect();\n\t\t\tif (childRect.right > containerRect.right) {\n\t\t\t\tchild.classList.remove('flex');\n\t\t\t\tchild.classList.add('hidden');\n\t\t\t\tamountHidden++;\n\n\t\t\t\tcontinue;\n\t\t\t}\n\t\t}\n\n\t\tthis._amountHidden = amountHidden;\n\t\tconst extra = this._multiContainerRef.querySelector('.extra');\n\t\tif (!extra) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (!extra.classList.contains('hidden')) {\n\t\t\textra.classList.add('hidden');\n\t\t}\n\n\t\tif (amountHidden > 0) {\n\t\t\textra.classList.remove('hidden');\n\t\t}\n\t}\n\n\tprivate _onDropdownOpen(ev) {\n\t\tif (!ev.detail || !this.autocompleteInputRef) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.autocompleteInputRef.focus();\n\t}\n\n\tprivate _selectAllChange() {\n\t\tthis._allSelected = !this._allSelected;\n\t\tthis.selectAllChange.emit(this._allSelected);\n\t}\n\n\tprivate _getDisplay(item, isSelection = false) {\n\t\tlet content = (\n\t\t\t<div class={textContainer({ variant: 'default' })}>\n\t\t\t\t{\n\t\t\t\t\titem[\n\t\t\t\t\t\tisSelection\n\t\t\t\t\t\t\t? this.selectionDisplayKey ?? this.displayKey\n\t\t\t\t\t\t\t: this.displayKey\n\t\t\t\t\t]\n\t\t\t\t}\n\t\t\t</div>\n\t\t);\n\n\t\tif (this.avatarKey) {\n\t\t\tcontent = (\n\t\t\t\t<span class='flex items-center gap-2'>\n\t\t\t\t\t<p-avatar\n\t\t\t\t\t\tsize='sm'\n\t\t\t\t\t\tsrc={item[this.avatarKey]}\n\t\t\t\t\t\tletters={item[this.avatarLettersKey]}\n\t\t\t\t\t></p-avatar>\n\t\t\t\t\t<div class={textContainer({ variant: 'default' })}>\n\t\t\t\t\t\t{item[this.dropdownDisplayKey ?? this.displayKey]}\n\t\t\t\t\t</div>\n\t\t\t\t</span>\n\t\t\t);\n\t\t}\n\n\t\tif (this.iconKey && (!isSelection || this.showIconInSelectedItem)) {\n\t\t\tcontent = (\n\t\t\t\t<span class='flex items-center gap-2'>\n\t\t\t\t\t<p-icon variant={item[this.iconKey] as IconVariant} />\n\t\t\t\t\t<div class={textContainer({ variant: 'default' })}>\n\t\t\t\t\t\t{item[this.dropdownDisplayKey ?? this.displayKey]}\n\t\t\t\t\t</div>\n\t\t\t\t</span>\n\t\t\t);\n\t\t}\n\n\t\tif (\n\t\t\t(!isSelection || this.applyClassOnSelectedItem) &&\n\t\t\t!!item?.class?.length\n\t\t) {\n\t\t\treturn <div class={item.class}>{content}</div>;\n\t\t}\n\n\t\treturn content;\n\t}\n\n\tprivate _getParsedItems(applyPagination = true) {\n\t\tif (!this.items || this.loading) {\n\t\t\treturn [];\n\t\t}\n\n\t\tlet items =\n\t\t\ttypeof this.items === 'string' ? JSON.parse(this.items) : this.items;\n\n\t\tif (typeof items?.[0] === 'string') {\n\t\t\tthis.displayKey = 'text';\n\t\t\tthis.valueKey = 'value';\n\n\t\t\titems = items.map(str => ({\n\t\t\t\tvalue: str,\n\t\t\t\ttext: str,\n\t\t\t}));\n\t\t}\n\n\t\tif (this.query?.length && !this.asyncFilter) {\n\t\t\titems = items.filter(item => {\n\t\t\t\tif (this.queryKey) {\n\t\t\t\t\treturn this._checkvalue(this.queryKey, item);\n\t\t\t\t}\n\n\t\t\t\treturn (\n\t\t\t\t\tthis._checkvalue(this._identifierKey, item) ||\n\t\t\t\t\tthis._checkvalue(this.displayKey, item)\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\n\t\tif (!applyPagination) {\n\t\t\treturn items;\n\t\t}\n\n\t\treturn items?.slice(0, this.maxDisplayedItems);\n\t}\n}\n"],"mappings":"yJAAA,MAAMA,EAAqB,ymGCkB3B,MAAMC,EAAiBC,EAAI,CAC1B,0BACA,wBACA,wCAGD,MAAMC,EAAYD,EAAI,CACrB,kBACA,qCACA,uCACA,oBACA,0CACA,aACA,4BAGD,MAAME,EAAgBF,EACrB,0EACA,CACCG,SAAU,CACTC,QAAS,CACRC,YAAa,sBACbC,QAAS,S,MAYAC,EAAM,M,sYAIVC,MAKiBC,MAKjBC,UAAqB,MAKrBC,SAAqB,WAKrBC,KAKAC,MAKAR,YAKAS,wBAAkC,YAKlCC,MAKAC,WAAqB,OAKrBC,mBAKAC,oBAKAC,SAKAC,UAKAC,QAKAC,uBAKAC,SAAmB,QAKnBC,yBAKAC,iBAKAC,cAKAC,SAKAC,gBAA2B,KAK3BC,YAAuB,KAKvBC,kBAA4B,GAK5BC,mBAA8B,KAK9BC,YAAuB,MAKvBC,QAAmB,MAKnBC,gBAA2B,MAK3BC,cAAwB,aAKxBC,cAQRC,YAQAC,YAQAC,gBAQAC,cAKQC,KAAsB,OAKtBC,OAKAC,MAKAC,OAKiBC,SAAoB,KAKpBC,MAKAC,SAAoB,MAKrCC,YAAuB,MAKvBC,YAAsB,WAQ9BC,IAKQC,eAAyB,qB,yBAOhBC,cAAqB,MACrBC,cAAqB,KAErBC,aAAwB,MAExBC,cAAgB,EAEdC,WAEXC,UACAC,qBACAC,mBAEAC,gBACAC,qBACAC,2BAER,UAAIC,GACH,OAAOC,KAAKC,iB,CAGb,iBAAIC,GACH,MAAM7D,EACL8D,EAAA,OAAKC,MAAOlE,EAAc,CAAEE,QAAS,iBACnC4D,KAAK3D,aAIR,IAAK2D,KAAKX,cAAe,CACxB,OAAOhD,C,CAGR,GAAI2D,KAAKvD,MAAO,CACf,GAAIuD,KAAKX,eAAegB,SAAW,EAAG,CACrC,OAAOhE,C,CAGR,OACC8D,EACC,OAAAC,MAAOrE,IACPuE,IAAKA,GAAQN,KAAKL,mBAAqBW,GAEtCN,KAAKX,cAAckB,KAAIC,GACvBL,EAAA,OACCC,MAAOnE,IACPwE,QAAS,IAAMT,KAAKU,aAAaF,IAEhCA,EAAKR,KAAK9C,qBAAuB8C,KAAKhD,YACvCmD,EACC,UAAAC,MAAM,2EACNhE,QAAQ,gBAKX+D,EAAK,OAAAC,MAAM,gEAA8D,IACtEJ,KAAKT,e,CAMX,OAAOS,KAAKW,YAAYX,KAAKX,cAAe,K,CAG7C,kBAAIuB,GACH,OAAOZ,KAAKtC,eAAiBsC,KAAK7C,UAAY,O,CAG/C,iBAAA0D,GACCb,KAAKU,aAAa,K,CAGnB,oBAAAI,CAAqB/B,GACpB,IAAKiB,KAAKR,WAAWuB,KAAM,CAC1B,M,CAGDf,KAAKjB,SAAWA,C,CAGjB,gBAAAiC,GACC,IAAKhB,KAAK7C,WAAa6C,KAAKtC,cAAe,CAC1C,MAAM,IAAIuD,MAAM,+C,CAGjB,GAAIjB,KAAKvD,MAAO,CACfuD,KAAKkB,6BAELlB,KAAKJ,gBAAkB,IAAIuB,gBAAe,KACzC,GAAInB,KAAKH,qBAAsB,CAC9BuB,aAAapB,KAAKH,sBAClBG,KAAKH,qBAAuB,I,CAG7BG,KAAKH,qBAAuBwB,YAAW,KACtCrB,KAAKkB,6BACLlB,KAAKsB,+BAA+B,GAClC,IAAI,IAERtB,KAAKJ,gBAAgB2B,QAAQvB,KAAKwB,I,CAGnC,GAAIxB,KAAKjD,MAAO,CACfiD,KAAKyB,eACL,M,CAGDzB,KAAK0B,a,CAGN,kBAAAC,GACC,GAAI3B,KAAKvD,MAAO,CACfuD,KAAKkB,4B,EAIP,oBAAAU,GACC,GAAI5B,KAAKvD,MAAO,CACfuD,KAAKJ,gBAAgBiC,Y,EAIvB,MAAAC,GACC,OACC3B,EACC,cAAA4B,IAAA,2CAAAC,oBAAqB,KACrBC,eAAgB,KAChBC,YAAa,KACbC,WAAYnC,KAAKjC,mBAAqB,QAAU,KAChDqE,KAAMpC,KAAKZ,cACXiD,SAAUC,GAAMtC,KAAKuC,gBAAgBD,GACrC5F,UAAWsD,KAAKtD,UAChBC,SAAUqD,KAAKrD,UAEfwD,EACC,qBAAA4B,IAAA,2CAAAS,KAAK,UACLpG,QAAQ,QACRsC,OAAQsB,KAAKtB,OACbC,MAAOqB,KAAKrB,MACZC,OAAQoB,KAAKpB,OACbC,SAAUmB,KAAKnB,SACfC,MAAOkB,KAAKlB,MACZ2D,eAAe,YACfC,iBAAkB1C,KAAKlB,OAAOuB,QAAUL,KAAKZ,eAE7Ce,EACC,YAAA4B,IAAA,2CAAA3B,MAAM,SACNoC,KAAK,UACLpG,QAAQ,YACRqC,KAAMuB,KAAKvB,KACXkE,QAAS3C,KAAKnC,YACdkB,SAAUiB,KAAKjB,SACf6D,OAAQ5C,KAAKZ,cACbxC,KAAMoD,KAAKpD,KACX6D,QAAS6B,GAAMtC,KAAK6C,SAASP,IAE7BnC,EACC,OAAA4B,IAAA,2CAAA3B,MAAM,0BACNE,IAAKA,GAAQN,KAAKP,UAAYa,GAE7BN,KAAKE,iBAIRF,KAAK/B,QAAU+B,KAAK8C,mBAAqB9C,KAAK+C,YAC9C/C,KAAKhB,aAAegB,KAAKgD,c,CAMnB,oBAAAC,CAAqBC,GAC9B,IAAKlD,KAAKZ,eAAiB+D,EAAgBD,EAAOlD,KAAKwB,KAAM,CAC5D,M,CAGDxB,KAAKZ,cAAgB,K,CAId,YAAAqC,GACPJ,YAAW,KACVrB,KAAKoD,iBACLpD,KAAKsB,+BAA+B,G,CAK/B,WAAAI,GACNL,YAAW,IAAMrB,KAAKoD,kB,CAIhB,oBAAAC,GACNrD,KAAKxB,cAAc8E,KAAK,CACvBvG,MAAOiD,KAAKZ,cACZvC,MAAOmD,KAAKnD,O,CAKP,YAAA0G,GACN,GAAIvD,KAAKX,gBAAkBmE,MAAMC,QAAQzD,KAAKX,eAAgB,CAC7DW,KAAKX,cAAgB,E,EAIf,cAAA+D,GACP,IAAIrG,SACIiD,KAAKjD,QAAU,UAAYiD,KAAKvD,MACpCiH,KAAKC,MAAM3D,KAAKjD,OAChBiD,KAAKjD,MAET,GAAIiD,KAAKvD,MAAO,CACf,IAAK+G,MAAMC,QAAQ1G,GAAQ,CAC1BiD,KAAKjD,MAAQ,GACbiD,KAAK1B,YAAYgF,KAAKtD,KAAKjD,OAC3B,M,CAGDiD,KAAKjD,MAAQA,EACb,IAAKA,EAAMsD,OAAQ,CAClBL,KAAKX,cAAgB,GACrB,M,CAGDW,KAAKX,gBACFW,KAAK7C,UAAY6C,KAAK7C,WAAa,QAClC6C,KAAKD,OAAO6D,QAAOC,GAAK9G,EAAM+G,SAASD,IAAI7D,KAAK7C,aAChD,IAAIJ,GACR,M,CAGD,IAAKiD,KAAKX,gBAAkBtC,GAASiD,KAAKpC,gBAAiB,CAC1Db,EAAQiD,KAAKD,OAAO,E,CAGrB,MAAMgE,SACEhH,IAAU,UAAYA,IAAU,KACpCA,EAAMiD,KAAKY,gBACX7D,EACJ,MAAMiH,SACED,IAAe,iBAAmBA,IAAe,SACrDA,EACAL,KAAKO,UAAUF,GAEnB,MAAMG,EAAelE,KAAKX,cACvBW,KAAKX,gBAAgBW,KAAKY,gBAC1B,KACH,MAAMuD,SACED,IAAiB,iBAAmBA,IAAiB,SACzDA,EACAR,KAAKO,UAAUC,GAEnB,GAAIlE,KAAKX,eAAiB8E,IAAuBH,EAAa,CAC7D,M,CAGD,IAAKhE,KAAKD,QAAQM,QAAUtD,EAAO,CAClCiD,KAAKU,aAAa3D,EAAO,OACzB,M,CAGD,MAAMP,EAAQwD,KAAKC,gBAAgB,OACnC,MAAMO,EAAOhE,EAAM4H,MAAKP,IACvB,MAAMQ,EAAiBR,IAAI7D,KAAKY,gBAChC,MAAM0D,SACED,IAAmB,iBAAmBA,IAAmB,SAC7DA,EACAX,KAAKO,UAAUI,GAEnB,OAAOC,IAAyBN,CAAW,IAG5ChE,KAAKU,eAAeF,EAAOA,EAAOzD,EAAO,M,CAGlC,YAAA2D,CAAaF,EAAM+D,EAAY,MACtC,IAAIxH,IACDiD,KAAK7C,UAAY6C,KAAK7C,WAAa,SAAWqD,IAAS,KACtDA,IAAOR,KAAK7C,UACZqD,EAEJ,GAAIR,KAAKvD,MAAO,CACf,IAAKuD,KAAKX,gBAAkBmE,MAAMC,QAAQzD,KAAKX,eAAgB,CAC9DW,KAAKX,cAAgB,E,CAGtB,IAAKW,KAAKjD,QAAUyG,MAAMC,QAAQzD,KAAKjD,OAAQ,CAC9CiD,KAAKjD,MAAQ,E,CAGd,MAAMyH,EAAe,IAAIxE,KAAKX,eAC9B,MAAMoF,EAAa,IAAIzE,KAAKjD,OAE5B,MAAM2H,EAAgBF,EAAaG,WAClCd,GAAKA,EAAE7D,KAAKY,kBAAoBJ,EAAKR,KAAKY,kBAE3C,GAAI8D,KAAkB,EAAI,CACzBF,EAAaI,KAAKpE,GAClBiE,EAAWG,KAAK7H,E,KACV,CACNyH,EAAaK,OAAOH,EAAe,GACnCD,EAAWI,OAAOH,EAAe,E,CAGlC1E,KAAKX,cAAgBmF,EACrBxE,KAAKjD,MAAQ0H,EACbzE,KAAK1B,YAAYgF,KAAKmB,GACtB,M,CAGDzE,KAAKX,cAAgBmB,EACrBR,KAAKjD,MAAQA,EACbiD,KAAK1B,YAAYgF,KAAKvG,GAEtBiD,KAAK8E,QAAQP,E,CAGN,QAAA1B,CAASK,GAChB,MAAM6B,EAAW7B,GAAO8B,eAExB,IAAK,MAAMxE,KAAQuE,EAAU,CAC5B,GAAIvE,EAAKyE,SAASC,gBAAkB,WAAY,CAC/C,K,CAGD,GAAI1E,EAAK2E,UAAUC,SAAS,QAAS,CACpC,M,EAIFpF,KAAKZ,eAAiBY,KAAKZ,a,CAGpB,OAAA0F,CAAQO,EAAQ,OACvB,GAAIrF,KAAKjC,qBAAuBsH,EAAO,CACtC,M,CAGDrF,KAAKZ,cAAgB,K,CAGd,eAAAkG,CAAgBhD,GACvB,IAAKtC,KAAKjC,mBAAoB,CAC7B,M,CAGDiC,KAAKZ,cAAgB,KAErBY,KAAKnD,MAAQyF,EAAGiD,OAChBvF,KAAK3B,YAAYiF,KAAKhB,EAAGiD,O,CAGlB,WAAAC,CAAYzD,EAAKvB,GACxB,OACCA,IAAOuB,IACJ0D,YACAP,cACDQ,QAAQ1F,KAAKnD,OAAOqI,gBAAkB,C,CAIlC,SAAAnC,GACP,IAAIvG,EAAQwD,KAAKD,OAAOQ,KAAIC,GAC3BL,EAAA,wBACCwF,aAAc,MACdlF,QAAS,IAAMT,KAAKU,aAAaF,GACjCoC,OACC5C,KAAKvD,SACHuD,KAAKX,eACPmE,MAAMC,QAAQzD,KAAKX,eAChBW,KAAKX,cAAcsF,WACnBd,GAAKA,EAAE7D,KAAKY,kBAAoBJ,EAAKR,KAAKY,mBACrC,EACLJ,EAAKR,KAAKY,kBACVZ,KAAKX,gBAAgBW,KAAKY,gBAE9BgF,SAAU5F,KAAKvD,MAAQ,KAAO,MAC9B+F,KAAK,SAEJxC,KAAKW,YAAYH,MAIpB,IAAKR,KAAKD,OAAOM,OAAQ,CACxB7D,EAAQ,CACP2D,EACC,KAAAC,MAAM,qDACNoC,KAAK,SAEJxC,KAAKb,gB,CAKT,GAAIa,KAAK9B,iBAAmB8B,KAAKD,OAAOM,OAAQ,CAC/C7D,EAAMqJ,QACL1F,EAAA,wBACCqC,KAAK,QACLmD,aAAc,MACdC,SACA,KAAAnF,QAAS,IAAMT,KAAK8F,mBACpBlD,OAAQ5C,KAAKV,cAEZU,KAAK5B,eAAeiC,OACpBF,EAAM,QAAAC,MAAM,2BACXD,EAAK,OAAAC,MAAM,mCACVD,EAAA,UAAQ/D,QAAS4D,KAAK5B,iBAChB,IACN4B,KAAK7B,eAGP6B,KAAkB,e,CAMtB,GAAIA,KAAKjC,mBAAoB,CAC5BvB,EAAMqJ,QAAQ7F,KAAK+F,uB,CAGpB,OAAOvJ,C,CAGA,WAAAwG,GACP,OACC7C,EAAA,wBACCM,QAAS,IAAMT,KAAKd,IAAIoE,OACxBqC,aAAc,MACdnD,KAAK,SAELrC,EAAM,QAAAC,MAAM,uDACVJ,KAAKf,YACNkB,EAAA,UAAQ/D,QAAQ,U,CAMZ,gBAAA0G,GACP,MAAMtG,EAAQ,CAAC,EAAG,EAAG,GAAG+D,KAAI,IAC3BJ,EACC,wBAAA6F,YAAa,MACbxD,KAAK,SAELrC,EACC,YAAA/D,QAAQ,QACRgE,MAAM,0BAKT,GAAIJ,KAAKjC,mBAAoB,CAC5BvB,EAAMqJ,QAAQ7F,KAAK+F,uB,CAGpB,OAAOvJ,C,CAGA,oBAAAuJ,GACP,OACC5F,EAAA,OACCC,MAAM,wBACNoC,KAAK,SAELrC,EACC,WAAAC,MAAM,QACN/D,YAAa2D,KAAKlD,wBAClBmJ,cAAe3D,GAAMtC,KAAKsF,gBAAgBhD,GAC1C4D,iBAAkB5D,GAAOtC,KAAKN,qBAAuB4C,EAAGiD,OACxDxI,MAAOiD,KAAKnD,Q,CAMR,0BAAAqE,GACP,IAAKlB,KAAKP,YAAcO,KAAKL,mBAAoB,CAChD,M,CAGD,MAAMwG,EAASnG,KAAKP,UAAU2G,YAAc,GAC5CpG,KAAKL,mBAAmB0G,MAAMC,SAAW,GAAGH,GAAU,GAAKA,EAAS,M,CAG7D,6BAAA7E,GACP,GAAItB,KAAKF,2BAA4B,CACpCsB,aAAapB,KAAKF,2B,CAGnBE,KAAKF,2BAA6BuB,YACjC,IAAMrB,KAAKuG,uBACX,G,CAIM,mBAAAA,GACP,IAAKvG,KAAKL,mBAAoB,CAC7B,M,CAGD,MAAM6G,EAAgBxG,KAAKL,mBAAmB8G,wBAC9C,MAAMjK,EAAQwD,KAAKL,mBAAmB+G,iBAAiB,SAEvD,IAAIC,EAAe,EAEnB,IAAK,MAAMC,KAASpK,EAAO,CAC1BoK,EAAMzB,UAAU0B,OAAO,UACvBD,EAAMzB,UAAUjG,IAAI,QAEpB,MAAM4H,EAAYF,EAAMH,wBACxB,GAAIK,EAAUC,MAAQP,EAAcO,MAAO,CAC1CH,EAAMzB,UAAU0B,OAAO,QACvBD,EAAMzB,UAAUjG,IAAI,UACpByH,IAEA,Q,EAIF3G,KAAKT,cAAgBoH,EACrB,MAAMK,EAAQhH,KAAKL,mBAAmBsH,cAAc,UACpD,IAAKD,EAAO,CACX,M,CAGD,IAAKA,EAAM7B,UAAUC,SAAS,UAAW,CACxC4B,EAAM7B,UAAUjG,IAAI,S,CAGrB,GAAIyH,EAAe,EAAG,CACrBK,EAAM7B,UAAU0B,OAAO,S,EAIjB,eAAAtE,CAAgBD,GACvB,IAAKA,EAAGiD,SAAWvF,KAAKN,qBAAsB,CAC7C,M,CAGDM,KAAKN,qBAAqBwH,O,CAGnB,gBAAApB,GACP9F,KAAKV,cAAgBU,KAAKV,aAC1BU,KAAKzB,gBAAgB+E,KAAKtD,KAAKV,a,CAGxB,WAAAqB,CAAYH,EAAM2G,EAAc,OACvC,IAAIC,EACHjH,EAAK,OAAAC,MAAOlE,EAAc,CAAEE,QAAS,aAEnCoE,EACC2G,EACGnH,KAAK9C,qBAAuB8C,KAAKhD,WACjCgD,KAAKhD,aAMZ,GAAIgD,KAAK5C,UAAW,CACnBgK,EACCjH,EAAM,QAAAC,MAAM,2BACXD,EACC,YAAA1B,KAAK,KACL4I,IAAK7G,EAAKR,KAAK5C,WACfkK,QAAS9G,EAAKR,KAAKvC,oBAEpB0C,EAAK,OAAAC,MAAOlE,EAAc,CAAEE,QAAS,aACnCoE,EAAKR,KAAK/C,oBAAsB+C,KAAKhD,a,CAM1C,GAAIgD,KAAK3C,WAAa8J,GAAenH,KAAK1C,wBAAyB,CAClE8J,EACCjH,EAAM,QAAAC,MAAM,2BACXD,EAAQ,UAAA/D,QAASoE,EAAKR,KAAK3C,WAC3B8C,EAAK,OAAAC,MAAOlE,EAAc,CAAEE,QAAS,aACnCoE,EAAKR,KAAK/C,oBAAsB+C,KAAKhD,a,CAM1C,KACGmK,GAAenH,KAAKxC,6BACpBgD,GAAMJ,OAAOC,OACd,CACD,OAAOF,EAAA,OAAKC,MAAOI,EAAKJ,OAAQgH,E,CAGjC,OAAOA,C,CAGA,eAAAnH,CAAgBsH,EAAkB,MACzC,IAAKvH,KAAKxD,OAASwD,KAAK/B,QAAS,CAChC,MAAO,E,CAGR,IAAIzB,SACIwD,KAAKxD,QAAU,SAAWkH,KAAKC,MAAM3D,KAAKxD,OAASwD,KAAKxD,MAEhE,UAAWA,IAAQ,KAAO,SAAU,CACnCwD,KAAKhD,WAAa,OAClBgD,KAAK7C,SAAW,QAEhBX,EAAQA,EAAM+D,KAAIiH,IAAG,CACpBzK,MAAOyK,EACPC,KAAMD,K,CAIR,GAAIxH,KAAKnD,OAAOwD,SAAWL,KAAKhC,YAAa,CAC5CxB,EAAQA,EAAMoH,QAAOpD,IACpB,GAAIR,KAAKrC,SAAU,CAClB,OAAOqC,KAAKwF,YAAYxF,KAAKrC,SAAU6C,E,CAGxC,OACCR,KAAKwF,YAAYxF,KAAKY,eAAgBJ,IACtCR,KAAKwF,YAAYxF,KAAKhD,WAAYwD,EAAK,G,CAK1C,IAAK+G,EAAiB,CACrB,OAAO/K,C,CAGR,OAAOA,GAAOkL,MAAM,EAAG1H,KAAKlC,kB","ignoreList":[]}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r as t,c as r,h as a,H as e,g as i}from"./p-DhGo7hbh.js";import{c as o}from"./p-CBWjHURv.js";import{a as n}from"./p-C5CTp9IA.js";import{c as s}from"./p-CT54OXR2.js";import{i as l}from"./p-DMfuKEke.js";import"./p-ChV9xqsO.js";const d="*{box-sizing:border-box}.static{position:static!important}.inline-block{display:inline-block!important}.flex{display:flex!important}.h-10{height:2.5rem!important}.h-6{height:1.5rem!important}.h-8{height:2rem!important}.w-10{width:2.5rem!important}.w-6{width:1.5rem!important}.w-8{width:2rem!important}.w-inherit{width:inherit!important}.cursor-not-allowed{cursor:not-allowed!important}.cursor-pointer{cursor:pointer!important}.cursor-wait{cursor:wait!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.gap-2{gap:.5rem!important}.rounded-lg{border-radius:.5rem!important}.rounded-e-lg{border-end-end-radius:.5rem!important;border-start-end-radius:.5rem!important}.rounded-s-lg{border-end-start-radius:.5rem!important;border-start-start-radius:.5rem!important}.border{border-width:1px!important}.border-b{border-bottom-width:1px!important}.border-black-teal\\/10{border-color:rgba(3,42,36,.1)!important}.border-black-teal\\/20{border-color:rgba(3,42,36,.2)!important}.border-dark-teal-100{--tw-border-opacity:1!important;border-color:rgb(204 220 218/var(--tw-border-opacity,1))!important}.border-dark-teal-400{--tw-border-opacity:1!important;border-color:rgb(51 116 109/var(--tw-border-opacity,1))!important}.border-supportive-lilac-800{--tw-border-opacity:1!important;border-color:rgb(189 140 255/var(--tw-border-opacity,1))!important}.border-transparent{border-color:transparent!important}.bg-supportive-lilac{--tw-bg-opacity:1!important;background-color:rgb(209 174 255/var(--tw-bg-opacity,1))!important}.bg-supportive-lilac-100{--tw-bg-opacity:1!important;background-color:rgb(246 239 255/var(--tw-bg-opacity,1))!important}.bg-transparent{background-color:transparent!important}.bg-white{background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.bg-white,.bg-white-600{--tw-bg-opacity:1!important}.bg-white-600{background-color:rgb(250 250 250/var(--tw-bg-opacity,1))!important}.p-2{padding:.5rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.px-3{padding-left:.75rem!important;padding-right:.75rem!important}.py-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-semibold{font-weight:600!important}.leading-4{line-height:1rem!important}.text-black-teal{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}.text-black-teal-100{--tw-text-opacity:1!important;color:rgb(205 212 211/var(--tw-text-opacity,1))!important}.text-black-teal-300{--tw-text-opacity:1!important;color:rgb(104 127 124/var(--tw-text-opacity,1))!important}.text-dark-teal-100{--tw-text-opacity:1!important;color:rgb(204 220 218/var(--tw-text-opacity,1))!important}.text-dark-teal-100\\/60{color:rgba(204,220,218,.6)!important}.text-dark-teal-200{--tw-text-opacity:1!important;color:rgb(153 185 182/var(--tw-text-opacity,1))!important}.text-dark-teal-400{--tw-text-opacity:1!important;color:rgb(51 116 109/var(--tw-text-opacity,1))!important}.underline{text-decoration-line:underline!important}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important}.ring,.ring-2{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important}.ring-black-teal\\/10{--tw-ring-color:rgba(3,42,36,.1)!important}.ring-supportive-lilac-100{--tw-ring-opacity:1!important;--tw-ring-color:rgb(246 239 255/var(--tw-ring-opacity,1))!important}.drop-shadow-1{--tw-drop-shadow:drop-shadow(0 1px 1px rgba(0,2,2,.08))!important}.drop-shadow-1,.drop-shadow-supportive-lilac{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}.drop-shadow-supportive-lilac{--tw-drop-shadow:drop-shadow(0px 1px 1px rgba(189,140,255,.2))!important}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:85.375rem){.container{max-width:85.375rem}}@media (min-width:90rem){.container{max-width:90rem}}@media (min-width:96rem){.container{max-width:96rem}}@media (min-width:105rem){.container{max-width:105rem}}@media (min-width:120rem){.container{max-width:120rem}}@media (min-width:160rem){.container{max-width:160rem}}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.hover\\:border-dark-teal-500:hover{--tw-border-opacity:1!important;border-color:rgb(0 81 72/var(--tw-border-opacity,1))!important}.hover\\:bg-dark-teal:hover{--tw-bg-opacity:1!important;background-color:rgb(0 81 72/var(--tw-bg-opacity,1))!important}.hover\\:bg-supportive-lilac-700:hover{--tw-bg-opacity:1!important;background-color:rgb(200 159 255/var(--tw-bg-opacity,1))!important}.hover\\:bg-white-600:hover{--tw-bg-opacity:1!important;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))!important}.hover\\:text-dark-teal-500:hover{--tw-text-opacity:1!important;color:rgb(0 81 72/var(--tw-text-opacity,1))!important}.hover\\:drop-shadow-1:hover{--tw-drop-shadow:drop-shadow(0 1px 1px rgba(0,2,2,.08))!important}.hover\\:drop-shadow-1:hover,.hover\\:drop-shadow-2:hover{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}.hover\\:drop-shadow-2:hover{--tw-drop-shadow:drop-shadow(0 1px 1px rgba(0,2,2,.04)) drop-shadow(0 2px 2px rgba(0,2,2,.04)) drop-shadow(0 4px 4px rgba(0,2,2,.04))!important}.active\\:border-dark-teal-600:active{--tw-border-opacity:1!important;border-color:rgb(0 72 64/var(--tw-border-opacity,1))!important}.active\\:border-supportive-lilac-800:active{--tw-border-opacity:1!important;border-color:rgb(189 140 255/var(--tw-border-opacity,1))!important}.active\\:text-black-teal\\/60:active{color:rgba(3,42,36,.6)!important}.active\\:text-dark-teal-100\\/60:active{color:rgba(204,220,218,.6)!important}.active\\:text-dark-teal-600:active{--tw-text-opacity:1!important;color:rgb(0 72 64/var(--tw-text-opacity,1))!important}.active\\:ring:active{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important}.active\\:ring-2:active,.active\\:ring:active{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.active\\:ring-2:active{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important}.active\\:ring-black-teal\\/10:active{--tw-ring-color:rgba(3,42,36,.1)!important}.active\\:ring-supportive-lilac-100:active{--tw-ring-opacity:1!important;--tw-ring-color:rgb(246 239 255/var(--tw-ring-opacity,1))!important}.group:hover .group-hover\\:text-black-teal{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}.group:hover .group-hover\\:text-dark-teal-100{--tw-text-opacity:1!important;color:rgb(204 220 218/var(--tw-text-opacity,1))!important}";const p=o(["group","font-semibold leading-4","flex items-center justify-center gap-2","cursor-pointer"],{variants:{variant:{primary:["bg-supportive-lilac border-black-teal/20"],secondary:null,text:null,transparent:"bg-transparent border-transparent",dropdown:null},active:{true:null,false:null},loading:{true:"cursor-wait",false:null},size:{sm:["text-xs h-6"],base:["text-sm h-8"],lg:["text-base h-10"]},disabled:{true:"cursor-not-allowed",false:null},underline:{true:null,false:null},buttonGroupPosition:{none:null,start:null,center:null,end:null},iconOnly:{true:"justify-center",false:"w-inherit py-1"}},compoundVariants:[{variant:["secondary","dropdown"],class:["bg-white border-black-teal/10"]},{variant:["primary","secondary","dropdown"],disabled:false,class:"border"},{variant:["primary","secondary","dropdown"],disabled:false,loading:false,class:"active:border-supportive-lilac-800 active:ring active:ring-2"},{variant:["primary","secondary","dropdown"],disabled:false,loading:false,active:true,class:"border-supportive-lilac-800 ring ring-2"},{variant:["primary","secondary","transparent","dropdown"],buttonGroupPosition:"none",class:"rounded-lg"},{variant:["primary","secondary","transparent","dropdown"],buttonGroupPosition:"start",class:"rounded-s-lg"},{variant:["primary","secondary","transparent","dropdown"],buttonGroupPosition:"end",class:"rounded-e-lg"},{variant:["primary","secondary","dropdown"],disabled:false,class:"text-black-teal"},{variant:"primary",disabled:true,class:"bg-supportive-lilac-100 text-black-teal-100"},{variant:"primary",disabled:false,loading:false,class:"drop-shadow-supportive-lilac hover:drop-shadow-2 hover:bg-supportive-lilac-700 active:text-black-teal/60 active:ring-black-teal/10"},{variant:"primary",disabled:false,loading:false,active:true,class:"ring-black-teal/10"},{variant:["secondary","dropdown"],disabled:true,class:"border bg-white-600 text-black-teal-100"},{variant:["secondary","dropdown"],disabled:false,loading:false,class:"drop-shadow-1 hover:drop-shadow-1 hover:bg-white-600 active:text-black-teal/60 active:ring-supportive-lilac-100"},{variant:["secondary","dropdown"],disabled:false,loading:false,active:true,class:"ring-supportive-lilac-100"},{variant:"text",disabled:false,class:"text-dark-teal-400 hover:text-dark-teal-500"},{variant:"text",disabled:true,class:"text-dark-teal-100"},{variant:"text",underline:true,disabled:false,class:"border-b border-dark-teal-400 hover:border-dark-teal-500"},{variant:"text",underline:true,disabled:true,class:"border-b border-dark-teal-100"},{variant:"text",disabled:false,loading:false,class:"active:text-dark-teal-600 active:border-dark-teal-600"},{variant:"transparent",disabled:false,class:"text-dark-teal-100"},{variant:"transparent",disabled:false,loading:false,class:"hover:bg-dark-teal active:text-dark-teal-100/60"},{variant:"transparent",disabled:true,class:"text-dark-teal-100/60"},{variant:["primary","secondary","transparent"],size:["base","sm"],iconOnly:false,class:"px-2"},{variant:["primary","secondary","transparent"],size:"lg",iconOnly:false,class:"px-3"},{variant:"dropdown",iconOnly:false,class:"p-2"},{variant:["primary","secondary","transparent","text"],iconOnly:false,class:"py-1"},{size:"sm",iconOnly:true,class:"w-6"},{size:"base",iconOnly:true,class:"w-8"},{size:"lg",iconOnly:true,class:"w-10"}]});const c=o([],{variants:{size:{sm:"text-xs",base:"text-base",lg:"text-base"},variant:{primary:null,secondary:null,text:null,transparent:null,dropdown:null},disabled:{true:null,false:null},active:{true:null,false:null}},compoundVariants:[{variant:["secondary","dropdown"],disabled:false,active:false,class:"text-black-teal-300 group-hover:text-black-teal"},{variant:"transparent",disabled:false,active:false,class:"text-dark-teal-200 group-hover:text-dark-teal-100"}]});const m=class{constructor(a){t(this,a);this.onClick=r(this,"onClick",3)}label;as="button";variant="primary";active=false;underline=true;href;target;size="base";type="button";loading=false;chevron=false;chevronPosition="end";disabled=false;icon;iconOnly=false;iconPosition="start";iconFlip;iconRotate;inheritText=false;buttonGroupPosition="none";class;onClick;render(){let t="white";switch(this.variant){case"secondary":case"dropdown":case"transparent":t="off-white";break;case"text":t="black-teal";break}const r=this.variant==="text"||this.href?.length||this.as==="a"?"a":"button";const i=s("p-button inline-block",this.class);const o=n(this.active)||i?.includes("active");return a(e,{key:"a89a6061c6cb4cee3215ac8f8bd6fec52562ed20",class:i},a(r,{key:"2c48cdeb37d07f592d20ed01f65dafc148843904",disabled:this.disabled,href:this.href,type:this.variant!=="text"?this.type:undefined,target:this.target,class:p({variant:this.variant,size:this.size,underline:n(this.underline,true),loading:n(this.loading),disabled:n(this.disabled),buttonGroupPosition:this.buttonGroupPosition,iconOnly:n(this.iconOnly),active:o})},this.chevron&&this.chevronPosition==="start"&&a("p-icon",{key:"f3d7438af72af3bd4f76a8d302d7f9ba4f416777",variant:"caret",rotate:this.chevron==="up"?180:0}),this.icon&&this.iconPosition==="start"&&!(this.iconOnly&&this.loading)&&this._getIcon(),this.label?this.label:a("slot",null),this.icon&&this.iconPosition==="end"&&!this.loading&&!this.chevron&&this._getIcon(),this.chevron&&!this.loading&&this.chevronPosition==="end"&&a("p-icon",{key:"e38e7c371f1ff630c758bbff3ef9997cb0e845bb",variant:"caret",rotate:this.chevron==="up"?180:0}),this.loading&&a("p-loader",{key:"102f741e8aa5b17e21a18004341f1d2c2b95797b",color:t})))}handleClick(t){if(this.loading||this.disabled){t.preventDefault();return}this.onClick.emit(t)}_getIcon(){if(!this.icon){return}return a("p-icon",{class:c({size:this.size,variant:this.variant,disabled:n(this.disabled),active:n(this.active)}),variant:this.icon,flip:this.iconFlip,rotate:this.iconRotate})}};m.style=d;const b="*{box-sizing:border-box}:host{display:inline-flex}.static{position:static!important}.inline-flex{display:inline-flex!important}.scale-\\[0\\.9999\\]{--tw-scale-x:0.9999!important;--tw-scale-y:0.9999!important}.scale-\\[0\\.9999\\],.scale-x-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-x-flip{--tw-scale-x:-1!important}.scale-y-flip{--tw-scale-y:-1!important}.scale-y-flip,.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}.transform-gpu{transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) 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:2rem!important;line-height:2.5rem!important}.text-4xl{font-size:2.5rem!important;line-height:3rem!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}.text-xs,.text-xxs{line-height:1rem!important}.text-xxs{font-size:.5rem!important}.transition-transform{transition-duration:.15s!important;transition-property:transform!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}";const w=o(["p-icon inline-flex","transform-gpu transition-transform"],{variants:{flip:{none:null,horizontal:"scale-x-flip",vertical:"scale-y-flip"},size:{auto:null,xxs:"text-xxs",xs:"text-xs",sm:"text-sm",base:"text-base",lg:"text-lg",xl:"text-xl","2xl":"text-2xl","3xl":"text-3xl","4xl":"text-4xl"},transform:{true:"scale-[0.9999]",false:null}}});const h=class{constructor(r){t(this,r)}variant;size="base";rotate=0;flip="none";get _el(){return i(this)}componentWillRender(){const t=l[this.variant];if(!t){console.warn(`[p-icon] Variant "${this.variant}" does not exist `)}}render(){const t=/text-(xs|sm|base|lg|xl)/.test(this._el.className);const r=l[this.variant];return a("div",{key:"f6da3e13a16994834eac34eb63ec67f4f052bd6d",class:w({flip:this.flip,size:t?"auto":this.size,transform:this.flip!=="none"||this.rotate>0||this.rotate<0}),style:{"--tw-rotate":`${this.rotate}deg`},title:this.variant,innerHTML:r})}};h.style=b;const g=".fixed{position:fixed!important}.left-0{left:0!important}.top-0{top:0!important}.box-border{box-sizing:border-box!important}.block{display:block!important}.inline-block{display:inline-block!important}.flex{display:flex!important}.h-\\[1em\\]{height:1em!important}.w-\\[1em\\]{width:1em!important}.w-full{width:100%!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}.items-center{align-items:center!important}.border-2{border-width:2px!important}.border-off-white-600\\/40{border-color:hsla(43,16%,91%,.4)!important}.border-white\\/40{border-color:hsla(0,0%,100%,.4)!important}.border-r-black-teal-400{--tw-border-opacity:1!important;border-right-color:rgb(53 85 80/var(--tw-border-opacity,1))!important}.border-r-supportive-lilac\\/40{border-right-color:rgba(209,174,255,.4)!important}.border-t-black-teal-700{--tw-border-opacity:1!important;border-top-color:rgb(0 13 11/var(--tw-border-opacity,1))!important}.border-t-off-white-800{--tw-border-opacity:1!important;border-top-color:rgb(213 208 195/var(--tw-border-opacity,1))!important}.border-t-supportive-lilac{--tw-border-opacity:1!important;border-top-color:rgb(209 174 255/var(--tw-border-opacity,1))!important}.border-t-white{--tw-border-opacity:1!important;border-top-color:rgb(255 255 255/var(--tw-border-opacity,1))!important}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.h-screen-safe{height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important}*{box-sizing:border-box}:host .loader{animation:spin .5s linear infinite;border-radius:9999px;border-style:solid;border-width:2px;display:inline-block;height:1em;width:1em;will-change:transform}:host .loader.color-supportive-lilac{--tw-border-opacity:1!important;border-right-color:rgba(209,174,255,.4)!important;border-top-color:rgb(209 174 255/var(--tw-border-opacity,1))!important}:host .loader.color-off-white{--tw-border-opacity:1!important;border-color:hsla(43,16%,91%,.4)!important;border-top-color:rgb(213 208 195/var(--tw-border-opacity,1))!important}:host .loader.color-white{--tw-border-opacity:1!important;border-color:hsla(0,0%,100%,.4)!important;border-top-color:rgb(255 255 255/var(--tw-border-opacity,1))!important}:host .loader.color-black-teal{--tw-border-opacity:1!important;border-right-color:rgb(53 85 80/var(--tw-border-opacity,1))!important;border-top-color:rgb(0 13 11/var(--tw-border-opacity,1))!important}:host .loading-screen{--tw-bg-opacity:1;align-items:center;background-color:rgb(250 249 248/var(--tw-bg-opacity,1));display:flex;height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom));justify-content:center;left:0;position:fixed;top:0;width:calc(100vw - env(safe-area-inset-left) - env(safe-area-inset-right));z-index:1001}:host .loading-screen .content{max-width:20rem}:host .loading-screen .content .loader-wrapper{display:flex;justify-content:center;width:100%}:host .loading-screen .content .loader-wrapper .loader{font-size:2.5rem;line-height:3rem}:host(.variant-ghost){--loading-bg:#f7fafc;--loading-stripe:#fcfdfe;animation:loading 1s ease-in-out infinite;background-color:var(--loading-bg);background:linear-gradient(100deg,hsla(0,0%,100%,0) 40%,var(--loading-stripe) 50%,hsla(0,0%,100%,0) 60%) var(--loading-bg);background-position-x:180%;background-size:200% 100%;box-sizing:border-box;display:block;min-height:1em;min-width:1em;will-change:background,background-position-x,background-color}@keyframes loading{to{background-position-x:-20%}}@keyframes spin{to{transform:rotate(1turn)}}.static{position:static!important}.inline{display:inline!important}.min-h-4{min-height:1rem!important}.min-w-4{min-width:1rem!important}.justify-center{justify-content:center!important}.rounded-2xl{border-radius:1rem!important}.text-4xl{font-size:2.5rem!important;line-height:3rem!important}";const v=class{constructor(r){t(this,r)}show=true;variant="inline";color="supportive-lilac";modalTitle;modalDescription;_show=false;_showSubscriber;componendDidLoad(){this._show=this.show}componentWillRender(){this._checkShow()}componentShouldUpdate(){this._checkShow()}render(){if(!this._show){return}if(this.variant==="ghost"){return a(e,{class:"rounded-2xl min-h-4 min-w-4 variant-ghost"})}const t=a("div",{class:`loader color-${this.color}`});if(this.variant==="full-screen"){return a(e,{class:"variant-full-screen"},a("div",{class:"loading-screen"},a("div",{class:"content"},a("slot",null),a("div",{class:"loader-wrapper"},t))))}return a(e,{class:`variant-default flex ${this.variant==="full-width"&&"flex w-full justify-center text-4xl"}`},t)}_checkShow(){if(this._showSubscriber){this._showSubscriber.unsubscribe();this._showSubscriber=null}if(typeof this.show!=="boolean"){this._showSubscriber=this.show?.subscribe((t=>this._show=t));return}this._show=this.show}};v.style=g;export{m as p_button,h as p_icon,v as p_loader};
|
|
2
|
-
//# sourceMappingURL=p-4e95f16d.entry.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["buttonComponentCss","button","cva","variants","variant","primary","secondary","text","transparent","dropdown","active","true","false","loading","size","sm","base","lg","disabled","underline","buttonGroupPosition","none","start","center","end","iconOnly","compoundVariants","class","icon","Button","label","as","href","target","type","chevron","chevronPosition","iconPosition","iconFlip","iconRotate","inheritText","onClick","render","loaderColor","this","VariableTag","length","hostClass","cn","asBoolean","includes","h","Host","key","undefined","rotate","_getIcon","color","handleClick","ev","preventDefault","emit","flip","iconComponentCss","horizontal","vertical","auto","xxs","xs","xl","transform","Icon","componentWillRender","icons","console","warn","hasTextSizeClass","test","_el","className","svg","style","title","innerHTML","loaderComponentCss","Loader","show","modalTitle","modalDescription","_show","_showSubscriber","componendDidLoad","_checkShow","componentShouldUpdate","loader","unsubscribe","subscribe"],"sources":["src/components/molecules/button/button.component.css?tag=p-button","src/components/molecules/button/button.component.tsx","src/components/atoms/icon/icon.component.css?tag=p-icon&encapsulation=shadow","src/components/atoms/icon/icon.component.tsx","src/components/atoms/loader/loader.component.scss?tag=p-loader&encapsulation=shadow","src/components/atoms/loader/loader.component.tsx"],"sourcesContent":[null,"import {\n\tComponent,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tProp,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { RotateOptions } from '../../../types/tailwind';\nimport { IconFlipOptions, IconVariant } from '../../atoms/icon/icon.component';\nimport { asBoolean } from '../../../utils/as-boolean';\nimport { cn } from '../../../utils/cn';\n\nconst button = cva(\n\t[\n\t\t'group',\n\t\t'font-semibold leading-4',\n\t\t'flex items-center justify-center gap-2',\n\t\t'cursor-pointer',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tprimary: ['bg-supportive-lilac border-black-teal/20'],\n\t\t\t\tsecondary: null,\n\t\t\t\ttext: null,\n\t\t\t\ttransparent: 'bg-transparent border-transparent',\n\t\t\t\tdropdown: null,\n\t\t\t},\n\t\t\tactive: {\n\t\t\t\ttrue: null,\n\t\t\t\tfalse: null,\n\t\t\t},\n\t\t\tloading: {\n\t\t\t\ttrue: 'cursor-wait',\n\t\t\t\tfalse: null,\n\t\t\t},\n\t\t\tsize: {\n\t\t\t\tsm: ['text-xs h-6'],\n\t\t\t\tbase: ['text-sm h-8'],\n\t\t\t\tlg: ['text-base h-10'],\n\t\t\t},\n\t\t\tdisabled: {\n\t\t\t\ttrue: 'cursor-not-allowed',\n\t\t\t\tfalse: null,\n\t\t\t},\n\t\t\tunderline: {\n\t\t\t\ttrue: null,\n\t\t\t\tfalse: null,\n\t\t\t},\n\t\t\tbuttonGroupPosition: {\n\t\t\t\tnone: null,\n\t\t\t\tstart: null,\n\t\t\t\tcenter: null,\n\t\t\t\tend: null,\n\t\t\t},\n\t\t\ticonOnly: {\n\t\t\t\ttrue: 'justify-center',\n\t\t\t\tfalse: 'w-inherit py-1',\n\t\t\t},\n\t\t},\n\t\tcompoundVariants: [\n\t\t\t// variants\n\t\t\t{\n\t\t\t\tvariant: ['secondary', 'dropdown'],\n\t\t\t\tclass: ['bg-white border-black-teal/10'],\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['primary', 'secondary', 'dropdown'],\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'border',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['primary', 'secondary', 'dropdown'],\n\t\t\t\tdisabled: false,\n\t\t\t\tloading: false,\n\t\t\t\tclass: 'active:border-supportive-lilac-800 active:ring active:ring-2',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['primary', 'secondary', 'dropdown'],\n\t\t\t\tdisabled: false,\n\t\t\t\tloading: false,\n\t\t\t\tactive: true,\n\t\t\t\tclass: 'border-supportive-lilac-800 ring ring-2',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['primary', 'secondary', 'transparent', 'dropdown'],\n\t\t\t\tbuttonGroupPosition: 'none',\n\t\t\t\tclass: 'rounded-lg',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['primary', 'secondary', 'transparent', 'dropdown'],\n\t\t\t\tbuttonGroupPosition: 'start',\n\t\t\t\tclass: 'rounded-s-lg',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['primary', 'secondary', 'transparent', 'dropdown'],\n\t\t\t\tbuttonGroupPosition: 'end',\n\t\t\t\tclass: 'rounded-e-lg',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['primary', 'secondary', 'dropdown'],\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'text-black-teal',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'primary',\n\t\t\t\tdisabled: true,\n\t\t\t\tclass: 'bg-supportive-lilac-100 text-black-teal-100',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'primary',\n\t\t\t\tdisabled: false,\n\t\t\t\tloading: false,\n\t\t\t\tclass:\n\t\t\t\t\t'drop-shadow-supportive-lilac hover:drop-shadow-2 hover:bg-supportive-lilac-700 active:text-black-teal/60 active:ring-black-teal/10',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'primary',\n\t\t\t\tdisabled: false,\n\t\t\t\tloading: false,\n\t\t\t\tactive: true,\n\t\t\t\tclass: 'ring-black-teal/10',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['secondary', 'dropdown'],\n\t\t\t\tdisabled: true,\n\t\t\t\tclass: 'border bg-white-600 text-black-teal-100',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['secondary', 'dropdown'],\n\t\t\t\tdisabled: false,\n\t\t\t\tloading: false,\n\t\t\t\tclass:\n\t\t\t\t\t'drop-shadow-1 hover:drop-shadow-1 hover:bg-white-600 active:text-black-teal/60 active:ring-supportive-lilac-100',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['secondary', 'dropdown'],\n\t\t\t\tdisabled: false,\n\t\t\t\tloading: false,\n\t\t\t\tactive: true,\n\t\t\t\tclass: 'ring-supportive-lilac-100',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tvariant: 'text',\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'text-dark-teal-400 hover:text-dark-teal-500',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'text',\n\t\t\t\tdisabled: true,\n\t\t\t\tclass: 'text-dark-teal-100',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'text',\n\t\t\t\tunderline: true,\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'border-b border-dark-teal-400 hover:border-dark-teal-500',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'text',\n\t\t\t\tunderline: true,\n\t\t\t\tdisabled: true,\n\t\t\t\tclass: 'border-b border-dark-teal-100',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'text',\n\t\t\t\tdisabled: false,\n\t\t\t\tloading: false,\n\t\t\t\tclass: 'active:text-dark-teal-600 active:border-dark-teal-600',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tvariant: 'transparent',\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'text-dark-teal-100',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'transparent',\n\t\t\t\tdisabled: false,\n\t\t\t\tloading: false,\n\t\t\t\tclass: 'hover:bg-dark-teal active:text-dark-teal-100/60',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'transparent',\n\t\t\t\tdisabled: true,\n\t\t\t\tclass: 'text-dark-teal-100/60',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tvariant: ['primary', 'secondary', 'transparent'],\n\t\t\t\tsize: ['base', 'sm'],\n\t\t\t\ticonOnly: false,\n\t\t\t\tclass: 'px-2',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['primary', 'secondary', 'transparent'],\n\t\t\t\tsize: 'lg',\n\t\t\t\ticonOnly: false,\n\t\t\t\tclass: 'px-3',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'dropdown',\n\t\t\t\ticonOnly: false,\n\t\t\t\tclass: 'p-2',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tvariant: ['primary', 'secondary', 'transparent', 'text'],\n\t\t\t\ticonOnly: false,\n\t\t\t\tclass: 'py-1',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tsize: 'sm',\n\t\t\t\ticonOnly: true,\n\t\t\t\tclass: 'w-6',\n\t\t\t},\n\t\t\t{\n\t\t\t\tsize: 'base',\n\t\t\t\ticonOnly: true,\n\t\t\t\tclass: 'w-8',\n\t\t\t},\n\t\t\t{\n\t\t\t\tsize: 'lg',\n\t\t\t\ticonOnly: true,\n\t\t\t\tclass: 'w-10',\n\t\t\t},\n\t\t],\n\t}\n);\n\nconst icon = cva([], {\n\tvariants: {\n\t\tsize: {\n\t\t\tsm: 'text-xs',\n\t\t\tbase: 'text-base',\n\t\t\tlg: 'text-base',\n\t\t},\n\t\tvariant: {\n\t\t\tprimary: null,\n\t\t\tsecondary: null,\n\t\t\ttext: null,\n\t\t\ttransparent: null,\n\t\t\tdropdown: null,\n\t\t},\n\t\tdisabled: {\n\t\t\ttrue: null,\n\t\t\tfalse: null,\n\t\t},\n\t\tactive: {\n\t\t\ttrue: null,\n\t\t\tfalse: null,\n\t\t},\n\t},\n\tcompoundVariants: [\n\t\t{\n\t\t\tvariant: ['secondary', 'dropdown'],\n\t\t\tdisabled: false,\n\t\t\tactive: false,\n\t\t\tclass: 'text-black-teal-300 group-hover:text-black-teal',\n\t\t},\n\t\t{\n\t\t\tvariant: 'transparent',\n\t\t\tdisabled: false,\n\t\t\tactive: false,\n\t\t\tclass: 'text-dark-teal-200 group-hover:text-dark-teal-100',\n\t\t},\n\t],\n});\n\nexport type ButtonVariant =\n\t| 'primary'\n\t| 'secondary'\n\t| 'transparent'\n\t| 'text'\n\t| 'dropdown';\n\n@Component({\n\ttag: 'p-button',\n\tstyleUrl: 'button.component.css',\n})\nexport class Button {\n\t/**\n\t * The label of the button (Can use slot)\n\t */\n\t@Prop() label?: string;\n\n\t/**\n\t * The type of the button\n\t */\n\t@Prop() as?: 'a' | 'button' = 'button';\n\n\t/**\n\t * The variant of the button\n\t */\n\t@Prop() variant?: ButtonVariant = 'primary';\n\n\t/**\n\t * Wether to force an active state\n\t */\n\t@Prop() active?: boolean = false;\n\n\t/**\n\t * Wether the text variant has underline\n\t */\n\t@Prop() underline?: boolean = true;\n\n\t/**\n\t * Href in case of \"text\" version\n\t */\n\t@Prop() href?: string;\n\n\t/**\n\t * Target in case of \"text\" version\n\t */\n\t@Prop() target?: string;\n\n\t/**\n\t * The size of the button\n\t */\n\t@Prop() size?: 'sm' | 'base' | 'lg' = 'base';\n\n\t/**\n\t * The type of the button\n\t */\n\t@Prop() type?: 'button' | 'submit' = 'button';\n\n\t/**\n\t * Wether to show a loader or not\n\t */\n\t@Prop() loading?: boolean = false;\n\n\t/**\n\t * Wether to show a chevron or not\n\t */\n\t@Prop() chevron?: boolean | 'up' | 'down' = false;\n\n\t/**\n\t * Chevron position\n\t */\n\t@Prop() chevronPosition?: 'start' | 'end' = 'end';\n\n\t/**\n\t * Wether the button is disabled\n\t */\n\t@Prop() disabled?: boolean = false;\n\n\t/**\n\t * Icon to show on the button\n\t */\n\t@Prop() icon?: IconVariant;\n\n\t/**\n\t * Wether the button is icon only\n\t */\n\t@Prop() iconOnly?: boolean = false;\n\n\t/**\n\t * Icon position\n\t */\n\t@Prop() iconPosition?: 'start' | 'end' = 'start';\n\n\t/**\n\t * Icon flip\n\t */\n\t@Prop() iconFlip?: IconFlipOptions;\n\n\t/**\n\t * Icon rotate\n\t */\n\t@Prop() iconRotate?: RotateOptions;\n\n\t/**\n\t * Wether the button should inherit text styles\n\t */\n\t@Prop() inheritText?: boolean = false;\n\n\t/**\n\t * Position of the button in the button group, mostly un-used if not in a group\n\t */\n\t@Prop() buttonGroupPosition?: 'start' | 'center' | 'end' | 'none' = 'none';\n\n\t/**\n\t * The class of the container passed by parent\n\t */\n\t@Prop() class?: string;\n\n\t/**\n\t * Button click event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tonClick: EventEmitter<MouseEvent>;\n\n\trender() {\n\t\tlet loaderColor: 'white' | 'off-white' | 'supportive-lilac' | 'black-teal' = 'white';\n\t\tswitch (this.variant) {\n\t\t\tcase 'secondary':\n\t\t\tcase 'dropdown':\n\t\t\tcase 'transparent':\n\t\t\t\tloaderColor = 'off-white';\n\t\t\t\tbreak;\n\t\t\tcase 'text':\n\t\t\t\tloaderColor = 'black-teal';\n\t\t\t\tbreak;\n\t\t}\n\n\t\tconst VariableTag =\n\t\t\tthis.variant === 'text' || this.href?.length || this.as === 'a'\n\t\t\t\t? 'a'\n\t\t\t\t: 'button';\n\n\t\tconst hostClass = cn('p-button inline-block', this.class);\n\t\tconst active = asBoolean(this.active) || hostClass?.includes('active');\n\n\t\treturn (\n\t\t\t<Host class={hostClass}>\n\t\t\t\t<VariableTag\n\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\thref={this.href}\n\t\t\t\t\ttype={this.variant !== 'text' ? this.type : undefined}\n\t\t\t\t\ttarget={this.target}\n\t\t\t\t\tclass={button({\n\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t\tsize: this.size,\n\t\t\t\t\t\tunderline: asBoolean(this.underline, true),\n\t\t\t\t\t\tloading: asBoolean(this.loading),\n\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\tbuttonGroupPosition: this.buttonGroupPosition,\n\t\t\t\t\t\ticonOnly: asBoolean(this.iconOnly),\n\t\t\t\t\t\tactive,\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t{this.chevron && this.chevronPosition === 'start' && (\n\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\tvariant='caret'\n\t\t\t\t\t\t\trotate={this.chevron === 'up' ? 180 : 0}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{this.icon &&\n\t\t\t\t\t\tthis.iconPosition === 'start' &&\n\t\t\t\t\t\t!(this.iconOnly && this.loading) &&\n\t\t\t\t\t\tthis._getIcon()}\n\n\t\t\t\t\t{this.label ? this.label : <slot />}\n\n\t\t\t\t\t{this.icon &&\n\t\t\t\t\t\tthis.iconPosition === 'end' &&\n\t\t\t\t\t\t!this.loading &&\n\t\t\t\t\t\t!this.chevron &&\n\t\t\t\t\t\tthis._getIcon()}\n\n\t\t\t\t\t{this.chevron && !this.loading && this.chevronPosition === 'end' && (\n\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\tvariant='caret'\n\t\t\t\t\t\t\trotate={this.chevron === 'up' ? 180 : 0}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{this.loading && <p-loader color={loaderColor} />}\n\t\t\t\t</VariableTag>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t@Listen('click', { capture: true })\n\thandleClick(ev: MouseEvent) {\n\t\tif (this.loading || this.disabled) {\n\t\t\tev.preventDefault();\n\t\t\treturn;\n\t\t}\n\n\t\tthis.onClick.emit(ev);\n\t}\n\n\tprivate _getIcon() {\n\t\tif (!this.icon) {\n\t\t\treturn;\n\t\t}\n\n\t\treturn (\n\t\t\t<p-icon\n\t\t\t\tclass={icon({\n\t\t\t\t\tsize: this.size,\n\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\tactive: asBoolean(this.active),\n\t\t\t\t})}\n\t\t\t\tvariant={this.icon}\n\t\t\t\tflip={this.iconFlip}\n\t\t\t\trotate={this.iconRotate}\n\t\t\t/>\n\t\t);\n\t}\n}\n",":host {\n\t@apply inline-flex;\n}\n","import { Component, h, Prop, Element } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { TextSizeOptions } from '../../../types/tailwind';\nimport { icons } from '../../../utils/icons';\n\nexport type IconVariant = keyof typeof icons;\nexport type IconFlipOptions = 'none' | 'horizontal' | 'vertical';\n\nconst icon = cva(['p-icon inline-flex', 'transform-gpu transition-transform'], {\n\tvariants: {\n\t\tflip: {\n\t\t\tnone: null,\n\t\t\thorizontal: 'scale-x-flip',\n\t\t\tvertical: 'scale-y-flip',\n\t\t},\n\t\tsize: {\n\t\t\tauto: null,\n\t\t\txxs: 'text-xxs',\n\t\t\txs: 'text-xs',\n\t\t\tsm: 'text-sm',\n\t\t\tbase: 'text-base',\n\t\t\tlg: 'text-lg',\n\t\t\txl: 'text-xl',\n\t\t\t'2xl': 'text-2xl',\n\t\t\t'3xl': 'text-3xl',\n\t\t\t'4xl': 'text-4xl',\n\t\t},\n\t\ttransform: {\n\t\t\ttrue: 'scale-[0.9999]',\n\t\t\tfalse: null,\n\t\t},\n\t},\n});\n\n@Component({\n\ttag: 'p-icon',\n\tstyleUrl: 'icon.component.css',\n\tshadow: true,\n})\nexport class Icon {\n\t/**\n\t * The icon the be displayed\n\t */\n\t@Prop() variant!: IconVariant;\n\n\t/**\n\t * The size of the icon, using tailwind sizes\n\t */\n\t@Prop() size: TextSizeOptions = 'base';\n\n\t/**\n\t * Wether to rotate the icon x degrees\n\t */\n\t@Prop() rotate: number = 0;\n\n\t/**\n\t * Wether to flip the icon horizontally or vertically\n\t */\n\t@Prop() flip: IconFlipOptions = 'none';\n\n\t/**\n\t * The host element\n\t */\n\t@Element() _el: HTMLElement;\n\n\tcomponentWillRender() {\n\t\tconst icon = icons[this.variant];\n\t\tif (!icon) {\n\t\t\tconsole.warn(`[p-icon] Variant \"${this.variant}\" does not exist `);\n\t\t}\n\t}\n\n\trender() {\n\t\tconst hasTextSizeClass = /text-(xs|sm|base|lg|xl)/.test(this._el.className);\n\t\tconst svg = icons[this.variant];\n\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={icon({\n\t\t\t\t\tflip: this.flip,\n\t\t\t\t\tsize: hasTextSizeClass ? 'auto': this.size,\n\t\t\t\t\ttransform: this.flip !== 'none' || this.rotate > 0 || this.rotate < 0,\n\t\t\t\t})}\n\t\t\t\tstyle={{\n\t\t\t\t\t'--tw-rotate': `${this.rotate}deg`,\n\t\t\t\t}}\n\t\t\t\ttitle={this.variant}\n\t\t\t\tinnerHTML={svg}\n\t\t\t></div>\n\t\t);\n\t}\n}\n",":host {\n\t.loader {\n\t\t@apply inline-block h-[1em] w-[1em] rounded-full;\n\t\t@apply border-2 border-solid;\n\t\tanimation: 500ms spin linear infinite;\n\n\t\twill-change: transform;\n\n\t\t&.color-supportive-lilac {\n\t\t\t@apply border-r-supportive-lilac/40 border-t-supportive-lilac #{!important};\n\t\t}\n\n\t\t&.color-off-white {\n\t\t\t@apply border-off-white-600/40 border-t-off-white-800 #{!important};\n\t\t}\n\n\t\t&.color-white {\n\t\t\t@apply border-white/40 border-t-white #{!important};\n\t\t}\n\n\t\t&.color-black-teal {\n\t\t\t@apply border-r-black-teal-400 border-t-black-teal-700 #{!important};\n\t\t}\n\t}\n\n\t.loading-screen {\n\t\t@apply fixed left-0 top-0 h-screen-safe w-screen-safe;\n\t\t@apply flex items-center justify-center;\n\t\t@apply bg-off-white-200;\n\n\t\tz-index: 1001;\n\n\t\t.content {\n\t\t\t@apply max-w-xs;\n\n\t\t\t.loader-wrapper {\n\t\t\t\t@apply flex w-full justify-center;\n\n\t\t\t\t.loader {\n\t\t\t\t\t@apply text-4xl;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n:host(.variant-ghost) {\n\t@apply box-border block;\n\n\twill-change: background, background-position-x, background-color;\n\n\tmin-height: 1em;\n\tmin-width: 1em;\n\n\t--loading-bg: #f7fafc;\n\t--loading-stripe: rgba(252, 253, 254, 1);\n\n\tbackground-color: var(--loading-bg);\n\tbackground: linear-gradient(\n\t\t\t100deg,\n\t\t\trgba(255, 255, 255, 0) 40%,\n\t\t\tvar(--loading-stripe) 50%,\n\t\t\trgba(255, 255, 255, 0) 60%\n\t\t)\n\t\tvar(--loading-bg);\n\tbackground-size: 200% 100%;\n\tbackground-position-x: 180%;\n\tanimation: 1s loading ease-in-out infinite;\n}\n\n@keyframes loading {\n\tto {\n\t\tbackground-position-x: -20%;\n\t}\n}\n\n@keyframes spin {\n\t100% {\n\t\ttransform: rotate(1turn);\n\t}\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\nimport { Observable, Subscription } from 'rxjs';\n\n@Component({\n\ttag: 'p-loader',\n\tstyleUrl: 'loader.component.scss',\n\tshadow: true,\n})\nexport class Loader {\n\t/**\n\t * Wether to show or hide the loader\n\t */\n\t@Prop() show: boolean | Observable<boolean> = true;\n\n\t/**\n\t * Variant of loader\n\t */\n\t@Prop() variant: 'inline' | 'full-width' | 'full-screen' | 'modal' | 'ghost' =\n\t\t'inline';\n\n\t/**\n\t * Color of the loader\n\t */\n\t@Prop() color: 'supportive-lilac' | 'white' | 'off-white' | 'black-teal' = 'supportive-lilac';\n\n\t/**\n\t * !NOT IMPLEMENTED! Modal title for modal variant\n\t */\n\t@Prop() modalTitle: string;\n\n\t/**\n\t * !NOT IMPLEMENTED! Modal description for modal variant\n\t */\n\t@Prop() modalDescription: string;\n\n\tprivate _show: boolean | Observable<boolean> = false;\n\tprivate _showSubscriber: Subscription;\n\n\tcomponendDidLoad() {\n\t\tthis._show = this.show;\n\t}\n\n\tcomponentWillRender() {\n\t\tthis._checkShow();\n\t}\n\n\tcomponentShouldUpdate() {\n\t\tthis._checkShow();\n\t}\n\n\trender() {\n\t\tif (!this._show) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this.variant === 'ghost') {\n\t\t\treturn <Host class='rounded-2xl min-h-4 min-w-4 variant-ghost'></Host>;\n\t\t}\n\n\t\tconst loader = <div class={`loader color-${this.color}`}></div>;\n\n\t\tif (this.variant === 'full-screen') {\n\t\t\treturn (\n\t\t\t\t<Host class='variant-full-screen'>\n\t\t\t\t\t<div class='loading-screen'>\n\t\t\t\t\t\t<div class='content'>\n\t\t\t\t\t\t\t<slot />\n\n\t\t\t\t\t\t\t<div class='loader-wrapper'>{loader}</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</Host>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={`variant-default flex ${\n\t\t\t\t\tthis.variant === 'full-width' && 'flex w-full justify-center text-4xl'\n\t\t\t\t}`}\n\t\t\t>\n\t\t\t\t{loader}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _checkShow() {\n\t\tif (this._showSubscriber) {\n\t\t\tthis._showSubscriber.unsubscribe();\n\t\t\tthis._showSubscriber = null;\n\t\t}\n\n\t\tif (typeof this.show !== 'boolean') {\n\t\t\tthis._showSubscriber = this.show?.subscribe(show => (this._show = show));\n\t\t\treturn;\n\t\t}\n\n\t\tthis._show = this.show;\n\t}\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r as t,c as e,g as i,h as r,F as a}from"./p-DhGo7hbh.js";import{c as s}from"./p-CBWjHURv.js";import{a as o}from"./p-C5CTp9IA.js";import{c as n}from"./p-CT54OXR2.js";import{n as l}from"./p-D9kEjsvZ.js";import{f as c,g as h}from"./p-DiJj8rmO.js";import"./p-ChV9xqsO.js";const d="*{box-sizing:border-box}.static{position:static!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-\\[0\\.125rem\\]{margin-top:.125rem!important}.flex{display:flex!important}.h-6{height:1.5rem!important}.h-8{height:2rem!important}.h-full{height:100%!important}.min-h-4{min-height:1rem!important}.min-h-5{min-height:1.25rem!important}.w-inherit{width:inherit!important}.min-w-0{min-width:0!important}.flex-1{flex:1 1 0%!important}.flex-shrink-0{flex-shrink:0!important}.cursor-not-allowed{cursor:not-allowed!important}.items-start{align-items:flex-start!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.gap-2{gap:.5rem!important}.rounded-lg{border-radius:.5rem!important}.border{border-width:1px!important}.border-0{border-width:0!important}.border-solid{border-style:solid!important}.border-none{border-style:none!important}.border-black-teal-100{--tw-border-opacity:1!important;border-color:rgb(205 212 211/var(--tw-border-opacity,1))!important}.border-negative-red{--tw-border-opacity:1!important;border-color:rgb(230 30 30/var(--tw-border-opacity,1))!important}.border-supportive-lilac-800{--tw-border-opacity:1!important;border-color:rgb(189 140 255/var(--tw-border-opacity,1))!important}.bg-transparent{background-color:transparent!important}.bg-white{background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.bg-white,.bg-white-600{--tw-bg-opacity:1!important}.bg-white-600{background-color:rgb(250 250 250/var(--tw-bg-opacity,1))!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-center{text-align:center!important}.font-geist{font-family:Geist,serif!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.text-black-teal{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}.text-black-teal-100{--tw-text-opacity:1!important;color:rgb(205 212 211/var(--tw-text-opacity,1))!important}.text-black-teal-300{--tw-text-opacity:1!important;color:rgb(104 127 124/var(--tw-text-opacity,1))!important}.text-black-teal-500{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}.text-negative-red{--tw-text-opacity:1!important;color:rgb(230 30 30/var(--tw-text-opacity,1))!important}.text-negative-red-800{--tw-text-opacity:1!important;color:rgb(141 16 16/var(--tw-text-opacity,1))!important}.outline-none{outline:2px solid transparent!important;outline-offset:2px!important}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.ring-negative-red-50{--tw-ring-opacity:1!important;--tw-ring-color:rgb(253 237 237/var(--tw-ring-opacity,1))!important}.ring-supportive-lilac-100{--tw-ring-opacity:1!important;--tw-ring-color:rgb(246 239 255/var(--tw-ring-opacity,1))!important}.selection\\:bg-negative-red-50 ::selection{--tw-bg-opacity:1!important;background-color:rgb(253 237 237/var(--tw-bg-opacity,1))!important}.selection\\:bg-supportive-lilac ::selection{--tw-bg-opacity:1!important;background-color:rgb(209 174 255/var(--tw-bg-opacity,1))!important}.selection\\:bg-negative-red-50::selection{--tw-bg-opacity:1!important;background-color:rgb(253 237 237/var(--tw-bg-opacity,1))!important}.selection\\:bg-supportive-lilac::selection{--tw-bg-opacity:1!important;background-color:rgb(209 174 255/var(--tw-bg-opacity,1))!important}.placeholder\\:text-sm::placeholder{font-size:.875rem!important;line-height:1.25rem!important}.placeholder\\:text-black-teal-200::placeholder{--tw-text-opacity:1!important;color:rgb(154 170 167/var(--tw-text-opacity,1))!important}.focus\\:outline-none:focus{outline:2px solid transparent!important;outline-offset:2px!important}";const p=s(["flex gap-2","w-inherit","border-solid rounded-lg"],{variants:{variant:{read:"border-0 items-start",write:"border px-2"},size:{sm:null,base:null},disabled:{false:null,true:null},focused:{false:null,true:null},error:{false:null,true:null},isTextarea:{false:null,true:"items-start"}},compoundVariants:[{size:"sm",variant:"write",isTextarea:false,class:"h-6"},{size:"base",variant:"write",isTextarea:false,class:"h-8"},{size:"sm",variant:"read",class:"min-h-4 text-xs"},{size:"base",variant:"read",class:"min-h-5 text-sm"},{variant:"write",focused:false,error:false,class:"border-black-teal-100"},{variant:"write",disabled:false,focused:true,error:false,class:"border-supportive-lilac-800 ring ring-supportive-lilac-100 selection:bg-supportive-lilac"},{variant:"write",disabled:false,class:"bg-white"},{variant:"write",disabled:true,class:"bg-white-600 cursor-not-allowed"},{disabled:false,error:true,class:"border-negative-red"},{disabled:false,focused:true,error:true,class:"ring ring-negative-red-50 selection:bg-negative-red-50"}]});const m=s(["text-sm placeholder:text-sm placeholder:text-black-teal-200 text-black-teal","border-none bg-transparent flex-1 min-w-0","outline-none focus:outline-none","font-geist"],{variants:{isTextarea:{false:"h-full",true:"mt-1"},disabled:{false:null,true:"cursor-not-allowed"}}});const f=s(["flex flex-shrink-0 justify-center items-center text-center"],{variants:{disabled:{false:null,true:"text-black-teal-100"},focused:{false:null,true:null},error:{false:null,true:null},isText:{false:null,true:"text-sm"},isTextarea:{false:null,true:"mt-2"}},compoundVariants:[{disabled:false,focused:false,error:false,class:"text-black-teal-300"},{disabled:false,focused:true,error:false,class:"text-black-teal-500"},{disabled:false,focused:false,error:true,class:"text-negative-red"},{disabled:false,focused:true,error:true,class:"text-negative-red-800"}]});const b=class{constructor(i){t(this,i);this.valueChange=e(this,"valueChange",3);this.inputRefChange=e(this,"inputRefChange",7);if(i.$hostElement$["s-ei"]){this._internals=i.$hostElement$["s-ei"]}else{this._internals=i.$hostElement$.attachInternals();i.$hostElement$["s-ei"]=this._internals}}variant="write";id;size="base";type="text";properties={};prefix;suffix;icon;iconFlip;iconRotate;iconPosition="start";value;label;loading=false;placeholder;helper;required=true;autofocus=false;error;errorPlacement;disabled=false;focused=false;forceShowTooltip=false;selectAllOnFocus=true;focusMethod="focus";optionalTemplate;valueChange;inputRefChange;get _el(){return i(this)}_focused=false;_nonce=l(5);_internals;_inputRef;componentDidLoad(){this._checkAutoFocus()}formResetCallback(){this.value=null;this.valueChange.emit(null)}formDisabledCallback(t){if(!this._internals.form){return}this.disabled=t}render(){const{id:t,prefix:e,suffix:i,hasHeaderSlot:a,hasLabelSlot:s,hasHelperSlot:l,hasErrorSlot:c,hasValueSlot:h}=this._getSlotInfo();return r("p-field-container",{key:"4e58745218d518dd626356c1212c343de289685e",forceShowTooltip:this.forceShowTooltip||this._focused,id:t,label:this.label,loading:this.loading,loadingSize:this.size,helper:this.helper,error:this.error,required:this.required,variant:this.variant},s&&r("slot",{key:"fb1967ee3f28c287bc8ebd8c66070baf8c6ac5fa",name:"label",slot:"label"}),a&&r("slot",{key:"b783a3e6a85809d1d25c81c1fb644fbb0bbb5660",name:"header",slot:"header"}),l&&r("slot",{key:"2a8c9cda13e46aee2dc7adb94d5a6b0ca85317c6",name:"helper",slot:"helper"}),c&&r("slot",{key:"d68d7a4aaad6a506886ed909c87bbb25f6bb8819",name:"error",slot:"error"}),r("div",{key:"102d12276fe7db1a037058ef4b9545b704ea1065",class:p({error:!!this.error?.length,disabled:o(this.disabled),focused:o(this.focused)||this._focused,size:this.size,variant:this.variant,isTextarea:this.type==="textarea"}),title:this.variant==="read"&&!h?this.value:undefined,slot:"content"},(this.error?.length||e||this.icon&&this.iconPosition==="start")&&r("div",{key:"75c8cfd66b2e0f4bf89147b41fdbe60ecb72ef26",class:f({error:!!this.error?.length,disabled:o(this.disabled),focused:o(this.focused)||this._focused,isText:typeof i==="string",isTextarea:this.type==="textarea"}),onClick:()=>this._focusInput()},this.icon&&this.iconPosition==="start"||this.error?.length?r("p-icon",{class:n("flex",{"mt-[0.125rem]":this.variant==="read"&&this.size==="base"}),variant:this.error?.length?"warning":this.icon,rotate:this.iconRotate,flip:this.iconFlip}):e),this._getContent(h,t),(i||this.icon&&this.iconPosition==="end")&&r("div",{key:"1b4e79a2d2cdc8d4fbc2d906abd907502aa6ad00",class:f({error:!!this.error?.length,disabled:o(this.disabled),focused:o(this.focused)||this._focused,isText:typeof i==="string",isTextarea:this.type==="textarea"}),onClick:()=>this._focusInput()},this.icon&&this.iconPosition==="end"?r("p-icon",{class:"flex",variant:this.icon,rotate:this.iconRotate,flip:this.iconFlip}):i)))}handleFocusIn(){if(this.disabled){return}this._focused=true;this._selectAll()}handleFocusOut(){if(this.disabled){return}this._focused=false}handleKeyup(t){if(this.disabled){t.preventDefault();return}if(!this._internals?.form){return}if(this.type==="textarea"||t.key!=="Enter"){return}this._internals.form.requestSubmit()}_getSlotInfo(){const t=!!this._el.querySelector(':scope > [slot="helper"]');const e=!!this._el.querySelector(':scope > [slot="label"]');const i=!!this._el.querySelector(':scope > [slot="prefix"]');const a=!!this._el.querySelector(':scope > [slot="suffix"]');const s=!!this._el.querySelector(':scope > [slot="header"]');const o=!!this._el.querySelector(':scope > [slot="error"]');const n=!!this._el.querySelector(':scope > [slot="value"]');const l=i?r("slot",{name:"prefix"}):this.prefix;const c=a?r("slot",{name:"suffix"}):this.suffix;const h=this.error&&typeof this.error==="string"&&this.error!=="true";const d=this.id?.length?this.id:this._nonce;return{id:d,hasHelperSlot:t,hasLabelSlot:e,hasPrefixSlot:i,hasSuffixSlot:a,hasHeaderSlot:s,hasErrorSlot:o,hasValueSlot:n,prefix:l,suffix:c,errorAndErrorIsNotBoolean:h}}_getContent(t=false,e){if(this.variant==="read"){return t?r("slot",{name:"value"}):!!this.value&&this.value.length>0?this.value:"—"}if(this.type==="slot"){return r("slot",{name:"input"})}const i={id:e,class:m({disabled:o(this.disabled),isTextarea:this.type==="textarea"}),value:this.value,placeholder:this.placeholder,disabled:this.disabled,onInput:t=>this._valueChange(t)};let a=this.properties??{};if(typeof a==="string"){a=JSON.parse(this.properties)}if(this.type==="textarea"){return r("textarea",{ref:t=>this._setInputRef(t),...i,...a})}return r("input",{type:this.type,ref:t=>this._setInputRef(t),...i,...a})}_setInputRef(t){this._inputRef=t;this.inputRefChange.emit(t)}_focusInput(){if(this._inputRef){this._inputRef.focus();return}const t=this._el.querySelector(':scope > [slot="input"]');t[this.focusMethod]()}_selectAll(){if(!this._inputRef||!this.selectAllOnFocus){return}this._inputRef.select()}_valueChange(t){t.stopPropagation();const e=t.originalTarget??t.target;const i=e.value;this.valueChange.emit(i);this._internals.setFormValue(i)}_checkAutoFocus(){if(!this.autofocus){return}if(!this._inputRef){setTimeout((()=>this._checkAutoFocus()),100);return}this._focusInput()}static get formAssociated(){return true}};b.style=d;const u="*{box-sizing:border-box}.ml-2{margin-left:.5rem!important}.flex{display:flex!important}.h-4{height:1rem!important}.h-5{height:1.25rem!important}.h-6{height:1.5rem!important}.h-8{height:2rem!important}.w-full{width:100%!important}.w-inherit{width:inherit!important}.flex-col{flex-direction:column!important}.items-end{align-items:flex-end!important}.items-center{align-items:center!important}.justify-between{justify-content:space-between!important}.gap-1{gap:.25rem!important}.rounded-lg{border-radius:.5rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-medium{font-weight:500!important}.text-black-teal-200{--tw-text-opacity:1!important;color:rgb(154 170 167/var(--tw-text-opacity,1))!important}.text-black-teal-300{--tw-text-opacity:1!important;color:rgb(104 127 124/var(--tw-text-opacity,1))!important}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:85.375rem){.container{max-width:85.375rem}}@media (min-width:90rem){.container{max-width:90rem}}@media (min-width:96rem){.container{max-width:96rem}}@media (min-width:105rem){.container{max-width:105rem}}@media (min-width:120rem){.container{max-width:120rem}}@media (min-width:160rem){.container{max-width:160rem}}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.empty\\:hidden:empty{display:none!important}";const g=s(["rounded-lg w-full"],{variants:{variant:{read:null,write:null},size:{base:null,sm:null}},compoundVariants:[{variant:"read",size:"base",class:"h-5"},{variant:"read",size:"sm",class:"h-4"},{variant:"write",size:"base",class:"h-8"},{variant:"write",size:"sm",class:"h-6"}]});const x=class{constructor(i){t(this,i);this.focus=e(this,"focus",7)}_defaultOptionalTemplate=()=>c(this._locales.optional);id;label;loading=false;loadingSize="base";variant;helper;required;error;errorPlacement;forceShowTooltip=false;optionalTemplate=this._defaultOptionalTemplate;get _el(){return i(this)}focus;_locales={};componentWillLoad(){this._setLocales()}render(){const{hasHeaderSlot:t,hasErrorSlot:e,helper:i,label:s,errorAndErrorIsNotBoolean:n}=this._getSlotInfo();let l=r("slot",{key:"bdbe235fbb6c90a1abe39de37b8a0276da402314",name:"content",slot:"trigger"});if(this.loading){l=r("p-loader",{key:"d2d0ec77dbbd09572f332131fa2b181025616880",variant:"ghost",class:g({variant:this.variant,size:this.loadingSize}),slot:"trigger"})}return r("label",{key:"3a741982c3a3803e27ee6e88fbb0fc40969d8d3b",htmlFor:this.id,class:"flex w-inherit flex-col gap-1"},r("div",{key:"fbcf6774ee7f7258d9c6cad9fd906d1865248bc5",class:"flex items-end justify-between gap-1 empty:hidden"},!!s?.length&&r("div",{key:"80c694ae509da5bae222118d5da5caf3369fbb88",class:"text-xs font-medium text-black-teal-300",onClick:()=>this.focus.emit()},s),(!o(this.required)||i||t)&&r("div",{key:"ac389cbe3c590ea7b67b7215e43d3bbf2daac892",class:"flex items-center gap-1"},!o(this.required)&&this.variant==="write"&&r("span",{key:"0728e2ca201600fa0d843f6d7f5849bb4044f6b4",class:"text-xs font-medium text-black-teal-200"},this.optionalTemplate()),(i||t)&&r(a,{key:"e504a81368982005204b1782b329cd59f836699f"},t&&r("slot",{key:"904f15fbc33bcab64ddc9e9b4d587898da22182b",name:"header"}),i&&r("p-helper",{key:"9ce12c4b9c534397e90e8566a2ef07ab8781b5e8",class:`flex ${t?"ml-2":""}`,placement:"top-end"},i)))),r("p-tooltip",{key:"d5b6353bf29739da57bfb42569e44bfb5e1b2d1f",class:this.variant==="write"||this.loading?"w-full":"",variant:"error",content:this.error,show:n&&o(this.forceShowTooltip),enableUserInput:false,placement:this.errorPlacement},e&&r("slot",{key:"99e9c142a73ca1a5f09106cd8be77f0066b5c6a4",name:"error",slot:"content"}),l))}async _setLocales(){this._locales=await h(this._el)}_getSlotInfo(){const t=!!this._el.querySelector(':scope > [slot="helper"]');const e=!!this._el.querySelector(':scope > [slot="label"]');const i=!!this._el.querySelector(':scope > [slot="header"]');const a=!!this._el.querySelector(':scope > [slot="error"]');const s=t?r("slot",{name:"helper"}):this.helper;const o=e?r("slot",{name:"label"}):this.label;const n=a||this.error&&typeof this.error==="string"&&this.error!=="true";return{hasHelperSlot:t,hasLabelSlot:e,hasHeaderSlot:i,hasErrorSlot:a,helper:s,label:o,errorAndErrorIsNotBoolean:n}}};x.style=u;export{b as p_field,x as p_field_container};
|
|
2
|
-
//# sourceMappingURL=p-d6adac97.entry.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["fieldComponentCss","field","cva","variants","variant","read","write","size","sm","base","disabled","false","true","focused","error","isTextarea","compoundVariants","class","input","prefixAndSuffix","isText","Field","id","type","properties","prefix","suffix","icon","iconFlip","iconRotate","iconPosition","value","label","loading","placeholder","helper","required","autofocus","errorPlacement","forceShowTooltip","selectAllOnFocus","focusMethod","optionalTemplate","valueChange","inputRefChange","_focused","_nonce","nonce","_internals","_inputRef","componentDidLoad","this","_checkAutoFocus","formResetCallback","emit","formDisabledCallback","form","render","hasHeaderSlot","hasLabelSlot","hasHelperSlot","hasErrorSlot","hasValueSlot","_getSlotInfo","h","key","loadingSize","name","slot","length","asBoolean","title","undefined","onClick","_focusInput","cn","rotate","flip","_getContent","handleFocusIn","_selectAll","handleFocusOut","handleKeyup","ev","preventDefault","requestSubmit","_el","querySelector","hasPrefixSlot","hasSuffixSlot","errorAndErrorIsNotBoolean","props","onInput","_valueChange","JSON","parse","ref","_setInputRef","focus","select","stopPropagation","target","originalTarget","setFormValue","setTimeout","fieldContainerComponentCss","loader","FieldContainer","_defaultOptionalTemplate","formatTranslation","_locales","optional","componentWillLoad","_setLocales","contentSlot","htmlFor","Fragment","placement","content","show","enableUserInput","getLocaleComponentStrings"],"sources":["src/components/molecules/field/field/field.component.css?tag=p-field&encapsulation=shadow","src/components/molecules/field/field/field.component.tsx","src/components/molecules/field/container/field-container.component.css?tag=p-field-container&encapsulation=shadow","src/components/molecules/field/container/field-container.component.tsx"],"sourcesContent":[null,"import { Placement } from '@floating-ui/dom';\nimport {\n\tAttachInternals,\n\tComponent,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tListen,\n\tProp,\n\tState,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { HTMLInputTypeAttribute } from 'react';\nimport { RotateOptions } from '../../../../types/tailwind';\nimport { asBoolean } from '../../../../utils/as-boolean';\nimport { cn } from '../../../../utils/cn';\nimport { nonce } from '../../../../utils/nonce';\nimport {\n\tIconFlipOptions,\n\tIconVariant,\n} from '../../../atoms/icon/icon.component';\nimport { templateFunc } from '../container/field-container.component';\n\nconst field = cva(['flex gap-2', 'w-inherit', 'border-solid rounded-lg'], {\n\tvariants: {\n\t\tvariant: {\n\t\t\tread: 'border-0 items-start',\n\t\t\twrite: 'border px-2',\n\t\t},\n\t\tsize: {\n\t\t\tsm: null,\n\t\t\tbase: null,\n\t\t},\n\t\tdisabled: {\n\t\t\tfalse: null,\n\t\t\ttrue: null,\n\t\t},\n\t\tfocused: {\n\t\t\tfalse: null,\n\t\t\ttrue: null,\n\t\t},\n\t\terror: {\n\t\t\tfalse: null,\n\t\t\ttrue: null,\n\t\t},\n\t\tisTextarea: {\n\t\t\tfalse: null,\n\t\t\ttrue: 'items-start',\n\t\t},\n\t},\n\tcompoundVariants: [\n\t\t{\n\t\t\tsize: 'sm',\n\t\t\tvariant: 'write',\n\t\t\tisTextarea: false,\n\t\t\tclass: 'h-6',\n\t\t},\n\t\t{\n\t\t\tsize: 'base',\n\t\t\tvariant: 'write',\n\t\t\tisTextarea: false,\n\t\t\tclass: 'h-8',\n\t\t},\n\n\t\t{\n\t\t\tsize: 'sm',\n\t\t\tvariant: 'read',\n\t\t\tclass: 'min-h-4 text-xs',\n\t\t},\n\t\t{\n\t\t\tsize: 'base',\n\t\t\tvariant: 'read',\n\t\t\tclass: 'min-h-5 text-sm',\n\t\t},\n\n\t\t{\n\t\t\tvariant: 'write',\n\t\t\tfocused: false,\n\t\t\terror: false,\n\t\t\tclass: 'border-black-teal-100',\n\t\t},\n\t\t{\n\t\t\tvariant: 'write',\n\t\t\tdisabled: false,\n\t\t\tfocused: true,\n\t\t\terror: false,\n\t\t\tclass:\n\t\t\t\t'border-supportive-lilac-800 ring ring-supportive-lilac-100 selection:bg-supportive-lilac',\n\t\t},\n\n\t\t{\n\t\t\tvariant: 'write',\n\t\t\tdisabled: false,\n\t\t\tclass: 'bg-white',\n\t\t},\n\t\t{\n\t\t\tvariant: 'write',\n\t\t\tdisabled: true,\n\t\t\tclass: 'bg-white-600 cursor-not-allowed',\n\t\t},\n\n\t\t{\n\t\t\tdisabled: false,\n\t\t\terror: true,\n\t\t\tclass: 'border-negative-red',\n\t\t},\n\t\t{\n\t\t\tdisabled: false,\n\t\t\tfocused: true,\n\t\t\terror: true,\n\t\t\tclass: 'ring ring-negative-red-50 selection:bg-negative-red-50',\n\t\t},\n\t],\n});\n\nconst input = cva(\n\t[\n\t\t'text-sm placeholder:text-sm placeholder:text-black-teal-200 text-black-teal',\n\t\t'border-none bg-transparent flex-1 min-w-0',\n\t\t'outline-none focus:outline-none',\n\t\t'font-geist',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tisTextarea: {\n\t\t\t\tfalse: 'h-full',\n\t\t\t\ttrue: 'mt-1',\n\t\t\t},\n\t\t\tdisabled: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'cursor-not-allowed',\n\t\t\t},\n\t\t},\n\t}\n);\n\nconst prefixAndSuffix = cva(\n\t['flex flex-shrink-0 justify-center items-center text-center'],\n\t{\n\t\tvariants: {\n\t\t\tdisabled: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'text-black-teal-100',\n\t\t\t},\n\t\t\tfocused: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: null,\n\t\t\t},\n\t\t\terror: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: null,\n\t\t\t},\n\t\t\tisText: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'text-sm',\n\t\t\t},\n\t\t\tisTextarea: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'mt-2',\n\t\t\t},\n\t\t},\n\t\tcompoundVariants: [\n\t\t\t{\n\t\t\t\tdisabled: false,\n\t\t\t\tfocused: false,\n\t\t\t\terror: false,\n\t\t\t\tclass: 'text-black-teal-300',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tdisabled: false,\n\t\t\t\tfocused: true,\n\t\t\t\terror: false,\n\t\t\t\tclass: 'text-black-teal-500',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tdisabled: false,\n\t\t\t\tfocused: false,\n\t\t\t\terror: true,\n\t\t\t\tclass: 'text-negative-red',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tdisabled: false,\n\t\t\t\tfocused: true,\n\t\t\t\terror: true,\n\t\t\t\tclass: 'text-negative-red-800',\n\t\t\t},\n\t\t],\n\t}\n);\n\n@Component({\n\ttag: 'p-field',\n\tstyleUrl: './field.component.css',\n\tshadow: true,\n\tformAssociated: true,\n})\nexport class Field {\n\t/**\n\t * The variant of the field\n\t */\n\t@Prop() variant: 'read' | 'write' = 'write';\n\n\t/**\n\t * The id of the field\n\t */\n\t@Prop() id: string;\n\n\t/**\n\t * The size of the field\n\t */\n\t@Prop() size: 'sm' | 'base' = 'base';\n\n\t/**\n\t * The type of the field\n\t */\n\t@Prop() type: HTMLInputTypeAttribute | 'textarea' | 'slot' = 'text';\n\n\t/**\n\t * The size of the field\n\t */\n\t@Prop() properties: any | string = {};\n\n\t/**\n\t * The prefix of the field\n\t */\n\t@Prop() prefix: string;\n\n\t/**\n\t * The suffix of the field\n\t */\n\t@Prop() suffix: string;\n\n\t/**\n\t * Icon of the field\n\t */\n\t@Prop() icon: IconVariant;\n\n\t/**\n\t * Icon flip */\n\t@Prop() iconFlip: IconFlipOptions;\n\n\t/**\n\t * Icon rotate\n\t */\n\t@Prop() iconRotate: RotateOptions;\n\n\t/**\n\t * Icon position\n\t */\n\t@Prop() iconPosition: 'start' | 'end' = 'start';\n\n\t/**\n\t * The value of the input\n\t */\n\t@Prop() value: string;\n\n\t/**\n\t * The label of the field\n\t */\n\t@Prop() label: string;\n\n\t/**\n\t * Wether the field is in loading state\n\t */\n\t@Prop() loading: boolean = false;\n\n\t/**\n\t * The placeholder of the input\n\t */\n\t@Prop() placeholder: string;\n\n\t/**\n\t * The helper of the field\n\t */\n\t@Prop() helper: string;\n\n\t/**\n\t * Wether the field is required\n\t */\n\t@Prop({ reflect: true }) required: boolean = true;\n\n\t/**\n\t * Wether to autofocus the field\n\t */\n\t@Prop({ reflect: true }) autofocus: boolean = false;\n\n\t/**\n\t * The error to display\n\t */\n\t@Prop({ reflect: true }) error: string;\n\n\t/**\n\t * The placement of the error popover\n\t */\n\t@Prop() errorPlacement: Placement;\n\n\t/**\n\t * Wether the field is disabled\n\t */\n\t@Prop({ reflect: true }) disabled: boolean = false;\n\n\t/**\n\t * Wether the field is focused\n\t */\n\t@Prop({ reflect: true }) focused: boolean = false;\n\n\t/**\n\t * Force show the error tooltip\n\t */\n\t@Prop({ reflect: true }) forceShowTooltip: boolean = false;\n\n\t/**\n\t * Wether to select all text on focus\n\t */\n\t@Prop({ reflect: true }) selectAllOnFocus: boolean = true;\n\n\t/**\n\t * The method to use when focusing the input\n\t */\n\t@Prop() focusMethod: 'focus' | 'click' = 'focus';\n\n\t/**\n\t * The template for the optional text\n\t */\n\t@Prop() optionalTemplate: templateFunc;\n\n\t/**\n\t * Event whenever the value changes\n\t */\n\t@Event({ bubbles: false }) valueChange: EventEmitter<string>;\n\n\t/**\n\t * Event whenever the input ref changes\n\t */\n\t@Event() inputRefChange: EventEmitter<HTMLInputElement | HTMLTextAreaElement>;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\t@State() private _focused = false;\n\t@State() private _nonce = nonce(5);\n\n\t@AttachInternals() _internals: ElementInternals;\n\n\tprivate _inputRef: HTMLInputElement | HTMLTextAreaElement;\n\n\tcomponentDidLoad() {\n\t\tthis._checkAutoFocus();\n\t}\n\n\tformResetCallback() {\n\t\tthis.value = null;\n\t\tthis.valueChange.emit(null);\n\t}\n\n\tformDisabledCallback(disabled: boolean) {\n\t\tif (!this._internals.form) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.disabled = disabled;\n\t}\n\n\trender() {\n\t\tconst {\n\t\t\tid,\n\t\t\tprefix,\n\t\t\tsuffix,\n\t\t\thasHeaderSlot,\n\t\t\thasLabelSlot,\n\t\t\thasHelperSlot,\n\t\t\thasErrorSlot,\n\t\t\thasValueSlot,\n\t\t} = this._getSlotInfo();\n\n\t\treturn (\n\t\t\t<p-field-container\n\t\t\t\tforceShowTooltip={this.forceShowTooltip || this._focused}\n\t\t\t\tid={id}\n\t\t\t\tlabel={this.label}\n\t\t\t\tloading={this.loading}\n\t\t\t\tloadingSize={this.size}\n\t\t\t\thelper={this.helper}\n\t\t\t\terror={this.error}\n\t\t\t\trequired={this.required}\n\t\t\t\tvariant={this.variant}\n\t\t\t>\n\t\t\t\t{hasLabelSlot && (\n\t\t\t\t\t<slot\n\t\t\t\t\t\tname='label'\n\t\t\t\t\t\tslot='label'\n\t\t\t\t\t/>\n\t\t\t\t)}\n\n\t\t\t\t{hasHeaderSlot && (\n\t\t\t\t\t<slot\n\t\t\t\t\t\tname='header'\n\t\t\t\t\t\tslot='header'\n\t\t\t\t\t/>\n\t\t\t\t)}\n\n\t\t\t\t{hasHelperSlot && (\n\t\t\t\t\t<slot\n\t\t\t\t\t\tname='helper'\n\t\t\t\t\t\tslot='helper'\n\t\t\t\t\t/>\n\t\t\t\t)}\n\n\t\t\t\t{hasErrorSlot && (\n\t\t\t\t\t<slot\n\t\t\t\t\t\tname='error'\n\t\t\t\t\t\tslot='error'\n\t\t\t\t\t/>\n\t\t\t\t)}\n\n\t\t\t\t<div\n\t\t\t\t\tclass={field({\n\t\t\t\t\t\terror: !!this.error?.length,\n\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\tfocused: asBoolean(this.focused) || this._focused,\n\t\t\t\t\t\tsize: this.size,\n\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t\tisTextarea: this.type === 'textarea',\n\t\t\t\t\t})}\n\t\t\t\t\ttitle={\n\t\t\t\t\t\tthis.variant === 'read' && !hasValueSlot ? this.value : undefined\n\t\t\t\t\t}\n\t\t\t\t\tslot='content'\n\t\t\t\t>\n\t\t\t\t\t{(this.error?.length ||\n\t\t\t\t\t\tprefix ||\n\t\t\t\t\t\t(this.icon && this.iconPosition === 'start')) && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass={prefixAndSuffix({\n\t\t\t\t\t\t\t\terror: !!this.error?.length,\n\t\t\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\t\t\tfocused: asBoolean(this.focused) || this._focused,\n\t\t\t\t\t\t\t\tisText: typeof suffix === 'string',\n\t\t\t\t\t\t\t\tisTextarea: this.type === 'textarea',\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\tonClick={() => this._focusInput()}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{(this.icon && this.iconPosition === 'start') ||\n\t\t\t\t\t\t\tthis.error?.length ? (\n\t\t\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\t\t\tclass={cn('flex', {\n\t\t\t\t\t\t\t\t\t\t'mt-[0.125rem]':\n\t\t\t\t\t\t\t\t\t\t\tthis.variant === 'read' && this.size === 'base',\n\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\tvariant={this.error?.length ? 'warning' : this.icon}\n\t\t\t\t\t\t\t\t\trotate={this.iconRotate}\n\t\t\t\t\t\t\t\t\tflip={this.iconFlip}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\tprefix\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{this._getContent(hasValueSlot, id)}\n\n\t\t\t\t\t{(suffix || (this.icon && this.iconPosition === 'end')) && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass={prefixAndSuffix({\n\t\t\t\t\t\t\t\terror: !!this.error?.length,\n\t\t\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\t\t\tfocused: asBoolean(this.focused) || this._focused,\n\t\t\t\t\t\t\t\tisText: typeof suffix === 'string',\n\t\t\t\t\t\t\t\tisTextarea: this.type === 'textarea',\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\tonClick={() => this._focusInput()}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{this.icon && this.iconPosition === 'end' ? (\n\t\t\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\t\t\tclass='flex'\n\t\t\t\t\t\t\t\t\tvariant={this.icon}\n\t\t\t\t\t\t\t\t\trotate={this.iconRotate}\n\t\t\t\t\t\t\t\t\tflip={this.iconFlip}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\tsuffix\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</p-field-container>\n\t\t);\n\t}\n\n\t@Listen('focusin')\n\thandleFocusIn() {\n\t\tif (this.disabled) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._focused = true;\n\t\tthis._selectAll();\n\t}\n\n\t@Listen('focusout')\n\thandleFocusOut() {\n\t\tif (this.disabled) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._focused = false;\n\t}\n\n\t@Listen('keyup', { capture: true })\n\thandleKeyup(ev: KeyboardEvent) {\n\t\tif (this.disabled) {\n\t\t\tev.preventDefault();\n\t\t\treturn;\n\t\t}\n\n\t\tif (!this._internals?.form) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this.type === 'textarea' || ev.key !== 'Enter') {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._internals.form.requestSubmit();\n\t}\n\n\tprivate _getSlotInfo() {\n\t\tconst hasHelperSlot = !!this._el.querySelector(':scope > [slot=\"helper\"]');\n\t\tconst hasLabelSlot = !!this._el.querySelector(':scope > [slot=\"label\"]');\n\t\tconst hasPrefixSlot = !!this._el.querySelector(':scope > [slot=\"prefix\"]');\n\t\tconst hasSuffixSlot = !!this._el.querySelector(':scope > [slot=\"suffix\"]');\n\t\tconst hasHeaderSlot = !!this._el.querySelector(':scope > [slot=\"header\"]');\n\t\tconst hasErrorSlot = !!this._el.querySelector(':scope > [slot=\"error\"]');\n\t\tconst hasValueSlot = !!this._el.querySelector(':scope > [slot=\"value\"]');\n\n\t\tconst prefix = hasPrefixSlot ? <slot name='prefix' /> : this.prefix;\n\t\tconst suffix = hasSuffixSlot ? <slot name='suffix' /> : this.suffix;\n\n\t\tconst errorAndErrorIsNotBoolean =\n\t\t\tthis.error && typeof this.error === 'string' && this.error !== 'true';\n\n\t\tconst id = this.id?.length ? this.id : this._nonce;\n\n\t\treturn {\n\t\t\tid,\n\t\t\thasHelperSlot,\n\t\t\thasLabelSlot,\n\t\t\thasPrefixSlot,\n\t\t\thasSuffixSlot,\n\t\t\thasHeaderSlot,\n\t\t\thasErrorSlot,\n\t\t\thasValueSlot,\n\t\t\tprefix,\n\t\t\tsuffix,\n\t\t\terrorAndErrorIsNotBoolean,\n\t\t};\n\t}\n\n\tprivate _getContent(hasValueSlot = false, id: string) {\n\t\tif (this.variant === 'read') {\n\t\t\treturn hasValueSlot ? (\n\t\t\t\t<slot name='value' />\n\t\t\t) : !!this.value && this.value.length > 0 ? (\n\t\t\t\tthis.value\n\t\t\t) : (\n\t\t\t\t'—'\n\t\t\t);\n\t\t}\n\n\t\tif (this.type === 'slot') {\n\t\t\treturn <slot name='input' />;\n\t\t}\n\n\t\tconst props = {\n\t\t\tid,\n\t\t\tclass: input({\n\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\tisTextarea: this.type === 'textarea',\n\t\t\t}),\n\t\t\tvalue: this.value,\n\t\t\tplaceholder: this.placeholder,\n\t\t\tdisabled: this.disabled,\n\t\t\tonInput: (ev: InputEvent) => this._valueChange(ev),\n\t\t};\n\n\t\tlet properties = this.properties ?? {};\n\t\tif (typeof properties === 'string') {\n\t\t\tproperties = JSON.parse(this.properties);\n\t\t}\n\n\t\tif (this.type === 'textarea') {\n\t\t\treturn (\n\t\t\t\t<textarea\n\t\t\t\t\tref={ref => this._setInputRef(ref)}\n\t\t\t\t\t{...props}\n\t\t\t\t\t{...properties}\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<input\n\t\t\t\ttype={this.type}\n\t\t\t\tref={ref => this._setInputRef(ref)}\n\t\t\t\t{...props}\n\t\t\t\t{...properties}\n\t\t\t/>\n\t\t);\n\t}\n\n\tprivate _setInputRef(ref: HTMLInputElement | HTMLTextAreaElement) {\n\t\tthis._inputRef = ref;\n\t\tthis.inputRefChange.emit(ref);\n\t}\n\n\tprivate _focusInput() {\n\t\tif (this._inputRef) {\n\t\t\tthis._inputRef.focus();\n\t\t\treturn;\n\t\t}\n\n\t\tconst input = this._el.querySelector(':scope > [slot=\"input\"]');\n\t\t(input as HTMLElement)[this.focusMethod]();\n\t}\n\n\tprivate _selectAll() {\n\t\tif (!this._inputRef || !this.selectAllOnFocus) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._inputRef.select();\n\t}\n\n\tprivate _valueChange(ev) {\n\t\tev.stopPropagation();\n\t\tconst target = (ev.originalTarget ?? ev.target) as\n\t\t\t| HTMLTextAreaElement\n\t\t\t| HTMLInputElement;\n\t\tconst value = target.value;\n\t\tthis.valueChange.emit(value);\n\t\tthis._internals.setFormValue(value);\n\t}\n\n\tprivate _checkAutoFocus() {\n\t\tif (!this.autofocus) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (!this._inputRef) {\n\t\t\tsetTimeout(() => this._checkAutoFocus(), 100);\n\t\t\treturn;\n\t\t}\n\n\t\tthis._focusInput();\n\t}\n}\n",null,"import { Placement } from '@floating-ui/dom';\nimport {\n Component,\n Element,\n Event,\n EventEmitter,\n Fragment,\n h,\n Listen,\n Prop,\n State\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport {\n formatTranslation,\n getLocaleComponentStrings,\n} from '../../../../utils';\nimport { asBoolean } from '../../../../utils/as-boolean';\n\nconst loader = cva(['rounded-lg w-full'], {\n\tvariants: {\n\t\tvariant: {\n\t\t\tread: null,\n\t\t\twrite: null,\n\t\t},\n\t\tsize: {\n\t\t\tbase: null,\n\t\t\tsm: null,\n\t\t},\n\t},\n\tcompoundVariants: [\n\t\t{\n\t\t\tvariant: 'read',\n\t\t\tsize: 'base',\n\t\t\tclass: 'h-5',\n\t\t},\n\t\t{\n\t\t\tvariant: 'read',\n\t\t\tsize: 'sm',\n\t\t\tclass: 'h-4',\n\t\t},\n\n\t\t{\n\t\t\tvariant: 'write',\n\t\t\tsize: 'base',\n\t\t\tclass: 'h-8',\n\t\t},\n\t\t{\n\t\t\tvariant: 'write',\n\t\t\tsize: 'sm',\n\t\t\tclass: 'h-6',\n\t\t},\n\t],\n});\n\nexport type templateFunc = () => string;\n\n@Component({\n\ttag: 'p-field-container',\n\tstyleUrl: 'field-container.component.css',\n\tshadow: true,\n})\nexport class FieldContainer {\n\tprivate _defaultOptionalTemplate: templateFunc = () =>\n\t\tformatTranslation(this._locales.optional);\n\t/**\n\t * The id for the label\n\t */\n\t@Prop() id: string;\n\n\t/**\n\t * The label of the input group\n\t */\n\t@Prop() label: string | HTMLSlotElement;\n\n\t/**\n\t * Wether the field container is in loading state\n\t */\n\t@Prop() loading: boolean = false;\n\n\t/**\n\t * The size of the loader\n\t */\n\t@Prop() loadingSize: 'base' | 'sm' = 'base';\n\n\t/**\n\t * The variant of the field container\n\t */\n\t@Prop() variant: 'read' | 'write';\n\n\t/**\n\t * The helper of the input group\n\t */\n\t@Prop() helper: string | HTMLSlotElement;\n\n\t/**\n\t * Wether the field is required\n\t */\n\t@Prop({ reflect: true }) required: boolean;\n\n\t/**\n\t * The helper of the input group\n\t */\n\t@Prop({ reflect: true }) error: string | HTMLSlotElement;\n\n\t/**\n\t * The placement of the error popover\n\t */\n\t@Prop() errorPlacement: Placement;\n\n\t/**\n\t * Force show the error tooltip\n\t */\n\t@Prop({ reflect: true }) forceShowTooltip: boolean = false;\n\n\t/**\n\t * The template for the optional text\n\t */\n\t@Prop() optionalTemplate: templateFunc = this._defaultOptionalTemplate;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\t@Event() focus: EventEmitter<void>;\n\n\t/**\n\t * Locales used for this component\n\t */\n\t@State() private _locales: any = {};\n\n\tcomponentWillLoad() {\n\t\tthis._setLocales();\n\t}\n\n\trender() {\n\t\tconst {\n\t\t\thasHeaderSlot,\n\t\t\thasErrorSlot,\n\t\t\thelper,\n\t\t\tlabel,\n\t\t\terrorAndErrorIsNotBoolean,\n\t\t} = this._getSlotInfo();\n\n\t\tlet contentSlot = (\n\t\t\t<slot\n\t\t\t\tname='content'\n\t\t\t\tslot='trigger'\n\t\t\t/>\n\t\t);\n\n\t\tif (this.loading) {\n\t\t\tcontentSlot = (\n\t\t\t\t<p-loader\n\t\t\t\t\tvariant='ghost'\n\t\t\t\t\tclass={loader({ variant: this.variant, size: this.loadingSize })}\n\t\t\t\t\tslot='trigger'\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<label\n\t\t\t\thtmlFor={this.id}\n\t\t\t\tclass='flex w-inherit flex-col gap-1'\n\t\t\t>\n\t\t\t\t<div class='flex items-end justify-between gap-1 empty:hidden'>\n\t\t\t\t\t{!!label?.length && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass='text-xs font-medium text-black-teal-300'\n\t\t\t\t\t\t\tonClick={() => this.focus.emit()}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{label}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{(!asBoolean(this.required) || helper || hasHeaderSlot) && (\n\t\t\t\t\t\t<div class='flex items-center gap-1'>\n\t\t\t\t\t\t\t{!asBoolean(this.required) && this.variant === 'write' && (\n\t\t\t\t\t\t\t\t<span class='text-xs font-medium text-black-teal-200'>\n\t\t\t\t\t\t\t\t\t{this.optionalTemplate()}\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t{(helper || hasHeaderSlot) && (\n\t\t\t\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t\t\t\t{hasHeaderSlot && <slot name='header' />}\n\t\t\t\t\t\t\t\t\t{helper && (\n\t\t\t\t\t\t\t\t\t\t<p-helper\n\t\t\t\t\t\t\t\t\t\t\tclass={`flex ${hasHeaderSlot ? 'ml-2' : ''}`}\n\t\t\t\t\t\t\t\t\t\t\tplacement='top-end'\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{helper}\n\t\t\t\t\t\t\t\t\t\t</p-helper>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</Fragment>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\n\t\t\t\t<p-tooltip\n\t\t\t\t\tclass={this.variant === 'write' || this.loading ? 'w-full' : ''}\n\t\t\t\t\tvariant='error'\n\t\t\t\t\tcontent={this.error}\n\t\t\t\t\tshow={errorAndErrorIsNotBoolean && asBoolean(this.forceShowTooltip)}\n\t\t\t\t\tenableUserInput={false}\n\t\t\t\t\tplacement={this.errorPlacement}\n\t\t\t\t>\n\t\t\t\t\t{hasErrorSlot && (\n\t\t\t\t\t\t<slot\n\t\t\t\t\t\t\tname='error'\n\t\t\t\t\t\t\tslot='content'\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{contentSlot}\n\t\t\t\t</p-tooltip>\n\t\t\t</label>\n\t\t);\n\t}\n\n\t@Listen('localeChanged', { target: 'body' })\n\tprivate async _setLocales(): Promise<void> {\n\t\tthis._locales = await getLocaleComponentStrings(this._el);\n\t}\n\n\tprivate _getSlotInfo() {\n\t\tconst hasHelperSlot = !!this._el.querySelector(':scope > [slot=\"helper\"]');\n\t\tconst hasLabelSlot = !!this._el.querySelector(':scope > [slot=\"label\"]');\n\t\tconst hasHeaderSlot = !!this._el.querySelector(':scope > [slot=\"header\"]');\n\t\tconst hasErrorSlot = !!this._el.querySelector(':scope > [slot=\"error\"]');\n\n\t\tconst helper = hasHelperSlot ? <slot name='helper' /> : this.helper;\n\t\tconst label = hasLabelSlot ? <slot name='label' /> : this.label;\n\n\t\tconst errorAndErrorIsNotBoolean =\n\t\t\thasErrorSlot ||\n\t\t\t(this.error && typeof this.error === 'string' && this.error !== 'true');\n\n\t\treturn {\n\t\t\thasHelperSlot,\n\t\t\thasLabelSlot,\n\t\t\thasHeaderSlot,\n\t\t\thasErrorSlot,\n\t\t\thelper,\n\t\t\tlabel,\n\t\t\terrorAndErrorIsNotBoolean,\n\t\t};\n\t}\n}\n"],"mappings":"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","ignoreList":[]}
|
package/dist/build/p-f6c20d26.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{p as e,b as a}from"./p-DhGo7hbh.js";export{s as setNonce}from"./p-DhGo7hbh.js";import{g as t}from"./p-DQuL1Twl.js";var o=()=>{const a=import.meta.url;const t={};if(a!==""){t.resourcesUrl=new URL(".",a).href}return e(t)};o().then((async e=>{await t();return a(JSON.parse('[["p-4e95f16d",[[4,"p-button",{"label":[1],"as":[1],"variant":[1],"active":[4],"underline":[4],"href":[1],"target":[1],"size":[1],"type":[1],"loading":[4],"chevron":[8],"chevronPosition":[1,"chevron-position"],"disabled":[4],"icon":[1],"iconOnly":[4,"icon-only"],"iconPosition":[1,"icon-position"],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"],"inheritText":[4,"inherit-text"],"buttonGroupPosition":[1,"button-group-position"],"class":[1]},[[2,"click","handleClick"]]],[1,"p-loader",{"show":[4],"variant":[1],"color":[1],"modalTitle":[1,"modal-title"],"modalDescription":[1,"modal-description"]}],[1,"p-icon",{"variant":[1],"size":[1],"rotate":[2],"flip":[1]}]]],["p-6230b6da",[[4,"p-table",{"items":[1],"loading":[4],"headerLoading":[4,"header-loading"],"footerLoading":[4,"footer-loading"],"amountOfLoadingRows":[2,"amount-of-loading-rows"],"enableRowSelection":[4,"enable-row-selection"],"rowSelectionLimit":[2,"row-selection-limit"],"enableRowClick":[4,"enable-row-click"],"selectedRows":[16,"selected-rows"],"enableFloatingMenu":[4,"enable-floating-menu"],"floatingMenuAmountSelectedTemplate":[16,"floating-menu-amount-selected-template"],"selectionKey":[1,"selection-key"],"canSelectKey":[1,"can-select-key"],"enableHeader":[4,"enable-header"],"quickFilters":[16,"quick-filters"],"activeQuickFilterIdentifier":[1,"active-quick-filter-identifier"],"enableSearch":[4,"enable-search"],"query":[1025],"enableFilter":[4,"enable-filter"],"enableFilterDesktop":[4,"enable-filter-desktop"],"selectedFiltersAmount":[2,"selected-filters-amount"],"filterButtonTemplate":[16,"filter-button-template"],"enableAction":[4,"enable-action"],"actionButtonLoading":[4,"action-button-loading"],"actionButtonEnabled":[4,"action-button-enabled"],"actionButtonIcon":[1,"action-button-icon"],"actionButtonText":[1,"action-button-text"],"actionButtonTemplate":[16,"action-button-template"],"enableFooter":[4,"enable-footer"],"enablePaginationSize":[4,"enable-pagination-size"],"enablePaginationPages":[4,"enable-pagination-pages"],"enableExport":[4,"enable-export"],"page":[1538],"total":[2],"pageSize":[2,"page-size"],"pageSizeOptions":[16,"page-size-options"],"hideOnSinglePage":[4,"hide-on-single-page"],"emptyStateHeader":[16,"empty-state-header"],"emptyStateContent":[16,"empty-state-content"],"emptyStateAction":[16,"empty-state-action"],"enableEmptyStateAction":[4,"enable-empty-state-action"],"emptyStateFilteredHeader":[16,"empty-state-filtered-header"],"emptyStateFilteredContent":[16,"empty-state-filtered-content"],"shadow":[4],"_locales":[32],"_columns":[32],"_items":[32],"_enableRowSelection":[32],"_rowSelectionLimit":[32],"_rowActionsFloating":[32],"_rowActionsRow":[32],"_footerHidden":[32]},[[16,"localeChanged","_setLocales"],[16,"tableDefinitionChanged","onTableDefinitionUpdated"],[4,"keydown","keyDown"],[4,"keyup","keyUp"],[4,"visibilitychange","visibilityChange"],[9,"resize","_setRowSelectionData"]],{"items":["_parseItems"],"enableRowSelection":["_setRowSelectionData"],"rowSelectionLimit":["_setRowSelectionData"],"selectedRows":["_setRowSelectionData"]}]]],["p-4afd0801",[[65,"p-select",{"items":[1],"multi":[516],"usePortal":[4,"use-portal"],"strategy":[1],"icon":[1],"query":[1],"placeholder":[1],"autocompletePlaceholder":[1,"autocomplete-placeholder"],"value":[8],"displayKey":[1,"display-key"],"dropdownDisplayKey":[1,"dropdown-display-key"],"selectionDisplayKey":[1,"selection-display-key"],"valueKey":[1,"value-key"],"avatarKey":[1,"avatar-key"],"iconKey":[1,"icon-key"],"showIconInSelectedItem":[1,"show-icon-in-selected-item"],"classKey":[1,"class-key"],"applyClassOnSelectedItem":[1,"apply-class-on-selected-item"],"avatarLettersKey":[1,"avatar-letters-key"],"identifierKey":[1,"identifier-key"],"queryKey":[1,"query-key"],"autoSelectFirst":[4,"auto-select-first"],"showChevron":[4,"show-chevron"],"maxDisplayedItems":[2,"max-displayed-items"],"enableAutocomplete":[4,"enable-autocomplete"],"asyncFilter":[4,"async-filter"],"loading":[4],"enableSelectAll":[4,"enable-select-all"],"selectAllText":[1,"select-all-text"],"selectAllIcon":[1,"select-all-icon"],"size":[1],"prefix":[1],"label":[1],"helper":[1],"required":[516],"error":[513],"disabled":[516],"showAddItem":[4,"show-add-item"],"addItemText":[1,"add-item-text"],"emptyStateText":[1,"empty-state-text"],"_showDropdown":[32],"_selectedItem":[32],"_allSelected":[32],"_amountHidden":[32]},[[6,"click","documentClickHandler"]],{"value":["_valueChange"],"items":["itemChanges"],"_showDropdown":["_showDropdownChanges"],"multi":["multiChanges"]}]]],["p-43d3357f",[[64,"p-datepicker",{"placeholder":[1],"value":[1],"preselectToday":[4,"preselect-today"],"enableNativePicker":[4,"enable-native-picker"],"disabledDates":[1,"disabled-dates"],"minDate":[1,"min-date"],"maxDate":[1,"max-date"],"disableWeekends":[4,"disable-weekends"],"mode":[1],"format":[1],"hideIconWhenFilled":[4,"hide-icon-when-filled"],"size":[1],"prefix":[1],"label":[1],"loading":[4],"helper":[1],"required":[516],"error":[513],"disabled":[516],"strategy":[1],"placement":[513],"_showDropdown":[32],"_value":[32],"_minDate":[32],"_maxDate":[32],"_disabledDates":[32],"_isMobileBrowser":[32]},[[6,"click","documentClickHandler"]],{"value":["parseValue"],"minDate":["parseMinDate"],"maxDate":["parseMaxDate"],"disabledDates":["parseDisabledDates"]}]]],["p-00e39694",[[1,"p-modal",{"size":[1],"header":[1],"show":[4],"applyBlur":[4,"apply-blur"],"showClose":[4,"show-close"],"showMobileFooter":[4,"show-mobile-footer"],"backdropClickClose":[4,"backdrop-click-close"],"scrollLock":[4,"scroll-lock"],"_closing":[32]},[[8,"closeModal","handleCloseModal"]]]]],["p-9c277029",[[1,"p-drawer",{"header":[1],"show":[4],"applyBlur":[4,"apply-blur"],"showClose":[4,"show-close"],"backdropClickClose":[4,"backdrop-click-close"],"canClose":[4,"can-close"],"scrollLock":[4,"scroll-lock"],"_closing":[32]},[[8,"closeDrawer","handleCloseDrawer"],[8,"forceCloseDrawer","handleForceCloseDrawer"]]]]],["p-de598439",[[1,"p-attachment",{"enableCameraOnMobile":[4,"enable-camera-on-mobile"],"value":[1],"fileId":[1,"file-id"],"accept":[1],"label":[1],"helper":[1],"required":[516],"mode":[1],"placeholder":[1],"cameraTooltip":[1,"camera-tooltip"],"downloadTooltip":[1,"download-tooltip"],"uploadTooltip":[1,"upload-tooltip"],"deleteTooltip":[1,"delete-tooltip"],"loading":[4],"error":[1]}]]],["p-856f3266",[[1,"p-profile",{"dropdownLocation":[1,"dropdown-location"],"_dropdownOpen":[32],"_hasDropdownSlot":[32]},[[0,"slotchange","slotchange"]]]]],["p-b0fc8bea",[[1,"p-navbar",{"_show":[32]},[[8,"closeNavbar","handleCloseNavbar"],[8,"openNavbar","handleOpenNavbar"]]]]],["p-f1f14a3f",[[1,"p-card-header",{"variant":[1],"header":[1],"icon":[1],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"]}]]],["p-79ed922f",[[4,"p-navigation-item",{"icon":[1],"active":[4],"loading":[4],"as":[1],"counter":[8],"href":[1],"target":[1],"class":[1]}]]],["p-3bd5d63a",[[1,"p-toast",{"variant":[1],"header":[1],"content":[1],"enableAction":[4,"enable-action"],"actionIcon":[1,"action-icon"],"actionIconFlip":[1,"action-icon-flip"],"actionIconRotate":[2,"action-icon-rotate"]}]]],["p-c1041af9",[[1,"p-accordion",{"header":[1],"open":[4],"closeable":[4],"openable":[4]}]]],["p-30f6e463",[[1,"p-cropper",{"variant":[513],"value":[8],"returnType":[1,"return-type"],"_loaded":[32],"_currentScale":[32]},[[9,"resize","onResize"]]]]],["p-e0156f45",[[1,"p-info-panel",{"variant":[1],"header":[1],"content":[1],"closeable":[4]}]]],["p-ad08592e",[[1,"p-label",{"variant":[513],"iconOnly":[516,"icon-only"],"icon":[513],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"],"keepMobileContent":[516,"keep-mobile-content"]}]]],["p-ddad483b",[[1,"p-listing"]]],["p-abd13a2a",[[1,"p-listing-item",{"icon":[1]}]]],["p-56a401d7",[[4,"p-navigation-section",{"header":[1]}]]],["p-aec4f685",[[1,"p-stepper",{"activeStep":[2,"active-step"],"enableAutoStatus":[4,"enable-auto-status"],"direction":[1],"align":[1],"contentPosition":[1,"content-position"]},null,{"align":["_onAlignChange"],"direction":["_onDirectionChange"],"activeStep":["_onActiveStepChange"]}]]],["p-08cff47b",[[1,"p-tab-container"]]],["p-5451207c",[[4,"p-avatar-group",{"extra":[2]}]]],["p-55a41995",[[1,"p-button-group",{"size":[1]},[[0,"slotchange","slotchange"]]]]],["p-1a544806",[[1,"p-card-body"]]],["p-128f3811",[[1,"p-card-container",{"active":[4],"hoverable":[4],"shadow":[4]}]]],["p-adb1ad27",[[1,"p-content-slider",{"hideMobileIndicator":[4,"hide-mobile-indicator"],"disableDrag":[4,"disable-drag"],"disableAutoCenter":[4,"disable-auto-center"],"disableIndicatorClick":[4,"disable-indicator-click"],"_visibleIndex":[32],"_outerHeight":[32],"_totalWidth":[32],"_dragging":[32]},[[9,"mouseup","mouseUpHandler"],[9,"touchend","mouseUpHandler"],[9,"resize","resizeHandler"]]]]],["p-01a2b5af",[[1,"p-iban-icon",{"iban":[513],"variant":[513]}]]],["p-0fe51ad0",[[0,"p-illustration-deprecated",{"variant":[1]}]]],["p-9409dfd7",[[1,"p-layout",{"variant":[1]}]]],["p-3d341a83",[[68,"p-radio",{"value":[1],"disabled":[516],"required":[516],"id":[513],"name":[513],"checked":[516],"_nonce":[32]}]]],["p-58f9ac89",[[1,"p-stepper-item",{"number":[2],"align":[1],"contentPosition":[1,"content-position"],"finished":[4],"active":[4]}]]],["p-561cd302",[[1,"p-tab-item",{"active":[4]}]]],["p-4c81bb03",[[0,"p-table-column",{"path":[1537],"type":[1537],"name":[1537],"useSlot":[1540,"use-slot"],"hasCheckbox":[1540,"has-checkbox"],"align":[1537],"parsedSizes":[1040,"parsed-sizes"],"sizes":[1032]}]]],["p-37bdbb19",[[0,"p-table-row-action",{"type":[1537],"icon":[1],"iconOnly":[4,"icon-only"],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"],"label":[1],"action":[16],"disabled":[4],"loading":[4],"showFunction":[16,"show-function"]}]]],["p-a5f29193",[[1,"p-toast-container",{"placement":[1]}]]],["p-22e7fde5",[[68,"p-toggle",{"checked":[4],"disabled":[516],"required":[516],"id":[513],"name":[513],"_nonce":[32]}]]],["p-53009290",[[0,"p-calendar",{"variant":[1],"value":[1],"preselectToday":[4,"preselect-today"],"disabledDates":[1,"disabled-dates"],"minDate":[1,"min-date"],"maxDate":[1,"max-date"],"disableWeekends":[4,"disable-weekends"],"mode":[1],"_view":[32],"_viewDate":[32],"_value":[32],"_minDate":[32],"_maxDate":[32],"_disabledDates":[32]},null,{"value":["_parseValue"],"minDate":["_parseMinDate"],"maxDate":["_parseMaxDate"],"disabledDates":["_parseDisabledDates"]}]]],["p-8249382f",[[0,"p-avatar",{"size":[513],"defaultImage":[1,"default-image"],"src":[1],"letters":[1],"_src":[32],"_failed":[32]},null,{"src":["onSrchChange"]}]]],["p-868f9ee9",[[1,"p-listing-line"]]],["p-7ddf5875",[[1,"p-navigation-title"]]],["p-0c0ebb15",[[1,"p-stepper-line",{"active":[516],"direction":[513]}]]],["p-a5bc8b63",[[0,"p-illustration",{"variant":[1]}]]],["p-a48262c6",[[1,"p-drawer-header",{"showClose":[4,"show-close"]}],[1,"p-drawer-body"],[1,"p-drawer-container",{"closing":[4]}]]],["p-5fa74e2e",[[1,"p-backdrop",{"variant":[1],"applyBlur":[4,"apply-blur"],"closing":[4],"scrollLock":[4,"scroll-lock"],"class":[1]},[[2,"click","handleClick"]]]]],["p-d18ee52f",[[1,"p-modal-header",{"showClose":[4,"show-close"]}],[1,"p-modal-footer"],[1,"p-modal-body",{"roundedBottom":[4,"rounded-bottom"],"roundedTop":[4,"rounded-top"]}],[1,"p-modal-container",{"size":[1],"closing":[4]}]]],["p-52149e0e",[[4,"p-pagination-pages-item",{"variant":[1],"active":[4],"hover":[4],"disabled":[4]}]]],["p-1778732a",[[0,"p-smile",{"variant":[1]}]]],["p-6c5f6d8a",[[4,"p-segment-item",{"variant":[1],"active":[4],"iconOnly":[4,"icon-only"],"icon":[1],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"]}],[4,"p-segment-container"],[4,"p-badge"]]],["p-ae64bdf2",[[4,"p-divider",{"variant":[513]}]]],["p-eef52967",[[4,"p-portal"]]],["p-fc920176",[[1,"p-dropdown-menu-item",{"active":[4],"checkbox":[4],"variant":[1],"enableHover":[4,"enable-hover"],"disabled":[4],"icon":[1],"iconWave":[4,"icon-wave"],"useContainer":[4,"use-container"]}],[68,"p-checkbox",{"checked":[4],"indeterminate":[4],"disabled":[516],"required":[516],"id":[513],"name":[513],"_nonce":[32]}],[1,"p-dropdown",{"variant":[1],"placement":[513],"offset":[2],"strategy":[1],"show":[4],"usePortal":[4,"use-portal"],"calculateWidth":[4,"calculate-width"],"applyMaxWidth":[4,"apply-max-width"],"applyFullWidth":[4,"apply-full-width"],"allowOverflow":[4,"allow-overflow"],"scrollable":[8],"insideClick":[4,"inside-click"],"disableTriggerClick":[4,"disable-trigger-click"],"applyChevron":[4,"apply-chevron"],"chevronPosition":[1,"chevron-position"],"chevronDirection":[1,"chevron-direction"]},[[6,"click","documentClickHandler"]],{"show":["onShowChange"]}],[1,"p-dropdown-menu-container",{"variant":[1],"maxWidth":[4,"max-width"],"class":[1],"fullWidth":[4,"full-width"],"allowOverflow":[4,"allow-overflow"],"scrollable":[8]}]]],["p-347b3ec3",[[0,"p-pagination",{"hideOnSinglePage":[4,"hide-on-single-page"],"enablePaginationSize":[4,"enable-pagination-size"],"enablePaginationPages":[4,"enable-pagination-pages"],"page":[1538],"total":[2],"pageSize":[2,"page-size"],"pageSizeOptions":[16,"page-size-options"],"_hasPaginationPages":[32]}],[1,"p-pagination-size",{"size":[1538],"sizeOptions":[16,"size-options"],"itemTemplate":[16,"item-template"],"hidden":[4],"dropdownIsOpen":[32],"_locales":[32]},[[16,"localeChanged","_setLocales"]]],[0,"p-pagination-pages",{"page":[1538],"pageSize":[2,"page-size"],"hideOnSinglePage":[4,"hide-on-single-page"],"total":[2]},null,{"page":["pageChangeHandler"],"pageSize":["pageChangeHandler"],"total":["pageChangeHandler"]}]]],["p-c7139e78",[[1,"p-helper",{"strategy":[1],"placement":[1]}],[1,"p-tooltip",{"variant":[1],"content":[8],"placement":[1],"offset":[2],"strategy":[1],"enableUserInput":[4,"enable-user-input"],"show":[4],"usePortal":[4,"use-portal"],"canManuallyClose":[4,"can-manually-close"]},[[2,"click","clickHandler"],[6,"click","documentClickHandler"],[1,"mouseenter","mouseEnterHandler"],[0,"focus","mouseEnterHandler"],[1,"mouseleave","mouseLeaveHandler"],[0,"blur","mouseLeaveHandler"]],{"show":["onShowChange"]}]]],["p-d6adac97",[[65,"p-field",{"variant":[1],"id":[1],"size":[1],"type":[1],"properties":[8],"prefix":[1],"suffix":[1],"icon":[1],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"],"iconPosition":[1,"icon-position"],"value":[1],"label":[1],"loading":[4],"placeholder":[1],"helper":[1],"required":[516],"autofocus":[516],"error":[513],"errorPlacement":[1,"error-placement"],"disabled":[516],"focused":[516],"forceShowTooltip":[516,"force-show-tooltip"],"selectAllOnFocus":[516,"select-all-on-focus"],"focusMethod":[1,"focus-method"],"optionalTemplate":[16,"optional-template"],"_focused":[32],"_nonce":[32]},[[0,"focusin","handleFocusIn"],[0,"focusout","handleFocusOut"],[2,"keyup","handleKeyup"]]],[1,"p-field-container",{"id":[1],"label":[1],"loading":[4],"loadingSize":[1,"loading-size"],"variant":[1],"helper":[1],"required":[516],"error":[513],"errorPlacement":[1,"error-placement"],"forceShowTooltip":[516,"force-show-tooltip"],"optionalTemplate":[16,"optional-template"],"_locales":[32]},[[16,"localeChanged","_setLocales"]]]]],["p-b13d6a2c",[[1,"p-table-header",{"quickFilters":[16,"quick-filters"],"activeQuickFilterIdentifier":[1,"active-quick-filter-identifier"],"loading":[4],"enableSearch":[4,"enable-search"],"itemsSelectedAmount":[2,"items-selected-amount"],"query":[1025],"enableFilter":[4,"enable-filter"],"enableExport":[4,"enable-export"],"enableFilterDesktop":[4,"enable-filter-desktop"],"selectedFiltersAmount":[2,"selected-filters-amount"],"filterButtonTemplate":[16,"filter-button-template"],"enableAction":[4,"enable-action"],"actionLoading":[4,"action-loading"],"actionIcon":[1,"action-icon"],"actionText":[1,"action-text"],"canUseAction":[1028,"can-use-action"],"actionButtonTemplate":[16,"action-button-template"],"_locales":[32]},[[16,"localeChanged","_setLocales"]]],[1,"p-table-footer",{"enablePaginationSize":[4,"enable-pagination-size"],"enablePaginationPages":[4,"enable-pagination-pages"],"loading":[4],"page":[1538],"total":[2],"pageSize":[2,"page-size"],"pageSizeOptions":[16,"page-size-options"],"hideOnSinglePage":[4,"hide-on-single-page"],"_isPinned":[32],"_hasPaginationPages":[32]},[[9,"scroll","onScroll"]]],[1,"p-empty-state",{"illustration":[8],"header":[1],"content":[1],"enableAction":[4,"enable-action"],"actionText":[1,"action-text"],"actionVariant":[1,"action-variant"],"actionIcon":[1,"action-icon"],"actionLoading":[4,"action-loading"]}],[1,"p-floating-menu-container",{"usedInTable":[4,"used-in-table"],"enableAmountSelected":[4,"enable-amount-selected"],"amount":[2],"enableClose":[4,"enable-close"],"amountSelectedTemplate":[16,"amount-selected-template"],"_locales":[32]},[[16,"localeChanged","_setLocales"]]],[4,"p-floating-menu-item",{"hover":[4],"disabled":[4],"loading":[4],"icon":[1],"iconPosition":[1,"icon-position"],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"]}],[4,"p-table-cell",{"variant":[1],"index":[2],"rowIndex":[2,"row-index"],"definition":[16],"item":[8],"value":[8],"checkbox":[8],"template":[16]}],[1,"p-table-row",{"variant":[1],"enableHover":[4,"enable-hover"]}],[4,"p-table-container"],[1,"p-table-row-actions-container"]]]]'),e)}));
|
|
2
|
-
//# sourceMappingURL=paperless.esm.js.map
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r as t,c as e,h as a,g as r,H as i}from"./p-DhGo7hbh.js";import{c as o}from"./p-CBWjHURv.js";import{a as n}from"./p-C5CTp9IA.js";import{n as s}from"./p-D9kEjsvZ.js";import{a as d,c as l,o as c,f as p,s as m}from"./p-DGLCmOXW.js";import{a as h}from"./p-BFSNj6hu.js";import"./p-ChV9xqsO.js";const w="*{box-sizing:border-box}.pointer-events-none{pointer-events:none!important}.static{position:static!important}.absolute{position:absolute!important}.relative{position:relative!important}.left-1\\/2{left:50%!important}.top-1\\/2{top:50%!important}.m-0{margin:0!important}.flex{display:flex!important}.hidden{display:none!important}.h-4{height:1rem!important}.w-4{width:1rem!important}.flex-shrink-0{flex-shrink:0!important}.-translate-x-1\\/2{--tw-translate-x:-50%!important}.-translate-x-1\\/2,.-translate-y-1\\/2{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}.-translate-y-1\\/2{--tw-translate-y:-50%!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-not-allowed{cursor:not-allowed!important}.cursor-pointer{cursor:pointer!important}.appearance-none{appearance:none!important}.items-center{align-items:center!important}.justify-start{justify-content:flex-start!important}.gap-2{gap:.5rem!important}.rounded{border-radius:.25rem!important}.border{border-width:1px!important}.border-solid{border-style:solid!important}.border-black-teal-100{--tw-border-opacity:1!important;border-color:rgb(205 212 211/var(--tw-border-opacity,1))!important}.border-black-teal-50{--tw-border-opacity:1!important;border-color:rgb(230 234 233/var(--tw-border-opacity,1))!important}.bg-white{background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.bg-white,.bg-white-600{--tw-bg-opacity:1!important}.bg-white-600{background-color:rgb(250 250 250/var(--tw-bg-opacity,1))!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.text-black-teal{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}.text-black-teal-200{--tw-text-opacity:1!important;color:rgb(154 170 167/var(--tw-text-opacity,1))!important}.text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.shadow-1{--tw-shadow:0 1px 1px rgba(0,2,2,.08)!important;--tw-shadow-colored:0 1px 1px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.outline-none{outline:2px solid transparent!important;outline-offset:2px!important}.drop-shadow-black-teal-10\\%{--tw-drop-shadow:drop-shadow(0px 1px 0px rgba(3,42,36,.1))!important;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}.checked\\:border-black-teal\\/20:checked{border-color:rgba(3,42,36,.2)!important}.checked\\:bg-supportive-lilac:checked{--tw-bg-opacity:1!important;background-color:rgb(209 174 255/var(--tw-bg-opacity,1))!important}.checked\\:ring-2:checked{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.checked\\:ring-supportive-lilac-100:checked{--tw-ring-opacity:1!important;--tw-ring-color:rgb(246 239 255/var(--tw-ring-opacity,1))!important}.indeterminate\\:border-black-teal\\/20:indeterminate{border-color:rgba(3,42,36,.2)!important}.indeterminate\\:bg-supportive-lilac-700:indeterminate{--tw-bg-opacity:1!important;background-color:rgb(200 159 255/var(--tw-bg-opacity,1))!important}.indeterminate\\:ring-2:indeterminate{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.indeterminate\\:ring-supportive-lilac-100:indeterminate{--tw-ring-opacity:1!important;--tw-ring-color:rgb(246 239 255/var(--tw-ring-opacity,1))!important}.hover\\:border-black-teal-100:hover{--tw-border-opacity:1!important;border-color:rgb(205 212 211/var(--tw-border-opacity,1))!important}.hover\\:bg-supportive-lilac-100:hover{--tw-bg-opacity:1!important;background-color:rgb(246 239 255/var(--tw-bg-opacity,1))!important}.checked\\:hover\\:border-black-teal\\/20:hover:checked{border-color:rgba(3,42,36,.2)!important}.checked\\:hover\\:bg-supportive-lilac-700:hover:checked{--tw-bg-opacity:1!important;background-color:rgb(200 159 255/var(--tw-bg-opacity,1))!important}.indeterminate\\:hover\\:border-black-teal\\/20:hover:indeterminate{border-color:rgba(3,42,36,.2)!important}.indeterminate\\:hover\\:bg-supportive-lilac:hover:indeterminate{--tw-bg-opacity:1!important;background-color:rgb(209 174 255/var(--tw-bg-opacity,1))!important}.group\\/p-checkbox:hover .group-hover\\/p-checkbox\\:text-sm{font-size:.875rem!important;line-height:1.25rem!important}.peer:checked~.peer-checked\\:flex{display:flex!important}.peer:indeterminate~.peer-indeterminate\\:flex{display:flex!important}";const b=o(["peer appearance-none m-0 outline-none flex-shrink-0","border border-inset border-solid ","rounded w-4 h-4"],{variants:{disabled:{false:["cursor-pointer shadow-1","bg-white border-black-teal-100","hover:bg-supportive-lilac-100 hover:border-black-teal-100","checked:bg-supportive-lilac checked:border-black-teal/20","checked:ring-2 checked:ring-supportive-lilac-100","checked:hover:bg-supportive-lilac-700 checked:hover:border-black-teal/20","indeterminate:bg-supportive-lilac-700 indeterminate:border-black-teal/20","indeterminate:ring-2 indeterminate:ring-supportive-lilac-100","indeterminate:hover:bg-supportive-lilac indeterminate:hover:border-black-teal/20"],true:"bg-white-600 border-black-teal-50 cursor-not-allowed "}}});const f=o(["hidden peer-indeterminate:flex peer-checked:flex","absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 pointer-events-none"],{variants:{disabled:{false:"text-white",true:"text-black-teal-200"}}});const v=o(["drop-shadow-black-teal-10% text-xs"],{variants:{disabled:{false:"group-hover/p-checkbox:text-sm",true:null}}});const g=class{constructor(a){t(this,a);this.checkedChange=e(this,"checkedChange",7);this.indeterminateChange=e(this,"indeterminateChange",7);if(a.$hostElement$["s-ei"]){this._internals=a.$hostElement$["s-ei"]}else{this._internals=a.$hostElement$.attachInternals();a.$hostElement$["s-ei"]=this._internals}}checked;indeterminate;disabled=false;required=true;id;name;checkedChange;indeterminateChange;_nonce=s(5);_internals;formResetCallback(){this.checked=false;this.indeterminate=false}formDisabledCallback(t){if(!this._internals.form){return}this.disabled=t}render(){const t=this.id?.length?this.id:this._nonce;return a("label",{key:"c25f1569a13efb4e3fff7218e7f9afa490859069",htmlFor:t,class:"group/p-checkbox flex items-center justify-start gap-2 text-black-teal"},a("div",{key:"81659e36d8dc8e49ae09356b3f8697f62413b524",class:"relative flex flex-shrink-0 items-center"},a("input",{key:"47bfc0d0f8bb724a68ef4fd08507a774bfffe05e",class:b({disabled:n(this.disabled)}),type:"checkbox",id:t,name:this.name,required:n(this.required),checked:n(this.checked),indeterminate:n(this.indeterminate),disabled:n(this.disabled),onChange:t=>this._onChange(t)}),a("div",{key:"ce079a9f22325dca7aa7a7609bb4252622bf690d",class:f({disabled:n(this.disabled)})},a("p-icon",{key:"bae762953815c410fc9ada2599bcf17cd69d58e1",class:v({disabled:n(this.disabled)}),size:"auto",variant:n(this.indeterminate)?"minus":"checkmarkThick"}))),a("slot",{key:"76fa08a44b8bda3b02eaa6e8badbc901630b5760"}))}_onChange(t){if(this.disabled){t.preventDefault();return}const e=n(t.target.checked);const a=n(t.target.indeterminate);if(e!=this.checked){this.checked=e;this.checkedChange.emit(e)}if(a!=this.indeterminate){this.indeterminate=a;this.indeterminateChange.emit(a)}this._internals.setFormValue(this.indeterminate?"indeterminate":this.checked?"on":"off")}static get formAssociated(){return true}};g.style=w;const x="*{box-sizing:border-box}.visible{visibility:visible!important}.static{position:static!important}.fixed{position:fixed!important}.absolute{position:absolute!important}.relative{position:relative!important}.z-dropdown{z-index:200!important}.block{display:block!important}.hidden{display:none!important}.w-auto{width:auto!important}.w-full{width:100%!important}.max-w-\\[13\\.875rem\\]{max-width:13.875rem!important}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:85.375rem){.container{max-width:85.375rem}}@media (min-width:90rem){.container{max-width:90rem}}@media (min-width:96rem){.container{max-width:96rem}}@media (min-width:105rem){.container{max-width:105rem}}@media (min-width:120rem){.container{max-width:120rem}}@media (min-width:160rem){.container{max-width:160rem}}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}";const u=o(["z-dropdown hidden"],{variants:{strategy:{absolute:"absolute",fixed:"fixed"},fullWidth:{false:null,true:"w-full"},maxWidth:{false:null,true:"max-w-[13.875rem]"}},compoundVariants:[{fullWidth:false,maxWidth:true,class:"w-auto"}]});const k=class{constructor(a){t(this,a);this.isOpen=e(this,"isOpen",3)}variant="default";placement="bottom-start";offset=8;strategy="absolute";show=false;usePortal=false;calculateWidth=false;applyMaxWidth=true;applyFullWidth=true;allowOverflow=false;scrollable=false;insideClick=false;disableTriggerClick=false;applyChevron=true;chevronPosition="end";chevronDirection;get _el(){return r(this)}isOpen;_loaded=false;_trigger;_menu;_cleanup;componentShouldUpdate(){this._update()}componentDidLoad(){this._checkButtons()}disconnectedCallback(){if(this._cleanup){this._cleanup();this._cleanup=null}this._menu.remove()}componentDidRender(){this._checkButtons();this._checkItems()}render(){const t={class:u({strategy:this.strategy,maxWidth:!this.calculateWidth&&this.applyMaxWidth,fullWidth:this.applyFullWidth&&!this.applyMaxWidth}),ref:t=>this._load(t),onClick:()=>this._containerClickHandler(),role:"popover","data-placement":this.placement,"data-strategy":this.strategy};let e;if(this.usePortal){e=a("p-portal",{key:"45d9dca9b78eb77742f2fbb56f4779f1007d1f64",...t},a("p-dropdown-menu-container",{key:"97ba77e223193778babb5a30e75f1ab5fb782038",variant:this.variant,maxWidth:!this.calculateWidth&&this.applyMaxWidth,fullWidth:this.applyFullWidth&&!this.applyMaxWidth,allowOverflow:this.allowOverflow,scrollable:this.scrollable},a("slot",{key:"bcec93f857b22404f9063cdf7ab3005cfb80c8c1",name:"items"})))}else{e=a("p-dropdown-menu-container",{key:"eaae1c1d9b6bed7948d617af927a802a65554b49",variant:this.variant,maxWidth:!this.calculateWidth&&this.applyMaxWidth,fullWidth:this.applyFullWidth&&!this.applyMaxWidth,allowOverflow:this.allowOverflow,scrollable:this.scrollable,...t},a("slot",{key:"d83b7da99b32f04d24b5c693db6f348db9d4f098",name:"items"}))}return a(i,{key:"5a3485f037af205013b4df388cbdc696c1a52c27",class:"relative"},a("div",{key:"c4958bc045f04e52aa91152df93bef784b69692b",class:"trigger",ref:t=>this._trigger=t,onClick:()=>this._triggerClickHandler()},a("slot",{key:"e7ef3a19433d5f4a936c4e87bb7171aed4fbb26e",name:"trigger"})),a("div",{key:"3b7e67e4026bd58aea5049ba4b2bdf11c35ab4a2",class:"relative w-full"},e))}_checkButtons(t=false){if(!this.applyChevron){return}const e=this._el.querySelectorAll('p-button[slot="trigger"]');for(let a of[...e]){a.disabled=this.disableTriggerClick;a.active=t;if(a.iconOnly){continue}a.chevronPosition=this.chevronPosition;a.chevron=this.chevronDirection?this.chevronDirection:this.placement.indexOf("top")>=0?"up":"down"}}_checkItems(){const t=this._el.querySelectorAll("p-dropdown-menu-item");for(let e of[...t]){e.variant=this.variant}}onShowChange(t){if(!this._loaded){return}if(!t){this._hide();return}this._show()}documentClickHandler(t){if(!this._menu.hasAttribute("data-show")||h(t,this._menu)){return}this._hide()}_containerClickHandler(){if(this.insideClick){return}if(this._menu.hasAttribute("data-show")){this._hide()}}_triggerClickHandler(){if(this.disableTriggerClick){return}if(this._menu.hasAttribute("data-show")){this._hide();return}this._show()}_load(t){this._menu=t;if(t){this._update();this._loaded=true;if(this.show){setTimeout((()=>this._show()),100)}}}_show(){if(!this._loaded){return}if(this.calculateWidth){this._menu.style.width=`${this._trigger.clientWidth}px`}this._cleanup=d(this._el,this._menu,(()=>this._update()));this._menu.setAttribute("data-show","");this._menu.classList.remove("hidden");this._menu.classList.add("block");this.isOpen.emit(true);this._checkButtons(true)}_hide(){if(!this._loaded||this.show){return}if(this._cleanup){this._cleanup();this._cleanup=null}this._menu.removeAttribute("data-show");this._menu.classList.remove("block");this._menu.classList.add("hidden");this.isOpen.emit(false);this._checkButtons(false)}_update(){if(!this._menu){return}l(this._el,this._menu,{placement:this.placement,strategy:this.strategy,middleware:[c(this.offset),p(),m()]}).then((({x:t,y:e,placement:a})=>{this._menu.dataset.placement=a;Object.assign(this._menu.style,{top:`${e}px`,left:`${t}px`})}))}static get watchers(){return{show:["onShowChange"]}}};k.style=x;const y="*{box-sizing:border-box}.z-10{z-index:10!important}.flex{display:flex!important}.max-h-\\[11\\.5rem\\]{max-height:11.5rem!important}.max-h-\\[13\\.875rem\\]{max-height:13.875rem!important}.max-h-\\[20rem\\]{max-height:20rem!important}.w-auto{width:auto!important}.w-full{width:100%!important}.max-w-\\[13\\.875rem\\]{max-width:13.875rem!important}.flex-col{flex-direction:column!important}.overflow-y-auto{overflow-y:auto!important}.overflow-x-hidden{overflow-x:hidden!important}.rounded-lg{border-radius:.5rem!important}.border{border-width:1px!important}.border-black-teal-100{--tw-border-opacity:1!important;border-color:rgb(205 212 211/var(--tw-border-opacity,1))!important}.border-dark-teal-400{--tw-border-opacity:1!important;border-color:rgb(51 116 109/var(--tw-border-opacity,1))!important}.bg-dark-teal-400{--tw-bg-opacity:1!important;background-color:rgb(51 116 109/var(--tw-bg-opacity,1))!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.p-1{padding:.25rem!important}.drop-shadow-2{--tw-drop-shadow:drop-shadow(0 1px 1px rgba(0,2,2,.04)) drop-shadow(0 2px 2px rgba(0,2,2,.04)) drop-shadow(0 4px 4px rgba(0,2,2,.04))!important}.drop-shadow-2,.drop-shadow-3{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}.drop-shadow-3{--tw-drop-shadow:drop-shadow(0 1px 1px rgba(0,2,2,.08)) drop-shadow(0 2px 2px rgba(0,2,2,.08)) drop-shadow(0 4px 4px rgba(0,2,2,.08))!important}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:85.375rem){.container{max-width:85.375rem}}@media (min-width:90rem){.container{max-width:90rem}}@media (min-width:96rem){.container{max-width:96rem}}@media (min-width:105rem){.container{max-width:105rem}}@media (min-width:120rem){.container{max-width:120rem}}@media (min-width:160rem){.container{max-width:160rem}}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}";const C=o(["p-dropdown-menu-container","p-1","rounded-lg z-10","border"],{variants:{variant:{default:"bg-white border-black-teal-100 drop-shadow-2","dark-teal":"bg-dark-teal-400 drop-shadow-3 border-dark-teal-400"},fullWidth:{false:null,true:"w-full"},maxWidth:{false:null,true:"max-w-[13.875rem]"},allowOverflow:{false:"overflow-y-auto overflow-x-hidden",true:null},scrollable:{none:null,default:"max-h-[11.5rem]",large:"max-h-[13.875rem]",xlarge:"max-h-[20rem]"}},compoundVariants:[{fullWidth:false,maxWidth:true,class:"w-auto"}]});const W=class{constructor(e){t(this,e)}variant="default";maxWidth=true;class;fullWidth=true;allowOverflow=false;scrollable=false;render(){const t=this.scrollable===false?"none":this.scrollable===true?"default":this.scrollable;return a("div",{key:"9eee3f7a5f008026227fc5da7b20322d0d75a319",class:C({class:this.class,variant:this.variant,fullWidth:n(this.fullWidth,true),allowOverflow:n(this.allowOverflow),scrollable:t,maxWidth:this.maxWidth})},a("div",{key:"1629203efdaf0edb68455c95e0a041ed77f790c1",class:"flex w-full flex-col"},a("slot",{key:"16bd92fe32353764452d71011ff20df2b952e33e"})))}};W.style=y;const _="*{box-sizing:border-box}.block{display:block!important}.flex{display:flex!important}.h-8{height:2rem!important}.w-full{width:100%!important}.max-w-full{max-width:100%!important}.cursor-not-allowed{cursor:not-allowed!important}.cursor-pointer{cursor:pointer!important}.items-center{align-items:center!important}.gap-2{gap:.5rem!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.whitespace-nowrap{white-space:nowrap!important}.rounded-lg{border-radius:.5rem!important}.bg-dark-teal-600{--tw-bg-opacity:1!important;background-color:rgb(0 72 64/var(--tw-bg-opacity,1))!important}.bg-negative-red-100{--tw-bg-opacity:1!important;background-color:rgb(255 221 221/var(--tw-bg-opacity,1))!important}.bg-negative-red-50{--tw-bg-opacity:1!important;background-color:rgb(253 237 237/var(--tw-bg-opacity,1))!important}.bg-supportive-lilac-100{--tw-bg-opacity:1!important;background-color:rgb(246 239 255/var(--tw-bg-opacity,1))!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.py-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.text-start{text-align:start!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-medium{font-weight:500!important}.text-black-teal{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}.text-black-teal-100{--tw-text-opacity:1!important;color:rgb(205 212 211/var(--tw-text-opacity,1))!important}.text-black-teal-200{--tw-text-opacity:1!important;color:rgb(154 170 167/var(--tw-text-opacity,1))!important}.text-black-teal-300{--tw-text-opacity:1!important;color:rgb(104 127 124/var(--tw-text-opacity,1))!important}.text-dark-teal-100{--tw-text-opacity:1!important;color:rgb(204 220 218/var(--tw-text-opacity,1))!important}.text-negative-red{--tw-text-opacity:1!important;color:rgb(230 30 30/var(--tw-text-opacity,1))!important}.text-negative-red-100{--tw-text-opacity:1!important;color:rgb(255 221 221/var(--tw-text-opacity,1))!important}.text-negative-red-800{--tw-text-opacity:1!important;color:rgb(141 16 16/var(--tw-text-opacity,1))!important}.text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.opacity-40{opacity:.4!important}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:85.375rem){.container{max-width:85.375rem}}@media (min-width:90rem){.container{max-width:90rem}}@media (min-width:96rem){.container{max-width:96rem}}@media (min-width:105rem){.container{max-width:105rem}}@media (min-width:120rem){.container{max-width:120rem}}@media (min-width:160rem){.container{max-width:160rem}}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.hover\\:bg-dark-teal-500:hover{--tw-bg-opacity:1!important;background-color:rgb(0 81 72/var(--tw-bg-opacity,1))!important}.hover\\:bg-negative-red-50:hover{--tw-bg-opacity:1!important;background-color:rgb(253 237 237/var(--tw-bg-opacity,1))!important}.hover\\:bg-supportive-lilac-50:hover{--tw-bg-opacity:1!important;background-color:rgb(250 247 255/var(--tw-bg-opacity,1))!important}@keyframes wave{0%{transform:rotate(0deg)}to{transform:rotate(-15deg)}}.group:hover .group-hover\\:animate-wave{animation:wave .5s ease-in-out -.5s infinite alternate forwards!important}.group:hover .group-hover\\:text-black-teal{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}.group:hover .group-hover\\:text-negative-red-800{--tw-text-opacity:1!important;color:rgb(141 16 16/var(--tw-text-opacity,1))!important}.group:hover .group-hover\\:text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}";const z=o(["p-dropdown-menu-item flex px-2 py-1 gap-2 text-sm font-medium group rounded-lg items-center h-8 max-w-full"],{variants:{variant:{default:null,"dark-teal":null,negative:null},active:{false:null,true:null},disabled:{false:"cursor-pointer",true:"cursor-not-allowed"},enableHover:{false:null,true:null}},compoundVariants:[{variant:"default",active:false,enableHover:true,disabled:false,class:"hover:bg-supportive-lilac-50"},{variant:"default",active:true,disabled:false,class:"bg-supportive-lilac-100"},{variant:"default",disabled:false,class:"text-black-teal"},{variant:"default",disabled:true,class:"text-black-teal-200"},{variant:"default",disabled:true,active:true,class:"bg-supportive-lilac-100"},{variant:"dark-teal",active:false,enableHover:true,class:"text-white"},{variant:"dark-teal",active:false,enableHover:true,disabled:false,class:"hover:bg-dark-teal-500"},{variant:"dark-teal",active:true,class:"text-white bg-dark-teal-600"},{variant:"dark-teal",disabled:true,class:"opacity-40"},{variant:"negative",active:false,enableHover:true,disabled:false,class:"text-negative-red hover:bg-negative-red-50"},{variant:"negative",active:true,disabled:false,class:"bg-negative-red-100 text-negative-red"},{variant:"negative",disabled:true,class:"text-negative-red-100"},{variant:"negative",disabled:true,active:true,class:"bg-negative-red-50"},{enableHover:true,disabled:false,class:"cursor-pointer"}]});const j=o(["text-base"],{variants:{variant:{default:null,"dark-teal":null,negative:null},active:{false:null,true:null},disabled:{false:null,true:"text-black-teal-100"},wave:{true:"group-hover:animate-wave",false:null}},compoundVariants:[{variant:"default",active:false,disabled:false,class:"text-black-teal-300 group-hover:text-black-teal"},{variant:"dark-teal",active:false,disabled:false,class:"text-dark-teal-100 group-hover:text-white"},{variant:"negative",active:false,disabled:false,class:"text-negative-red group-hover:text-negative-red-800"},{variant:"negative",active:true,disabled:false,class:"text-negative-red-800"}]});const H=class{constructor(e){t(this,e)}active=false;checkbox=false;variant="default";enableHover=true;disabled=false;icon;iconWave=false;useContainer=true;render(){return a("div",{key:"48005e4e4095f022541abf359ff8fb4f2fb177ed",class:z({variant:this.variant,active:n(this.active),enableHover:n(this.enableHover??true,true),disabled:n(this.disabled)})},this.icon&&a("p-icon",{key:"b8e8bce920694ad6e8700bcf45bfc739f165a04a",class:j({variant:this.variant,active:n(this.active),disabled:n(this.disabled),wave:n(this.iconWave)}),variant:this.icon}),this.checkbox&&a("p-checkbox",{key:"038532b9dbca7ec4c037c49739f8f571635ada59",checked:this.active,disabled:this.disabled}),this.useContainer?a("div",{class:"block w-full overflow-hidden text-ellipsis whitespace-nowrap text-start"},a("slot",null)):a("slot",null))}};H.style=_;export{g as p_checkbox,k as p_dropdown,W as p_dropdown_menu_container,H as p_dropdown_menu_item};
|
|
2
|
-
//# sourceMappingURL=p-fc920176.entry.js.map
|