@paperless/core 2.0.1-beta.194 → 2.0.1-beta.196

package/CHANGELOG.md

@@ -3,6 +3,25 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [2.0.1-beta.196](https://github.com/ionic-team/stencil-component-starter/compare/v2.0.1-beta.195...v2.0.1-beta.196) (2025-06-23)
+
+
+### Bug Fixes
+
+* **atoms/dropdown-menu/container:** Try to fix overflow issue with shadows ([ea42d1b](https://github.com/ionic-team/stencil-component-starter/commit/ea42d1b3759e2e10eec48b1a8c441ac2d1f59c8b))
+
+
+
+
+
+## [2.0.1-beta.195](https://github.com/ionic-team/stencil-component-starter/compare/v2.0.1-beta.194...v2.0.1-beta.195) (2025-06-23)
+
+**Note:** Version bump only for package @paperless/core
+
+
+
+
+
 ## [2.0.1-beta.194](https://github.com/ionic-team/stencil-component-starter/compare/v2.0.1-beta.193...v2.0.1-beta.194) (2025-06-19)
 
 

package/dist/build/p-0e75b5a6.entry.js

@@ -0,0 +1,2 @@
+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 o="*{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}.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 n=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 p=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;strategy="absolute";icon;query;placeholder;autocompletePlaceholder="Search...";value;displayKey="text";dropdownDisplayKey;selectionDisplayKey;valueKey;avatarKey;iconKey;showIconOnSelectedItem;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;showOptional=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:n(),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(){let t=this.icon;if(this._selectedItem&&!this.avatarKey&&!!this.iconKey&&this._selectedItem?.[this.iconKey]&&!this.showIconOnSelectedItem){t=this._selectedItem[this.iconKey]}if(this.avatarKey&&this._selectedItem?.[this.avatarKey]){t=null}if(this.error?.length){t="warning"}return s("p-dropdown",{key:"bb0a65e8ed881af4413a974266c202de7e2b4ea2",applyFullWidth:true,applyMaxWidth:false,disableTriggerClick:true,insideClick:true,scrollable:this.enableAutocomplete?"large":true,show:this._showDropdown,onIsOpen:t=>this._onDropdownOpen(t),strategy:this.strategy},s("p-field-container",{key:"c08607cc2dba3b2ebffdba4b5c41fbc4cbda4bb8",slot:"trigger",variant:"write",prefix:this.prefix,label:this.label,helper:this.helper,required:this.required,showOptional:this.showOptional,error:this.error,forceShowTooltip:!!this.error?.length&&!this._showDropdown},s("p-button",{key:"53272cd4e1dcdca91d6cb1cb9377ab3ee30d83bb",class:"w-full",slot:"content",variant:"secondary",size:this.size,chevron:this.showChevron?this._showDropdown?"up":"down":false,disabled:this.disabled,active:this._showDropdown,error:!!this.error?.length,icon:t,onClick:t=>this._onClick(t)},s("div",{key:"ef2a3c0f25b5e46ce8e8fce423d5079c3d4e8653",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 o=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(!!o?o: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}setTimeout((()=>this.autocompleteInputRef.focus()),100)}_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.showIconOnSelectedItem)){i=s("span",{class:"flex items-center gap-2"},s("p-icon",{class:"black-teal-300",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"]}}};p.style=o;export{p as p_select};
+//# sourceMappingURL=p-0e75b5a6.entry.js.map

package/dist/build/p-0e75b5a6.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["selectComponentCss","multiContainer","cva","multiItem","textContainer","variants","variant","placeholder","default","Select","items","multi","strategy","icon","query","autocompletePlaceholder","value","displayKey","dropdownDisplayKey","selectionDisplayKey","valueKey","avatarKey","iconKey","showIconOnSelectedItem","classKey","applyClassOnSelectedItem","avatarLettersKey","identifierKey","queryKey","autoSelectFirst","showChevron","maxDisplayedItems","enableAutocomplete","asyncFilter","loading","enableSelectAll","selectAllText","selectAllIcon","queryChange","valueChange","selectAllChange","dropdownShown","size","prefix","label","helper","required","showOptional","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","buttonIcon","key","applyFullWidth","applyMaxWidth","disableTriggerClick","insideClick","scrollable","show","onIsOpen","ev","_onDropdownOpen","slot","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","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})\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 * 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 apply the item's icon on the selected item display\n\t */\n\t@Prop() showIconOnSelectedItem: 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 * Wether to show optional when not required\n\t */\n\t@Prop({ reflect: true }) showOptional: 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\tlet buttonIcon = this.icon;\n\n\t\tif (\n\t\t\tthis._selectedItem &&\n\t\t\t!this.avatarKey &&\n\t\t\t!!this.iconKey &&\n\t\t\tthis._selectedItem?.[this.iconKey] &&\n\t\t\t!this.showIconOnSelectedItem\n\t\t) {\n\t\t\tbuttonIcon = this._selectedItem[this.iconKey];\n\t\t}\n\n\t\tif (this.avatarKey && this._selectedItem?.[this.avatarKey]) {\n\t\t\tbuttonIcon = null;\n\t\t}\n\n\t\tif (this.error?.length) {\n\t\t\tbuttonIcon = 'warning';\n\t\t}\n\n\t\treturn (\n\t\t\t<p-dropdown\n\t\t\t\tapplyFullWidth={true}\n\t\t\t\tapplyMaxWidth={false}\n\t\t\t\tdisableTriggerClick={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\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\tshowOptional={this.showOptional}\n\t\t\t\t\terror={this.error}\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={\n\t\t\t\t\t\t\tthis.showChevron ? (this._showDropdown ? 'up' : 'down') : false\n\t\t\t\t\t\t}\n\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\tactive={this._showDropdown}\n\t\t\t\t\t\terror={!!this.error?.length}\n\t\t\t\t\t\ticon={buttonIcon}\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\tsetTimeout(() => this.autocompleteInputRef.focus(), 100);\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.showIconOnSelectedItem)) {\n\t\t\tcontent = (\n\t\t\t\t<span class='flex items-center gap-2'>\n\t\t\t\t\t<p-icon\n\t\t\t\t\t\tclass='black-teal-300'\n\t\t\t\t\t\tvariant={item[this.iconKey] as IconVariant}\n\t\t\t\t\t/>\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":"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","ignoreList":[]}

package/dist/build/p-10302fe9.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as i,c as a,g as e,H as r}from"./p-DhGo7hbh.js";import{a as o,c as s,o as n,f as p,s as h}from"./p-DGLCmOXW.js";import{c}from"./p-CBWjHURv.js";import"./p-ChV9xqsO.js";const l="*{box-sizing:border-box}.absolute{position:absolute!important}.cursor-pointer{cursor:pointer!important}.text-black-teal-300{--tw-text-opacity:1!important;color:rgb(104 127 124/var(--tw-text-opacity,1))!important}.hover\\:text-black-teal:hover{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}";const m=class{constructor(i){t(this,i)}strategy="absolute";placement="top";render(){return i("p-tooltip",{key:"4aa5704b97a9f3a564f8ff65e7087604f16977b1",placement:this.placement,strategy:this.strategy},i("div",{key:"61702004a82e3c224a51396a90121c49cb1bbc92",slot:"content"},i("slot",{key:"8281dd5311493231648741515fb139c278aa3bd9"})),i("p-icon",{key:"767162e0b2e58faaf53b0659ebfee196b5eca996",size:"sm",class:"cursor-pointer text-black-teal-300 hover:text-black-teal",variant:"question-circle",slot:"trigger"}))}};m.style=l;const d="*{box-sizing:border-box}.pointer-events-none{pointer-events:none!important}.pointer-events-auto{pointer-events:auto!important}.visible{visibility:visible!important}.static{position:static!important}.fixed{position:fixed!important}.absolute{position:absolute!important}.relative{position:relative!important}.z-tooltip{z-index:601!important}.inline-block{display:inline-block!important}.flex{display:flex!important}.h-inherit{height:inherit!important}.w-\\[2px\\]{width:2px!important}.w-full{width:100%!important}.w-inherit{width:inherit!important}.w-max{width:max-content!important}.max-w-\\[14\\.5rem\\]{max-width:14.5rem!important}.max-w-\\[18rem\\]{max-width:18rem!important}.max-w-full{max-width:100%!important}.cursor-pointer{cursor:pointer!important}.gap-2{gap:.5rem!important}.whitespace-normal{white-space:normal!important}.rounded-lg{border-radius:.5rem!important}.bg-black-teal{--tw-bg-opacity:1!important;background-color:rgb(3 42 36/var(--tw-bg-opacity,1))!important}.bg-negative-red{background-color:rgb(230 30 30/var(--tw-bg-opacity,1))!important}.bg-negative-red,.bg-white{--tw-bg-opacity:1!important}.bg-white{background-color:rgb(255 255 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}.py-2{padding-bottom:.5rem!important;padding-top:.5rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.text-black-teal-300{--tw-text-opacity:1!important;color:rgb(104 127 124/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-0{opacity:0!important}.opacity-100{opacity:1!important}.blur{--tw-blur:blur(8px)!important}.blur,.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}.transition-opacity{transition-duration:.15s!important;transition-property:opacity!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}";const b=c(["inline-block px-2","text-xs","opacity-0 drop-shadow-3 transition-opacity","rounded-lg","z-tooltip","pointer-events-none"],{variants:{variant:{hover:"bg-black-teal text-white py-1 max-w-[14.5rem]",click:"max-w-[18rem]",error:"max-w-full w-full"},strategy:{fixed:"fixed",absolute:"absolute"}},compoundVariants:[{variant:["hover","click"],class:"w-max"},{variant:["click","error"],class:"bg-white text-black-teal-300 py-2"}]});const u=class{constructor(i){t(this,i);this.isOpen=a(this,"isOpen",3)}variant="hover";content=null;placement;offset=8;strategy="absolute";enableUserInput=true;show=false;canManuallyClose=true;isOpen;get _el(){return e(this)}_hasContentSlot=false;_loaded=false;_popover;_cleanup;componentWillLoad(){this._hasContentSlot=!!this._el.querySelector(':scope > [slot="content"]')}componentShouldUpdate(){this._update()}disconnectedCallback(){if(this._cleanup){this._cleanup();this._cleanup=null}}render(){return i(r,{key:"0d78376ebf3e4f4003063dde3b1ebcb393d49521",class:"flex cursor-pointer"},i("div",{key:"5b4f8893c8cd5f94da24742047347984d9507b8e",class:"relative h-inherit w-inherit max-w-full"},i("slot",{key:"44058a8b4c90c427343acd3607fb41c74497a149",name:"trigger"}),i("div",{key:"9cd6d432102d1300b6f64b663228d62d4f75adc3",class:b({variant:this.variant,strategy:this.strategy}),role:"popover","data-placement":this.placement,ref:t=>this._load(t)},i("div",{key:"7bea6919b51fbea829cc0669408a0a26a1b67c31",class:"flex gap-2 whitespace-normal"},this.variant==="error"&&i("div",{key:"27897b83d11ab24c738190876c54f8dc67470242",class:"w-[2px] bg-negative-red"}),this.content?this.content:i("slot",{name:"content"})))))}clickHandler(){if(this.variant==="hover"||!this.enableUserInput){return}if(this._popover.hasAttribute("data-show")){return}this._show()}documentClickHandler(){if(this.variant==="hover"||!this.canManuallyClose||this.show){return}if(!this._popover.hasAttribute("data-show")){return}this._hide()}mouseEnterHandler(){if(this.variant!=="hover"||!this.enableUserInput){return}this._show()}mouseLeaveHandler(){if(this.show||this.variant!=="hover"||!this.enableUserInput){return}this._hide()}onShowChange(t){if(t&&!this._popover.hasAttribute("data-show")){return this._show()}return this._hide()}_show(){if(!this._loaded){return}if(!this.content?.length&&!this._hasContentSlot){if(this._popover.hasAttribute("data-show")){this._hide()}return}this._cleanup=o(this._el,this._popover,(()=>this._update()));this._popover.setAttribute("data-show","");this._popover.classList.remove("opacity-0","pointer-events-none");this._popover.classList.add("opacity-100","pointer-events-auto");this.isOpen.emit(true)}_hide(){if(!this._loaded){return}if(this._cleanup){this._cleanup();this._cleanup=null}this._popover.removeAttribute("data-show");this._popover.classList.remove("opacity-100","pointer-events-auto");this._popover.classList.add("opacity-0","pointer-events-none");this.isOpen.emit(false)}_load(t){this._popover=t;if(t){this._update();this._loaded=true;if(this.show){setTimeout((()=>this._show()),100)}}}_update(){if(!this._popover){return}s(this._el,this._popover,{placement:this.variant==="error"&&!this.placement?"bottom-start":this.placement??"top",strategy:this.strategy,middleware:[n(this.offset),p(),h()]}).then((({x:t,y:i,placement:a})=>{this._popover.dataset.placement=a;Object.assign(this._popover.style,{top:`${i}px`,left:`${t}px`})}))}static get watchers(){return{show:["onShowChange"]}}};u.style=d;export{m as p_helper,u as p_tooltip};
+//# sourceMappingURL=p-10302fe9.entry.js.map

package/dist/build/p-10302fe9.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["helperComponentCss","Helper","strategy","placement","render","h","key","this","slot","size","class","variant","tooltipComponentCss","popover","cva","variants","hover","click","error","fixed","absolute","compoundVariants","Tooltip","content","offset","enableUserInput","show","canManuallyClose","isOpen","_hasContentSlot","_loaded","_popover","_cleanup","componentWillLoad","_el","querySelector","componentShouldUpdate","_update","disconnectedCallback","Host","name","role","ref","el","_load","clickHandler","hasAttribute","_show","documentClickHandler","_hide","mouseEnterHandler","mouseLeaveHandler","onShowChange","length","autoUpdate","setAttribute","classList","remove","add","emit","removeAttribute","setTimeout","computePosition","middleware","flip","shift","then","x","y","dataset","Object","assign","style","top","left"],"sources":["src/components/atoms/helper/helper.component.css?tag=p-helper&encapsulation=shadow","src/components/atoms/helper/helper.component.tsx","src/components/atoms/tooltip/tooltip.component.css?tag=p-tooltip&encapsulation=shadow","src/components/atoms/tooltip/tooltip.component.tsx"],"sourcesContent":[null,"import { Placement, Strategy } from '@floating-ui/dom';\nimport { Component, h, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-helper',\n\tstyleUrl: 'helper.component.css',\n\tshadow: true,\n})\nexport class Helper {\n\t/**\n\t * The strategy of the popover placement\n\t */\n\t@Prop() strategy: Strategy = 'absolute';\n\n\t/**\n\t * The placement of the helper popover\n\t */\n\t@Prop() placement: Placement = 'top';\n\n\trender() {\n\t\treturn (\n\t\t\t<p-tooltip\n\t\t\t\tplacement={this.placement}\n\t\t\t\tstrategy={this.strategy}\n\t\t\t>\n\t\t\t\t<div slot='content'>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\n\t\t\t\t<p-icon\n\t\t\t\t\tsize='sm'\n\t\t\t\t\tclass='cursor-pointer text-black-teal-300 hover:text-black-teal'\n\t\t\t\t\tvariant='question-circle'\n\t\t\t\t\tslot='trigger'\n\t\t\t\t/>\n\t\t\t</p-tooltip>\n\t\t);\n\t}\n}\n",null,"import {\n\tautoUpdate,\n\tcomputePosition,\n\tflip,\n\toffset,\n\tPlacement,\n\tshift,\n\tStrategy,\n} from '@floating-ui/dom';\nimport {\n\tComponent,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tProp,\n\tWatch,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst popover = cva(\n\t[\n\t\t'inline-block px-2',\n\t\t'text-xs',\n\t\t'opacity-0 drop-shadow-3 transition-opacity',\n\t\t'rounded-lg',\n\n\t\t'z-tooltip',\n\t\t'pointer-events-none',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\thover: 'bg-black-teal text-white py-1 max-w-[14.5rem]',\n\t\t\t\tclick: 'max-w-[18rem]',\n\t\t\t\terror: 'max-w-full w-full',\n\t\t\t},\n\t\t\tstrategy: {\n\t\t\t\tfixed: 'fixed',\n\t\t\t\tabsolute: 'absolute',\n\t\t\t},\n\t\t},\n\t\tcompoundVariants: [\n\t\t\t{\n\t\t\t\tvariant: ['hover', 'click'],\n\t\t\t\tclass: 'w-max',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['click', 'error'],\n\t\t\t\tclass: 'bg-white text-black-teal-300 py-2',\n\t\t\t},\n\t\t],\n\t}\n);\n\n@Component({\n\ttag: 'p-tooltip',\n\tstyleUrl: 'tooltip.component.css',\n\tshadow: true,\n})\nexport class Tooltip {\n\t/**\n\t * The variant of the popover\n\t */\n\t@Prop() variant: 'hover' | 'click' | 'error' = 'hover';\n\n\t/**\n\t * The content of the popover\n\t */\n\t@Prop() content: any = null;\n\n\t/**\n\t * The placement of the popover\n\t */\n\t@Prop() placement: Placement;\n\n\t/**\n\t * The offset of the popover\n\t */\n\t@Prop() offset: number = 8;\n\n\t/**\n\t * The strategy of the popover placement\n\t */\n\t@Prop() strategy: Strategy = 'absolute';\n\n\t/**\n\t * Wether the tooltip can be shown by user input\n\t */\n\t@Prop() enableUserInput: boolean = true;\n\n\t/**\n\t * Wether to show the popover\n\t */\n\t@Prop() show: boolean = false;\n\n\t/**\n\t * Wether to someone can manually close the popover\n\t */\n\t@Prop() canManuallyClose: boolean = true;\n\n\t/**\n\t * Open change event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tisOpen: EventEmitter<boolean>;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\tprivate _hasContentSlot = false;\n\n\tprivate _loaded = false;\n\tprivate _popover: HTMLElement;\n\tprivate _cleanup: () => void;\n\n\tcomponentWillLoad() {\n\t\tthis._hasContentSlot = !!this._el.querySelector(\n\t\t\t':scope > [slot=\"content\"]'\n\t\t);\n\t}\n\n\tcomponentShouldUpdate() {\n\t\tthis._update();\n\t}\n\n\tdisconnectedCallback() {\n\t\tif (this._cleanup) {\n\t\t\tthis._cleanup();\n\t\t\tthis._cleanup = null;\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class='flex cursor-pointer'>\n\t\t\t\t<div class='relative h-inherit w-inherit max-w-full'>\n\t\t\t\t\t<slot name='trigger' />\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass={popover({\n\t\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t\t\tstrategy: this.strategy,\n\t\t\t\t\t\t})}\n\t\t\t\t\t\trole='popover'\n\t\t\t\t\t\tdata-placement={this.placement}\n\t\t\t\t\t\tref={el => this._load(el)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<div class='flex gap-2 whitespace-normal'>\n\t\t\t\t\t\t\t{this.variant === 'error' && (\n\t\t\t\t\t\t\t\t<div class='w-[2px] bg-negative-red'></div>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{this.content ? this.content : <slot name='content' />}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t@Listen('click', { capture: true })\n\tprotected clickHandler() {\n\t\tif (this.variant === 'hover' || !this.enableUserInput) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this._popover.hasAttribute('data-show')) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._show();\n\t}\n\n\t@Listen('click', { target: 'document', capture: true })\n\tprotected documentClickHandler() {\n\t\tif (this.variant === 'hover' || !this.canManuallyClose || this.show) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (!this._popover.hasAttribute('data-show')) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._hide();\n\t}\n\n\t@Listen('mouseenter')\n\t@Listen('focus')\n\tprotected mouseEnterHandler() {\n\t\tif (this.variant !== 'hover' || !this.enableUserInput) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._show();\n\t}\n\n\t@Listen('mouseleave')\n\t@Listen('blur')\n\tprotected mouseLeaveHandler() {\n\t\tif (this.show || this.variant !== 'hover' || !this.enableUserInput) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._hide();\n\t}\n\n\t@Watch('show')\n\tonShowChange(show: boolean) {\n\t\tif (show && !this._popover.hasAttribute('data-show')) {\n\t\t\treturn this._show();\n\t\t}\n\n\t\treturn this._hide();\n\t}\n\n\tprivate _show() {\n\t\tif (!this._loaded) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (!this.content?.length && !this._hasContentSlot) {\n\t\t\tif (this._popover.hasAttribute('data-show')) {\n\t\t\t\tthis._hide();\n\t\t\t}\n\n\t\t\treturn;\n\t\t}\n\n\t\tthis._cleanup = autoUpdate(this._el, this._popover, () => this._update());\n\n\t\t// Make the popover visible\n\t\tthis._popover.setAttribute('data-show', '');\n\n\t\tthis._popover.classList.remove('opacity-0', 'pointer-events-none');\n\t\tthis._popover.classList.add('opacity-100', 'pointer-events-auto');\n\n\t\t// Update its position\n\t\tthis.isOpen.emit(true);\n\t}\n\n\tprivate _hide() {\n\t\tif (!this._loaded) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this._cleanup) {\n\t\t\tthis._cleanup();\n\t\t\tthis._cleanup = null;\n\t\t}\n\n\t\t// Hide the popover\n\t\tthis._popover.removeAttribute('data-show');\n\n\t\tthis._popover.classList.remove('opacity-100', 'pointer-events-auto');\n\t\tthis._popover.classList.add('opacity-0', 'pointer-events-none');\n\n\t\tthis.isOpen.emit(false);\n\t}\n\n\tprivate _load(popover: HTMLElement) {\n\t\tthis._popover = popover;\n\n\t\tif (popover) {\n\t\t\tthis._update();\n\t\t\tthis._loaded = true;\n\n\t\t\tif (this.show) {\n\t\t\t\tsetTimeout(() => this._show(), 100);\n\t\t\t}\n\t\t}\n\t}\n\n\tprivate _update() {\n\t\tif (!this._popover) {\n\t\t\treturn;\n\t\t}\n\n\t\tcomputePosition(this._el, this._popover, {\n\t\t\tplacement:\n\t\t\t\tthis.variant === 'error' && !this.placement\n\t\t\t\t\t? 'bottom-start'\n\t\t\t\t\t: this.placement ?? 'top',\n\t\t\tstrategy: this.strategy,\n\n\t\t\tmiddleware: [offset(this.offset), flip(), shift()],\n\t\t}).then(({ x, y, placement }) => {\n\t\t\tthis._popover.dataset.placement = placement;\n\t\t\tObject.assign(this._popover.style, {\n\t\t\t\ttop: `${y}px`,\n\t\t\t\tleft: `${x}px`,\n\t\t\t});\n\t\t});\n\t}\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/build/{p-c892b87a.entry.js → p-1f4e92ef.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as e}from"./p-DhGo7hbh.js";import{c as i}from"./p-CBWjHURv.js";import{c as a}from"./p-CT54OXR2.js";import"./p-ChV9xqsO.js";const o="*{box-sizing:border-box}.static{position:static!important}.flex{display:flex!important}.hidden{display:none!important}.h-6{height:1.5rem!important}.w-6{width:1.5rem!important}.flex-1{flex:1 1 0%!important}.flex-shrink-0{flex-shrink:0!important}.items-center{align-items:center!important}.justify-center{justify-content: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-full{border-radius:9999px!important}.bg-amber-100{--tw-bg-opacity:1!important;background-color:rgb(255 246 194/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-positive-green-100{--tw-bg-opacity:1!important;background-color:rgb(213 251 199/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-white-700{--tw-bg-opacity:1!important;background-color:rgb(242 242 242/var(--tw-bg-opacity,1))!important}.p-2{padding:.5rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-amber-800{--tw-text-opacity:1!important;color:rgb(148 77 11/var(--tw-text-opacity,1))!important}.text-dark-teal-800{--tw-text-opacity:1!important;color:rgb(1 37 33/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-positive-green-800{--tw-text-opacity:1!important;color:rgb(47 100 7/var(--tw-text-opacity,1))!important}.text-supportive-lilac-900{--tw-text-opacity:1!important;color:rgb(80 9 179/var(--tw-text-opacity,1))!important}@media (min-width:64rem){.desktop-xs\\:block{display:block!important}.desktop-xs\\:w-auto{width:auto!important}.desktop-xs\\:py-0{padding-bottom:0!important;padding-top:0!important}}";const r=i(["flex items-center justify-center gap-2","h-6 rounded-full"],{variants:{variant:{positive:"bg-positive-green-100 text-positive-green-800",biased:"bg-amber-100  text-amber-800",negative:"bg-negative-red-100 text-negative-red-800",neutral:"bg-supportive-lilac-100 text-supportive-lilac-900",unavailable:"bg-white-700 text-dark-teal-800"},iconOnly:{false:"px-2",true:"p-2 w-6"},keepMobileContent:{false:null,true:null}},compoundVariants:[{keepMobileContent:false,iconOnly:false,class:"p-2 w-6 desktop-xs:w-auto desktop-xs:py-0"}]});const p=class{constructor(e){t(this,e)}variant="neutral";iconOnly=false;icon;iconFlip;iconRotate;keepMobileContent=false;render(){return e("div",{key:"ebca5b4de133f2b28f96a1d6e86ae1c7aadb2956",class:r({variant:this.variant,iconOnly:this.iconOnly,keepMobileContent:this.keepMobileContent})},this.icon&&e("p-icon",{key:"77dd46d2ab8291f4b6e09da730cddfa820f21ddf",class:"flex-shrink-0",variant:this.icon,flip:this.iconFlip,rotate:this.iconRotate}),!this.iconOnly&&e("div",{key:"7c4470d1ebf3a5ca9a10aec59b1a6f2eed11971f",class:a("flex-1 overflow-hidden text-ellipsis whitespace-nowrap text-sm",{hidden:!this.keepMobileContent,"desktop-xs:block":!this.keepMobileContent})},e("slot",{key:"b684c0a48b8fd0cbd321978492220078fe343918"})))}};p.style=o;export{p as p_label};
-//# sourceMappingURL=p-c892b87a.entry.js.map
+import{r as t,h as e}from"./p-DhGo7hbh.js";import{c as i}from"./p-CBWjHURv.js";import{c as o}from"./p-CT54OXR2.js";import"./p-ChV9xqsO.js";const a="*{box-sizing:border-box}.static{position:static!important}.flex{display:flex!important}.hidden{display:none!important}.h-6{height:1.5rem!important}.w-6{width:1.5rem!important}.flex-1{flex:1 1 0%!important}.flex-shrink-0{flex-shrink:0!important}.items-center{align-items:center!important}.justify-center{justify-content: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-full{border-radius:9999px!important}.bg-amber-100{--tw-bg-opacity:1!important;background-color:rgb(255 246 194/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-positive-green-100{--tw-bg-opacity:1!important;background-color:rgb(213 251 199/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-white-700{--tw-bg-opacity:1!important;background-color:rgb(242 242 242/var(--tw-bg-opacity,1))!important}.p-2{padding:.5rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-amber-800{--tw-text-opacity:1!important;color:rgb(148 77 11/var(--tw-text-opacity,1))!important}.text-dark-teal-800{--tw-text-opacity:1!important;color:rgb(1 37 33/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-positive-green-800{--tw-text-opacity:1!important;color:rgb(47 100 7/var(--tw-text-opacity,1))!important}.text-supportive-lilac-900{--tw-text-opacity:1!important;color:rgb(80 9 179/var(--tw-text-opacity,1))!important}@media (min-width:64rem){.desktop-xs\\:block{display:block!important}.desktop-xs\\:w-auto{width:auto!important}.desktop-xs\\:py-0{padding-bottom:0!important;padding-top:0!important}}";const r=i(["flex items-center justify-center gap-2","h-6 rounded-full"],{variants:{variant:{positive:"bg-positive-green-100 text-positive-green-800",biased:"bg-amber-100  text-amber-800",negative:"bg-negative-red-100 text-negative-red-800",neutral:"bg-supportive-lilac-100 text-supportive-lilac-900",unavailable:"bg-white-700 text-dark-teal-800"},iconOnly:{false:"px-2",true:"p-2 w-6"},keepMobileContent:{false:null,true:null}},compoundVariants:[{keepMobileContent:false,iconOnly:false,class:"p-2 w-6 desktop-xs:w-auto desktop-xs:py-0"}]});const p=class{constructor(e){t(this,e)}variant="neutral";iconOnly=false;icon;iconFlip;iconRotate;keepMobileContent=false;render(){return e("div",{key:"288aab506efe33c479ace660741e9725f0214828",class:r({variant:this.variant,iconOnly:this.iconOnly,keepMobileContent:this.keepMobileContent})},this.icon&&e("p-icon",{key:"e3de29b553d38f2a5ce1c9215296353537a3af26",class:"flex-shrink-0",variant:this.icon,flip:this.iconFlip,rotate:this.iconRotate}),!this.iconOnly&&e("div",{key:"8fbf932229a1ce1935991993ba42698b8945a9c2",class:o("flex-1 overflow-hidden text-ellipsis whitespace-nowrap text-sm",{hidden:!this.keepMobileContent,"desktop-xs:block":!this.keepMobileContent})},e("slot",{key:"f7de6a90f6cf21dc1a52dbe28a43fd07e24f2df6"})))}};p.style=a;export{p as p_label};
+//# sourceMappingURL=p-1f4e92ef.entry.js.map

package/dist/{paperless/p-58a4790a.entry.js → build/p-339c0424.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as e,h as i,F as a,g as s,H as r}from"./p-DhGo7hbh.js";import{c as n}from"./p-CBWjHURv.js";import{d as o,a as p}from"./p-DOp5eUxu.js";import{f as h,g as d}from"./p-DiJj8rmO.js";import{a as l}from"./p-C5CTp9IA.js";import"./p-ChV9xqsO.js";const c="*{box-sizing:border-box}.static{position:static!important}.mx-0{margin-left:0!important;margin-right:0!important}.flex{display:flex!important}.hidden{display:none!important}.h-4{height:1rem!important}.items-center{align-items:center!important}.gap-2{gap:.5rem!important}.rounded-full{border-radius:9999px!important}.border{border-width:1px!important}.border-off-white-700{--tw-border-opacity:1!important;border-color:rgb(222 219 213/var(--tw-border-opacity,1))!important}.bg-off-white-300{--tw-bg-opacity:1!important;background-color:rgb(248 247 244/var(--tw-bg-opacity,1))!important}.p-1{padding:.25rem!important}.text-human-beige-700{--tw-text-opacity:1!important;color:rgb(231 216 203/var(--tw-text-opacity,1))!important}";const g=n(["p-pagination","items-center gap-2","rounded-full","bg-off-white-300 border border-off-white-700","p-1"],{variants:{hidden:{false:"flex",true:"hidden"}}});const m=class{constructor(i){t(this,i);this.pageChange=e(this,"pageChange",3);this.pageSizeChange=e(this,"pageSizeChange",3);this.pagesChange=e(this,"pagesChange",3)}hideOnSinglePage=true;enablePaginationSize=true;enablePaginationPages=true;page=1;total;pageSize=o;pageSizeOptions=p;pageChange;pageSizeChange;pagesChange;_hasPaginationPages=true;render(){const t=this.hideOnSinglePage&&this.total<=this.pageSizeOptions?.[0];return i("div",{key:"cf3654ee1676412ce5a15db3d8b8562f621f1808",class:g({hidden:t&&!this._hasPaginationPages||!this.enablePaginationSize&&!this.enablePaginationPages})},this.enablePaginationPages&&this.enablePaginationSize&&i(a,{key:"1f46d1978543365999d15b6d84414d43daafaf39"},i("p-pagination-size",{key:"117ebccd0c5bb8be05d22b443ca85dec9bd1a703",hidden:t,size:this.pageSize,sizeOptions:this.pageSizeOptions,onSizeChange:({detail:t})=>this._changePageSize(t)}),!t&&this.hideOnSinglePage&&this._hasPaginationPages&&i("p-divider",{key:"65a3ca96da2c6cb0495b74ec182ac726b7b4876d",variant:"vertical",class:"mx-0 h-4 text-human-beige-700"})),this.enablePaginationPages&&i("p-pagination-pages",{key:"1c2215cc1e6e0d3da70ffe0361755626861ac670",pageSize:this.pageSize,total:this.total,page:this.page,hideOnSinglePage:this.hideOnSinglePage,onPageChange:({detail:t})=>this.pageChange.emit(t),onPagesChange:({detail:t})=>{this._hasPaginationPages=t>1;this.pagesChange.emit(t)}}))}_changePageSize(t){if(!t){return}this.pageSize=t;this.pageSizeChange.emit(this.pageSize)}};m.style=c;const f="*{box-sizing:border-box}.static{position:static!important}.flex{display:flex!important}.hidden{display:none!important}.items-center{align-items:center!important}.gap-2{gap:.5rem!important}";const b=n(["p-pagination","flex gap-2 items-center"],{variants:{hidden:{false:"flex",true:"hidden"}}});const u=class{constructor(i){t(this,i);this.pageChange=e(this,"pageChange",3);this.pagesChange=e(this,"pagesChange",3)}page=1;pageChange;pageSize=12;hideOnSinglePage=false;total;pagesChange;_pages=[];_set=[];componentWillRender(){this._generate()}render(){return i("div",{key:"9059f6aa4e17968f81d3f33ea23834ce98b2a2d0",class:b({hidden:this.hideOnSinglePage&&this._set?.length===3})},this._set?.map((t=>{if(t.type==="previous"||t.type==="next"){return i("p-pagination-pages-item",{variant:"carousel",disabled:this._carouselDisabled(t.type),onClick:()=>t.type==="previous"?this._previousClick():this._nextClick()},t.value)}if(t.type==="ellipsis"){return i("p-pagination-pages-item",{hover:false},"...")}return i("p-pagination-pages-item",{active:t.value===this.page,onClick:()=>this._pageClick(t.value)},t.value)})))}pageChangeHandler(){this._generate()}_generate(){this._pages=this._generatePages();this._set=this._generateSet();if(this.page>this._pages?.length){this._changePage(this._pages.length)}}_changePage(t){if(!t){return}this.page=t;this.pageChange.emit(this.page)}_previousClick(){if(this._carouselDisabled("previous")){return}this._changePage(this.page-1)}_nextClick=()=>{if(this._carouselDisabled("next")){return}this._changePage(this.page+1)};_carouselDisabled=t=>{if(t==="next"){const t=this.page+1;if(t>this._pages[this._pages.length-1]){return true}}if(t==="previous"){const t=this.page-1;if(t<this._pages[0]){return true}}return false};_pageClick=t=>this._changePage(t);_generatePages(){if(!this.total||!this.pageSize){return[]}const t=Math.ceil(this.total/this.pageSize);this.pagesChange.emit(t);return new Array(t).fill(undefined).map(((t,e)=>e+1))}_generateSet=(t=1,e=true)=>{const a=this._pages.length;if(!a){return[]}let s=this.page-t;let r=this.page+t;if(r>a){r=a;s=a-t*2;s=s<1?1:s}if(s<=1){s=1;r=Math.min(t*2+1,a)}const n=[];const o={type:"previous",value:i("p-icon",{variant:"caret",size:"sm",rotate:90})};const p={type:"next",value:i("p-icon",{variant:"caret",size:"sm",rotate:-90})};if(t===null){const t=this._pages.map((t=>({type:"page",value:t})));return e?[o,...t,p]:t}if(e){n.push(o)}if(s<=3){for(let t=1;t<s;t++){n.push({type:"page",value:this._pages[t-1]})}}else{n.push({type:"page",value:1});n.push({type:"ellipsis",value:"ellipsis"})}for(let t=s;t<=r;t++){n.push({type:"page",value:this._pages[t-1]})}if(r>=a-2){for(let t=r+1;t<=a;t++){n.push({type:"page",value:this._pages[t-1]})}}else{n.push({type:"ellipsis"});n.push({type:"page",value:this._pages[this._pages.length-1]})}if(e){n.push(p)}return n};static get watchers(){return{page:["pageChangeHandler"],pageSize:["pageChangeHandler"],total:["pageChangeHandler"]}}};u.style=f;const x="*{box-sizing:border-box}.static{position:static!important}.flex{display:flex!important}.hidden{display:none!important}.h-6{height:1.5rem!important}.min-w-0{min-width:0!important}.flex-1{flex:1 1 0%!important}.flex-shrink-0{flex-shrink:0!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}.text-nowrap{text-wrap:nowrap!important}.rounded-full{border-radius:9999px!important}.bg-dark-teal-400{--tw-bg-opacity:1!important;background-color:rgb(51 116 109/var(--tw-bg-opacity,1))!important}.bg-dark-teal-600{--tw-bg-opacity:1!important;background-color:rgb(0 72 64/var(--tw-bg-opacity,1))!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-medium{font-weight:500!important}.text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.hover\\:bg-dark-teal-500:hover{--tw-bg-opacity:1!important;background-color:rgb(0 81 72/var(--tw-bg-opacity,1))!important}";const v=n("p-pagination-size",{variants:{hidden:{false:null,true:"hidden"}}});const y=n(["flex items-center gap-2","px-2 h-6","text-sm text-white font-medium ","cursor-pointer rounded-full"],{variants:{active:{false:"bg-dark-teal-400 hover:bg-dark-teal-500",true:"bg-dark-teal-600"}}});const w=class{constructor(i){t(this,i);this.sizeChange=e(this,"sizeChange",3)}_defaultItemTemplate=t=>h(this._locales.item,{size:t});size=o;sizeOptions=p;sizeChange;itemTemplate=this._defaultItemTemplate;get _el(){return s(this)}hidden=false;dropdownIsOpen=false;_locales={};componentWillLoad(){this._setLocales()}render(){return i(r,{key:"0bedacfb0ced2a2d1c0563899fa0992d340fe32d",class:v({hidden:l(this.hidden)})},i("p-dropdown",{key:"b0e84e042bcc9b7f2579fec353e3f7cc7bc00f02",variant:"dark-teal",placement:"top-start",chevronDirection:"down",calculateWidth:true,onIsOpen:({detail:t})=>this.dropdownIsOpen=t},i("div",{key:"af5fce9c48390ec340aafc37862d3bf1da3df914",class:y({active:this.dropdownIsOpen}),slot:"trigger"},i("p",{key:"77054a9f59a1c02473e8e7bb8bd282db1015cb2b",class:"min-w-0 flex-1 overflow-hidden text-ellipsis text-nowrap"},this.itemTemplate?this.itemTemplate(this.size):this._defaultItemTemplate(this.size)),i("p-icon",{key:"d3705b1e20da6ad84b3b465ef9d81d8f9ae4447a",class:"flex-shrink-0",variant:"double-caret",size:"sm"})),i("slot",{key:"0847b3da964d2a6d312c4df24ce1025c46f019fa",slot:"items"},this.sizeOptions.map((t=>i("p-dropdown-menu-item",{active:t===this.size,onClick:()=>this._changeSize(t)},this.itemTemplate?this.itemTemplate(t):this._defaultItemTemplate(t)))))))}async _setLocales(){this._locales=await d(this._el)}_changeSize(t){if(!t){return}this.size=t;this.sizeChange.emit(this.size)}};w.style=x;export{m as p_pagination,u as p_pagination_pages,w as p_pagination_size};
-//# sourceMappingURL=p-58a4790a.entry.js.map
+import{r as t,c as e,h as i,F as a,g as s,H as r}from"./p-DhGo7hbh.js";import{c as n}from"./p-CBWjHURv.js";import{d as o,a as p}from"./p-DOp5eUxu.js";import{f as h,g as l}from"./p-DiJj8rmO.js";import{a as d}from"./p-C5CTp9IA.js";import"./p-ChV9xqsO.js";const c="*{box-sizing:border-box}.static{position:static!important}.mx-0{margin-left:0!important;margin-right:0!important}.flex{display:flex!important}.hidden{display:none!important}.h-4{height:1rem!important}.items-center{align-items:center!important}.gap-2{gap:.5rem!important}.rounded-full{border-radius:9999px!important}.border{border-width:1px!important}.border-off-white-700{--tw-border-opacity:1!important;border-color:rgb(222 219 213/var(--tw-border-opacity,1))!important}.bg-off-white-300{--tw-bg-opacity:1!important;background-color:rgb(248 247 244/var(--tw-bg-opacity,1))!important}.p-1{padding:.25rem!important}.text-human-beige-700{--tw-text-opacity:1!important;color:rgb(231 216 203/var(--tw-text-opacity,1))!important}";const g=n(["p-pagination","items-center gap-2","rounded-full","bg-off-white-300 border border-off-white-700","p-1"],{variants:{hidden:{false:"flex",true:"hidden"}}});const m=class{constructor(i){t(this,i);this.pageChange=e(this,"pageChange",3);this.pageSizeChange=e(this,"pageSizeChange",3);this.pagesChange=e(this,"pagesChange",3)}hideOnSinglePage=true;enablePaginationSize=true;enablePaginationPages=true;page=1;total;pageSize=o;pageSizeOptions=p;pageChange;pageSizeChange;pagesChange;_hasPaginationPages=true;render(){const t=this.hideOnSinglePage&&this.total<=this.pageSizeOptions?.[0];return i("div",{key:"204cc4b072185b671d881ebeab93828050960c6e",class:g({hidden:t&&!this._hasPaginationPages||!this.enablePaginationSize&&!this.enablePaginationPages})},this.enablePaginationPages&&this.enablePaginationSize&&i(a,{key:"eca0f372057173a14273e65b84b762ce69deaa7c"},i("p-pagination-size",{key:"b243bcc13d1daa8aa5d998331563569d08c96fe3",hidden:t,size:this.pageSize,sizeOptions:this.pageSizeOptions,onSizeChange:({detail:t})=>this._changePageSize(t)}),!t&&this.hideOnSinglePage&&this._hasPaginationPages&&i("p-divider",{key:"eaa9c21582d51349a83e5f713c716f431b3bf303",variant:"vertical",class:"mx-0 h-4 text-human-beige-700"})),this.enablePaginationPages&&i("p-pagination-pages",{key:"9472e285c3eae5f1212caff7707115202d0a81ea",pageSize:this.pageSize,total:this.total,page:this.page,hideOnSinglePage:this.hideOnSinglePage,onPageChange:({detail:t})=>this.pageChange.emit(t),onPagesChange:({detail:t})=>{this._hasPaginationPages=t>1;this.pagesChange.emit(t)}}))}_changePageSize(t){if(!t){return}this.pageSize=t;this.pageSizeChange.emit(this.pageSize)}};m.style=c;const f="*{box-sizing:border-box}.static{position:static!important}.flex{display:flex!important}.hidden{display:none!important}.items-center{align-items:center!important}.gap-2{gap:.5rem!important}";const b=n(["p-pagination","flex gap-2 items-center"],{variants:{hidden:{false:"flex",true:"hidden"}}});const u=class{constructor(i){t(this,i);this.pageChange=e(this,"pageChange",3);this.pagesChange=e(this,"pagesChange",3)}page=1;pageChange;pageSize=12;hideOnSinglePage=false;total;pagesChange;_pages=[];_set=[];componentWillRender(){this._generate()}render(){return i("div",{key:"ef6bb28567dc5c1ef6cbde6b7b0a699e6c5ee8c6",class:b({hidden:this.hideOnSinglePage&&this._set?.length===3})},this._set?.map((t=>{if(t.type==="previous"||t.type==="next"){return i("p-pagination-pages-item",{variant:"carousel",disabled:this._carouselDisabled(t.type),onClick:()=>t.type==="previous"?this._previousClick():this._nextClick()},t.value)}if(t.type==="ellipsis"){return i("p-pagination-pages-item",{hover:false},"...")}return i("p-pagination-pages-item",{active:t.value===this.page,onClick:()=>this._pageClick(t.value)},t.value)})))}pageChangeHandler(){this._generate()}_generate(){this._pages=this._generatePages();this._set=this._generateSet();if(this.page>this._pages?.length){this._changePage(this._pages.length)}}_changePage(t){if(!t){return}this.page=t;this.pageChange.emit(this.page)}_previousClick(){if(this._carouselDisabled("previous")){return}this._changePage(this.page-1)}_nextClick=()=>{if(this._carouselDisabled("next")){return}this._changePage(this.page+1)};_carouselDisabled=t=>{if(t==="next"){const t=this.page+1;if(t>this._pages[this._pages.length-1]){return true}}if(t==="previous"){const t=this.page-1;if(t<this._pages[0]){return true}}return false};_pageClick=t=>this._changePage(t);_generatePages(){if(!this.total||!this.pageSize){return[]}const t=Math.ceil(this.total/this.pageSize);this.pagesChange.emit(t);return new Array(t).fill(undefined).map(((t,e)=>e+1))}_generateSet=(t=1,e=true)=>{const a=this._pages.length;if(!a){return[]}let s=this.page-t;let r=this.page+t;if(r>a){r=a;s=a-t*2;s=s<1?1:s}if(s<=1){s=1;r=Math.min(t*2+1,a)}const n=[];const o={type:"previous",value:i("p-icon",{variant:"caret",size:"sm",rotate:90})};const p={type:"next",value:i("p-icon",{variant:"caret",size:"sm",rotate:-90})};if(t===null){const t=this._pages.map((t=>({type:"page",value:t})));return e?[o,...t,p]:t}if(e){n.push(o)}if(s<=3){for(let t=1;t<s;t++){n.push({type:"page",value:this._pages[t-1]})}}else{n.push({type:"page",value:1});n.push({type:"ellipsis",value:"ellipsis"})}for(let t=s;t<=r;t++){n.push({type:"page",value:this._pages[t-1]})}if(r>=a-2){for(let t=r+1;t<=a;t++){n.push({type:"page",value:this._pages[t-1]})}}else{n.push({type:"ellipsis"});n.push({type:"page",value:this._pages[this._pages.length-1]})}if(e){n.push(p)}return n};static get watchers(){return{page:["pageChangeHandler"],pageSize:["pageChangeHandler"],total:["pageChangeHandler"]}}};u.style=f;const x="*{box-sizing:border-box}.static{position:static!important}.flex{display:flex!important}.hidden{display:none!important}.h-6{height:1.5rem!important}.min-w-0{min-width:0!important}.flex-1{flex:1 1 0%!important}.flex-shrink-0{flex-shrink:0!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}.text-nowrap{text-wrap:nowrap!important}.rounded-full{border-radius:9999px!important}.bg-dark-teal-400{--tw-bg-opacity:1!important;background-color:rgb(51 116 109/var(--tw-bg-opacity,1))!important}.bg-dark-teal-600{--tw-bg-opacity:1!important;background-color:rgb(0 72 64/var(--tw-bg-opacity,1))!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-medium{font-weight:500!important}.text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.hover\\:bg-dark-teal-500:hover{--tw-bg-opacity:1!important;background-color:rgb(0 81 72/var(--tw-bg-opacity,1))!important}";const v=n("p-pagination-size",{variants:{hidden:{false:null,true:"hidden"}}});const y=n(["flex items-center gap-2","px-2 h-6","text-sm text-white font-medium ","cursor-pointer rounded-full"],{variants:{active:{false:"bg-dark-teal-400 hover:bg-dark-teal-500",true:"bg-dark-teal-600"}}});const w=class{constructor(i){t(this,i);this.sizeChange=e(this,"sizeChange",3)}_defaultItemTemplate=t=>h(this._locales.item,{size:t});size=o;sizeOptions=p;sizeChange;itemTemplate=this._defaultItemTemplate;get _el(){return s(this)}hidden=false;dropdownIsOpen=false;_locales={};componentWillLoad(){this._setLocales()}render(){return i(r,{key:"0bedacfb0ced2a2d1c0563899fa0992d340fe32d",class:v({hidden:d(this.hidden)})},i("p-dropdown",{key:"4e2bd4c3f2b7cdca473aac3dc117c64ccd9afd92",applyFullWidth:true,applyMaxWidth:false,variant:"dark-teal",placement:"top-start",chevronDirection:"down",onIsOpen:({detail:t})=>this.dropdownIsOpen=t},i("div",{key:"7d671786ce4a1b9fb54ba4455c852cbd2a23fab5",class:y({active:this.dropdownIsOpen}),slot:"trigger"},i("p",{key:"27d0ae9cd6788bf3a9d1f9e7a4b6567917d720f9",class:"min-w-0 flex-1 overflow-hidden text-ellipsis text-nowrap"},this.itemTemplate?this.itemTemplate(this.size):this._defaultItemTemplate(this.size)),i("p-icon",{key:"f7a955f8dfc6827cec5b4acbe2b32e66b3c5d8da",class:"flex-shrink-0",variant:"double-caret",size:"sm"})),i("slot",{key:"aad2297e00c21b575b52a42755bcfd17a7893fb4",slot:"items"},this.sizeOptions.map((t=>i("p-dropdown-menu-item",{active:t===this.size,onClick:()=>this._changeSize(t)},this.itemTemplate?this.itemTemplate(t):this._defaultItemTemplate(t)))))))}async _setLocales(){this._locales=await l(this._el)}_changeSize(t){if(!t){return}this.size=t;this.sizeChange.emit(this.size)}};w.style=x;export{m as p_pagination,u as p_pagination_pages,w as p_pagination_size};
+//# sourceMappingURL=p-339c0424.entry.js.map

package/dist/build/p-339c0424.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["paginationComponentCss","pagination","cva","variants","hidden","false","true","Pagination","hideOnSinglePage","enablePaginationSize","enablePaginationPages","page","total","pageSize","defaultSize","pageSizeOptions","defaultSizeOptions","pageChange","pageSizeChange","pagesChange","_hasPaginationPages","render","hidePageSizeSelect","this","h","key","class","Fragment","size","sizeOptions","onSizeChange","detail","_changePageSize","variant","onPageChange","emit","onPagesChange","s","paginationPagesComponentCss","PaginationPages","_pages","_set","componentWillRender","_generate","length","map","p","type","disabled","_carouselDisabled","onClick","_previousClick","_nextClick","value","hover","active","_pageClick","pageChangeHandler","_generatePages","_generateSet","_changePage","nextPage","previousPage","pages","Math","ceil","Array","fill","undefined","_","i","range","enableBoundaries","totalPages","start","end","min","set","previous","rotate","next","push","paginationSizeComponentCss","paginationSize","trigger","PaginationSize","_defaultItemTemplate","formatTranslation","_locales","item","sizeChange","itemTemplate","dropdownIsOpen","componentWillLoad","_setLocales","Host","asBoolean","applyFullWidth","applyMaxWidth","placement","chevronDirection","onIsOpen","slot","option","_changeSize","getLocaleComponentStrings","_el"],"sources":["src/components/molecules/pagination/pagination/pagination.component.css?tag=p-pagination&encapsulation=shadow","src/components/molecules/pagination/pagination/pagination.component.tsx","src/components/molecules/pagination/pages/pagination-pages.component.css?tag=p-pagination-pages&encapsulation=shadow","src/components/molecules/pagination/pages/pagination-pages.component.tsx","src/components/molecules/pagination/size/pagination-size.component.css?tag=p-pagination-size&encapsulation=shadow","src/components/molecules/pagination/size/pagination-size.component.tsx"],"sourcesContent":[null,"import {\n\tComponent,\n\tEvent,\n\tEventEmitter,\n\tFragment,\n\th,\n\tProp,\n\tState,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { defaultSize, defaultSizeOptions } from '../size/constants';\n\nconst pagination = cva(\n\t[\n\t\t'p-pagination',\n\t\t'items-center gap-2',\n\t\t'rounded-full',\n\t\t'bg-off-white-300 border border-off-white-700',\n\t\t'p-1',\n\t],\n\t{\n\t\tvariants: {\n\t\t\thidden: {\n\t\t\t\tfalse: 'flex',\n\t\t\t\ttrue: 'hidden',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-pagination',\n\tstyleUrl: 'pagination.component.css',\n\tshadow: true,\n})\nexport class Pagination {\n\t/**\n\t * Wether to hide when there is only 1 page available\n\t */\n\t@Prop() hideOnSinglePage: boolean = true;\n\n\t/**\n\t * Wether to enable pagination size select\n\t */\n\t@Prop() enablePaginationSize: boolean = true;\n\n\t/**\n\t * Wether to enable pagination pages\n\t */\n\t@Prop() enablePaginationPages: boolean = true;\n\n\t/**\n\t * The current page\n\t */\n\t@Prop({ mutable: true, reflect: true }) page: number = 1;\n\n\t/**\n\t * The total amount of items\n\t */\n\t@Prop() total!: number;\n\n\t/**\n\t * The amount of items per page\n\t */\n\t@Prop() pageSize: number = defaultSize;\n\n\t/**\n\t * The options for the page size\n\t */\n\t@Prop() pageSizeOptions: number[] = defaultSizeOptions;\n\n\t/**\n\t * Event whenever the page changes\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tpageChange: EventEmitter<number>;\n\n\t/**\n\t * Event whenever the page changes\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tpageSizeChange: EventEmitter<number>;\n\n\t/**\n\t * The pages that were generated\n\t */\n\t@Event({ bubbles: false }) pagesChange: EventEmitter<number>;\n\n\t@State() private _hasPaginationPages = true;\n\n\trender() {\n\t\tconst hidePageSizeSelect =\n\t\t\tthis.hideOnSinglePage && this.total <= this.pageSizeOptions?.[0];\n\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={pagination({\n\t\t\t\t\thidden:\n\t\t\t\t\t\t(hidePageSizeSelect && !this._hasPaginationPages) ||\n\t\t\t\t\t\t(!this.enablePaginationSize && !this.enablePaginationPages),\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t{this.enablePaginationPages && this.enablePaginationSize && (\n\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t<p-pagination-size\n\t\t\t\t\t\t\thidden={hidePageSizeSelect}\n\t\t\t\t\t\t\tsize={this.pageSize}\n\t\t\t\t\t\t\tsizeOptions={this.pageSizeOptions}\n\t\t\t\t\t\t\tonSizeChange={({ detail }) => this._changePageSize(detail)}\n\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t{!hidePageSizeSelect &&\n\t\t\t\t\t\t\tthis.hideOnSinglePage &&\n\t\t\t\t\t\t\tthis._hasPaginationPages && (\n\t\t\t\t\t\t\t\t<p-divider\n\t\t\t\t\t\t\t\t\tvariant='vertical'\n\t\t\t\t\t\t\t\t\tclass='mx-0 h-4 text-human-beige-700'\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t</Fragment>\n\t\t\t\t)}\n\n\t\t\t\t{this.enablePaginationPages && (\n\t\t\t\t\t<p-pagination-pages\n\t\t\t\t\t\tpageSize={this.pageSize}\n\t\t\t\t\t\ttotal={this.total}\n\t\t\t\t\t\tpage={this.page}\n\t\t\t\t\t\thideOnSinglePage={this.hideOnSinglePage}\n\t\t\t\t\t\tonPageChange={({ detail }) => this.pageChange.emit(detail)}\n\t\t\t\t\t\tonPagesChange={({ detail }) => {\n\t\t\t\t\t\t\tthis._hasPaginationPages = detail > 1;\n\t\t\t\t\t\t\tthis.pagesChange.emit(detail);\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t);\n\t}\n\n\tprivate _changePageSize(s?: number) {\n\t\tif (!s) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.pageSize = s;\n\t\tthis.pageSizeChange.emit(this.pageSize);\n\t}\n}\n",null,"import { Component, Event, EventEmitter, h, Prop, Watch } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\ntype PaginationSetItem = {\n\ttype: string;\n\tvalue?: number | Element | JSX.Element | string;\n};\n\nconst pagination = cva(['p-pagination', 'flex gap-2 items-center'], {\n\tvariants: {\n\t\thidden: {\n\t\t\tfalse: 'flex',\n\t\t\ttrue: 'hidden',\n\t\t},\n\t},\n});\n\n@Component({\n\ttag: 'p-pagination-pages',\n\tstyleUrl: 'pagination-pages.component.css',\n\tshadow: true,\n})\nexport class PaginationPages {\n\t/**\n\t * The current page\n\t */\n\t@Prop({ mutable: true, reflect: true }) page: number = 1;\n\n\t/**\n\t * Event whenever the page changes\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tpageChange: EventEmitter<number>;\n\n\t/**\n\t * The amount of items per page\n\t */\n\t@Prop() pageSize: number = 12;\n\n\t/**\n\t * Wether to hide when there is only 1 page available\n\t */\n\t@Prop() hideOnSinglePage: boolean = false;\n\n\t/**\n\t * The total amount of items\n\t */\n\t@Prop() total!: number;\n\n\t/**\n\t * The pages that were generated\n\t */\n\t@Event({ bubbles: false }) pagesChange: EventEmitter<number>;\n\n\tprivate _pages: number[] = [];\n\tprivate _set: PaginationSetItem[] = [];\n\n\tcomponentWillRender() {\n\t\tthis._generate();\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={pagination({\n\t\t\t\t\thidden: this.hideOnSinglePage && this._set?.length === 3,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t{this._set?.map(p => {\n\t\t\t\t\tif (p.type === 'previous' || p.type === 'next') {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<p-pagination-pages-item\n\t\t\t\t\t\t\t\tvariant='carousel'\n\t\t\t\t\t\t\t\tdisabled={this._carouselDisabled(p.type)}\n\t\t\t\t\t\t\t\tonClick={() =>\n\t\t\t\t\t\t\t\t\tp.type === 'previous'\n\t\t\t\t\t\t\t\t\t\t? this._previousClick()\n\t\t\t\t\t\t\t\t\t\t: this._nextClick()\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\t{p.value}\n\t\t\t\t\t\t\t</p-pagination-pages-item>\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\n\t\t\t\t\tif (p.type === 'ellipsis') {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<p-pagination-pages-item hover={false}>\n\t\t\t\t\t\t\t\t...\n\t\t\t\t\t\t\t</p-pagination-pages-item>\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<p-pagination-pages-item\n\t\t\t\t\t\t\tactive={p.value === this.page}\n\t\t\t\t\t\t\tonClick={() => this._pageClick(p.value as number)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{p.value}\n\t\t\t\t\t\t</p-pagination-pages-item>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</div>\n\t\t);\n\t}\n\n\t@Watch('page')\n\t@Watch('pageSize')\n\t@Watch('total')\n\tprotected pageChangeHandler() {\n\t\tthis._generate();\n\t}\n\n\tprivate _generate() {\n\t\tthis._pages = this._generatePages();\n\t\tthis._set = this._generateSet();\n\n\t\tif (this.page > this._pages?.length) {\n\t\t\tthis._changePage(this._pages.length);\n\t\t}\n\t}\n\n\tprivate _changePage(p?: number) {\n\t\tif (!p) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.page = p;\n\t\tthis.pageChange.emit(this.page);\n\t}\n\n\tprivate _previousClick() {\n\t\tif (this._carouselDisabled('previous')) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._changePage(this.page - 1);\n\t}\n\n\tprivate _nextClick = () => {\n\t\tif (this._carouselDisabled('next')) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._changePage(this.page + 1);\n\t};\n\n\tprivate _carouselDisabled = (type: 'previous' | 'next') => {\n\t\tif (type === 'next') {\n\t\t\tconst nextPage = this.page + 1;\n\t\t\tif (nextPage > this._pages[this._pages.length - 1]) {\n\t\t\t\treturn true;\n\t\t\t}\n\t\t}\n\n\t\tif (type === 'previous') {\n\t\t\tconst previousPage = this.page - 1;\n\t\t\tif (previousPage < this._pages[0]) {\n\t\t\t\treturn true;\n\t\t\t}\n\t\t}\n\n\t\treturn false;\n\t};\n\n\tprivate _pageClick = (p?: number) => this._changePage(p);\n\n\tprivate _generatePages() {\n\t\tif (!this.total || !this.pageSize) {\n\t\t\treturn [];\n\t\t}\n\n\t\tconst pages = Math.ceil(this.total / this.pageSize);\n\t\tthis.pagesChange.emit(pages);\n\t\treturn new Array(pages).fill(undefined).map((_, i) => i + 1);\n\t}\n\n\tprivate _generateSet = (\n\t\trange: number = 1,\n\t\tenableBoundaries: boolean = true\n\t): PaginationSetItem[] => {\n\t\tconst totalPages = this._pages.length;\n\n\t\tif (!totalPages) {\n\t\t\treturn [];\n\t\t}\n\n\t\tlet start = this.page - range;\n\t\tlet end = this.page + range;\n\n\t\tif (end > totalPages) {\n\t\t\tend = totalPages;\n\t\t\tstart = totalPages - range * 2;\n\t\t\tstart = start < 1 ? 1 : start;\n\t\t}\n\n\t\tif (start <= 1) {\n\t\t\tstart = 1;\n\t\t\tend = Math.min(range * 2 + 1, totalPages);\n\t\t}\n\n\t\tconst set = [];\n\n\t\tconst previous = {\n\t\t\ttype: 'previous',\n\t\t\tvalue: (\n\t\t\t\t<p-icon\n\t\t\t\t\tvariant='caret'\n\t\t\t\t\tsize='sm'\n\t\t\t\t\trotate={90}\n\t\t\t\t/>\n\t\t\t),\n\t\t};\n\n\t\tconst next = {\n\t\t\ttype: 'next',\n\t\t\tvalue: (\n\t\t\t\t<p-icon\n\t\t\t\t\tvariant='caret'\n\t\t\t\t\tsize='sm'\n\t\t\t\t\trotate={-90}\n\t\t\t\t/>\n\t\t\t),\n\t\t};\n\n\t\t// Disable page range, display all the pages\n\t\tif (range === null) {\n\t\t\tconst p = this._pages.map(p => ({\n\t\t\t\ttype: 'page',\n\t\t\t\tvalue: p,\n\t\t\t}));\n\n\t\t\treturn enableBoundaries ? [previous, ...p, next] : p;\n\t\t}\n\n\t\tif (enableBoundaries) {\n\t\t\tset.push(previous);\n\t\t}\n\n\t\tif (start <= 3) {\n\t\t\tfor (let i = 1; i < start; i++) {\n\t\t\t\tset.push({\n\t\t\t\t\ttype: 'page',\n\t\t\t\t\tvalue: this._pages[i - 1],\n\t\t\t\t});\n\t\t\t}\n\t\t} else {\n\t\t\tset.push({\n\t\t\t\ttype: 'page',\n\t\t\t\tvalue: 1,\n\t\t\t});\n\n\t\t\tset.push({\n\t\t\t\ttype: 'ellipsis',\n\t\t\t\tvalue: 'ellipsis',\n\t\t\t});\n\t\t}\n\n\t\tfor (let i = start; i <= end; i++) {\n\t\t\tset.push({\n\t\t\t\ttype: 'page',\n\t\t\t\tvalue: this._pages[i - 1],\n\t\t\t});\n\t\t}\n\n\t\tif (end >= totalPages - 2) {\n\t\t\tfor (let i = end + 1; i <= totalPages; i++) {\n\t\t\t\tset.push({\n\t\t\t\t\ttype: 'page',\n\t\t\t\t\tvalue: this._pages[i - 1],\n\t\t\t\t});\n\t\t\t}\n\t\t} else {\n\t\t\tset.push({\n\t\t\t\ttype: 'ellipsis',\n\t\t\t});\n\n\t\t\tset.push({\n\t\t\t\ttype: 'page',\n\t\t\t\tvalue: this._pages[this._pages.length - 1],\n\t\t\t});\n\t\t}\n\n\t\tif (enableBoundaries) {\n\t\t\tset.push(next);\n\t\t}\n\n\t\treturn set;\n\t};\n}\n",null,"import {\n\tComponent,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tProp,\n\tState,\n} from '@stencil/core';\nimport {\n\tformatTranslation,\n\tgetLocaleComponentStrings,\n} from '../../../../utils/localization';\nimport { defaultSize, defaultSizeOptions } from './constants';\nimport { cva } from 'class-variance-authority';\nimport { asBoolean } from '../../../../utils/as-boolean';\n\nexport type templateFunc = (value: number) => string;\n\nconst paginationSize = cva('p-pagination-size', {\n\tvariants: {\n\t\thidden: {\n\t\t\tfalse: null,\n\t\t\ttrue: 'hidden',\n\t\t},\n\t},\n});\n\nconst trigger = cva(\n\t[\n\t\t'flex items-center gap-2',\n\t\t'px-2 h-6',\n\t\t'text-sm text-white font-medium ',\n\t\t'cursor-pointer rounded-full',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tactive: {\n\t\t\t\tfalse: 'bg-dark-teal-400 hover:bg-dark-teal-500',\n\t\t\t\ttrue: 'bg-dark-teal-600',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-pagination-size',\n\tstyleUrl: 'pagination-size.component.css',\n\tshadow: true,\n})\nexport class PaginationSize {\n\tprivate _defaultItemTemplate: templateFunc = size =>\n\t\tformatTranslation(this._locales.item, { size });\n\t/**\n\t * The current page\n\t */\n\t@Prop({ mutable: true, reflect: true }) size: number = defaultSize;\n\n\t/**\n\t * The available sizes\n\t */\n\t@Prop() sizeOptions: number[] = defaultSizeOptions;\n\n\t/**\n\t * Event whenever the size changes\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tsizeChange: EventEmitter<number>;\n\n\t/**\n\t * The template for the data view\n\t */\n\t@Prop() itemTemplate: templateFunc = this._defaultItemTemplate;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\t/**\n\t * Wether to hide when there is only 1 page available\n\t */\n\t@Prop() hidden: boolean = false;\n\n\t/**\n\t * Wether the dropdown is open\n\t */\n\t@State() dropdownIsOpen = false;\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\treturn (\n\t\t\t<Host class={paginationSize({ hidden: asBoolean(this.hidden) })}>\n\t\t\t\t<p-dropdown\n\t\t\t\t\tapplyFullWidth={true}\n\t\t\t\t\tapplyMaxWidth={false}\n\t\t\t\t\tvariant='dark-teal'\n\t\t\t\t\tplacement='top-start'\n\t\t\t\t\tchevronDirection='down'\n\t\t\t\t\tonIsOpen={({ detail }) => (this.dropdownIsOpen = detail)}\n\t\t\t\t>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass={trigger({\n\t\t\t\t\t\t\tactive: this.dropdownIsOpen,\n\t\t\t\t\t\t})}\n\t\t\t\t\t\tslot='trigger'\n\t\t\t\t\t>\n\t\t\t\t\t\t<p class='min-w-0 flex-1 overflow-hidden text-ellipsis text-nowrap'>\n\t\t\t\t\t\t\t{this.itemTemplate\n\t\t\t\t\t\t\t\t? this.itemTemplate(this.size)\n\t\t\t\t\t\t\t\t: this._defaultItemTemplate(this.size)}\n\t\t\t\t\t\t</p>\n\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\tclass='flex-shrink-0'\n\t\t\t\t\t\t\tvariant='double-caret'\n\t\t\t\t\t\t\tsize='sm'\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t\t<slot slot='items'>\n\t\t\t\t\t\t{this.sizeOptions.map(option => (\n\t\t\t\t\t\t\t<p-dropdown-menu-item\n\t\t\t\t\t\t\t\tactive={option === this.size}\n\t\t\t\t\t\t\t\tonClick={() => this._changeSize(option)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{this.itemTemplate\n\t\t\t\t\t\t\t\t\t? this.itemTemplate(option)\n\t\t\t\t\t\t\t\t\t: this._defaultItemTemplate(option)}\n\t\t\t\t\t\t\t</p-dropdown-menu-item>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</slot>\n\t\t\t\t</p-dropdown>\n\t\t\t</Host>\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 _changeSize(s?: number) {\n\t\tif (!s) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.size = s;\n\t\tthis.sizeChange.emit(this.size);\n\t}\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/build/{p-f8a170fd.entry.js → p-3624bdd9.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as e,g as a,h as i}from"./p-DhGo7hbh.js";import{c as o}from"./p-CBWjHURv.js";import"./p-ChV9xqsO.js";const r="*{box-sizing:border-box}.static{position:static!important}.absolute{position:absolute!important}.relative{position:relative!important}.right-2{right:.5rem!important}.top-2{top:.5rem!important}.my-0{margin-bottom:0!important;margin-top:0!important}.flex{display:flex!important}.h-6{height:1.5rem!important}.h-inherit{height:inherit!important}.w-6{width:1.5rem!important}.w-full{width:100%!important}.cursor-pointer{cursor:pointer!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.gap-1{gap:.25rem!important}.rounded-lg{border-radius:.5rem!important}.bg-amber-50{--tw-bg-opacity:1!important;background-color:rgb(255 250 224/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-positive-green-100{--tw-bg-opacity:1!important;background-color:rgb(213 251 199/var(--tw-bg-opacity,1))!important}.bg-supportive-lilac-200{--tw-bg-opacity:1!important;background-color:rgb(237 223 255/var(--tw-bg-opacity,1))!important}.bg-white-700{--tw-bg-opacity:1!important;background-color:rgb(242 242 242/var(--tw-bg-opacity,1))!important}.px-4{padding-left:1rem!important;padding-right:1rem!important}.py-3{padding-bottom:.75rem!important;padding-top:.75rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-medium{font-weight:500!important}.font-normal{font-weight:400!important}.text-amber-800{--tw-text-opacity:1!important;color:rgb(148 77 11/var(--tw-text-opacity,1))!important}.text-black-teal-800{--tw-text-opacity:1!important;color:rgb(0 2 2/var(--tw-text-opacity,1))!important}.text-black-teal-800\\/60{color:rgba(0,2,2,.6)!important}.text-negative-red-800{--tw-text-opacity:1!important;color:rgb(141 16 16/var(--tw-text-opacity,1))!important}.text-positive-green-800{--tw-text-opacity:1!important;color:rgb(47 100 7/var(--tw-text-opacity,1))!important}.text-supportive-lilac-900{--tw-text-opacity:1!important;color:rgb(80 9 179/var(--tw-text-opacity,1))!important}.hover\\:bg-white-500\\/40:hover{background-color:hsla(0,0%,100%,.4)!important}.hover\\:text-black-teal-800\\/60:hover{color:rgba(0,2,2,.6)!important}";const n=o(["flex flex-col gap-1","w-full h-inherit px-4 py-3","rounded-lg relative"],{variants:{variant:{neutral:"bg-supportive-lilac-200",positive:"bg-positive-green-100",biased:"bg-amber-50",negative:"bg-negative-red-100",feedback:"bg-white-700"}}});const p=o("text-sm font-medium",{variants:{variant:{neutral:"text-supportive-lilac-900",positive:"text-positive-green-800",biased:"text-amber-800",negative:"text-negative-red-800",feedback:"text-black-teal-800"}}});const c=o(["absolute right-2 top-2","flex items-center justify-center","rounded-lg cursor-pointer","text-black-teal-800/60 hover:text-black-teal-800/60 hover:bg-white-500/40","h-6 w-6"]);const s=class{constructor(a){t(this,a);this.closed=e(this,"closed",3)}variant="feedback";header;content;closeable=false;closed;get _el(){return a(this)}render(){const t=!!this._el.querySelector(':scope > [slot="header"]');const e=!!this._el.querySelector(':scope > [slot="content"]');return i("div",{key:"f424e56cfac5e6a45ed0d75953a8d6d25501cd44",class:n({variant:this.variant})},(this.header?.length||t)&&i("div",{key:"844a536b5998119b02633e523db7fbf6e6a1d44b",class:p({variant:this.variant})},this.header?.length?i("p",{class:"my-0"},this.header):i("slot",{name:"header"})),(this.content?.length||e)&&i("div",{key:"217eca6877b3d01f51b23ae38f5aa70112876cca",class:"h-inherit text-sm font-normal text-black-teal-800/60"},this.content?.length?i("p",{class:"my-0"},this.content):i("slot",{name:"content"})),this.closeable&&i("div",{key:"ac975dab68e73cbd9d8c7a05cae9eb2446e1c331",class:c(),onClick:()=>this._close()},i("p-icon",{key:"1c8db2791231e7ea399843925e3f6e4cbd605bf2",variant:"negative"})))}_close(){this.closed.emit();this._el.remove()}};s.style=r;export{s as p_info_panel};
-//# sourceMappingURL=p-f8a170fd.entry.js.map
+import{r as t,c as e,g as a,h as i}from"./p-DhGo7hbh.js";import{c as o}from"./p-CBWjHURv.js";import"./p-ChV9xqsO.js";const r="*{box-sizing:border-box}.static{position:static!important}.absolute{position:absolute!important}.relative{position:relative!important}.right-2{right:.5rem!important}.top-2{top:.5rem!important}.my-0{margin-bottom:0!important;margin-top:0!important}.flex{display:flex!important}.h-6{height:1.5rem!important}.h-inherit{height:inherit!important}.w-6{width:1.5rem!important}.w-full{width:100%!important}.cursor-pointer{cursor:pointer!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.gap-1{gap:.25rem!important}.rounded-lg{border-radius:.5rem!important}.bg-amber-50{--tw-bg-opacity:1!important;background-color:rgb(255 250 224/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-positive-green-100{--tw-bg-opacity:1!important;background-color:rgb(213 251 199/var(--tw-bg-opacity,1))!important}.bg-supportive-lilac-200{--tw-bg-opacity:1!important;background-color:rgb(237 223 255/var(--tw-bg-opacity,1))!important}.bg-white-700{--tw-bg-opacity:1!important;background-color:rgb(242 242 242/var(--tw-bg-opacity,1))!important}.px-4{padding-left:1rem!important;padding-right:1rem!important}.py-3{padding-bottom:.75rem!important;padding-top:.75rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-medium{font-weight:500!important}.font-normal{font-weight:400!important}.text-amber-800{--tw-text-opacity:1!important;color:rgb(148 77 11/var(--tw-text-opacity,1))!important}.text-black-teal-800{--tw-text-opacity:1!important;color:rgb(0 2 2/var(--tw-text-opacity,1))!important}.text-black-teal-800\\/60{color:rgba(0,2,2,.6)!important}.text-negative-red-800{--tw-text-opacity:1!important;color:rgb(141 16 16/var(--tw-text-opacity,1))!important}.text-positive-green-800{--tw-text-opacity:1!important;color:rgb(47 100 7/var(--tw-text-opacity,1))!important}.text-supportive-lilac-900{--tw-text-opacity:1!important;color:rgb(80 9 179/var(--tw-text-opacity,1))!important}.hover\\:bg-white-500\\/40:hover{background-color:hsla(0,0%,100%,.4)!important}.hover\\:text-black-teal-800\\/60:hover{color:rgba(0,2,2,.6)!important}";const n=o(["flex flex-col gap-1","w-full h-inherit px-4 py-3","rounded-lg relative"],{variants:{variant:{neutral:"bg-supportive-lilac-200",positive:"bg-positive-green-100",biased:"bg-amber-50",negative:"bg-negative-red-100",feedback:"bg-white-700"}}});const p=o("text-sm font-medium",{variants:{variant:{neutral:"text-supportive-lilac-900",positive:"text-positive-green-800",biased:"text-amber-800",negative:"text-negative-red-800",feedback:"text-black-teal-800"}}});const c=o(["absolute right-2 top-2","flex items-center justify-center","rounded-lg cursor-pointer","text-black-teal-800/60 hover:text-black-teal-800/60 hover:bg-white-500/40","h-6 w-6"]);const s=class{constructor(a){t(this,a);this.closed=e(this,"closed",3)}variant="feedback";header;content;closeable=false;closed;get _el(){return a(this)}render(){const t=!!this._el.querySelector(':scope > [slot="header"]');const e=!!this._el.querySelector(':scope > [slot="content"]');return i("div",{key:"e488768a3be74c93473444a3574b19727c5aa30b",class:n({variant:this.variant})},(this.header?.length||t)&&i("div",{key:"73a22ad675f8ce0ff293ad7c9031ad46ff469811",class:p({variant:this.variant})},this.header?.length?i("p",{class:"my-0"},this.header):i("slot",{name:"header"})),(this.content?.length||e)&&i("div",{key:"a53c10429ccae86d3c0eccb8ef387394236bc76b",class:"h-inherit text-sm font-normal text-black-teal-800/60"},this.content?.length?i("p",{class:"my-0"},this.content):i("slot",{name:"content"})),this.closeable&&i("div",{key:"5c04957bf9e61a36ebb4ec823b86f38bb9f386b7",class:c(),onClick:()=>this._close()},i("p-icon",{key:"0e818a63378a4be69dfb4812d3f5070be5af4007",variant:"negative"})))}_close(){this.closed.emit();this._el.remove()}};s.style=r;export{s as p_info_panel};
+//# sourceMappingURL=p-3624bdd9.entry.js.map

package/dist/build/{p-c0adcfb5.entry.js → p-4832ba03.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as e,H as i}from"./p-DhGo7hbh.js";import{c as a}from"./p-CBWjHURv.js";import{a as r}from"./p-C5CTp9IA.js";import"./p-ChV9xqsO.js";const o="*{box-sizing:border-box}.static{position:static!important}.mt-\\[1px\\]{margin-top:1px!important}.flex{display:flex!important}.hidden{display:none!important}.h-6{height:1.5rem!important}.w-6{width:1.5rem!important}.flex-1{flex:1 1 0%!important}.flex-row-reverse{flex-direction:row-reverse!important}.items-start{align-items:flex-start!important}.items-end{align-items:flex-end!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.gap-2{gap:.5rem!important}.rounded-full{border-radius:9999px!important}.border{border-width:1px!important}.border-solid{border-style:solid!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-dark-teal-50{--tw-bg-opacity:1!important;background-color:rgb(229 238 237/var(--tw-bg-opacity,1))!important}.text-center{text-align:center!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-medium{font-weight:500!important}.text-black-teal-400{--tw-text-opacity:1!important;color:rgb(53 85 80/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-dark-teal-400{--tw-text-opacity:1!important;color:rgb(51 116 109/var(--tw-text-opacity,1))!important}.text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}@media (min-width:64rem){.desktop-xs\\:inline-block{display:inline-block!important}}";const n=a("flex gap-2",{variants:{align:{start:"items-start",center:"items-center",end:"items-end"},contentPosition:{start:"flex-row-reverse",end:null}}});const s=a(["h-6 w-6 flex items-center justify-center","text-sm text-center font-medium","border border-solid border-dark-teal-400","rounded-full"],{variants:{finished:{true:null,false:null},active:{true:null,false:null}},compoundVariants:[{finished:false,active:false,class:"text-dark-teal-400 bg-dark-teal-50"},{active:true,finished:false,class:"text-white bg-dark-teal-400"},{active:false,finished:true,class:"text-white bg-dark-teal-400"}]});const l=a("text-sm font-medium flex-1 mt-[1px]",{variants:{finished:{true:null,false:null},active:{true:null,false:null},direction:{horizontal:null,vertical:null}},compoundVariants:[{finished:false,active:false,class:"text-black-teal-400"},{active:true,finished:false,class:"text-black-teal-500"},{active:false,finished:true,class:"text-black-teal-500"},{direction:"horizontal",active:false,class:"hidden desktop-xs:inline-block"}]});const c=class{constructor(e){t(this,e)}number=1;direction="horizontal";align="center";contentPosition="end";finished=false;active=false;render(){return e("div",{key:"60878b54aefa04d789a8f12f5314065422f6e3ae",class:n({align:this.align,contentPosition:this.contentPosition})},e("div",{key:"cde47d61849fb9601a70e65d640d75fecbabd7b1",class:s({active:r(this.active),finished:r(this.finished)})},this.number),e("div",{key:"206a405e10e0aafc7980cf5df7618d2b096e9760",class:l({active:r(this.active),finished:r(this.finished),direction:this.direction})},e("slot",{key:"56714497055ae6f9889339f45fdb6e44dacd57c1"})))}};c.style=o;const p=".mx-\\[calc\\(0\\.75rem-1px\\)\\]{margin-left:calc(.75rem - 1px)!important;margin-right:calc(.75rem - 1px)!important}.block{display:block!important}.h-\\[1px\\]{height:1px!important}.min-h-\\[1rem\\]{min-height:1rem!important}.w-\\[1px\\]{width:1px!important}*{box-sizing:border-box}:host{--tw-bg-opacity:1;background-color:rgb(222 219 213/var(--tw-bg-opacity,1));display:block;flex:1 1 auto}:host([direction=horizontal]){height:1px}:host([direction=vertical]){margin-left:calc(.75rem - 1px);margin-right:calc(.75rem - 1px);min-height:1rem;width:1px}:host([active=true]),:host([active]:not([active=false])){--tw-bg-opacity:1;background-color:rgb(51 116 109/var(--tw-bg-opacity,1))}.static{position:static!important}";const d=class{constructor(e){t(this,e)}active=false;direction="horizontal";render(){return e(i,{key:"223d550be3e0b05927c1c9f38d8d7fbe78557ecc"})}};d.style=p;export{c as p_stepper_item,d as p_stepper_line};
-//# sourceMappingURL=p-c0adcfb5.entry.js.map
+import{r as t,h as e,H as i}from"./p-DhGo7hbh.js";import{c as a}from"./p-CBWjHURv.js";import{a as r}from"./p-C5CTp9IA.js";import"./p-ChV9xqsO.js";const o="*{box-sizing:border-box}.static{position:static!important}.mt-\\[1px\\]{margin-top:1px!important}.flex{display:flex!important}.hidden{display:none!important}.h-6{height:1.5rem!important}.w-6{width:1.5rem!important}.flex-1{flex:1 1 0%!important}.flex-row-reverse{flex-direction:row-reverse!important}.items-start{align-items:flex-start!important}.items-end{align-items:flex-end!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.gap-2{gap:.5rem!important}.rounded-full{border-radius:9999px!important}.border{border-width:1px!important}.border-solid{border-style:solid!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-dark-teal-50{--tw-bg-opacity:1!important;background-color:rgb(229 238 237/var(--tw-bg-opacity,1))!important}.text-center{text-align:center!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-medium{font-weight:500!important}.text-black-teal-400{--tw-text-opacity:1!important;color:rgb(53 85 80/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-dark-teal-400{--tw-text-opacity:1!important;color:rgb(51 116 109/var(--tw-text-opacity,1))!important}.text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}@media (min-width:64rem){.desktop-xs\\:inline-block{display:inline-block!important}}";const n=a("flex gap-2",{variants:{align:{start:"items-start",center:"items-center",end:"items-end"},contentPosition:{start:"flex-row-reverse",end:null}}});const s=a(["h-6 w-6 flex items-center justify-center","text-sm text-center font-medium","border border-solid border-dark-teal-400","rounded-full"],{variants:{finished:{true:null,false:null},active:{true:null,false:null}},compoundVariants:[{finished:false,active:false,class:"text-dark-teal-400 bg-dark-teal-50"},{active:true,finished:false,class:"text-white bg-dark-teal-400"},{active:false,finished:true,class:"text-white bg-dark-teal-400"}]});const c=a("text-sm font-medium flex-1 mt-[1px]",{variants:{finished:{true:null,false:null},active:{true:null,false:null},direction:{horizontal:null,vertical:null}},compoundVariants:[{finished:false,active:false,class:"text-black-teal-400"},{active:true,finished:false,class:"text-black-teal-500"},{active:false,finished:true,class:"text-black-teal-500"},{direction:"horizontal",active:false,class:"hidden desktop-xs:inline-block"}]});const l=class{constructor(e){t(this,e)}number=1;direction="horizontal";align="center";contentPosition="end";finished=false;active=false;render(){return e("div",{key:"c22963045d15227d31c0b357e82e3287bf67bcb7",class:n({align:this.align,contentPosition:this.contentPosition})},e("div",{key:"3d4d928bc7437f1c3e2e377fd0bab2dbc2015c8e",class:s({active:r(this.active),finished:r(this.finished)})},this.number),e("div",{key:"b03768ce647150b2ef04cc66ef2c0e9e9cc2d550",class:c({active:r(this.active),finished:r(this.finished),direction:this.direction})},e("slot",{key:"a30d4d31270881990f0d056468ab8a6397d20079"})))}};l.style=o;const p=".mx-\\[calc\\(0\\.75rem-1px\\)\\]{margin-left:calc(.75rem - 1px)!important;margin-right:calc(.75rem - 1px)!important}.block{display:block!important}.h-\\[1px\\]{height:1px!important}.min-h-\\[1rem\\]{min-height:1rem!important}.w-\\[1px\\]{width:1px!important}*{box-sizing:border-box}:host{--tw-bg-opacity:1;background-color:rgb(222 219 213/var(--tw-bg-opacity,1));display:block;flex:1 1 auto}:host([direction=horizontal]){height:1px}:host([direction=vertical]){margin-left:calc(.75rem - 1px);margin-right:calc(.75rem - 1px);min-height:1rem;width:1px}:host([active=true]),:host([active]:not([active=false])){--tw-bg-opacity:1;background-color:rgb(51 116 109/var(--tw-bg-opacity,1))}.static{position:static!important}";const d=class{constructor(e){t(this,e)}active=false;direction="horizontal";render(){return e(i,{key:"7cd8e08e1ac07b570f3b6c1081b38abcfa028656"})}};d.style=p;export{l as p_stepper_item,d as p_stepper_line};
+//# sourceMappingURL=p-4832ba03.entry.js.map

package/dist/build/{p-ad3595e3.entry.js → p-4b7c790a.entry.js}

@@ -1,3 +1,3 @@
 import{r as t,c as s,h as i,H as e}from"./p-DhGo7hbh.js";const n=typeof window!=="undefined"&&typeof window.document!=="undefined";const h=n?window:{};const o=n?"ontouchstart"in h.document.documentElement:false;const r=n?"PointerEvent"in h:false;const a="cropper";const c=`${a}-canvas`;const l=`${a}-crosshair`;const f=`${a}-grid`;const u=`${a}-handle`;const d=`${a}-image`;const p=`${a}-selection`;const b=`${a}-shade`;const m=`${a}-viewer`;const g="select";const w="move";const v="scale";const $="rotate";const k="transform";const y="none";const x="n-resize";const z="e-resize";const M="s-resize";const C="w-resize";const A="ne-resize";const S="nw-resize";const j="se-resize";const O="sw-resize";const T="action";const E=o?"touchend touchcancel":"mouseup";const I=o?"touchmove":"mousemove";const N=o?"touchstart":"mousedown";const _=r?"pointerdown":N;const R=r?"pointermove":I;const X=r?"pointerup pointercancel":E;const Y="error";const P="keydown";const W="load";const D="wheel";const L="action";const H="actionend";const U="actionmove";const B="actionstart";const F="change";const G="transform";function K(t){return typeof t==="string"}const V=Number.isNaN||h.isNaN;function Z(t){return typeof t==="number"&&!V(t)}function q(t){return Z(t)&&t>0&&t<Infinity}function J(t){return typeof t==="undefined"}function Q(t){return typeof t==="object"&&t!==null}const{hasOwnProperty:tt}=Object.prototype;function st(t){if(!Q(t)){return false}try{const{constructor:s}=t;const{prototype:i}=s;return s&&i&&tt.call(i,"isPrototypeOf")}catch(t){return false}}function it(t){return typeof t==="function"}function et(t){return typeof t==="object"&&t!==null&&t.nodeType===1}const nt=/([a-z\d])([A-Z])/g;function ht(t){return String(t).replace(nt,"$1-$2").toLowerCase()}const ot=/-[A-z\d]/g;function rt(t){return t.replace(ot,(t=>t.slice(1).toUpperCase()))}const at=/\s\s*/;function ct(t,s,i,e){s.trim().split(at).forEach((s=>{t.removeEventListener(s,i,e)}))}function lt(t,s,i,e){s.trim().split(at).forEach((s=>{t.addEventListener(s,i,e)}))}function ft(t,s,i,e){lt(t,s,i,Object.assign(Object.assign({},e),{once:true}))}const ut={bubbles:true,cancelable:true,composed:true};function dt(t,s,i,e){return t.dispatchEvent(new CustomEvent(s,Object.assign(Object.assign(Object.assign({},ut),{detail:i}),e)))}const pt=Promise.resolve();function bt(t,s){return s?pt.then(t?s.bind(t):s):pt}function mt(t){const{documentElement:s}=t.ownerDocument;const i=t.getBoundingClientRect();return{left:i.left+(h.pageXOffset-s.clientLeft),top:i.top+(h.pageYOffset-s.clientTop)}}const gt=/deg|g?rad|turn$/i;function wt(t){const s=parseFloat(t)||0;if(s!==0){const[i="rad"]=String(t).match(gt)||[];switch(i.toLowerCase()){case"deg":return s/360*(Math.PI*2);case"grad":return s/400*(Math.PI*2);case"turn":return s*(Math.PI*2)}}return s}const vt="contain";const $t="cover";function kt(t,s=vt){const{aspectRatio:i}=t;let{width:e,height:n}=t;const h=q(e);const o=q(n);if(h&&o){const t=n*i;if(s===vt&&t>e||s===$t&&t<e){n=e/i}else{e=n*i}}else if(h){n=e/i}else if(o){e=n*i}return{width:e,height:n}}function yt(t,...s){if(s.length===0){return t}const[i,e,n,h,o,r]=t;const[a,c,l,f,u,d]=s[0];t=[i*a+n*c,e*a+h*c,i*l+n*f,e*l+h*f,i*u+n*d+o,e*u+h*d+r];return yt(t,...s.slice(1))}var xt=`:host([hidden]){display:none!important}`;const zt=/left|top|width|height/i;const Mt="open";const Ct=new WeakMap;const At=new WeakMap;const St=new Map;const jt=h.document&&Array.isArray(h.document.adoptedStyleSheets)&&"replaceSync"in h.CSSStyleSheet.prototype;class Ot extends HTMLElement{get $sharedStyle(){return`${this.themeColor?`:host{--theme-color: ${this.themeColor};}`:""}${xt}`}constructor(){var t,s;super();this.shadowRootMode=Mt;this.slottable=true;const i=(s=(t=Object.getPrototypeOf(this))===null||t===void 0?void 0:t.constructor)===null||s===void 0?void 0:s.$name;if(i){St.set(i,this.tagName.toLowerCase())}}static get observedAttributes(){return["shadow-root-mode","slottable","theme-color"]}attributeChangedCallback(t,s,i){if(Object.is(i,s)){return}const e=rt(t);const n=this[e];let h=i;switch(typeof n){case"boolean":h=i!==null&&i!=="false";break;case"number":h=Number(i);break}this[e]=h;switch(t){case"theme-color":{const t=At.get(this);const s=this.$sharedStyle;if(t&&s){if(jt){t.replaceSync(s)}else{t.textContent=s}}break}}}$propertyChangedCallback(t,s,i){if(Object.is(i,s)){return}t=ht(t);switch(typeof i){case"boolean":if(i===true){if(!this.hasAttribute(t)){this.setAttribute(t,"")}}else{this.removeAttribute(t)}break;case"number":if(V(i)){i=""}else{i=String(i)}default:if(i){if(this.getAttribute(t)!==i){this.setAttribute(t,i)}}else{this.removeAttribute(t)}}}connectedCallback(){Object.getPrototypeOf(this).constructor.observedAttributes.forEach((t=>{const s=rt(t);let i=this[s];if(!J(i)){this.$propertyChangedCallback(s,undefined,i)}Object.defineProperty(this,s,{enumerable:true,configurable:true,get(){return i},set(t){const e=i;i=t;this.$propertyChangedCallback(s,e,t)}})}));const t=this.attachShadow({mode:this.shadowRootMode||Mt});if(!this.shadowRoot){Ct.set(this,t)}At.set(this,this.$addStyles(this.$sharedStyle));if(this.$style){this.$addStyles(this.$style)}if(this.$template){const s=document.createElement("template");s.innerHTML=this.$template;t.appendChild(s.content)}if(this.slottable){const s=document.createElement("slot");t.appendChild(s)}}disconnectedCallback(){if(At.has(this)){At.delete(this)}if(Ct.has(this)){Ct.delete(this)}}$getTagNameOf(t){var s;return(s=St.get(t))!==null&&s!==void 0?s:t}$setStyles(t){Object.keys(t).forEach((s=>{let i=t[s];if(Z(i)){if(i!==0&&zt.test(s)){i=`${i}px`}else{i=String(i)}}this.style[s]=i}));return this}$getShadowRoot(){return this.shadowRoot||Ct.get(this)}$addStyles(t){let s;const i=this.$getShadowRoot();if(jt){s=new CSSStyleSheet;s.replaceSync(t);i.adoptedStyleSheets=i.adoptedStyleSheets.concat(s)}else{s=document.createElement("style");s.textContent=t;i.appendChild(s)}return s}$emit(t,s,i){return dt(this,t,s,i)}$nextTick(t){return bt(this,t)}static $define(t,s){if(Q(t)){s=t;t=""}if(!t){t=this.$name||this.name}t=ht(t);if(n&&h.customElements&&!h.customElements.get(t)){customElements.define(t,this,s)}}}Ot.$version="2.0.0";var Tt=`:host{display:block;min-height:100px;min-width:200px;overflow:hidden;position:relative;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}:host([background]){background-color:#fff;background-image:repeating-linear-gradient(45deg,#ccc 25%,transparent 0,transparent 75%,#ccc 0,#ccc),repeating-linear-gradient(45deg,#ccc 25%,transparent 0,transparent 75%,#ccc 0,#ccc);background-image:repeating-conic-gradient(#ccc 0 25%,#fff 0 50%);background-position:0 0,.5rem .5rem;background-size:1rem 1rem}:host([disabled]){pointer-events:none}:host([disabled]):after{bottom:0;content:"";cursor:not-allowed;display:block;left:0;pointer-events:none;position:absolute;right:0;top:0}`;class Et extends Ot{constructor(){super(...arguments);this.$onPointerDown=null;this.$onPointerMove=null;this.$onPointerUp=null;this.$onWheel=null;this.$wheeling=false;this.$pointers=new Map;this.$style=Tt;this.$action=y;this.background=false;this.disabled=false;this.scaleStep=.1;this.themeColor="#39f"}static get observedAttributes(){return super.observedAttributes.concat(["background","disabled","scale-step"])}connectedCallback(){super.connectedCallback();if(!this.disabled){this.$bind()}}disconnectedCallback(){if(!this.disabled){this.$unbind()}super.disconnectedCallback()}$propertyChangedCallback(t,s,i){if(Object.is(i,s)){return}super.$propertyChangedCallback(t,s,i);switch(t){case"disabled":if(i){this.$unbind()}else{this.$bind()}break}}$bind(){if(!this.$onPointerDown){this.$onPointerDown=this.$handlePointerDown.bind(this);lt(this,_,this.$onPointerDown)}if(!this.$onPointerMove){this.$onPointerMove=this.$handlePointerMove.bind(this);lt(this.ownerDocument,R,this.$onPointerMove)}if(!this.$onPointerUp){this.$onPointerUp=this.$handlePointerUp.bind(this);lt(this.ownerDocument,X,this.$onPointerUp)}if(!this.$onWheel){this.$onWheel=this.$handleWheel.bind(this);lt(this,D,this.$onWheel,{passive:false,capture:true})}}$unbind(){if(this.$onPointerDown){ct(this,_,this.$onPointerDown);this.$onPointerDown=null}if(this.$onPointerMove){ct(this.ownerDocument,R,this.$onPointerMove);this.$onPointerMove=null}if(this.$onPointerUp){ct(this.ownerDocument,X,this.$onPointerUp);this.$onPointerUp=null}if(this.$onWheel){ct(this,D,this.$onWheel,{capture:true});this.$onWheel=null}}$handlePointerDown(t){const{buttons:s,button:i,type:e}=t;if(this.disabled||(e==="pointerdown"&&t.pointerType==="mouse"||e==="mousedown")&&(Z(s)&&s!==1||Z(i)&&i!==0||t.ctrlKey)){return}const{$pointers:n}=this;let h="";if(t.changedTouches){Array.from(t.changedTouches).forEach((({identifier:t,pageX:s,pageY:i})=>{n.set(t,{startX:s,startY:i,endX:s,endY:i})}))}else{const{pointerId:s=0,pageX:i,pageY:e}=t;n.set(s,{startX:i,startY:e,endX:i,endY:e})}if(n.size>1){h=k}else if(et(t.target)){h=t.target.action||t.target.getAttribute(T)||""}if(this.$emit(B,{action:h,relatedEvent:t})===false){return}t.preventDefault();this.$action=h;this.style.willChange="transform"}$handlePointerMove(t){const{$action:s,$pointers:i}=this;if(this.disabled||s===y||i.size===0){return}if(this.$emit(U,{action:s,relatedEvent:t})===false){return}t.preventDefault();if(t.changedTouches){Array.from(t.changedTouches).forEach((({identifier:t,pageX:s,pageY:e})=>{const n=i.get(t);if(n){Object.assign(n,{endX:s,endY:e})}}))}else{const{pointerId:s=0,pageX:e,pageY:n}=t;const h=i.get(s);if(h){Object.assign(h,{endX:e,endY:n})}}const e={action:s,relatedEvent:t};if(s===k){const s=new Map(i);let n=0;let h=0;let o=0;let r=0;let a=t.pageX;let c=t.pageY;i.forEach(((t,i)=>{s.delete(i);s.forEach((s=>{let i=s.startX-t.startX;let e=s.startY-t.startY;let l=s.endX-t.endX;let f=s.endY-t.endY;let u=0;let d=0;let p=0;let b=0;if(i===0){if(e<0){p=Math.PI*2}else if(e>0){p=Math.PI}}else if(i>0){p=Math.PI/2+Math.atan(e/i)}else if(i<0){p=Math.PI*1.5+Math.atan(e/i)}if(l===0){if(f<0){b=Math.PI*2}else if(f>0){b=Math.PI}}else if(l>0){b=Math.PI/2+Math.atan(f/l)}else if(l<0){b=Math.PI*1.5+Math.atan(f/l)}if(b>0||p>0){const i=b-p;const e=Math.abs(i);if(e>n){n=e;o=i;a=(t.startX+s.startX)/2;c=(t.startY+s.startY)/2}}i=Math.abs(i);e=Math.abs(e);l=Math.abs(l);f=Math.abs(f);if(i>0&&e>0){u=Math.sqrt(i*i+e*e)}else if(i>0){u=i}else if(e>0){u=e}if(l>0&&f>0){d=Math.sqrt(l*l+f*f)}else if(l>0){d=l}else if(f>0){d=f}if(u>0&&d>0){const i=(d-u)/u;const e=Math.abs(i);if(e>h){h=e;r=i;a=(t.startX+s.startX)/2;c=(t.startY+s.startY)/2}}}))}));const l=n>0;const f=h>0;if(l&&f){e.rotate=o;e.scale=r;e.centerX=a;e.centerY=c}else if(l){e.action=$;e.rotate=o;e.centerX=a;e.centerY=c}else if(f){e.action=v;e.scale=r;e.centerX=a;e.centerY=c}else{e.action=y}}else{const[t]=Array.from(i.values());Object.assign(e,t)}i.forEach((t=>{t.startX=t.endX;t.startY=t.endY}));if(e.action!==y){this.$emit(L,e,{cancelable:false})}}$handlePointerUp(t){const{$action:s,$pointers:i}=this;if(this.disabled||s===y){return}if(this.$emit(H,{action:s,relatedEvent:t})===false){return}t.preventDefault();if(t.changedTouches){Array.from(t.changedTouches).forEach((({identifier:t})=>{i.delete(t)}))}else{const{pointerId:s=0}=t;i.delete(s)}if(i.size===0){this.style.willChange="";this.$action=y}}$handleWheel(t){if(this.disabled){return}t.preventDefault();if(this.$wheeling){return}this.$wheeling=true;setTimeout((()=>{this.$wheeling=false}),50);const s=t.deltaY>0?-1:1;const i=s*this.scaleStep;this.$emit(L,{action:v,scale:i,relatedEvent:t},{cancelable:false})}$setAction(t){if(K(t)){this.$action=t}return this}$toCanvas(t){return new Promise(((s,i)=>{if(!this.isConnected){i(new Error("The current element is not connected to the DOM."));return}const e=document.createElement("canvas");let n=this.offsetWidth;let h=this.offsetHeight;let o=1;if(st(t)&&(q(t.width)||q(t.height))){({width:n,height:h}=kt({aspectRatio:n/h,width:t.width,height:t.height}));o=n/this.offsetWidth}e.width=n;e.height=h;const r=this.querySelector(this.$getTagNameOf(d));if(!r){s(e);return}r.$ready().then((i=>{const a=e.getContext("2d");if(a){const[s,c,l,f,u,d]=r.$getTransform();let p=u;let b=d;let m=i.naturalWidth;let g=i.naturalHeight;if(o!==1){p*=o;b*=o;m*=o;g*=o}const w=m/2;const v=g/2;a.fillStyle="transparent";a.fillRect(0,0,n,h);if(st(t)&&it(t.beforeDraw)){t.beforeDraw.call(this,a,e)}a.save();a.translate(w,v);a.transform(s,c,l,f,p,b);a.translate(-w,-v);a.drawImage(i,0,0,m,g);a.restore()}s(e)})).catch(i)}))}}Et.$name=c;Et.$version="2.0.0";var It=`:host{display:inline-block}img{display:block;height:100%;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}`;const Nt=new WeakMap;const _t=["alt","crossorigin","decoding","importance","loading","referrerpolicy","sizes","src","srcset"];class Rt extends Ot{constructor(){super(...arguments);this.$matrix=[1,0,0,1,0,0];this.$onLoad=null;this.$onCanvasAction=null;this.$onCanvasActionEnd=null;this.$onCanvasActionStart=null;this.$actionStartTarget=null;this.$style=It;this.$image=new Image;this.initialCenterSize="contain";this.rotatable=false;this.scalable=false;this.skewable=false;this.slottable=false;this.translatable=false}set $canvas(t){Nt.set(this,t)}get $canvas(){return Nt.get(this)}static get observedAttributes(){return super.observedAttributes.concat(_t,["initial-center-size","rotatable","scalable","skewable","translatable"])}attributeChangedCallback(t,s,i){if(Object.is(i,s)){return}super.attributeChangedCallback(t,s,i);if(_t.includes(t)){this.$image.setAttribute(t,i)}}$propertyChangedCallback(t,s,i){if(Object.is(i,s)){return}super.$propertyChangedCallback(t,s,i);switch(t){case"initialCenterSize":this.$nextTick((()=>{this.$center(i)}));break}}connectedCallback(){super.connectedCallback();const{$image:t}=this;const s=this.closest(this.$getTagNameOf(c));if(s){this.$canvas=s;this.$setStyles({display:"block",position:"absolute"});this.$onCanvasActionStart=t=>{var s,i;this.$actionStartTarget=(i=(s=t.detail)===null||s===void 0?void 0:s.relatedEvent)===null||i===void 0?void 0:i.target};this.$onCanvasActionEnd=()=>{this.$actionStartTarget=null};this.$onCanvasAction=this.$handleAction.bind(this);lt(s,B,this.$onCanvasActionStart);lt(s,H,this.$onCanvasActionEnd);lt(s,L,this.$onCanvasAction)}this.$onLoad=this.$handleLoad.bind(this);lt(t,W,this.$onLoad);this.$getShadowRoot().appendChild(t)}disconnectedCallback(){const{$image:t,$canvas:s}=this;if(s){if(this.$onCanvasActionStart){ct(s,B,this.$onCanvasActionStart);this.$onCanvasActionStart=null}if(this.$onCanvasActionEnd){ct(s,H,this.$onCanvasActionEnd);this.$onCanvasActionEnd=null}if(this.$onCanvasAction){ct(s,L,this.$onCanvasAction);this.$onCanvasAction=null}}if(t&&this.$onLoad){ct(t,W,this.$onLoad);this.$onLoad=null}this.$getShadowRoot().removeChild(t);super.disconnectedCallback()}$handleLoad(){const{$image:t}=this;this.$setStyles({width:t.naturalWidth,height:t.naturalHeight});if(this.$canvas){this.$center(this.initialCenterSize)}}$handleAction(t){if(this.hidden||!(this.rotatable||this.scalable||this.translatable)){return}const{$canvas:s}=this;const{detail:i}=t;if(i){const{relatedEvent:t}=i;let{action:e}=i;if(e===k&&(!this.rotatable||!this.scalable)){if(this.rotatable){e=$}else if(this.scalable){e=v}else{e=y}}switch(e){case w:if(this.translatable){let e=null;if(t){e=t.target.closest(this.$getTagNameOf(p))}if(!e){e=s.querySelector(this.$getTagNameOf(p))}if(e&&e.multiple&&!e.active){e=s.querySelector(`${this.$getTagNameOf(p)}[active]`)}if(!e||e.hidden||!e.movable||e.dynamic||!(this.$actionStartTarget&&e.contains(this.$actionStartTarget))){this.$move(i.endX-i.startX,i.endY-i.startY)}}break;case $:if(this.rotatable){if(t){const{x:s,y:e}=this.getBoundingClientRect();this.$rotate(i.rotate,t.clientX-s,t.clientY-e)}else{this.$rotate(i.rotate)}}break;case v:if(this.scalable){if(t){const s=t.target.closest(this.$getTagNameOf(p));if(!s||!s.zoomable||s.zoomable&&s.dynamic){const{x:s,y:e}=this.getBoundingClientRect();this.$zoom(i.scale,t.clientX-s,t.clientY-e)}}else{this.$zoom(i.scale)}}break;case k:if(this.rotatable&&this.scalable){const{rotate:s}=i;let{scale:e}=i;if(e<0){e=1/(1-e)}else{e+=1}const n=Math.cos(s);const h=Math.sin(s);const[o,r,a,c]=[n*e,h*e,-h*e,n*e];if(t){const s=this.getBoundingClientRect();const i=t.clientX-s.x;const e=t.clientY-s.y;const[n,h,l,f]=this.$matrix;const u=s.width/2;const d=s.height/2;const p=i-u;const b=e-d;const m=(p*f-l*b)/(n*f-l*h);const g=(b*n-h*p)/(n*f-l*h);this.$transform(o,r,a,c,m*(1-o)+g*a,g*(1-c)+m*r)}else{this.$transform(o,r,a,c,0,0)}}break}}}$ready(t){const{$image:s}=this;const i=new Promise(((t,i)=>{const e=new Error("Failed to load the image source");if(s.complete){if(s.naturalWidth>0&&s.naturalHeight>0){t(s)}else{i(e)}}else{const n=()=>{ct(s,Y,h);t(s)};const h=()=>{ct(s,W,n);i(e)};ft(s,W,n);ft(s,Y,h)}}));if(it(t)){i.then((s=>{t(s);return s}))}return i}$center(t){const{parentElement:s}=this;if(!s){return this}const i=s.getBoundingClientRect();const e=i.width;const n=i.height;const{x:h,y:o,width:r,height:a}=this.getBoundingClientRect();const c=h+r/2;const l=o+a/2;const f=i.x+e/2;const u=i.y+n/2;this.$move(f-c,u-l);if(t&&(r!==e||a!==n)){const s=e/r;const i=n/a;switch(t){case"cover":this.$scale(Math.max(s,i));break;case"contain":this.$scale(Math.min(s,i));break}}return this}$move(t,s=t){if(this.translatable&&Z(t)&&Z(s)){const[i,e,n,h]=this.$matrix;const o=(t*h-n*s)/(i*h-n*e);const r=(s*i-e*t)/(i*h-n*e);this.$translate(o,r)}return this}$moveTo(t,s=t){if(this.translatable&&Z(t)&&Z(s)){const[i,e,n,h]=this.$matrix;const o=(t*h-n*s)/(i*h-n*e);const r=(s*i-e*t)/(i*h-n*e);this.$setTransform(i,e,n,h,o,r)}return this}$rotate(t,s,i){if(this.rotatable){const e=wt(t);const n=Math.cos(e);const h=Math.sin(e);const[o,r,a,c]=[n,h,-h,n];if(Z(s)&&Z(i)){const[t,e,n,h]=this.$matrix;const{width:l,height:f}=this.getBoundingClientRect();const u=l/2;const d=f/2;const p=s-u;const b=i-d;const m=(p*h-n*b)/(t*h-n*e);const g=(b*t-e*p)/(t*h-n*e);this.$transform(o,r,a,c,m*(1-o)-g*a,g*(1-c)-m*r)}else{this.$transform(o,r,a,c,0,0)}}return this}$zoom(t,s,i){if(!this.scalable||t===0){return this}if(t<0){t=1/(1-t)}else{t+=1}if(Z(s)&&Z(i)){const[e,n,h,o]=this.$matrix;const{width:r,height:a}=this.getBoundingClientRect();const c=r/2;const l=a/2;const f=s-c;const u=i-l;const d=(f*o-h*u)/(e*o-h*n);const p=(u*e-n*f)/(e*o-h*n);this.$transform(t,0,0,t,d*(1-t),p*(1-t))}else{this.$scale(t)}return this}$scale(t,s=t){if(this.scalable){this.$transform(t,0,0,s,0,0)}return this}$skew(t,s=0){if(this.skewable){const i=wt(t);const e=wt(s);this.$transform(1,Math.tan(e),Math.tan(i),1,0,0)}return this}$translate(t,s=t){if(this.translatable&&Z(t)&&Z(s)){this.$transform(1,0,0,1,t,s)}return this}$transform(t,s,i,e,n,h){if(Z(t)&&Z(s)&&Z(i)&&Z(e)&&Z(n)&&Z(h)){return this.$setTransform(yt(this.$matrix,[t,s,i,e,n,h]))}return this}$setTransform(t,s,i,e,n,h){if(this.rotatable||this.scalable||this.skewable||this.translatable){if(Array.isArray(t)){[t,s,i,e,n,h]=t}if(Z(t)&&Z(s)&&Z(i)&&Z(e)&&Z(n)&&Z(h)){const o=[...this.$matrix];const r=[t,s,i,e,n,h];if(this.$emit(G,{matrix:r,oldMatrix:o})===false){return this}this.$matrix=r;this.style.transform=`matrix(${r.join(", ")})`}}return this}$getTransform(){return this.$matrix.slice()}$resetTransform(){return this.$setTransform([1,0,0,1,0,0])}}Rt.$name=d;Rt.$version="2.0.0";var Xt=`:host{display:block;height:0;left:0;outline:var(--theme-color) solid 1px;position:relative;top:0;width:0}:host([transparent]){outline-color:transparent}`;const Yt=new WeakMap;class Pt extends Ot{constructor(){super(...arguments);this.$onCanvasChange=null;this.$onCanvasActionEnd=null;this.$onCanvasActionStart=null;this.$style=Xt;this.x=0;this.y=0;this.width=0;this.height=0;this.slottable=false;this.themeColor="rgba(0, 0, 0, 0.65)"}set $canvas(t){Yt.set(this,t)}get $canvas(){return Yt.get(this)}static get observedAttributes(){return super.observedAttributes.concat(["height","width","x","y"])}connectedCallback(){super.connectedCallback();const t=this.closest(this.$getTagNameOf(c));if(t){this.$canvas=t;this.style.position="absolute";const s=t.querySelector(this.$getTagNameOf(p));if(s){this.$onCanvasActionStart=t=>{if(s.hidden&&t.detail.action===g){this.hidden=false}};this.$onCanvasActionEnd=t=>{if(s.hidden&&t.detail.action===g){this.hidden=true}};this.$onCanvasChange=t=>{const{x:i,y:e,width:n,height:h}=t.detail;this.$change(i,e,n,h);if(s.hidden||i===0&&e===0&&n===0&&h===0){this.hidden=true}};lt(t,B,this.$onCanvasActionStart);lt(t,H,this.$onCanvasActionEnd);lt(t,F,this.$onCanvasChange)}}this.$render()}disconnectedCallback(){const{$canvas:t}=this;if(t){if(this.$onCanvasActionStart){ct(t,B,this.$onCanvasActionStart);this.$onCanvasActionStart=null}if(this.$onCanvasActionEnd){ct(t,H,this.$onCanvasActionEnd);this.$onCanvasActionEnd=null}if(this.$onCanvasChange){ct(t,F,this.$onCanvasChange);this.$onCanvasChange=null}}super.disconnectedCallback()}$change(t,s,i=this.width,e=this.height){if(!Z(t)||!Z(s)||!Z(i)||!Z(e)||t===this.x&&s===this.y&&i===this.width&&e===this.height){return this}if(this.hidden){this.hidden=false}this.x=t;this.y=s;this.width=i;this.height=e;return this.$render()}$reset(){return this.$change(0,0,0,0)}$render(){return this.$setStyles({transform:`translate(${this.x}px, ${this.y}px)`,width:this.width,height:this.height,outlineWidth:h.innerWidth})}}Pt.$name=b;Pt.$version="2.0.0";var Wt=`:host{background-color:var(--theme-color);display:block}:host([action=move]),:host([action=select]){height:100%;left:0;position:absolute;top:0;width:100%}:host([action=move]){cursor:move}:host([action=select]){cursor:crosshair}:host([action$=-resize]){background-color:transparent;height:15px;position:absolute;width:15px}:host([action$=-resize]):after{background-color:var(--theme-color);content:"";display:block;height:5px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:5px}:host([action=n-resize]),:host([action=s-resize]){cursor:ns-resize;left:50%;transform:translateX(-50%);width:100%}:host([action=n-resize]){top:-8px}:host([action=s-resize]){bottom:-8px}:host([action=e-resize]),:host([action=w-resize]){cursor:ew-resize;height:100%;top:50%;transform:translateY(-50%)}:host([action=e-resize]){right:-8px}:host([action=w-resize]){left:-8px}:host([action=ne-resize]){cursor:nesw-resize;right:-8px;top:-8px}:host([action=nw-resize]){cursor:nwse-resize;left:-8px;top:-8px}:host([action=se-resize]){bottom:-8px;cursor:nwse-resize;right:-8px}:host([action=se-resize]):after{height:15px;width:15px}@media (pointer:coarse){:host([action=se-resize]):after{height:10px;width:10px}}@media (pointer:fine){:host([action=se-resize]):after{height:5px;width:5px}}:host([action=sw-resize]){bottom:-8px;cursor:nesw-resize;left:-8px}:host([plain]){background-color:transparent}`;class Dt extends Ot{constructor(){super(...arguments);this.$onCanvasCropEnd=null;this.$onCanvasCropStart=null;this.$style=Wt;this.action=y;this.plain=false;this.slottable=false;this.themeColor="rgba(51, 153, 255, 0.5)"}static get observedAttributes(){return super.observedAttributes.concat(["action","plain"])}}Dt.$name=u;Dt.$version="2.0.0";var Lt=`:host{display:block;left:0;position:relative;right:0}:host([outlined]){outline:1px solid var(--theme-color)}:host([multiple]){outline:1px dashed hsla(0,0%,100%,.5)}:host([multiple]):after{bottom:0;content:"";cursor:pointer;display:block;left:0;position:absolute;right:0;top:0}:host([multiple][active]){outline-color:var(--theme-color);z-index:1}:host([multiple])>*{visibility:hidden}:host([multiple][active])>*{visibility:visible}:host([multiple][active]):after{display:none}`;const Ht=new WeakMap;class Ut extends Ot{constructor(){super(...arguments);this.$onCanvasAction=null;this.$onCanvasActionStart=null;this.$onCanvasActionEnd=null;this.$onDocumentKeyDown=null;this.$action="";this.$actionStartTarget=null;this.$changing=false;this.$style=Lt;this.$initialSelection={x:0,y:0,width:0,height:0};this.x=0;this.y=0;this.width=0;this.height=0;this.aspectRatio=NaN;this.initialAspectRatio=NaN;this.initialCoverage=NaN;this.active=false;this.linked=false;this.dynamic=false;this.movable=false;this.resizable=false;this.zoomable=false;this.multiple=false;this.keyboard=false;this.outlined=false;this.precise=false}set $canvas(t){Ht.set(this,t)}get $canvas(){return Ht.get(this)}static get observedAttributes(){return super.observedAttributes.concat(["active","aspect-ratio","dynamic","height","initial-aspect-ratio","initial-coverage","keyboard","linked","movable","multiple","outlined","precise","resizable","width","x","y","zoomable"])}$propertyChangedCallback(t,s,i){if(Object.is(i,s)){return}super.$propertyChangedCallback(t,s,i);switch(t){case"x":case"y":case"width":case"height":if(!this.$changing){this.$nextTick((()=>{this.$change(this.x,this.y,this.width,this.height,this.aspectRatio,true)}))}break;case"aspectRatio":case"initialAspectRatio":this.$nextTick((()=>{this.$initSelection()}));break;case"initialCoverage":this.$nextTick((()=>{if(q(i)&&i<=1){this.$initSelection(true,true)}}));break;case"keyboard":this.$nextTick((()=>{if(this.$canvas){if(i){if(!this.$onDocumentKeyDown){this.$onDocumentKeyDown=this.$handleKeyDown.bind(this);lt(this.ownerDocument,P,this.$onDocumentKeyDown)}}else if(this.$onDocumentKeyDown){ct(this.ownerDocument,P,this.$onDocumentKeyDown);this.$onDocumentKeyDown=null}}}));break;case"multiple":this.$nextTick((()=>{if(this.$canvas){const t=this.$getSelections();if(i){t.forEach((t=>{t.active=false}));this.active=true;this.$emit(F,{x:this.x,y:this.y,width:this.width,height:this.height})}else{this.active=false;t.slice(1).forEach((t=>{this.$removeSelection(t)}))}}}));break;case"precise":this.$nextTick((()=>{this.$change(this.x,this.y)}));break;case"linked":if(i){this.dynamic=true}break}}connectedCallback(){super.connectedCallback();const t=this.closest(this.$getTagNameOf(c));if(t){this.$canvas=t;this.$setStyles({position:"absolute",transform:`translate(${this.x}px, ${this.y}px)`});if(!this.hidden){this.$render()}this.$initSelection(true);this.$onCanvasActionStart=this.$handleActionStart.bind(this);this.$onCanvasActionEnd=this.$handleActionEnd.bind(this);this.$onCanvasAction=this.$handleAction.bind(this);lt(t,B,this.$onCanvasActionStart);lt(t,H,this.$onCanvasActionEnd);lt(t,L,this.$onCanvasAction)}else{this.$render()}}disconnectedCallback(){const{$canvas:t}=this;if(t){if(this.$onCanvasActionStart){ct(t,B,this.$onCanvasActionStart);this.$onCanvasActionStart=null}if(this.$onCanvasActionEnd){ct(t,H,this.$onCanvasActionEnd);this.$onCanvasActionEnd=null}if(this.$onCanvasAction){ct(t,L,this.$onCanvasAction);this.$onCanvasAction=null}}super.disconnectedCallback()}$getSelections(){let t=[];if(this.parentElement){t=Array.from(this.parentElement.querySelectorAll(this.$getTagNameOf(p)))}return t}$initSelection(t=false,s=false){const{initialCoverage:i,parentElement:e}=this;if(q(i)&&e){const n=this.aspectRatio||this.initialAspectRatio;let h=(s?0:this.width)||e.offsetWidth*i;let o=(s?0:this.height)||e.offsetHeight*i;if(q(n)){({width:h,height:o}=kt({aspectRatio:n,width:h,height:o}))}this.$change(this.x,this.y,h,o);if(t){this.$center()}this.$initialSelection={x:this.x,y:this.y,width:this.width,height:this.height}}}$createSelection(){const t=this.cloneNode(true);if(this.hasAttribute("id")){t.removeAttribute("id")}t.initialCoverage=NaN;this.active=false;if(this.parentElement){this.parentElement.insertBefore(t,this.nextSibling)}return t}$removeSelection(t=this){if(this.parentElement){const s=this.$getSelections();if(s.length>1){const i=s.indexOf(t);const e=s[i+1]||s[i-1];if(e){t.active=false;this.parentElement.removeChild(t);e.active=true;e.$emit(F,{x:e.x,y:e.y,width:e.width,height:e.height})}}else{this.$clear()}}}$handleActionStart(t){var s,i;const e=(i=(s=t.detail)===null||s===void 0?void 0:s.relatedEvent)===null||i===void 0?void 0:i.target;this.$action="";this.$actionStartTarget=e;if(!this.hidden&&this.multiple&&!this.active&&e===this&&this.parentElement){this.$getSelections().forEach((t=>{t.active=false}));this.active=true;this.$emit(F,{x:this.x,y:this.y,width:this.width,height:this.height})}}$handleAction(t){const{currentTarget:s,detail:i}=t;if(!s||!i){return}const{relatedEvent:e}=i;let{action:n}=i;if(!n&&this.multiple){n=this.$action||(e===null||e===void 0?void 0:e.target.action);this.$action=n}if(!n||this.hidden&&n!==g||this.multiple&&!this.active&&n!==v){return}const h=i.endX-i.startX;const o=i.endY-i.startY;const{width:r,height:a}=this;let{aspectRatio:c}=this;if(!q(c)&&e.shiftKey){c=q(r)&&q(a)?r/a:1}switch(n){case g:if(h!==0&&o!==0){const{$canvas:t}=this;const e=mt(s);(this.multiple&&!this.hidden?this.$createSelection():this).$change(i.startX-e.left,i.startY-e.top,Math.abs(h),Math.abs(o),c);if(h<0){if(o<0){n=S}else if(o>0){n=O}}else if(h>0){if(o<0){n=A}else if(o>0){n=j}}if(t){t.$action=n}}break;case w:if(this.movable&&(this.dynamic||this.$actionStartTarget&&this.contains(this.$actionStartTarget))){this.$move(h,o)}break;case v:if(e&&this.zoomable&&(this.dynamic||this.contains(e.target))){const t=mt(s);this.$zoom(i.scale,e.pageX-t.left,e.pageY-t.top)}break;default:this.$resize(n,h,o,c)}}$handleActionEnd(){this.$action="";this.$actionStartTarget=null}$handleKeyDown(t){if(this.hidden||!this.keyboard||this.multiple&&!this.active||t.defaultPrevented){return}const{activeElement:s}=document;if(s&&(["INPUT","TEXTAREA"].includes(s.tagName)||["true","plaintext-only"].includes(s.contentEditable))){return}switch(t.key){case"Backspace":if(t.metaKey){t.preventDefault();this.$removeSelection()}break;case"Delete":t.preventDefault();this.$removeSelection();break;case"ArrowLeft":t.preventDefault();this.$move(-1,0);break;case"ArrowRight":t.preventDefault();this.$move(1,0);break;case"ArrowUp":t.preventDefault();this.$move(0,-1);break;case"ArrowDown":t.preventDefault();this.$move(0,1);break;case"+":t.preventDefault();this.$zoom(.1);break;case"-":t.preventDefault();this.$zoom(-.1);break}}$center(){const{parentElement:t}=this;if(!t){return this}const s=(t.offsetWidth-this.width)/2;const i=(t.offsetHeight-this.height)/2;return this.$change(s,i)}$move(t,s=t){return this.$moveTo(this.x+t,this.y+s)}$moveTo(t,s=t){if(!this.movable){return this}return this.$change(t,s)}$resize(t,s=0,i=0,e=this.aspectRatio){if(!this.resizable){return this}const n=q(e);const{$canvas:h}=this;let{x:o,y:r,width:a,height:c}=this;switch(t){case x:r+=i;c-=i;if(c<0){t=M;c=-c;r-=c}if(n){s=i*e;o+=s/2;a-=s;if(a<0){a=-a;o-=a}}break;case z:a+=s;if(a<0){t=C;a=-a;o-=a}if(n){i=s/e;r-=i/2;c+=i;if(c<0){c=-c;r-=c}}break;case M:c+=i;if(c<0){t=x;c=-c;r-=c}if(n){s=i*e;o-=s/2;a+=s;if(a<0){a=-a;o-=a}}break;case C:o+=s;a-=s;if(a<0){t=z;a=-a;o-=a}if(n){i=s/e;r+=i/2;c-=i;if(c<0){c=-c;r-=c}}break;case A:if(n){i=-s/e}r+=i;c-=i;a+=s;if(a<0&&c<0){t=O;a=-a;c=-c;o-=a;r-=c}else if(a<0){t=S;a=-a;o-=a}else if(c<0){t=j;c=-c;r-=c}break;case S:if(n){i=s/e}o+=s;r+=i;a-=s;c-=i;if(a<0&&c<0){t=j;a=-a;c=-c;o-=a;r-=c}else if(a<0){t=A;a=-a;o-=a}else if(c<0){t=O;c=-c;r-=c}break;case j:if(n){i=s/e}a+=s;c+=i;if(a<0&&c<0){t=S;a=-a;c=-c;o-=a;r-=c}else if(a<0){t=O;a=-a;o-=a}else if(c<0){t=A;c=-c;r-=c}break;case O:if(n){i=-s/e}o+=s;a-=s;c+=i;if(a<0&&c<0){t=A;a=-a;c=-c;o-=a;r-=c}else if(a<0){t=j;a=-a;o-=a}else if(c<0){t=S;c=-c;r-=c}break}if(h){h.$setAction(t)}return this.$change(o,r,a,c)}$zoom(t,s,i){if(!this.zoomable||t===0){return this}if(t<0){t=1/(1-t)}else{t+=1}const{width:e,height:n}=this;const h=e*t;const o=n*t;let r=this.x;let a=this.y;if(Z(s)&&Z(i)){r-=(h-e)*((s-this.x)/e);a-=(o-n)*((i-this.y)/n)}else{r-=(h-e)/2;a-=(o-n)/2}return this.$change(r,a,h,o)}$change(t,s,i=this.width,e=this.height,n=this.aspectRatio,h=false){if(this.$changing||!Z(t)||!Z(s)||!Z(i)||!Z(e)||i<0||e<0){return this}if(q(n)){({width:i,height:e}=kt({aspectRatio:n,width:i,height:e},"cover"))}if(!this.precise){t=Math.round(t);s=Math.round(s);i=Math.round(i);e=Math.round(e)}if(t===this.x&&s===this.y&&i===this.width&&e===this.height&&Object.is(n,this.aspectRatio)&&!h){return this}if(this.hidden){this.hidden=false}if(this.$emit(F,{x:t,y:s,width:i,height:e})===false){return this}this.$changing=true;this.x=t;this.y=s;this.width=i;this.height=e;this.$changing=false;return this.$render()}$reset(){const{x:t,y:s,width:i,height:e}=this.$initialSelection;return this.$change(t,s,i,e)}$clear(){this.$change(0,0,0,0,NaN,true);this.hidden=true;return this}$render(){return this.$setStyles({transform:`translate(${this.x}px, ${this.y}px)`,width:this.width,height:this.height})}$toCanvas(t){return new Promise(((s,i)=>{if(!this.isConnected){i(new Error("The current element is not connected to the DOM."));return}const e=document.createElement("canvas");let{width:n,height:h}=this;let o=1;if(st(t)&&(q(t.width)||q(t.height))){({width:n,height:h}=kt({aspectRatio:n/h,width:t.width,height:t.height}));o=n/this.width}e.width=n;e.height=h;if(!this.$canvas){s(e);return}const r=this.$canvas.querySelector(this.$getTagNameOf(d));if(!r){s(e);return}r.$ready().then((i=>{const a=e.getContext("2d");if(a){const[s,c,l,f,u,d]=r.$getTransform();const p=-this.x;const b=-this.y;const m=(p*f-l*b)/(s*f-l*c);const g=(b*s-c*p)/(s*f-l*c);let w=s*m+l*g+u;let v=c*m+f*g+d;let $=i.naturalWidth;let k=i.naturalHeight;if(o!==1){w*=o;v*=o;$*=o;k*=o}const y=$/2;const x=k/2;a.fillStyle="transparent";a.fillRect(0,0,n,h);if(st(t)&&it(t.beforeDraw)){t.beforeDraw.call(this,a,e)}a.save();a.translate(y,x);a.transform(s,c,l,f,w,v);a.translate(-y,-x);a.drawImage(i,0,0,$,k);a.restore()}s(e)})).catch(i)}))}}Ut.$name=p;Ut.$version="2.0.0";var Bt=`:host{display:flex;flex-direction:column;position:relative;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}:host([bordered]){border:1px dashed var(--theme-color)}:host([covered]){bottom:0;left:0;position:absolute;right:0;top:0}:host>span{display:flex;flex:1}:host>span+span{border-top:1px dashed var(--theme-color)}:host>span>span{flex:1}:host>span>span+span{border-left:1px dashed var(--theme-color)}`;class Ft extends Ot{constructor(){super(...arguments);this.$style=Bt;this.bordered=false;this.columns=3;this.covered=false;this.rows=3;this.slottable=false;this.themeColor="rgba(238, 238, 238, 0.5)"}static get observedAttributes(){return super.observedAttributes.concat(["bordered","columns","covered","rows"])}$propertyChangedCallback(t,s,i){if(Object.is(i,s)){return}super.$propertyChangedCallback(t,s,i);if(t==="rows"||t==="columns"){this.$nextTick((()=>{this.$render()}))}}connectedCallback(){super.connectedCallback();this.$render()}$render(){const t=this.$getShadowRoot();const s=document.createDocumentFragment();for(let t=0;t<this.rows;t+=1){const t=document.createElement("span");t.setAttribute("role","row");for(let s=0;s<this.columns;s+=1){const s=document.createElement("span");s.setAttribute("role","gridcell");t.appendChild(s)}s.appendChild(t)}if(t){t.innerHTML="";t.appendChild(s)}}}Ft.$name=f;Ft.$version="2.0.0";var Gt=`:host{display:inline-block;height:1em;position:relative;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;width:1em}:host:after,:host:before{background-color:var(--theme-color);content:"";display:block;position:absolute}:host:before{height:1px;left:0;top:50%;transform:translateY(-50%);width:100%}:host:after{height:100%;left:50%;top:0;transform:translateX(-50%);width:1px}:host([centered]){left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}`;class Kt extends Ot{constructor(){super(...arguments);this.$style=Gt;this.centered=false;this.slottable=false;this.themeColor="rgba(238, 238, 238, 0.5)"}static get observedAttributes(){return super.observedAttributes.concat(["centered"])}}Kt.$name=l;Kt.$version="2.0.0";var Vt=`:host{display:block;height:100%;overflow:hidden;position:relative;width:100%}`;const Zt=new WeakMap;const qt=new WeakMap;const Jt=new WeakMap;const Qt=new WeakMap;const ts="both";const ss="horizontal";const is="vertical";const es="none";class ns extends Ot{constructor(){super(...arguments);this.$onSelectionChange=null;this.$onSourceImageLoad=null;this.$onSourceImageTransform=null;this.$scale=1;this.$style=Vt;this.resize=is;this.selection="";this.slottable=false}set $image(t){qt.set(this,t)}get $image(){return qt.get(this)}set $sourceImage(t){Qt.set(this,t)}get $sourceImage(){return Qt.get(this)}set $canvas(t){Zt.set(this,t)}get $canvas(){return Zt.get(this)}set $selection(t){Jt.set(this,t)}get $selection(){return Jt.get(this)}static get observedAttributes(){return super.observedAttributes.concat(["resize","selection"])}connectedCallback(){super.connectedCallback();let t=null;if(this.selection){t=this.ownerDocument.querySelector(this.selection)}else{t=this.closest(this.$getTagNameOf(p))}if(et(t)){this.$selection=t;this.$onSelectionChange=this.$handleSelectionChange.bind(this);lt(t,F,this.$onSelectionChange);const s=t.closest(this.$getTagNameOf(c));if(s){this.$canvas=s;const t=s.querySelector(this.$getTagNameOf(d));if(t){this.$sourceImage=t;this.$image=t.cloneNode(true);this.$getShadowRoot().appendChild(this.$image);this.$onSourceImageLoad=this.$handleSourceImageLoad.bind(this);this.$onSourceImageTransform=this.$handleSourceImageTransform.bind(this);lt(t.$image,W,this.$onSourceImageLoad);lt(t,G,this.$onSourceImageTransform)}}this.$render()}}disconnectedCallback(){const{$selection:t,$sourceImage:s}=this;if(t&&this.$onSelectionChange){ct(t,F,this.$onSelectionChange);this.$onSelectionChange=null}if(s&&this.$onSourceImageLoad){ct(s.$image,W,this.$onSourceImageLoad);this.$onSourceImageLoad=null}if(s&&this.$onSourceImageTransform){ct(s,G,this.$onSourceImageTransform);this.$onSourceImageTransform=null}super.disconnectedCallback()}$handleSelectionChange(t){this.$render(t.detail)}$handleSourceImageLoad(){const{$image:t,$sourceImage:s}=this;const i=t.getAttribute("src");const e=s.getAttribute("src");if(e&&e!==i){t.setAttribute("src",e);t.$ready((()=>{setTimeout((()=>{this.$render()}),50)}))}}$handleSourceImageTransform(t){this.$render(undefined,t.detail.matrix)}$render(t,s){const{$canvas:i,$selection:e}=this;if(!t&&!e.hidden){t=e}if(!t||t.x===0&&t.y===0&&t.width===0&&t.height===0){t={x:0,y:0,width:i.offsetWidth,height:i.offsetHeight}}const{x:n,y:h,width:o,height:r}=t;const a={};const{clientWidth:c,clientHeight:l}=this;let f=c;let u=l;let d=NaN;switch(this.resize){case ts:d=1;f=o;u=r;a.width=o;a.height=r;break;case ss:d=r>0?l/r:0;f=o*d;a.width=f;break;case is:d=o>0?c/o:0;u=r*d;a.height=u;break;case es:default:if(c>0){d=o>0?c/o:0}else if(l>0){d=r>0?l/r:0}}this.$scale=d;this.$setStyles(a);if(this.$sourceImage){this.$transformImageByOffset(s!==null&&s!==void 0?s:this.$sourceImage.$getTransform(),-n,-h)}}$transformImageByOffset(t,s,i){const{$image:e,$scale:n,$sourceImage:h}=this;if(h&&e&&n>=0){const[h,o,r,a,c,l]=t;const f=(s*a-r*i)/(h*a-r*o);const u=(i*h-o*s)/(h*a-r*o);const d=h*f+r*u+c;const p=o*f+a*u+l;e.$ready((t=>{this.$setStyles.call(e,{width:t.naturalWidth*n,height:t.naturalHeight*n})}));e.$setTransform(h,o,r,a,d*n,p*n)}}}ns.$name=m;ns.$version="2.0.0";
-/*! Cropper.js v2.0.0 | (c) 2015-present Chen Fengyuan | MIT */Et.$define();Kt.$define();Ft.$define();Dt.$define();Rt.$define();Ut.$define();Pt.$define();ns.$define();const hs=".mb-6{margin-bottom:1.5rem!important}.flex{display:flex!important}.w-full{width:100%!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.justify-between{justify-content:space-between!important}*{box-sizing:border-box}:host{align-items:center;display:flex;flex-direction:column;gap:1.5rem;justify-content:space-between;margin-bottom:1.5rem;width:100%}.static{position:static!important}.hidden{display:none!important}.aspect-branding{aspect-ratio:23/24!important}.h-\\[17\\.5rem\\]{height:17.5rem!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}.resize{resize:both!important}.rounded-full{border-radius:9999px!important}.border-0{border-width:0!important}.border-b{border-bottom-width:1px!important}.border-solid{border-style:solid!important}.border-off-white-700{--tw-border-opacity:1!important;border-color:rgb(222 219 213/var(--tw-border-opacity,1))!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.px-14{padding-left:3.5rem!important;padding-right:3.5rem!important}@media (min-width:40rem){.tablet\\:max-w-xs{max-width:20rem!important}.tablet\\:px-1{padding-left:.25rem!important;padding-right:.25rem!important}}";const os=class{constructor(i){t(this,i);this.valueChange=s(this,"valueChange",3)}value;returnType="base64";valueChange;_imageRef;_selectionRef;_maxScale=0;_minScale=0;_resizeDebounceTimeout;_toCanvasDebounceTimeout;_loaded=false;_currentScale=0;onResize(){if(this._resizeDebounceTimeout){clearTimeout(this._resizeDebounceTimeout)}this._resizeDebounceTimeout=setTimeout((()=>{this._selectionRef.$center();this._imageRef.$center()}),200)}componentDidLoad(){setTimeout((()=>{this._loaded=true}),200)}render(){return i(e,{key:"bb9b47e33d788f83b69156e78754fdf77e60fbdc",class:"p-cropper"},this._loaded&&i("cropper-canvas",{key:"c9b38a906946c725192411a5c8aeea567194d85c",class:"h-[17.5rem] w-full border-0 border-b border-solid border-off-white-700 bg-white",onAction:()=>this._onAction()},i("cropper-image",{key:"375a75a54723a633f6f67370af7732c49e17d5ea",src:this.value,alt:"Picture",ref:t=>this._setImageRef(t),scalable:true,translatable:true,crossorigin:"anonymous"}),i("cropper-shade",{key:"44df9ab40e61982a3d9dcc06c8395e878153f527",class:"aspect-branding rounded-full","theme-color":"rgba(255, 255, 255, 0.5)",hidden:true}),i("cropper-selection",{key:"98a11dbabb8e7852a3ea4ec34a9d8e5b4a617192","initial-coverage":"0.7","aspect-ratio":"1",ref:t=>this._selectionRef=t}),i("cropper-handle",{key:"e8378de3cc52edeb6e3fa65cf4bf66050e36ee0a",action:"move",plain:true})),i("p-range",{key:"a6471a180232794da126365058f4befb949b7cee",class:"w-full px-14 tablet:max-w-xs tablet:px-1",value:this._currentScale,onValueChange:t=>this._onInput(t.detail)}))}_setImageRef(t){if(this._imageRef){return}this._imageRef=t;this._imageRef.$ready((t=>setTimeout((()=>this._setInitialState(t)),100)))}_setInitialState(t){let s=200/t.naturalHeight;if(t.naturalHeight>=t.naturalWidth){s=200/t.naturalWidth}this._minScale=s;this._maxScale=5;this._selectionRef.$resize("nw-resize",200,200,1);this._selectionRef.$center();this._toCanvas();this._setScale(s)}_onAction(){this._setCurrentScale();this._toCanvas()}_setScale(t,s=true,i=true){const e=this._imageRef.$getTransform();this._imageRef.$setTransform([t,0,0,t,e[4],e[5]]);if(s){this._imageRef.$center()}if(i){this._setCurrentScale()}}_setCurrentScale(){const t=this._imageRef.$getTransform();const s=t[0];if(s<this._minScale){this._setScale(this._minScale,true,false);this._currentScale=0;return}if(s>this._maxScale){this._setScale(this._maxScale,true,false);this._currentScale=100;return}if(s===this._minScale){this._currentScale=0;return}if(s===this._maxScale){this._currentScale=100;return}const i=this._maxScale-this._minScale;const e=s-this._minScale;const n=e/i*100;this._currentScale=n}_onInput(t){const s=this._imageRef.$getTransform();const i=s[0];const e=this._maxScale-this._minScale;const n=e*(t/100);if(n===i){return}this._setScale(n+this._minScale,false,false);this._currentScale=t;this._toCanvas()}_toCanvas(){if(this._toCanvasDebounceTimeout){clearTimeout(this._toCanvasDebounceTimeout)}this._toCanvasDebounceTimeout=setTimeout((async()=>{const t=await this._selectionRef.$toCanvas();if(this.returnType==="canvas"){this.valueChange.emit(t);return}const s=t.toDataURL("image/png");this.valueChange.emit(s)}),200)}};os.style=hs;export{os as p_cropper};
-//# sourceMappingURL=p-ad3595e3.entry.js.map
+/*! Cropper.js v2.0.0 | (c) 2015-present Chen Fengyuan | MIT */Et.$define();Kt.$define();Ft.$define();Dt.$define();Rt.$define();Ut.$define();Pt.$define();ns.$define();const hs=".mb-6{margin-bottom:1.5rem!important}.flex{display:flex!important}.w-full{width:100%!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.justify-between{justify-content:space-between!important}*{box-sizing:border-box}:host{align-items:center;display:flex;flex-direction:column;gap:1.5rem;justify-content:space-between;margin-bottom:1.5rem;width:100%}.static{position:static!important}.hidden{display:none!important}.aspect-branding{aspect-ratio:23/24!important}.h-\\[17\\.5rem\\]{height:17.5rem!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}.resize{resize:both!important}.rounded-full{border-radius:9999px!important}.border-0{border-width:0!important}.border-b{border-bottom-width:1px!important}.border-solid{border-style:solid!important}.border-off-white-700{--tw-border-opacity:1!important;border-color:rgb(222 219 213/var(--tw-border-opacity,1))!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.px-14{padding-left:3.5rem!important;padding-right:3.5rem!important}@media (min-width:40rem){.tablet\\:max-w-xs{max-width:20rem!important}.tablet\\:px-1{padding-left:.25rem!important;padding-right:.25rem!important}}";const os=class{constructor(i){t(this,i);this.valueChange=s(this,"valueChange",3)}value;returnType="base64";valueChange;_imageRef;_selectionRef;_maxScale=0;_minScale=0;_resizeDebounceTimeout;_toCanvasDebounceTimeout;_loaded=false;_currentScale=0;onResize(){if(this._resizeDebounceTimeout){clearTimeout(this._resizeDebounceTimeout)}this._resizeDebounceTimeout=setTimeout((()=>{this._selectionRef.$center();this._imageRef.$center()}),200)}componentDidLoad(){setTimeout((()=>{this._loaded=true}),200)}render(){return i(e,{key:"6410a092a86d138361742126c242eb194425d35b",class:"p-cropper"},this._loaded&&i("cropper-canvas",{key:"08ee2283b588649ab4629ed69096e7d4f0351d77",class:"h-[17.5rem] w-full border-0 border-b border-solid border-off-white-700 bg-white",onAction:()=>this._onAction()},i("cropper-image",{key:"3cf1971903c72a7c22066e649be8c840d2ba4359",src:this.value,alt:"Picture",ref:t=>this._setImageRef(t),scalable:true,translatable:true,crossorigin:"anonymous"}),i("cropper-shade",{key:"ee33b0532494bea8f7cbf786c0dc911ebe944c05",class:"aspect-branding rounded-full","theme-color":"rgba(255, 255, 255, 0.5)",hidden:true}),i("cropper-selection",{key:"e28b4373e7412afbd524dd38784f137805122b1d","initial-coverage":"0.7","aspect-ratio":"1",ref:t=>this._selectionRef=t}),i("cropper-handle",{key:"0252f2b6a1469edd6cbc61d60688e4d7025bfeb6",action:"move",plain:true})),i("p-range",{key:"5edf38c35dbcbcaa6416805d938263463c10ed76",class:"w-full px-14 tablet:max-w-xs tablet:px-1",value:this._currentScale,onValueChange:t=>this._onInput(t.detail)}))}_setImageRef(t){if(this._imageRef){return}this._imageRef=t;this._imageRef.$ready((t=>setTimeout((()=>this._setInitialState(t)),100)))}_setInitialState(t){let s=200/t.naturalHeight;if(t.naturalHeight>=t.naturalWidth){s=200/t.naturalWidth}this._minScale=s;this._maxScale=5;this._selectionRef.$resize("nw-resize",200,200,1);this._selectionRef.$center();this._toCanvas();this._setScale(s)}_onAction(){this._setCurrentScale();this._toCanvas()}_setScale(t,s=true,i=true){const e=this._imageRef.$getTransform();this._imageRef.$setTransform([t,0,0,t,e[4],e[5]]);if(s){this._imageRef.$center()}if(i){this._setCurrentScale()}}_setCurrentScale(){const t=this._imageRef.$getTransform();const s=t[0];if(s<this._minScale){this._setScale(this._minScale,true,false);this._currentScale=0;return}if(s>this._maxScale){this._setScale(this._maxScale,true,false);this._currentScale=100;return}if(s===this._minScale){this._currentScale=0;return}if(s===this._maxScale){this._currentScale=100;return}const i=this._maxScale-this._minScale;const e=s-this._minScale;const n=e/i*100;this._currentScale=n}_onInput(t){const s=this._imageRef.$getTransform();const i=s[0];const e=this._maxScale-this._minScale;const n=e*(t/100);if(n===i){return}this._setScale(n+this._minScale,false,false);this._currentScale=t;this._toCanvas()}_toCanvas(){if(this._toCanvasDebounceTimeout){clearTimeout(this._toCanvasDebounceTimeout)}this._toCanvasDebounceTimeout=setTimeout((async()=>{const t=await this._selectionRef.$toCanvas();if(this.returnType==="canvas"){this.valueChange.emit(t);return}const s=t.toDataURL("image/png");this.valueChange.emit(s)}),200)}};os.style=hs;export{os as p_cropper};
+//# sourceMappingURL=p-4b7c790a.entry.js.map

package/dist/build/{p-a5f29193.entry.js → p-4f7049d6.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as t}from"./p-DhGo7hbh.js";import{c as a}from"./p-CBWjHURv.js";import"./p-ChV9xqsO.js";const i="*{box-sizing:border-box}.static{position:static!important}.fixed{position:fixed!important}.bottom-\\[calc\\(env\\(safe-area-inset-bottom\\2c 0\\)\\+1rem\\)\\]{bottom:calc(env(safe-area-inset-bottom,0) + 1rem)!important}.left-\\[calc\\(env\\(safe-area-inset-left\\2c 0\\)\\+1rem\\)\\]{left:calc(env(safe-area-inset-left,0) + 1rem)!important}.right-\\[calc\\(env\\(safe-area-inset-right\\2c 0\\)\\+1rem\\)\\]{right:calc(env(safe-area-inset-right,0) + 1rem)!important}.top-\\[calc\\(env\\(safe-area-inset-top\\2c 0\\)\\+1rem\\)\\]{top:calc(env(safe-area-inset-top,0) + 1rem)!important}.z-\\[600\\]{z-index:600!important}.z-toast{z-index:700!important}.flex{display:flex!important}.max-w-\\[calc\\(100\\%-\\(env\\(safe-area-inset-left\\2c 0\\)\\+env\\(safe-area-inset-right\\2c 0\\)\\+2rem\\)\\)\\]{max-width:calc(100% - env(safe-area-inset-left,0) - env(safe-area-inset-right,0) - 2rem)!important}.flex-col{flex-direction:column!important}.gap-4{gap:1rem!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}}@media (min-width:40rem){.tablet\\:max-w-\\[26\\.5rem\\]{max-width:26.5rem!important}}";const n=a(["fixed flex flex-col gap-4 z-toast","tablet:max-w-[26.5rem]","z-[600]","w-[calc(100%-(env(safe-area-inset-left,0)+env(safe-area-inset-right, 0)+2rem))]","max-w-[calc(100%-(env(safe-area-inset-left,0)+env(safe-area-inset-right,0)+2rem))]"],{variants:{placement:{"top-start":["top-[calc(env(safe-area-inset-top,0)+1rem)]","left-[calc(env(safe-area-inset-left,0)+1rem)]"],"top-end":["top-[calc(env(safe-area-inset-top,0)+1rem)]","right-[calc(env(safe-area-inset-right,0)+1rem)]"],"bottom-start":["bottom-[calc(env(safe-area-inset-bottom,0)+1rem)]","left-[calc(env(safe-area-inset-left,0)+1rem)]"],"bottom-end":["bottom-[calc(env(safe-area-inset-bottom,0)+1rem)]","right-[calc(env(safe-area-inset-right,0)+1rem)]"]}}});const r=class{constructor(t){e(this,t)}placement="top-end";render(){return t("div",{key:"3ddb223cccee3e5feca0fe79874976aa47fb0122",class:n({placement:this.placement})},t("slot",{key:"318593ccb906592c5a2e48c63be6db785550736a"}))}};r.style=i;export{r as p_toast_container};
-//# sourceMappingURL=p-a5f29193.entry.js.map
+import{r as e,h as t}from"./p-DhGo7hbh.js";import{c as a}from"./p-CBWjHURv.js";import"./p-ChV9xqsO.js";const i="*{box-sizing:border-box}.static{position:static!important}.fixed{position:fixed!important}.bottom-\\[calc\\(env\\(safe-area-inset-bottom\\2c 0\\)\\+1rem\\)\\]{bottom:calc(env(safe-area-inset-bottom,0) + 1rem)!important}.left-\\[calc\\(env\\(safe-area-inset-left\\2c 0\\)\\+1rem\\)\\]{left:calc(env(safe-area-inset-left,0) + 1rem)!important}.right-\\[calc\\(env\\(safe-area-inset-right\\2c 0\\)\\+1rem\\)\\]{right:calc(env(safe-area-inset-right,0) + 1rem)!important}.top-\\[calc\\(env\\(safe-area-inset-top\\2c 0\\)\\+1rem\\)\\]{top:calc(env(safe-area-inset-top,0) + 1rem)!important}.z-\\[600\\]{z-index:600!important}.z-toast{z-index:700!important}.flex{display:flex!important}.max-w-\\[calc\\(100\\%-\\(env\\(safe-area-inset-left\\2c 0\\)\\+env\\(safe-area-inset-right\\2c 0\\)\\+2rem\\)\\)\\]{max-width:calc(100% - env(safe-area-inset-left,0) - env(safe-area-inset-right,0) - 2rem)!important}.flex-col{flex-direction:column!important}.gap-4{gap:1rem!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}}@media (min-width:40rem){.tablet\\:max-w-\\[26\\.5rem\\]{max-width:26.5rem!important}}";const n=a(["fixed flex flex-col gap-4 z-toast","tablet:max-w-[26.5rem]","z-[600]","w-[calc(100%-(env(safe-area-inset-left,0)+env(safe-area-inset-right, 0)+2rem))]","max-w-[calc(100%-(env(safe-area-inset-left,0)+env(safe-area-inset-right,0)+2rem))]"],{variants:{placement:{"top-start":["top-[calc(env(safe-area-inset-top,0)+1rem)]","left-[calc(env(safe-area-inset-left,0)+1rem)]"],"top-end":["top-[calc(env(safe-area-inset-top,0)+1rem)]","right-[calc(env(safe-area-inset-right,0)+1rem)]"],"bottom-start":["bottom-[calc(env(safe-area-inset-bottom,0)+1rem)]","left-[calc(env(safe-area-inset-left,0)+1rem)]"],"bottom-end":["bottom-[calc(env(safe-area-inset-bottom,0)+1rem)]","right-[calc(env(safe-area-inset-right,0)+1rem)]"]}}});const r=class{constructor(t){e(this,t)}placement="top-end";render(){return t("div",{key:"c2a58ba7ab56753d8951f070c6c673448e568215",class:n({placement:this.placement})},t("slot",{key:"97f7eff5fe6e6306f426102a19dc44489bcfbee0"}))}};r.style=i;export{r as p_toast_container};
+//# sourceMappingURL=p-4f7049d6.entry.js.map