@paperless/core 2.12.3 → 2.12.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +23 -0
- package/dist/build/p-574bc9bb.entry.js +2 -0
- package/dist/build/{p-57b7a986.entry.js.map → p-574bc9bb.entry.js.map} +1 -1
- package/dist/build/{p-a6ca6e5e.js → p-7f8f63b5.js} +1 -1
- package/dist/build/p-8130400b.entry.js +2 -0
- package/dist/build/p-8130400b.entry.js.map +1 -0
- package/dist/build/p-8fb06c75.entry.js +2 -0
- package/dist/build/p-8fb06c75.entry.js.map +1 -0
- package/dist/build/p-card-header.entry.esm.js.map +1 -1
- package/dist/build/p-checkbox.p-dropdown.p-dropdown-menu-container.p-dropdown-menu-item.entry.esm.js.map +1 -1
- package/dist/build/p-field.p-field-container.entry.esm.js.map +1 -1
- package/dist/build/paperless.esm.js +1 -1
- package/dist/cjs/p-card-header.cjs.entry.js +2 -2
- package/dist/cjs/p-card-header.cjs.entry.js.map +1 -1
- package/dist/cjs/p-card-header.entry.cjs.js.map +1 -1
- package/dist/cjs/p-checkbox.p-dropdown.p-dropdown-menu-container.p-dropdown-menu-item.entry.cjs.js.map +1 -1
- package/dist/cjs/p-checkbox_4.cjs.entry.js +3 -3
- package/dist/cjs/p-checkbox_4.cjs.entry.js.map +1 -1
- package/dist/cjs/p-field.p-field-container.entry.cjs.js.map +1 -1
- package/dist/cjs/p-field_2.cjs.entry.js +6 -6
- package/dist/cjs/p-field_2.cjs.entry.js.map +1 -1
- package/dist/collection/components/atoms/card/header/card-header.component.css +1 -1
- package/dist/collection/components/atoms/card/header/card-header.component.js +1 -1
- package/dist/collection/components/atoms/card/header/card-header.component.js.map +1 -1
- package/dist/collection/components/molecules/dropdown/dropdown.component.js +3 -3
- package/dist/collection/components/molecules/dropdown/dropdown.component.js.map +1 -1
- package/dist/collection/components/molecules/field/field/field.component.css +1 -1
- package/dist/collection/components/molecules/field/field/field.component.js +5 -5
- package/dist/collection/components/molecules/field/field/field.component.js.map +1 -1
- package/dist/components/{p-CoSnDHGb.js → p-9uCNIhdB.js} +4 -4
- package/dist/components/{p-CoSnDHGb.js.map → p-9uCNIhdB.js.map} +1 -1
- package/dist/components/{p-Cr3fKigp.js → p-B8HPSlC1.js} +8 -8
- package/dist/components/p-B8HPSlC1.js.map +1 -0
- package/dist/components/{p-BqJMPQj6.js → p-Bc76zCz0.js} +5 -5
- package/dist/components/{p-BqJMPQj6.js.map → p-Bc76zCz0.js.map} +1 -1
- package/dist/components/{p-Dr7FpF5o.js → p-DiYvS6UA.js} +3 -3
- package/dist/components/{p-Dr7FpF5o.js.map → p-DiYvS6UA.js.map} +1 -1
- package/dist/components/{p-CpHwL9XE.js → p-DkFi_kvY.js} +3 -3
- package/dist/components/{p-CpHwL9XE.js.map → p-DkFi_kvY.js.map} +1 -1
- package/dist/components/p-card-header.js +2 -2
- package/dist/components/p-card-header.js.map +1 -1
- package/dist/components/p-datepicker.js +2 -2
- package/dist/components/p-dropdown.js +1 -1
- package/dist/components/p-field.js +1 -1
- package/dist/components/{p-CpzpSwUF.js → p-fr51xGM-.js} +5 -5
- package/dist/components/{p-CpzpSwUF.js.map → p-fr51xGM-.js.map} +1 -1
- package/dist/components/p-pagination-size.js +1 -1
- package/dist/components/p-pagination.js +1 -1
- package/dist/components/p-profile.js +1 -1
- package/dist/components/p-select.js +2 -2
- package/dist/components/p-table-footer.js +1 -1
- package/dist/components/p-table-header.js +1 -1
- package/dist/components/p-table.js +6 -6
- package/dist/esm/p-card-header.entry.js +2 -2
- package/dist/esm/p-card-header.entry.js.map +1 -1
- package/dist/esm/p-checkbox.p-dropdown.p-dropdown-menu-container.p-dropdown-menu-item.entry.js.map +1 -1
- package/dist/esm/p-checkbox_4.entry.js +3 -3
- package/dist/esm/p-checkbox_4.entry.js.map +1 -1
- package/dist/esm/p-field.p-field-container.entry.js.map +1 -1
- package/dist/esm/p-field_2.entry.js +6 -6
- package/dist/esm/p-field_2.entry.js.map +1 -1
- package/dist/index.html +1 -1
- package/dist/paperless/p-574bc9bb.entry.js +2 -0
- package/dist/paperless/{p-57b7a986.entry.js.map → p-574bc9bb.entry.js.map} +1 -1
- package/dist/paperless/p-8130400b.entry.js +2 -0
- package/dist/paperless/p-8130400b.entry.js.map +1 -0
- package/dist/paperless/p-8fb06c75.entry.js +2 -0
- package/dist/paperless/p-8fb06c75.entry.js.map +1 -0
- package/dist/paperless/p-card-header.entry.esm.js.map +1 -1
- package/dist/paperless/p-checkbox.p-dropdown.p-dropdown-menu-container.p-dropdown-menu-item.entry.esm.js.map +1 -1
- package/dist/paperless/p-field.p-field-container.entry.esm.js.map +1 -1
- package/dist/paperless/paperless.esm.js +1 -1
- package/dist/sw.js +1 -1
- package/dist/sw.js.map +1 -1
- package/package.json +1 -1
- package/dist/build/p-57b7a986.entry.js +0 -2
- package/dist/build/p-835a50f3.entry.js +0 -2
- package/dist/build/p-835a50f3.entry.js.map +0 -1
- package/dist/build/p-83ed458a.entry.js +0 -2
- package/dist/build/p-83ed458a.entry.js.map +0 -1
- package/dist/components/p-Cr3fKigp.js.map +0 -1
- package/dist/paperless/p-57b7a986.entry.js +0 -2
- package/dist/paperless/p-835a50f3.entry.js +0 -2
- package/dist/paperless/p-835a50f3.entry.js.map +0 -1
- package/dist/paperless/p-83ed458a.entry.js +0 -2
- package/dist/paperless/p-83ed458a.entry.js.map +0 -1
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["checkboxComponentCss","checkbox","cva","variants","disabled","false","true","iconContainer","icon","Checkbox","checked","indeterminate","required","id","name","checkedChange","indeterminateChange","_nonce","nonce","_internals","formResetCallback","this","formDisabledCallback","form","render","length","h","ThemedHost","key","htmlFor","class","asBoolean","type","onChange","ev","_onChange","size","variant","preventDefault","target","emit","setFormValue","dropdownComponentCss","dropdownContainerClass","strategy","absolute","fixed","fullWidth","maxWidth","compoundVariants","Dropdown","placement","offset","show","applyMaxWidth","applyFullWidth","allowOverflow","scrollable","insideClick","disableTriggerClick","manual","applyChevron","chevronPosition","chevronDirection","isOpen","_loaded","_menu","_cleanup","componentShouldUpdate","_update","componentDidLoad","_checkButtons","disconnectedCallback","remove","componentDidRender","_checkItems","Host","onClick","_triggerClickHandler","ref","el","_load","_containerClickHandler","role","active","buttons","_el","querySelectorAll","getAttribute","button","iconOnly","chevron","indexOf","items","item","onShowChange","_hide","_show","documentClickHandler","event","hasAttribute","childOfComposed","popover","setTimeout","autoUpdate","setAttribute","classList","add","removeAttribute","computePosition","middleware","flip","shift","then","x","y","dataset","Object","assign","style","top","left","dropdownMenuContainerComponentCss","dropdownMenuContainer","default","storm","innerContainer","none","large","xlarge","DropdownMenuContainer","dropdownMenuItemComponentCss","dropdownMenuItem","negative","enableHover","enableTextWrap","dropdownMenuItemIcon","wave","DropdownMenuItem","iconWave","useContainer","cn"],"sources":["src/components/atoms/checkbox/checkbox.component.css?tag=p-checkbox&encapsulation=scoped","src/components/atoms/checkbox/checkbox.component.tsx","src/components/molecules/dropdown/dropdown.component.css?tag=p-dropdown&encapsulation=shadow","src/components/molecules/dropdown/dropdown.component.tsx","src/components/atoms/dropdown-menu/container/dropdown-menu-container.component.css?tag=p-dropdown-menu-container&encapsulation=shadow","src/components/atoms/dropdown-menu/container/dropdown-menu-container.component.tsx","src/components/atoms/dropdown-menu/item/dropdown-menu-item.component.css?tag=p-dropdown-menu-item&encapsulation=shadow","src/components/atoms/dropdown-menu/item/dropdown-menu-item.component.tsx"],"sourcesContent":[null,"import {\n\tAttachInternals,\n\tComponent,\n\tEvent,\n\tEventEmitter,\n\tProp,\n\tState,\n\th,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { asBoolean } from '../../../utils/as-boolean';\nimport { nonce } from '../../../utils/nonce';\nimport { ThemedHost } from '../../../internal/themed-host.component';\n\nconst checkbox = cva(\n\t[\n\t\t'peer appearance-none m-0 outline-none flex-shrink-0',\n\t\t'border border-inset border-solid ',\n\t\t'rounded w-4 h-4',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tdisabled: {\n\t\t\t\tfalse: [\n\t\t\t\t\t'cursor-pointer shadow-1',\n\t\t\t\t\t'bg-white border-storm-100 dark:bg-white/10 dark:border-white/15',\n\t\t\t\t\t'hover:bg-indigo-100 hover:border-storm-500/20 dark:hover:bg-white/20 dark:hover:border-white/15',\n\t\t\t\t\t'group-hover/checkbox-label:bg-indigo-100 group-hover/checkbox-label:border-storm-100',\n\t\t\t\t\t'checked:bg-indigo-600 checked:border-storm-500/20',\n\t\t\t\t\t'checked:ring-2 checked:ring-indigo-100 dark:checked:ring-0',\n\t\t\t\t\t'checked:hover:bg-indigo-700 checked:hover:border-storm-500/20',\n\t\t\t\t\t'checked:group-hover/checkbox-label:bg-indigo-700 checked:group-hover/checkbox-label:border-storm-500/20',\n\t\t\t\t\t'indeterminate:bg-indigo-600 indeterminate:border-storm-500/20',\n\t\t\t\t\t'indeterminate:ring-2 indeterminate:ring-indigo-100',\n\t\t\t\t\t'indeterminate:hover:bg-indigo-700 indeterminate:hover:border-storm-500/20',\n\t\t\t\t\t'indeterminate:group-hover/checkbox-label:bg-indigo-700 indeterminate:group-hover/checkbox-label:border-storm-500/20',\n\t\t\t\t],\n\t\t\t\ttrue: 'bg-white-600 border-storm-50 cursor-not-allowed dark:bg-white/5 dark:border-white/10',\n\t\t\t},\n\t\t},\n\t}\n);\n\nconst iconContainer = cva(\n\t[\n\t\t'hidden peer-indeterminate:flex peer-checked:flex',\n\t\t'absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 pointer-events-none',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tdisabled: {\n\t\t\t\tfalse: 'text-white',\n\t\t\t\ttrue: 'text-storm-200 dark:text-hurricane-300',\n\t\t\t},\n\t\t},\n\t}\n);\n\nconst icon = cva(['drop-shadow-2 text-xs'], {\n\tvariants: {\n\t\tdisabled: {\n\t\t\tfalse:\n\t\t\t\t'group-hover/p-checkbox:text-sm group-hover/checkbox-label:text-sm',\n\t\t\ttrue: null,\n\t\t},\n\t},\n});\n\n@Component({\n\ttag: 'p-checkbox',\n\tstyleUrl: 'checkbox.component.css',\n\tformAssociated: true,\n\tscoped: true,\n})\nexport class Checkbox {\n\t/**\n\t * Wether the checkbox is checked\n\t */\n\t@Prop() checked: boolean;\n\n\t/**\n\t * Wether the checkbox is in indeterminate state\n\t */\n\t@Prop() indeterminate: boolean;\n\n\t/**\n\t * Wether the checkbox is disabled\n\t */\n\t@Prop({ reflect: true }) disabled: boolean = false;\n\n\t/**\n\t * Wether the checkbox is required\n\t */\n\t@Prop({ reflect: true }) required: boolean = true;\n\n\t/**\n\t * The id of the checkbox button\n\t */\n\t@Prop({ reflect: true }) id: string;\n\n\t/**\n\t * The name of the checkbox button\n\t */\n\t@Prop({ reflect: true }) name: string;\n\n\t/**\n\t * Event whenever the checked changes\n\t */\n\t@Event() checkedChange: EventEmitter<boolean>;\n\t/**\n\t * Event whenever the indeterminate changes\n\t */\n\t@Event() indeterminateChange: EventEmitter<boolean>;\n\n\t@State() private _nonce = nonce(5);\n\n\t@AttachInternals() _internals: ElementInternals;\n\n\tformResetCallback() {\n\t\tthis.checked = false;\n\t\tthis.indeterminate = false;\n\t}\n\n\tformDisabledCallback(disabled: boolean) {\n\t\tif (!this._internals.form) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.disabled = disabled;\n\t}\n\n\trender() {\n\t\tconst id = this.id?.length ? this.id : this._nonce;\n\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<label\n\t\t\t\t\thtmlFor={id}\n\t\t\t\t\tclass='group/p-checkbox flex items-center justify-start gap-2'\n\t\t\t\t>\n\t\t\t\t\t<div class='relative flex flex-shrink-0 items-center'>\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\tclass={checkbox({\n\t\t\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\ttype='checkbox'\n\t\t\t\t\t\t\tid={id}\n\t\t\t\t\t\t\tname={this.name}\n\t\t\t\t\t\t\trequired={asBoolean(this.required)}\n\t\t\t\t\t\t\tchecked={asBoolean(this.checked)}\n\t\t\t\t\t\t\tindeterminate={asBoolean(this.indeterminate)}\n\t\t\t\t\t\t\tdisabled={asBoolean(this.disabled)}\n\t\t\t\t\t\t\tonChange={ev => this._onChange(ev)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass={iconContainer({\n\t\t\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\t\tclass={icon({\n\t\t\t\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\tsize='auto'\n\t\t\t\t\t\t\t\tvariant={\n\t\t\t\t\t\t\t\t\tasBoolean(this.indeterminate) ? 'minus' : 'checkmarkThick'\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class='flex-1 overflow-hidden text-ellipsis empty:hidden dark:text-white'>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\t\t\t\t</label>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n\n\tprivate _onChange(ev: Event) {\n\t\tif (this.disabled) {\n\t\t\tev.preventDefault();\n\t\t\treturn;\n\t\t}\n\n\t\tconst checked = asBoolean((ev.target as HTMLInputElement).checked);\n\t\tconst indeterminate = asBoolean(\n\t\t\t(ev.target as HTMLInputElement).indeterminate\n\t\t);\n\n\t\tif (checked != this.checked) {\n\t\t\tthis.checked = checked;\n\t\t\tthis.checkedChange.emit(checked);\n\t\t}\n\n\t\tif (indeterminate != this.indeterminate) {\n\t\t\tthis.indeterminate = indeterminate;\n\t\t\tthis.indeterminateChange.emit(indeterminate);\n\t\t}\n\n\t\tthis._internals.setFormValue(\n\t\t\tthis.indeterminate ? 'indeterminate' : this.checked ? 'on' : 'off'\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';\nimport { childOfComposed } from '../../../utils/child-of';\n\nconst dropdownContainerClass = cva(['z-dropdown hidden'], {\n\tvariants: {\n\t\tstrategy: {\n\t\t\tabsolute: 'absolute',\n\t\t\tfixed: 'fixed',\n\t\t},\n\t\tfullWidth: {\n\t\t\tfalse: null,\n\t\t\ttrue: 'w-full',\n\t\t},\n\t\tmaxWidth: {\n\t\t\tfalse: null,\n\t\t\ttrue: 'max-w-[13.875rem]',\n\t\t},\n\t},\n\tcompoundVariants: [\n\t\t{\n\t\t\tfullWidth: false,\n\t\t\tmaxWidth: true,\n\t\t\tclass: 'w-auto',\n\t\t},\n\t],\n});\n\n@Component({\n\ttag: 'p-dropdown',\n\tstyleUrl: 'dropdown.component.css',\n\tshadow: true,\n})\nexport class Dropdown {\n\t/**\n\t * The variant of the dropdown\n\t */\n\t@Prop() variant: 'default' | 'storm' = 'default';\n\n\t/**\n\t * The content of the dropdown menu\n\t */\n\t@Prop({ reflect: true }) placement: Placement = 'bottom-start';\n\n\t/**\n\t * The offset of the dropdown menu\n\t */\n\t@Prop() offset: number = 8;\n\n\t/**\n\t * The strategy of the dropdown placement\n\t */\n\t@Prop() strategy: Strategy = 'absolute';\n\n\t/**\n\t * Wether to show the dropdown menu\n\t */\n\t@Prop() show: boolean = false;\n\n\t/**\n\t * Wether to apply the max width\n\t */\n\t@Prop() applyMaxWidth: boolean = true;\n\n\t/**\n\t * Wether to apply the full width\n\t */\n\t@Prop() applyFullWidth: boolean = true;\n\n\t/**\n\t * Wether to allow overflow in the container\n\t */\n\t@Prop() allowOverflow: boolean = false;\n\n\t/**\n\t * Wether the dropdown container should be scrollable when the threshold is met.\n\t */\n\t@Prop() scrollable: boolean | 'default' | 'large' = false;\n\n\t/**\n\t * Wether to automatically close the dropdown menu after clicking inside\n\t */\n\t@Prop() insideClick: boolean = false;\n\n\t/**\n\t * Wether to automatically close the dropdown menu after clicking inside\n\t */\n\t@Prop() disableTriggerClick: boolean = false;\n\n\t/**\n\t * Wether to open the dropdown manually\n\t */\n\t@Prop() manual: boolean = false;\n\n\t/**\n\t * Wether to apply chevron automatically\n\t */\n\t@Prop() applyChevron: boolean = true;\n\n\t/**\n\t * Chevron position\n\t */\n\t@Prop() chevronPosition: 'start' | 'end' = 'end';\n\n\t/**\n\t * Chevron direction\n\t */\n\t@Prop() chevronDirection: 'up' | 'down';\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\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\tprivate _loaded = false;\n\tprivate _menu: HTMLElement;\n\tprivate _cleanup: () => void;\n\n\tcomponentShouldUpdate() {\n\t\tthis._update();\n\t}\n\n\tcomponentDidLoad() {\n\t\tthis._checkButtons();\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\n\t\tthis._menu.remove();\n\t}\n\n\tcomponentDidRender() {\n\t\tthis._checkButtons();\n\t\tthis._checkItems();\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class='relative'>\n\t\t\t\t<div\n\t\t\t\t\tclass='trigger'\n\t\t\t\t\tonClick={() => this._triggerClickHandler()}\n\t\t\t\t>\n\t\t\t\t\t<slot name='trigger' />\n\t\t\t\t</div>\n\t\t\t\t<div class='relative w-full'>\n\t\t\t\t\t<p-dropdown-menu-container\n\t\t\t\t\t\tvariant={this.variant}\n\t\t\t\t\t\tmaxWidth={this.applyMaxWidth}\n\t\t\t\t\t\tfullWidth={this.applyFullWidth && !this.applyMaxWidth}\n\t\t\t\t\t\tallowOverflow={this.allowOverflow}\n\t\t\t\t\t\tscrollable={this.scrollable}\n\t\t\t\t\t\tclass={dropdownContainerClass({\n\t\t\t\t\t\t\tstrategy: this.strategy,\n\t\t\t\t\t\t\tmaxWidth: this.applyMaxWidth,\n\t\t\t\t\t\t\tfullWidth: this.applyFullWidth && !this.applyMaxWidth,\n\t\t\t\t\t\t})}\n\t\t\t\t\t\tref={el => this._load(el)}\n\t\t\t\t\t\tonClick={() => this._containerClickHandler()}\n\t\t\t\t\t\trole='popover'\n\t\t\t\t\t\tdata-placement={this.placement}\n\t\t\t\t\t\tdata-strategy={this.strategy}\n\t\t\t\t\t>\n\t\t\t\t\t\t<slot name='items' />\n\t\t\t\t\t</p-dropdown-menu-container>\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _checkButtons(active: boolean = false) {\n\t\tif (!this.applyChevron) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst buttons = this._el.querySelectorAll<HTMLPButtonElement>(\n\t\t\t'p-button[slot=\"trigger\"]'\n\t\t);\n\n\t\tconst isOpen = this._menu.getAttribute('data-show') !== null;\n\n\t\tfor (let button of [...buttons]) {\n\t\t\tbutton.disabled = this.disableTriggerClick;\n\t\t\tbutton.active = active;\n\n\t\t\tif (button.iconOnly) {\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\tbutton.chevronPosition = this.chevronPosition;\n\t\t\tbutton.chevron = this.chevronDirection\n\t\t\t\t? this.chevronDirection\n\t\t\t\t: this.placement.indexOf('top') >= 0\n\t\t\t\t? isOpen\n\t\t\t\t\t? 'down'\n\t\t\t\t\t: 'up'\n\t\t\t\t: isOpen\n\t\t\t\t? 'up'\n\t\t\t\t: 'down';\n\t\t}\n\t}\n\n\tprivate _checkItems() {\n\t\tconst items = this._el.querySelectorAll<HTMLPDropdownMenuItemElement>(\n\t\t\t'p-dropdown-menu-item'\n\t\t);\n\n\t\tfor (let item of [...items]) {\n\t\t\titem.variant = this.variant;\n\t\t}\n\t}\n\n\t@Watch('show')\n\tprotected onShowChange(show) {\n\t\tif (!this._loaded) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (!show) {\n\t\t\tthis._hide();\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(event) {\n\t\tif (\n\t\t\t!this._menu.hasAttribute('data-show') ||\n\t\t\tchildOfComposed(event, this._menu)\n\t\t) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._hide();\n\t}\n\n\tprivate _containerClickHandler() {\n\t\tif (this.insideClick) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this._menu.hasAttribute('data-show')) {\n\t\t\tthis._hide();\n\t\t}\n\t}\n\n\tprivate _triggerClickHandler() {\n\t\tif (this.disableTriggerClick) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this.manual) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this._menu.hasAttribute('data-show')) {\n\t\t\tthis._hide();\n\t\t\treturn;\n\t\t}\n\n\t\tthis._show();\n\t}\n\n\tprivate _load(popover: HTMLElement) {\n\t\tthis._menu = popover;\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 _show() {\n\t\tif (!this._loaded) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._cleanup = autoUpdate(this._el, this._menu, () => this._update());\n\n\t\tthis._menu.setAttribute('data-show', '');\n\t\tthis._menu.classList.remove('hidden');\n\t\tthis._menu.classList.add('block');\n\n\t\tthis.isOpen.emit(true);\n\t\tthis._checkButtons(true);\n\t}\n\n\tprivate _hide() {\n\t\tif (!this._loaded || this.show) {\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._menu.removeAttribute('data-show');\n\t\tthis._menu.classList.remove('block');\n\t\tthis._menu.classList.add('hidden');\n\n\t\tthis.isOpen.emit(false);\n\t\tthis._checkButtons(false);\n\t}\n\n\tprivate _update() {\n\t\tif (!this._menu) {\n\t\t\treturn;\n\t\t}\n\n\t\tcomputePosition(this._el, this._menu, {\n\t\t\tplacement: this.placement,\n\t\t\tstrategy: this.strategy,\n\t\t\tmiddleware: [offset(this.offset), flip(), shift()],\n\t\t}).then(({ x, y, placement }) => {\n\t\t\tthis._menu.dataset.placement = placement;\n\t\t\tObject.assign(this._menu.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",null,"import { Component, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { asBoolean } from '../../../../utils/as-boolean';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\n\nconst dropdownMenuContainer = cva(\n\t[\n\t\t'p-dropdown-menu-container',\n\t\t'p-1',\n\t\t'rounded-lg z-10',\n\t\t'border',\n\t\t'transform-gpu will-change-transform',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: [\n\t\t\t\t\t'bg-white border-storm-100 drop-shadow-2',\n\t\t\t\t\t'dark:bg-hurricane-400 dark:border-transparent',\n\t\t\t\t],\n\t\t\t\tstorm: [\n\t\t\t\t\t'bg-storm-400 drop-shadow-3 border-storm-400',\n\t\t\t\t\t'dark:bg-white dark:border-white/60 dark:border-storm-100',\n\t\t\t\t],\n\t\t\t},\n\t\t\tfullWidth: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'w-full',\n\t\t\t},\n\t\t\tmaxWidth: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'max-w-[13.875rem]',\n\t\t\t},\n\t\t},\n\t\tcompoundVariants: [\n\t\t\t{\n\t\t\t\tfullWidth: false,\n\t\t\t\tmaxWidth: true,\n\t\t\t\tclass: 'w-auto',\n\t\t\t},\n\t\t],\n\t}\n);\n\nconst innerContainer = cva('w-full min-h-full relative', {\n\tvariants: {\n\t\tallowOverflow: {\n\t\t\tfalse: 'overflow-y-auto overflow-x-hidden',\n\t\t\ttrue: null,\n\t\t},\n\t\tscrollable: {\n\t\t\tnone: null,\n\t\t\tdefault: 'max-h-[11.5rem]',\n\t\t\tlarge: 'max-h-[13.875rem]',\n\t\t\txlarge: 'max-h-[20rem]',\n\t\t},\n\t},\n});\n\n@Component({\n\ttag: 'p-dropdown-menu-container',\n\tstyleUrl: 'dropdown-menu-container.component.css',\n\tshadow: true,\n})\nexport class DropdownMenuContainer {\n\t/**\n\t * The variant of the container\n\t */\n\t@Prop() variant: 'default' | 'storm' = 'default';\n\n\t/**\n\t * Wether the container applies it's max width\n\t */\n\t@Prop() maxWidth: boolean = true;\n\n\t/**\n\t * The class of the container passed by parent\n\t */\n\t@Prop() class: string;\n\n\t/**\n\t * Wether the container should all available space\n\t */\n\t@Prop() fullWidth: boolean = true;\n\n\t/**\n\t * Wether to allow overflow\n\t */\n\t@Prop() allowOverflow: boolean = false;\n\n\t/**\n\t * Wether the container should be scrollable when the threshold is met.\n\t */\n\t@Prop() scrollable: boolean | 'default' | 'large' | 'xlarge' = false;\n\n\trender() {\n\t\tconst scrollable =\n\t\t\tthis.scrollable === false\n\t\t\t\t? 'none'\n\t\t\t\t: this.scrollable === true\n\t\t\t\t? 'default'\n\t\t\t\t: this.scrollable;\n\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<div\n\t\t\t\t\tclass={dropdownMenuContainer({\n\t\t\t\t\t\tclass: this.class,\n\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t\tfullWidth: asBoolean(this.fullWidth, true),\n\t\t\t\t\t\tmaxWidth: this.maxWidth,\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass={innerContainer({\n\t\t\t\t\t\t\tallowOverflow: asBoolean(this.allowOverflow),\n\t\t\t\t\t\t\tscrollable,\n\t\t\t\t\t\t})}\n\t\t\t\t\t>\n\t\t\t\t\t\t<div class='flex w-full flex-col'>\n\t\t\t\t\t\t\t<slot />\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</ThemedHost>\n\t\t);\n\t}\n}\n",null,"import { Component, Prop, h } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { asBoolean } from '../../../../utils/as-boolean';\nimport { IconVariant } from '../../icon/icon.component';\nimport { cn } from '../../../../utils';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\n\nconst dropdownMenuItem = cva(\n\t[\n\t\t'p-dropdown-menu-item flex px-2 py-1 gap-2 text-sm font-medium group rounded-lg items-center max-w-full',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: null,\n\t\t\t\tstorm: null,\n\t\t\t\tnegative: null,\n\t\t\t},\n\t\t\tactive: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: null,\n\t\t\t},\n\t\t\tdisabled: {\n\t\t\t\tfalse: 'cursor-pointer',\n\t\t\t\ttrue: 'cursor-not-allowed',\n\t\t\t},\n\t\t\tenableHover: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: null,\n\t\t\t},\n\t\t\tenableTextWrap: {\n\t\t\t\ttrue: 'min-h-8',\n\t\t\t\tfalse: 'h-8',\n\t\t\t},\n\t\t},\n\t\tcompoundVariants: [\n\t\t\t{\n\t\t\t\tvariant: 'default',\n\t\t\t\tactive: false,\n\t\t\t\tenableHover: true,\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'hover:bg-indigo-50 dark:hover:bg-indigo-600/10',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'default',\n\t\t\t\tactive: true,\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'bg-indigo-100 dark:bg-indigo-600/20',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'default',\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'text-storm-500 dark:text-white',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'default',\n\t\t\t\tdisabled: true,\n\t\t\t\tclass: 'text-storm-200 dark:text-hurricane-300',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'default',\n\t\t\t\tdisabled: true,\n\t\t\t\tactive: true,\n\t\t\t\tclass: 'bg-indigo-50 dark:bg-white/5',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tvariant: 'storm',\n\t\t\t\tactive: false,\n\t\t\t\tenableHover: true,\n\t\t\t\tclass: 'text-white dark:text-storm-500',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'storm',\n\t\t\t\tactive: false,\n\t\t\t\tenableHover: true,\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'hover:bg-storm-500 dark:hover:bg-storm-500/15',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'storm',\n\t\t\t\tactive: true,\n\t\t\t\tclass:\n\t\t\t\t\t'text-white bg-storm-600 dark:text-storm-500 dark:bg-storm-500/20',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'storm',\n\t\t\t\tdisabled: true,\n\t\t\t\tclass: 'opacity-40',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tvariant: 'negative',\n\t\t\t\tactive: false,\n\t\t\t\tenableHover: true,\n\t\t\t\tdisabled: false,\n\t\t\t\tclass:\n\t\t\t\t\t'text-negative-red-500 hover:bg-negative-red-50 dark:hover:bg-negative-red-500/10',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'negative',\n\t\t\t\tactive: true,\n\t\t\t\tdisabled: false,\n\t\t\t\tclass:\n\t\t\t\t\t'bg-negative-red-100 text-negative-red-500 dark:bg-negative-red-500/15',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'negative',\n\t\t\t\tdisabled: true,\n\t\t\t\tclass: 'text-negative-red-100',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'negative',\n\t\t\t\tdisabled: true,\n\t\t\t\tactive: true,\n\t\t\t\tclass: 'bg-negative-red-50',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tenableHover: true,\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'cursor-pointer',\n\t\t\t},\n\t\t],\n\t}\n);\n\nconst dropdownMenuItemIcon = cva(['text-base'], {\n\tvariants: {\n\t\tvariant: {\n\t\t\tdefault: null,\n\t\t\tstorm: null,\n\t\t\tnegative: null,\n\t\t},\n\t\tactive: {\n\t\t\tfalse: null,\n\t\t\ttrue: null,\n\t\t},\n\t\tdisabled: {\n\t\t\tfalse: null,\n\t\t\ttrue: 'text-storm-100',\n\t\t},\n\t\twave: {\n\t\t\ttrue: 'group-hover:animate-wave',\n\t\t\tfalse: null,\n\t\t},\n\t},\n\tcompoundVariants: [\n\t\t{\n\t\t\tvariant: 'default',\n\t\t\tactive: false,\n\t\t\tdisabled: false,\n\t\t\tclass: [\n\t\t\t\t'text-storm-300 group-hover:text-storm-500',\n\t\t\t\t'dark:text-hurricane-200 dark:group-hover:text-white',\n\t\t\t],\n\t\t},\n\n\t\t{\n\t\t\tvariant: 'storm',\n\t\t\tactive: false,\n\t\t\tdisabled: false,\n\t\t\tclass: [\n\t\t\t\t'text-storm-100 group-hover:text-white',\n\t\t\t\t'dark:text-storm-300 dark:group-hover:text-storm-500',\n\t\t\t],\n\t\t},\n\n\t\t{\n\t\t\tvariant: 'negative',\n\t\t\tactive: false,\n\t\t\tdisabled: false,\n\t\t\tclass:\n\t\t\t\t'text-negative-red-500 group-hover:text-negative-red-800 dark:text-negative-red-alternative dark:group-hover:text-negative-red-500',\n\t\t},\n\t\t{\n\t\t\tvariant: 'negative',\n\t\t\tactive: true,\n\t\t\tdisabled: false,\n\t\t\tclass: 'text-negative-red-800 dark:text-negative-red-500',\n\t\t},\n\t],\n});\n\n@Component({\n\ttag: 'p-dropdown-menu-item',\n\tstyleUrl: 'dropdown-menu-item.component.css',\n\tshadow: true,\n})\nexport class DropdownMenuItem {\n\t/**\n\t * Wether the dropdown menu item is active\n\t */\n\t@Prop() active: boolean = false;\n\n\t/**\n\t * Wether the dropdown menu item has a checkbox\n\t */\n\t@Prop() checkbox: boolean = false;\n\n\t/**\n\t * The variant of the item\n\t */\n\t@Prop() variant: 'default' | 'storm' | 'negative' = 'default';\n\n\t/**\n\t * Wether to enable the hover state\n\t */\n\t@Prop() enableHover?: boolean = true;\n\n\t/**\n\t * Wether to enable wrapping the text to a new line\n\t */\n\t@Prop() enableTextWrap?: boolean = false;\n\n\t/**\n\t * Wether the item is disabled\n\t */\n\t@Prop() disabled: boolean = false;\n\n\t/**\n\t * Icon of the navigation item\n\t */\n\t@Prop() icon: IconVariant;\n\n\t/**\n\t * Wether to apply wave animation to icon\n\t */\n\t@Prop() iconWave: boolean = false;\n\n\t/**\n\t * wether to use the container for text\n\t */\n\t@Prop() useContainer = true;\n\n\trender() {\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<div\n\t\t\t\t\tclass={dropdownMenuItem({\n\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t\tactive: asBoolean(this.active),\n\t\t\t\t\t\tenableHover: asBoolean(this.enableHover ?? true, true),\n\t\t\t\t\t\tenableTextWrap: this.enableTextWrap,\n\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t{this.icon && (\n\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\tclass={dropdownMenuItemIcon({\n\t\t\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t\t\t\tactive: asBoolean(this.active),\n\t\t\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\t\t\twave: asBoolean(this.iconWave),\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\tvariant={this.icon}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{this.checkbox && (\n\t\t\t\t\t\t<p-checkbox\n\t\t\t\t\t\t\tchecked={this.active}\n\t\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{this.useContainer ? (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass={cn('block w-full overflow-hidden text-start', {\n\t\t\t\t\t\t\t\t'text-ellipsis whitespace-nowrap': !this.enableTextWrap,\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<slot />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r as t,c as e,g as r,h as a}from"./p-Dpmiv2da.js";import{c as i}from"./p-CBWjHURv.js";import{a as o}from"./p-C5CTp9IA.js";import{c as n}from"./p-CT54OXR2.js";import{n as s}from"./p-D9kEjsvZ.js";import{T as d}from"./p-C1iNEsnH.js";import{f as h,g as l}from"./p-DiJj8rmO.js";import"./p-ChV9xqsO.js";import"./p-BIwGgs9f.js";const m="*{box-sizing:border-box}:host{input[type=number]{-moz-appearance:textfield}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;display:none}}.static{position:static!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.flex{display:flex!important}.h-6{height:1.5rem!important}.h-8{height:2rem!important}.h-full{height:100%!important}.min-h-4{min-height:1rem!important}.min-h-5{min-height:1.25rem!important}.w-inherit{width:inherit!important}.min-w-0{min-width:0!important}.flex-1{flex:1 1 0%!important}.flex-shrink-0{flex-shrink:0!important}.cursor-not-allowed{cursor:not-allowed!important}.flex-wrap{flex-wrap:wrap!important}.items-start{align-items:flex-start!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.gap-2{gap:.5rem!important}.break-all{word-break:break-all!important}.rounded-lg{border-radius:.5rem!important}.border{border-width:1px!important}.border-0{border-width:0!important}.border-solid{border-style:solid!important}.border-none{border-style:none!important}.border-indigo-600{--tw-border-opacity:1!important;border-color:rgb(82 138 250/var(--tw-border-opacity,1))!important}.border-negative-red-500{--tw-border-opacity:1!important;border-color:rgb(230 30 30/var(--tw-border-opacity,1))!important}.border-storm-100{--tw-border-opacity:1!important;border-color:rgb(209 210 212/var(--tw-border-opacity,1))!important}.bg-transparent{background-color:transparent!important}.bg-white{background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.bg-white,.bg-white-600{--tw-bg-opacity:1!important}.bg-white-600{background-color:rgb(250 250 250/var(--tw-bg-opacity,1))!important}.p-0{padding:0!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-center{text-align:center!important}.font-geist{font-family:Geist,serif!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.leading-6{line-height:1.5rem!important}.text-negative-red-500{--tw-text-opacity:1!important;color:rgb(230 30 30/var(--tw-text-opacity,1))!important}.text-negative-red-800{--tw-text-opacity:1!important;color:rgb(141 16 16/var(--tw-text-opacity,1))!important}.text-storm-100{--tw-text-opacity:1!important;color:rgb(209 210 212/var(--tw-text-opacity,1))!important}.text-storm-300{--tw-text-opacity:1!important;color:rgb(116 120 127/var(--tw-text-opacity,1))!important}.text-storm-500{--tw-text-opacity:1!important;color:rgb(24 30 41/var(--tw-text-opacity,1))!important}.outline-none{outline:2px solid transparent!important;outline-offset:2px!important}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.ring-indigo-100{--tw-ring-opacity:1!important;--tw-ring-color:rgb(227 236 254/var(--tw-ring-opacity,1))!important}.ring-negative-red-50{--tw-ring-opacity:1!important;--tw-ring-color:rgb(253 237 237/var(--tw-ring-opacity,1))!important}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:85.375rem){.container{max-width:85.375rem}}@media (min-width:90rem){.container{max-width:90rem}}@media (min-width:96rem){.container{max-width:96rem}}@media (min-width:105rem){.container{max-width:105rem}}@media (min-width:120rem){.container{max-width:120rem}}@media (min-width:160rem){.container{max-width:160rem}}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.selection\\:bg-indigo-500 ::selection{--tw-bg-opacity:1!important;background-color:rgb(142 179 251/var(--tw-bg-opacity,1))!important}.selection\\:bg-negative-red-50 ::selection{--tw-bg-opacity:1!important;background-color:rgb(253 237 237/var(--tw-bg-opacity,1))!important}.selection\\:bg-indigo-500::selection{--tw-bg-opacity:1!important;background-color:rgb(142 179 251/var(--tw-bg-opacity,1))!important}.selection\\:bg-negative-red-50::selection{--tw-bg-opacity:1!important;background-color:rgb(253 237 237/var(--tw-bg-opacity,1))!important}.placeholder\\:text-sm::placeholder{font-size:.875rem!important;line-height:1.25rem!important}.placeholder\\:text-storm-500\\/40::placeholder{color:rgba(24,30,41,.4)!important}.focus\\:outline-none:focus{outline:2px solid transparent!important;outline-offset:2px!important}.dark\\:border-hurricane-400:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-border-opacity:1!important;border-color:rgb(70 75 84/var(--tw-border-opacity,1))!important}.dark\\:border-hurricane-500:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-border-opacity:1!important;border-color:rgb(54 60 70/var(--tw-border-opacity,1))!important}.dark\\:bg-hurricane-500:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1!important;background-color:rgb(54 60 70/var(--tw-bg-opacity,1))!important}.dark\\:bg-hurricane-600:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1!important;background-color:rgb(46 52 62/var(--tw-bg-opacity,1))!important}.dark\\:text-hurricane-300:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1!important;color:rgb(116 120 127/var(--tw-text-opacity,1))!important}.dark\\:text-hurricane-400:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1!important;color:rgb(70 75 84/var(--tw-text-opacity,1))!important}.dark\\:text-white:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.dark\\:ring-0:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.dark\\:placeholder\\:text-hurricane-200:where(:host([data-theme=dark]),:host([data-theme=dark]) *)::placeholder{--tw-text-opacity:1!important;color:rgb(163 165 169/var(--tw-text-opacity,1))!important}.dark\\:border-hurricane-400:where([data-theme=dark],[data-theme=dark] *){--tw-border-opacity:1!important;border-color:rgb(70 75 84/var(--tw-border-opacity,1))!important}.dark\\:border-hurricane-500:where([data-theme=dark],[data-theme=dark] *){--tw-border-opacity:1!important;border-color:rgb(54 60 70/var(--tw-border-opacity,1))!important}.dark\\:bg-hurricane-500:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1!important;background-color:rgb(54 60 70/var(--tw-bg-opacity,1))!important}.dark\\:bg-hurricane-600:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1!important;background-color:rgb(46 52 62/var(--tw-bg-opacity,1))!important}.dark\\:text-hurricane-300:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1!important;color:rgb(116 120 127/var(--tw-text-opacity,1))!important}.dark\\:text-hurricane-400:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1!important;color:rgb(70 75 84/var(--tw-text-opacity,1))!important}.dark\\:text-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.dark\\:ring-0:where([data-theme=dark],[data-theme=dark] *){--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.dark\\:placeholder\\:text-hurricane-200:where([data-theme=dark],[data-theme=dark] *)::placeholder{--tw-text-opacity:1!important;color:rgb(163 165 169/var(--tw-text-opacity,1))!important}";const c=i(["flex gap-2","w-inherit","border-solid rounded-lg"],{variants:{variant:{read:"border-0 items-start flex-wrap break-all leading-6",write:"border px-2"},size:{sm:null,base:null},disabled:{false:null,true:null},focused:{false:null,true:null},error:{false:null,true:null},isTextarea:{false:null,true:"items-start"}},compoundVariants:[{size:"sm",variant:"write",isTextarea:false,class:"h-6"},{size:"base",variant:"write",isTextarea:false,class:"h-8"},{size:"sm",variant:"read",class:"min-h-4 text-xs"},{size:"base",variant:"read",class:"min-h-5 text-sm"},{variant:"write",focused:false,error:false,class:"border-storm-100 dark:border-hurricane-400"},{variant:"write",disabled:false,focused:true,error:false,class:"border-indigo-600 ring dark:ring-0 ring-indigo-100 selection:bg-indigo-500"},{variant:"write",disabled:false,class:"bg-white dark:bg-hurricane-500"},{variant:"write",disabled:true,class:"bg-white-600 dark:bg-hurricane-600 dark:border-hurricane-500 cursor-not-allowed"},{disabled:false,error:true,class:"border-negative-red-500"},{disabled:false,focused:true,error:true,class:"ring ring-negative-red-50 selection:bg-negative-red-50 dark:ring-0"}]});const p=i(["text-sm placeholder:text-sm placeholder:text-storm-500/40 dark:placeholder:text-hurricane-200","border-none bg-transparent flex-1 min-w-0 p-0","outline-none focus:outline-none","font-geist"],{variants:{isTextarea:{false:"h-full",true:"mt-1"},disabled:{false:null,true:"cursor-not-allowed"},error:{false:"text-storm-500 dark:text-white",true:"text-negative-red-500"}}});const w=i(["flex flex-shrink-0 justify-center items-center text-center"],{variants:{variant:{read:"leading-6",write:null},disabled:{false:null,true:"text-storm-100 dark:text-hurricane-400"},focused:{false:null,true:null},error:{false:null,true:null},isText:{false:null,true:"text-sm"},isTextarea:{false:null,true:"mt-2"}},compoundVariants:[{disabled:false,focused:false,error:false,class:"text-storm-300 dark:text-hurricane-300"},{disabled:false,focused:true,error:false,class:"text-storm-500 dark:text-white"},{disabled:false,focused:false,error:true,class:"text-negative-red-500"},{disabled:false,focused:true,error:true,class:"text-negative-red-800"}]});const f=class{constructor(r){t(this,r);this.valueChange=e(this,"valueChange",3);this.inputRefChange=e(this,"inputRefChange",7);this.add=e(this,"add",3);if(r.$hostElement$["s-ei"]){this._internals=r.$hostElement$["s-ei"]}else{this._internals=r.$hostElement$.attachInternals();r.$hostElement$["s-ei"]=this._internals}}align="start";variant="write";id;size="base";type="text";properties={};prefix;suffix;icon;iconFlip;iconRotate;iconPosition="start";value;label;loading=false;placeholder;helper;required=true;showOptional=true;showAddOnEmpty=false;addText="Add";autofocus=false;error;autoShowError=true;errorPlacement;disabled=false;focused=false;forceShowTooltip=false;selectAllOnFocus=true;focusMethod="focus";optionalTemplate;valueChange;inputRefChange;add;get _el(){return r(this)}_focused=false;_nonce=s(5);_internals;_inputRef;_lastValue;componentDidLoad(){this._checkAutoFocus()}formResetCallback(){this.value=null;this.valueChange.emit(null)}formDisabledCallback(t){if(!this._internals.form){return}this.disabled=t}render(){const{id:t,prefix:e,suffix:r,hasHeaderSlot:i,hasLabelSlot:s,hasHelperSlot:h,hasErrorSlot:l,hasValueSlot:m}=this._getSlotInfo();return a(d,{key:"cdcb0d4cabf30293a6b6d811dc7d23adee37a8d5"},a("p-field-container",{key:"eea9969d6343d53518e0327380c75e37bbab86ef",forceShowTooltip:!!this.error?.length&&!this._focused&&this.autoShowError||!!this.error?.length&&this.forceShowTooltip,id:t,label:this.label,align:this.align,loading:this.loading,loadingSize:this.size,helper:this.helper,error:this.error,required:this.required,showOptional:this.showOptional,variant:this.variant},s&&a("slot",{key:"4da737cf6925ccab134dd64d2d931435e46ea0e6",name:"label",slot:"label"}),i&&a("slot",{key:"ee2a3594606851a4f00664808e267ea90a275f7e",name:"header",slot:"header"}),h&&a("slot",{key:"752f6b6d282c2c453fd439176d114aff5bfc3fc3",name:"helper",slot:"helper"}),l&&a("slot",{key:"ebb3915c6214d4b2ef7a7fe53fc2ab0f39312e1b",name:"error",slot:"error"}),a("div",{key:"facd956c641aab00fc8f34517b70c43cddca693e",class:c({error:!!this.error?.length,disabled:o(this.disabled),focused:o(this.focused)||this._focused,size:this.size,variant:this.variant,isTextarea:this.type==="textarea"}),title:this.variant==="read"&&!m?`${this.value}`:undefined,slot:"content"},(this.error?.length||e||this.icon&&this.iconPosition==="start")&&a("div",{key:"104e7fe19e79d3d05d234e98e91dd0ba76b0a4b4",class:w({variant:this.variant,error:!!this.error?.length,disabled:o(this.disabled),focused:o(this.focused)||this._focused,isText:typeof r==="string",isTextarea:this.type==="textarea"}),onClick:()=>this._focusInput()},this.icon&&this.iconPosition==="start"||this.error?.length?a("p-icon",{class:n("flex",{"mt-1":this.variant==="read"&&this.size==="base"}),variant:this.error?.length?"warning":this.icon,rotate:this.iconRotate,flip:this.iconFlip}):e),this._getContent(m,t),(r||this.icon&&this.iconPosition==="end")&&a("div",{key:"704495a91503e524daa0bea01e3909d78d1b1c2b",class:w({variant:this.variant,error:!!this.error?.length,disabled:o(this.disabled),focused:o(this.focused)||this._focused,isText:typeof r==="string",isTextarea:this.type==="textarea"}),onClick:()=>this._focusInput()},this.icon&&this.iconPosition==="end"?a("p-icon",{class:n("flex",{"mt-1":this.variant==="read"&&this.size==="base"}),variant:this.icon,rotate:this.iconRotate,flip:this.iconFlip}):r))))}watchvalue(t){if(!this._inputRef){return}if(t===this._lastValue){return}this._lastValue=t;this._inputRef.value=t}handleFocusIn(){if(this.disabled){return}this._focused=true;this._selectAll()}handleFocusOut(){if(this.disabled){return}this._focused=false}handleKeyup(t){if(this.disabled){t.preventDefault();return}if(!this._internals?.form){return}if(this.type==="textarea"||t.key!=="Enter"){return}this._internals.form.requestSubmit()}_getSlotInfo(){const t=!!this._el.querySelector(':scope > [slot="helper"]');const e=!!this._el.querySelector(':scope > [slot="label"]');const r=!!this._el.querySelector(':scope > [slot="prefix"]');const i=!!this._el.querySelector(':scope > [slot="suffix"]');const o=!!this._el.querySelector(':scope > [slot="header"]');const n=!!this._el.querySelector(':scope > [slot="error"]');const s=!!this._el.querySelector(':scope > [slot="value"]');const d=r?a("slot",{name:"prefix"}):this.prefix;const h=i?a("slot",{name:"suffix"}):this.suffix;const l=this.error&&typeof this.error==="string"&&this.error!=="true";const m=this.id?.length?this.id:this._nonce;return{id:m,hasHelperSlot:t,hasLabelSlot:e,hasPrefixSlot:r,hasSuffixSlot:i,hasHeaderSlot:o,hasErrorSlot:n,hasValueSlot:s,prefix:d,suffix:h,errorAndErrorIsNotBoolean:l}}_getContent(t=false,e){if(this.variant==="read"){return t?a("slot",{name:"value"}):!!this.value&&`${this.value}`.length>0?this.value:this.showAddOnEmpty?a("p-button",{variant:"text",icon:"plus",size:"sm",onClick:()=>this.add.emit()},this.addText):"—"}if(this.type==="slot"){return a("slot",{name:"input"})}const r={id:e,class:p({disabled:o(this.disabled),isTextarea:this.type==="textarea",error:!!this.error?.length}),value:this.value,placeholder:this.placeholder,disabled:this.disabled,onInput:t=>this._valueChange(t)};let i=this.properties??{};if(typeof i==="string"){i=JSON.parse(this.properties)}if(this.type==="textarea"){return a("textarea",{ref:t=>this._setInputRef(t),...r,...i})}return a("input",{type:this.type,ref:t=>this._setInputRef(t),...r,...i})}_setInputRef(t){this._inputRef=t;this.inputRefChange.emit(t)}_focusInput(){if(this._inputRef){this._inputRef.focus();return}const t=this._el.querySelector(':scope > [slot="input"]');t[this.focusMethod]()}_selectAll(){if(!this._inputRef||!this.selectAllOnFocus){return}this._inputRef.select()}_valueChange(t){t.stopPropagation();const e=t.originalTarget??t.target;const r=e.value;this._lastValue=r;this.value=r;this.valueChange.emit(r);this._internals.setFormValue(e.value)}_checkAutoFocus(){if(!this.autofocus){return}if(!this._inputRef){setTimeout((()=>this._checkAutoFocus()),100);return}this._focusInput()}static get formAssociated(){return true}static get watchers(){return{value:["watchvalue"]}}};f.style=m;const b="*{box-sizing:border-box}.ml-auto{margin-left:auto!important}.flex{display:flex!important}.h-4{height:1rem!important}.h-5{height:1.25rem!important}.h-6{height:1.5rem!important}.h-8{height:2rem!important}.w-full{width:100%!important}.w-inherit{width:inherit!important}.min-w-0{min-width:0!important}.flex-shrink-0{flex-shrink:0!important}.cursor-auto{cursor:auto!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-col{flex-direction:column!important}.items-end{align-items:flex-end!important}.items-center{align-items:center!important}.justify-between{justify-content:space-between!important}.gap-1{gap:.25rem!important}.gap-2{gap:.5rem!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.rounded-lg{border-radius:.5rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-medium{font-weight:500!important}.font-normal{font-weight:400!important}.text-storm-200{--tw-text-opacity:1!important;color:rgb(163 165 169/var(--tw-text-opacity,1))!important}.text-storm-300{--tw-text-opacity:1!important;color:rgb(116 120 127/var(--tw-text-opacity,1))!important}.text-storm-500{color:rgb(24 30 41/var(--tw-text-opacity,1))!important}.text-storm-500,.text-white{--tw-text-opacity:1!important}.text-white{color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:85.375rem){.container{max-width:85.375rem}}@media (min-width:90rem){.container{max-width:90rem}}@media (min-width:96rem){.container{max-width:96rem}}@media (min-width:105rem){.container{max-width:105rem}}@media (min-width:120rem){.container{max-width:120rem}}@media (min-width:160rem){.container{max-width:160rem}}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.empty\\:hidden:empty{display:none!important}.dark\\:text-hurricane-200:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1!important;color:rgb(163 165 169/var(--tw-text-opacity,1))!important}.dark\\:text-hurricane-300:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1!important;color:rgb(116 120 127/var(--tw-text-opacity,1))!important}.dark\\:text-white:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.dark\\:text-hurricane-200:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1!important;color:rgb(163 165 169/var(--tw-text-opacity,1))!important}.dark\\:text-hurricane-300:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1!important;color:rgb(116 120 127/var(--tw-text-opacity,1))!important}.dark\\:text-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}";const x=i(["rounded-lg w-full"],{variants:{variant:{read:null,write:null},size:{base:null,sm:null}},compoundVariants:[{variant:"read",size:"base",class:"h-5"},{variant:"read",size:"sm",class:"h-4"},{variant:"write",size:"base",class:"h-8"},{variant:"write",size:"sm",class:"h-6"}]});const g=class{constructor(r){t(this,r);this.focus=e(this,"focus",7)}_defaultOptionalTemplate=()=>h(this._locales.optional);id;align="start";label;loading=false;loadingSize="base";variant;helper;required;showOptional=true;error;errorPlacement;forceShowTooltip=false;optionalTemplate=this._defaultOptionalTemplate;get _el(){return r(this)}focus;_locales={};componentWillLoad(){this._setLocales()}render(){const{hasHeaderSlot:t,hasErrorSlot:e,helper:r,label:i,errorAndErrorIsNotBoolean:s}=this._getSlotInfo();let h=a("slot",{key:"6db4734d0a8f69e4952904880813ec931c45e877",slot:"trigger",name:"content"});if(this.loading){h=a("p-loader",{key:"07f963ba944d8eb1c0e751fed55898dbd7c77ae2",variant:"ghost",class:x({variant:this.variant,size:this.loadingSize}),slot:"trigger"})}return a(d,{key:"0c01066b6835e30c5e5076486cbb43039f05eb8c"},a("label",{key:"b54558388e3bb77517bd4d5c73cf5d222c50e3c3",htmlFor:this.id,class:n("flex w-inherit flex-col gap-1",{"cursor-auto":this.variant==="read"})},a("div",{key:"68f1096a9b8f0e815e4771b9e40bcb4c9f4d8c96",class:n("flex items-end justify-between gap-1 empty:hidden",{"flex-row-reverse":this.align==="end"})},(!!i?.length||!!r?.length)&&a("div",{key:"4cfbcdea3f80c568d141112f305231c5313e3ddc",class:"flex min-w-0 gap-2",onClick:()=>this.focus.emit()},a("span",{key:"abd3f6c3f88a561e88cbc5bf146710dc634dd811",class:"min-w-0 overflow-hidden text-ellipsis text-xs font-medium text-storm-300 dark:text-hurricane-200"},i),r&&a("p-helper",{key:"2c451541c089dbff670c04f1d383c7afef7a76e6",class:"flex flex-shrink-0",placement:"top"},r)),(!o(this.required)&&o(this.showOptional)||t)&&a("div",{key:"0f63624491b2b81997c5954c98ad8009b10837fb",class:"flex items-center gap-1"},!o(this.required)&&o(this.showOptional)&&this.variant==="write"&&a("span",{key:"438271d7bed566b2c5b26e91d1cfe1101937cef4",class:"text-xs font-medium text-storm-200 dark:text-hurricane-300"},this.optionalTemplate()),t&&a("slot",{key:"d7be494f035a0e15b97d368a2f08934775446608",name:"header"}))),a("p-tooltip",{key:"733c671023a88cef98e3f957f02acb7368147c83",class:n({"w-full":this.variant==="write"||this.loading,"ml-auto":this.align==="end","font-normal":this.variant==="read","text-storm-500 dark:text-white":this.variant==="read"}),variant:"error",content:this.error,show:s&&o(this.forceShowTooltip,false),enableUserInput:false,placement:this.errorPlacement},e&&a("slot",{key:"6440f0359c94e69cc632a85087008439be6ad5c9",name:"error",slot:"content"}),h)))}async _setLocales(){this._locales=await l(this._el)}_getSlotInfo(){const t=!!this._el.querySelector(':scope > [slot="helper"]');const e=!!this._el.querySelector(':scope > [slot="label"]');const r=!!this._el.querySelector(':scope > [slot="header"]');const i=!!this._el.querySelector(':scope > [slot="error"]');const o=t?a("slot",{name:"helper"}):this.helper;const n=e?a("slot",{name:"label"}):this.label;const s=i||this.error&&typeof this.error==="string"&&this.error!=="true";return{hasHelperSlot:t,hasLabelSlot:e,hasHeaderSlot:r,hasErrorSlot:i,helper:o,label:n,errorAndErrorIsNotBoolean:s}}};g.style=b;export{f as p_field,g as p_field_container};
|
|
2
|
-
//# sourceMappingURL=p-83ed458a.entry.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["fieldComponentCss","field","cva","variants","variant","read","write","size","sm","base","disabled","false","true","focused","error","isTextarea","compoundVariants","class","input","prefixAndSuffix","isText","Field","align","id","type","properties","prefix","suffix","icon","iconFlip","iconRotate","iconPosition","value","label","loading","placeholder","helper","required","showOptional","showAddOnEmpty","addText","autofocus","autoShowError","errorPlacement","forceShowTooltip","selectAllOnFocus","focusMethod","optionalTemplate","valueChange","inputRefChange","add","_focused","_nonce","nonce","_internals","_inputRef","_lastValue","componentDidLoad","this","_checkAutoFocus","formResetCallback","emit","formDisabledCallback","form","render","hasHeaderSlot","hasLabelSlot","hasHelperSlot","hasErrorSlot","hasValueSlot","_getSlotInfo","h","ThemedHost","key","length","loadingSize","name","slot","asBoolean","title","undefined","onClick","_focusInput","cn","rotate","flip","_getContent","watchvalue","handleFocusIn","_selectAll","handleFocusOut","handleKeyup","ev","preventDefault","requestSubmit","_el","querySelector","hasPrefixSlot","hasSuffixSlot","errorAndErrorIsNotBoolean","props","onInput","_valueChange","JSON","parse","ref","_setInputRef","focus","select","stopPropagation","target","originalTarget","setFormValue","setTimeout","fieldContainerComponentCss","loader","FieldContainer","_defaultOptionalTemplate","formatTranslation","_locales","optional","componentWillLoad","_setLocales","contentSlot","htmlFor","placement","content","show","enableUserInput","getLocaleComponentStrings"],"sources":["src/components/molecules/field/field/field.component.css?tag=p-field&encapsulation=shadow","src/components/molecules/field/field/field.component.tsx","src/components/molecules/field/container/field-container.component.css?tag=p-field-container&encapsulation=shadow","src/components/molecules/field/container/field-container.component.tsx"],"sourcesContent":[":host {\n\tinput[type='number'] {\n\t\t-moz-appearance: textfield; /* Firefox */\n\t}\n\n\tinput::-webkit-outer-spin-button,\n\tinput::-webkit-inner-spin-button {\n\t\tdisplay: none;\n\t\t-webkit-appearance: none;\n\t}\n}\n","import { Placement } from '@floating-ui/dom';\nimport {\n\tAttachInternals,\n\tComponent,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tListen,\n\tProp,\n\tState,\n\tWatch,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { HTMLInputTypeAttribute } from 'react';\nimport { RotateOptions } from '../../../../types/tailwind';\nimport { asBoolean } from '../../../../utils/as-boolean';\nimport { cn } from '../../../../utils/cn';\nimport { nonce } from '../../../../utils/nonce';\nimport {\n\tIconFlipOptions,\n\tIconVariant,\n} from '../../../atoms/icon/icon.component';\nimport { templateFunc } from '../container/field-container.component';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\n\nconst field = cva(['flex gap-2', 'w-inherit', 'border-solid rounded-lg'], {\n\tvariants: {\n\t\tvariant: {\n\t\t\tread: 'border-0 items-start flex-wrap break-all leading-6',\n\t\t\twrite: 'border px-2',\n\t\t},\n\t\tsize: {\n\t\t\tsm: null,\n\t\t\tbase: null,\n\t\t},\n\t\tdisabled: {\n\t\t\tfalse: null,\n\t\t\ttrue: null,\n\t\t},\n\t\tfocused: {\n\t\t\tfalse: null,\n\t\t\ttrue: null,\n\t\t},\n\t\terror: {\n\t\t\tfalse: null,\n\t\t\ttrue: null,\n\t\t},\n\t\tisTextarea: {\n\t\t\tfalse: null,\n\t\t\ttrue: 'items-start',\n\t\t},\n\t},\n\tcompoundVariants: [\n\t\t{\n\t\t\tsize: 'sm',\n\t\t\tvariant: 'write',\n\t\t\tisTextarea: false,\n\t\t\tclass: 'h-6',\n\t\t},\n\t\t{\n\t\t\tsize: 'base',\n\t\t\tvariant: 'write',\n\t\t\tisTextarea: false,\n\t\t\tclass: 'h-8',\n\t\t},\n\n\t\t{\n\t\t\tsize: 'sm',\n\t\t\tvariant: 'read',\n\t\t\tclass: 'min-h-4 text-xs',\n\t\t},\n\t\t{\n\t\t\tsize: 'base',\n\t\t\tvariant: 'read',\n\t\t\tclass: 'min-h-5 text-sm',\n\t\t},\n\n\t\t{\n\t\t\tvariant: 'write',\n\t\t\tfocused: false,\n\t\t\terror: false,\n\t\t\tclass: 'border-storm-100 dark:border-hurricane-400',\n\t\t},\n\t\t{\n\t\t\tvariant: 'write',\n\t\t\tdisabled: false,\n\t\t\tfocused: true,\n\t\t\terror: false,\n\t\t\tclass:\n\t\t\t\t'border-indigo-600 ring dark:ring-0 ring-indigo-100 selection:bg-indigo-500',\n\t\t},\n\n\t\t{\n\t\t\tvariant: 'write',\n\t\t\tdisabled: false,\n\t\t\tclass: 'bg-white dark:bg-hurricane-500',\n\t\t},\n\t\t{\n\t\t\tvariant: 'write',\n\t\t\tdisabled: true,\n\t\t\tclass:\n\t\t\t\t'bg-white-600 dark:bg-hurricane-600 dark:border-hurricane-500 cursor-not-allowed',\n\t\t},\n\n\t\t{\n\t\t\tdisabled: false,\n\t\t\terror: true,\n\t\t\tclass: 'border-negative-red-500',\n\t\t},\n\t\t{\n\t\t\tdisabled: false,\n\t\t\tfocused: true,\n\t\t\terror: true,\n\t\t\tclass:\n\t\t\t\t'ring ring-negative-red-50 selection:bg-negative-red-50 dark:ring-0',\n\t\t},\n\t],\n});\n\nconst input = cva(\n\t[\n\t\t'text-sm placeholder:text-sm placeholder:text-storm-500/40 dark:placeholder:text-hurricane-200',\n\t\t'border-none bg-transparent flex-1 min-w-0 p-0',\n\t\t'outline-none focus:outline-none',\n\t\t'font-geist',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tisTextarea: {\n\t\t\t\tfalse: 'h-full',\n\t\t\t\ttrue: 'mt-1',\n\t\t\t},\n\t\t\tdisabled: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'cursor-not-allowed',\n\t\t\t},\n\t\t\terror: {\n\t\t\t\tfalse: 'text-storm-500 dark:text-white',\n\t\t\t\ttrue: 'text-negative-red-500',\n\t\t\t},\n\t\t},\n\t}\n);\n\nconst prefixAndSuffix = cva(\n\t['flex flex-shrink-0 justify-center items-center text-center'],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tread: 'leading-6',\n\t\t\t\twrite: null,\n\t\t\t},\n\t\t\tdisabled: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'text-storm-100 dark:text-hurricane-400',\n\t\t\t},\n\t\t\tfocused: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: null,\n\t\t\t},\n\t\t\terror: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: null,\n\t\t\t},\n\t\t\tisText: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'text-sm',\n\t\t\t},\n\t\t\tisTextarea: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'mt-2',\n\t\t\t},\n\t\t},\n\t\tcompoundVariants: [\n\t\t\t{\n\t\t\t\tdisabled: false,\n\t\t\t\tfocused: false,\n\t\t\t\terror: false,\n\t\t\t\tclass: 'text-storm-300 dark:text-hurricane-300',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tdisabled: false,\n\t\t\t\tfocused: true,\n\t\t\t\terror: false,\n\t\t\t\tclass: 'text-storm-500 dark:text-white',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tdisabled: false,\n\t\t\t\tfocused: false,\n\t\t\t\terror: true,\n\t\t\t\tclass: 'text-negative-red-500',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tdisabled: false,\n\t\t\t\tfocused: true,\n\t\t\t\terror: true,\n\t\t\t\tclass: 'text-negative-red-800',\n\t\t\t},\n\t\t],\n\t}\n);\n\n@Component({\n\ttag: 'p-field',\n\tstyleUrl: './field.component.css',\n\tshadow: true,\n\tformAssociated: true,\n})\nexport class Field {\n\t/**\n\t * The alignment of the container\n\t */\n\t@Prop() align: 'start' | 'end' = 'start';\n\n\t/**\n\t * The variant of the field\n\t */\n\t@Prop() variant: 'read' | 'write' = 'write';\n\n\t/**\n\t * The id of the field\n\t */\n\t@Prop() id: string;\n\n\t/**\n\t * The size of the field\n\t */\n\t@Prop() size: 'sm' | 'base' = 'base';\n\n\t/**\n\t * The type of the field\n\t */\n\t@Prop() type: HTMLInputTypeAttribute | 'textarea' | 'slot' = 'text';\n\n\t/**\n\t * The size of the field\n\t */\n\t@Prop() properties: any | string = {};\n\n\t/**\n\t * The prefix of the field\n\t */\n\t@Prop() prefix: string;\n\n\t/**\n\t * The suffix of the field\n\t */\n\t@Prop() suffix: string;\n\n\t/**\n\t * Icon of the field\n\t */\n\t@Prop() icon: IconVariant;\n\n\t/**\n\t * Icon flip */\n\t@Prop() iconFlip: IconFlipOptions;\n\n\t/**\n\t * Icon rotate\n\t */\n\t@Prop() iconRotate: RotateOptions;\n\n\t/**\n\t * Icon position\n\t */\n\t@Prop() iconPosition: 'start' | 'end' = 'start';\n\n\t/**\n\t * The value of the input\n\t */\n\t@Prop() value: string | number;\n\n\t/**\n\t * The label of the field\n\t */\n\t@Prop() label: string;\n\n\t/**\n\t * Wether the field is in loading state\n\t */\n\t@Prop() loading: boolean = false;\n\n\t/**\n\t * The placeholder of the input\n\t */\n\t@Prop() placeholder: string;\n\n\t/**\n\t * The helper of the field\n\t */\n\t@Prop() helper: string;\n\n\t/**\n\t * Wether the field is required\n\t */\n\t@Prop({ reflect: true }) required: boolean = true;\n\n\t/**\n\t * Wether to show optional when not required\n\t */\n\t@Prop({ reflect: true }) showOptional: boolean = true;\n\n\t/**\n\t * Wether to show an add button when empty\n\t */\n\t@Prop({ reflect: true }) showAddOnEmpty: boolean = false;\n\n\t/**\n\t * The text to show on the add button\n\t */\n\t@Prop({ reflect: true }) addText: string = 'Add';\n\n\t/**\n\t * Wether to autofocus the field\n\t */\n\t@Prop({ reflect: true }) autofocus: boolean = false;\n\n\t/**\n\t * The error to display\n\t */\n\t@Prop({ reflect: true }) error: string;\n\n\t/**\n\t * Wether this component handles showing the error tooltip\n\t */\n\t@Prop({ reflect: true }) autoShowError = true;\n\n\t/**\n\t * The placement of the error popover\n\t */\n\t@Prop() errorPlacement: Placement;\n\n\t/**\n\t * Wether the field is disabled\n\t */\n\t@Prop({ reflect: true }) disabled: boolean = false;\n\n\t/**\n\t * Wether the field is focused\n\t */\n\t@Prop({ reflect: true }) focused: boolean = false;\n\n\t/**\n\t * Force show the error tooltip\n\t */\n\t@Prop({ reflect: true }) forceShowTooltip: boolean = false;\n\n\t/**\n\t * Wether to select all text on focus\n\t */\n\t@Prop({ reflect: true }) selectAllOnFocus: boolean = true;\n\n\t/**\n\t * The method to use when focusing the input\n\t */\n\t@Prop() focusMethod: 'focus' | 'click' = 'focus';\n\n\t/**\n\t * The template for the optional text\n\t */\n\t@Prop() optionalTemplate: templateFunc;\n\n\t/**\n\t * Event whenever the value changes\n\t */\n\t@Event({ bubbles: false }) valueChange: EventEmitter<string | number>;\n\n\t/**\n\t * Event whenever the input ref changes\n\t */\n\t@Event() inputRefChange: EventEmitter<HTMLInputElement | HTMLTextAreaElement>;\n\n\t/**\n\t * Event whenever the value changes\n\t */\n\t@Event({ bubbles: false }) add: EventEmitter<void>;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\t@State() private _focused = false;\n\t@State() private _nonce = nonce(5);\n\n\t@AttachInternals() _internals: ElementInternals;\n\n\tprivate _inputRef: HTMLInputElement | HTMLTextAreaElement;\n\tprivate _lastValue: string | number | null;\n\n\tcomponentDidLoad() {\n\t\tthis._checkAutoFocus();\n\t}\n\n\tformResetCallback() {\n\t\tthis.value = null;\n\t\tthis.valueChange.emit(null);\n\t}\n\n\tformDisabledCallback(disabled: boolean) {\n\t\tif (!this._internals.form) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.disabled = disabled;\n\t}\n\n\trender() {\n\t\tconst {\n\t\t\tid,\n\t\t\tprefix,\n\t\t\tsuffix,\n\t\t\thasHeaderSlot,\n\t\t\thasLabelSlot,\n\t\t\thasHelperSlot,\n\t\t\thasErrorSlot,\n\t\t\thasValueSlot,\n\t\t} = this._getSlotInfo();\n\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<p-field-container\n\t\t\t\t\tforceShowTooltip={\n\t\t\t\t\t\t(!!this.error?.length && !this._focused && this.autoShowError) ||\n\t\t\t\t\t\t(!!this.error?.length && this.forceShowTooltip)\n\t\t\t\t\t}\n\t\t\t\t\tid={id}\n\t\t\t\t\tlabel={this.label}\n\t\t\t\t\talign={this.align}\n\t\t\t\t\tloading={this.loading}\n\t\t\t\t\tloadingSize={this.size}\n\t\t\t\t\thelper={this.helper}\n\t\t\t\t\terror={this.error}\n\t\t\t\t\trequired={this.required}\n\t\t\t\t\tshowOptional={this.showOptional}\n\t\t\t\t\tvariant={this.variant}\n\t\t\t\t>\n\t\t\t\t\t{hasLabelSlot && (\n\t\t\t\t\t\t<slot\n\t\t\t\t\t\t\tname='label'\n\t\t\t\t\t\t\tslot='label'\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{hasHeaderSlot && (\n\t\t\t\t\t\t<slot\n\t\t\t\t\t\t\tname='header'\n\t\t\t\t\t\t\tslot='header'\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{hasHelperSlot && (\n\t\t\t\t\t\t<slot\n\t\t\t\t\t\t\tname='helper'\n\t\t\t\t\t\t\tslot='helper'\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{hasErrorSlot && (\n\t\t\t\t\t\t<slot\n\t\t\t\t\t\t\tname='error'\n\t\t\t\t\t\t\tslot='error'\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass={field({\n\t\t\t\t\t\t\terror: !!this.error?.length,\n\t\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\t\tfocused: asBoolean(this.focused) || this._focused,\n\t\t\t\t\t\t\tsize: this.size,\n\t\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t\t\tisTextarea: this.type === 'textarea',\n\t\t\t\t\t\t})}\n\t\t\t\t\t\ttitle={\n\t\t\t\t\t\t\tthis.variant === 'read' && !hasValueSlot\n\t\t\t\t\t\t\t\t? `${this.value}`\n\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t}\n\t\t\t\t\t\tslot='content'\n\t\t\t\t\t>\n\t\t\t\t\t\t{(this.error?.length ||\n\t\t\t\t\t\t\tprefix ||\n\t\t\t\t\t\t\t(this.icon && this.iconPosition === 'start')) && (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclass={prefixAndSuffix({\n\t\t\t\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t\t\t\t\terror: !!this.error?.length,\n\t\t\t\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\t\t\t\tfocused: asBoolean(this.focused) || this._focused,\n\t\t\t\t\t\t\t\t\tisText: typeof suffix === 'string',\n\t\t\t\t\t\t\t\t\tisTextarea: this.type === 'textarea',\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\tonClick={() => this._focusInput()}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{(this.icon && this.iconPosition === 'start') ||\n\t\t\t\t\t\t\t\tthis.error?.length ? (\n\t\t\t\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\t\t\t\tclass={cn('flex', {\n\t\t\t\t\t\t\t\t\t\t\t'mt-1': this.variant === 'read' && this.size === 'base',\n\t\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\t\tvariant={this.error?.length ? 'warning' : this.icon}\n\t\t\t\t\t\t\t\t\t\trotate={this.iconRotate}\n\t\t\t\t\t\t\t\t\t\tflip={this.iconFlip}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\tprefix\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t{this._getContent(hasValueSlot, id)}\n\n\t\t\t\t\t\t{(suffix || (this.icon && this.iconPosition === 'end')) && (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclass={prefixAndSuffix({\n\t\t\t\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t\t\t\t\terror: !!this.error?.length,\n\t\t\t\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\t\t\t\tfocused: asBoolean(this.focused) || this._focused,\n\t\t\t\t\t\t\t\t\tisText: typeof suffix === 'string',\n\t\t\t\t\t\t\t\t\tisTextarea: this.type === 'textarea',\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\tonClick={() => this._focusInput()}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{this.icon && this.iconPosition === 'end' ? (\n\t\t\t\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\t\t\t\tclass={cn('flex', {\n\t\t\t\t\t\t\t\t\t\t\t'mt-1': this.variant === 'read' && this.size === 'base',\n\t\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\t\tvariant={this.icon}\n\t\t\t\t\t\t\t\t\t\trotate={this.iconRotate}\n\t\t\t\t\t\t\t\t\t\tflip={this.iconFlip}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\tsuffix\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t</p-field-container>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n\n\t@Watch('value')\n\twatchvalue(value: string | null) {\n\t\tif (!this._inputRef) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (value === this._lastValue) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._lastValue = value;\n\t\tthis._inputRef.value = value;\n\t}\n\n\t@Listen('focusin')\n\thandleFocusIn() {\n\t\tif (this.disabled) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._focused = true;\n\t\tthis._selectAll();\n\t}\n\n\t@Listen('focusout')\n\thandleFocusOut() {\n\t\tif (this.disabled) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._focused = false;\n\t}\n\n\t@Listen('keyup', { capture: true })\n\thandleKeyup(ev: KeyboardEvent) {\n\t\tif (this.disabled) {\n\t\t\tev.preventDefault();\n\t\t\treturn;\n\t\t}\n\n\t\tif (!this._internals?.form) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this.type === 'textarea' || ev.key !== 'Enter') {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._internals.form.requestSubmit();\n\t}\n\n\tprivate _getSlotInfo() {\n\t\tconst hasHelperSlot = !!this._el.querySelector(':scope > [slot=\"helper\"]');\n\t\tconst hasLabelSlot = !!this._el.querySelector(':scope > [slot=\"label\"]');\n\t\tconst hasPrefixSlot = !!this._el.querySelector(':scope > [slot=\"prefix\"]');\n\t\tconst hasSuffixSlot = !!this._el.querySelector(':scope > [slot=\"suffix\"]');\n\t\tconst hasHeaderSlot = !!this._el.querySelector(':scope > [slot=\"header\"]');\n\t\tconst hasErrorSlot = !!this._el.querySelector(':scope > [slot=\"error\"]');\n\t\tconst hasValueSlot = !!this._el.querySelector(':scope > [slot=\"value\"]');\n\n\t\tconst prefix = hasPrefixSlot ? <slot name='prefix' /> : this.prefix;\n\t\tconst suffix = hasSuffixSlot ? <slot name='suffix' /> : this.suffix;\n\n\t\tconst errorAndErrorIsNotBoolean =\n\t\t\tthis.error && typeof this.error === 'string' && this.error !== 'true';\n\n\t\tconst id = this.id?.length ? this.id : this._nonce;\n\n\t\treturn {\n\t\t\tid,\n\t\t\thasHelperSlot,\n\t\t\thasLabelSlot,\n\t\t\thasPrefixSlot,\n\t\t\thasSuffixSlot,\n\t\t\thasHeaderSlot,\n\t\t\thasErrorSlot,\n\t\t\thasValueSlot,\n\t\t\tprefix,\n\t\t\tsuffix,\n\t\t\terrorAndErrorIsNotBoolean,\n\t\t};\n\t}\n\n\tprivate _getContent(hasValueSlot = false, id: string) {\n\t\tif (this.variant === 'read') {\n\t\t\treturn hasValueSlot ? (\n\t\t\t\t<slot name='value' />\n\t\t\t) : !!this.value && `${this.value}`.length > 0 ? (\n\t\t\t\tthis.value\n\t\t\t) : this.showAddOnEmpty ? (\n\t\t\t\t<p-button\n\t\t\t\t\tvariant='text'\n\t\t\t\t\ticon='plus'\n\t\t\t\t\tsize='sm'\n\t\t\t\t\tonClick={() => this.add.emit()}\n\t\t\t\t>\n\t\t\t\t\t{this.addText}\n\t\t\t\t</p-button>\n\t\t\t) : (\n\t\t\t\t'—'\n\t\t\t);\n\t\t}\n\n\t\tif (this.type === 'slot') {\n\t\t\treturn <slot name='input' />;\n\t\t}\n\n\t\tconst props = {\n\t\t\tid,\n\t\t\tclass: input({\n\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\tisTextarea: this.type === 'textarea',\n\t\t\t\terror: !!this.error?.length,\n\t\t\t}),\n\t\t\tvalue: this.value,\n\t\t\tplaceholder: this.placeholder,\n\t\t\tdisabled: this.disabled,\n\t\t\tonInput: (ev: InputEvent) => this._valueChange(ev),\n\t\t};\n\n\t\tlet properties = this.properties ?? {};\n\t\tif (typeof properties === 'string') {\n\t\t\tproperties = JSON.parse(this.properties);\n\t\t}\n\n\t\tif (this.type === 'textarea') {\n\t\t\treturn (\n\t\t\t\t<textarea\n\t\t\t\t\tref={ref => this._setInputRef(ref)}\n\t\t\t\t\t{...props}\n\t\t\t\t\t{...properties}\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<input\n\t\t\t\ttype={this.type}\n\t\t\t\tref={ref => this._setInputRef(ref)}\n\t\t\t\t{...props}\n\t\t\t\t{...properties}\n\t\t\t/>\n\t\t);\n\t}\n\n\tprivate _setInputRef(ref: HTMLInputElement | HTMLTextAreaElement) {\n\t\tthis._inputRef = ref;\n\t\tthis.inputRefChange.emit(ref);\n\t}\n\n\tprivate _focusInput() {\n\t\tif (this._inputRef) {\n\t\t\tthis._inputRef.focus();\n\t\t\treturn;\n\t\t}\n\n\t\tconst input = this._el.querySelector(':scope > [slot=\"input\"]');\n\t\t(input as HTMLElement)[this.focusMethod]();\n\t}\n\n\tprivate _selectAll() {\n\t\tif (!this._inputRef || !this.selectAllOnFocus) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._inputRef.select();\n\t}\n\n\tprivate _valueChange(ev) {\n\t\tev.stopPropagation();\n\t\tconst target = (ev.originalTarget ?? ev.target) as\n\t\t\t| HTMLTextAreaElement\n\t\t\t| HTMLInputElement;\n\n\t\tconst value = target.value;\n\n\t\tthis._lastValue = value;\n\t\tthis.value = value;\n\t\tthis.valueChange.emit(value);\n\t\tthis._internals.setFormValue(target.value);\n\t}\n\n\tprivate _checkAutoFocus() {\n\t\tif (!this.autofocus) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (!this._inputRef) {\n\t\t\tsetTimeout(() => this._checkAutoFocus(), 100);\n\t\t\treturn;\n\t\t}\n\n\t\tthis._focusInput();\n\t}\n}\n",null,"import { Placement } from '@floating-ui/dom';\nimport {\n\tComponent,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tListen,\n\tProp,\n\tState,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport {\n\tcn,\n\tformatTranslation,\n\tgetLocaleComponentStrings,\n} from '../../../../utils';\nimport { asBoolean } from '../../../../utils/as-boolean';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\n\nconst loader = cva(['rounded-lg w-full'], {\n\tvariants: {\n\t\tvariant: {\n\t\t\tread: null,\n\t\t\twrite: null,\n\t\t},\n\t\tsize: {\n\t\t\tbase: null,\n\t\t\tsm: null,\n\t\t},\n\t},\n\tcompoundVariants: [\n\t\t{\n\t\t\tvariant: 'read',\n\t\t\tsize: 'base',\n\t\t\tclass: 'h-5',\n\t\t},\n\t\t{\n\t\t\tvariant: 'read',\n\t\t\tsize: 'sm',\n\t\t\tclass: 'h-4',\n\t\t},\n\n\t\t{\n\t\t\tvariant: 'write',\n\t\t\tsize: 'base',\n\t\t\tclass: 'h-8',\n\t\t},\n\t\t{\n\t\t\tvariant: 'write',\n\t\t\tsize: 'sm',\n\t\t\tclass: 'h-6',\n\t\t},\n\t],\n});\n\nexport type templateFunc = () => string;\n\n@Component({\n\ttag: 'p-field-container',\n\tstyleUrl: 'field-container.component.css',\n\tshadow: true,\n})\nexport class FieldContainer {\n\tprivate _defaultOptionalTemplate: templateFunc = () =>\n\t\tformatTranslation(this._locales.optional);\n\t/**\n\t * The id for the label\n\t */\n\t@Prop() id: string;\n\n\t/**\n\t * Align content to the start or end\n\t */\n\t@Prop() align: 'start' | 'end' = 'start';\n\n\t/**\n\t * The label of the input group\n\t */\n\t@Prop() label: string | HTMLSlotElement;\n\n\t/**\n\t * Wether the field container is in loading state\n\t */\n\t@Prop() loading: boolean = false;\n\n\t/**\n\t * The size of the loader\n\t */\n\t@Prop() loadingSize: 'base' | 'sm' = 'base';\n\n\t/**\n\t * The variant of the field container\n\t */\n\t@Prop() variant: 'read' | 'write';\n\n\t/**\n\t * The helper of the input group\n\t */\n\t@Prop() helper: string | HTMLSlotElement;\n\n\t/**\n\t * Wether the field is required\n\t */\n\t@Prop({ reflect: true }) required: boolean;\n\n\t/**\n\t * 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\n\t */\n\t@Prop({ reflect: true }) error: string;\n\n\t/**\n\t * The placement of the error popover\n\t */\n\t@Prop() errorPlacement: Placement;\n\n\t/**\n\t * Force show the error tooltip\n\t */\n\t@Prop({ reflect: true }) forceShowTooltip: boolean = false;\n\n\t/**\n\t * The template for the optional text\n\t */\n\t@Prop() optionalTemplate: templateFunc = this._defaultOptionalTemplate;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\t@Event() focus: EventEmitter<void>;\n\n\t/**\n\t * Locales used for this component\n\t */\n\t@State() private _locales: any = {};\n\n\tcomponentWillLoad() {\n\t\tthis._setLocales();\n\t}\n\n\trender() {\n\t\tconst {\n\t\t\thasHeaderSlot,\n\t\t\thasErrorSlot,\n\t\t\thelper,\n\t\t\tlabel,\n\t\t\terrorAndErrorIsNotBoolean,\n\t\t} = this._getSlotInfo();\n\n\t\tlet contentSlot = (\n\t\t\t<slot\n\t\t\t\tslot='trigger'\n\t\t\t\tname='content'\n\t\t\t/>\n\t\t);\n\n\t\tif (this.loading) {\n\t\t\tcontentSlot = (\n\t\t\t\t<p-loader\n\t\t\t\t\tvariant='ghost'\n\t\t\t\t\tclass={loader({ variant: this.variant, size: this.loadingSize })}\n\t\t\t\t\tslot='trigger'\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<label\n\t\t\t\t\thtmlFor={this.id}\n\t\t\t\t\tclass={cn('flex w-inherit flex-col gap-1', {\n\t\t\t\t\t\t'cursor-auto': this.variant === 'read',\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass={cn('flex items-end justify-between gap-1 empty:hidden', {\n\t\t\t\t\t\t\t'flex-row-reverse': this.align === 'end',\n\t\t\t\t\t\t})}\n\t\t\t\t\t>\n\t\t\t\t\t\t{(!!label?.length || !!helper?.length) && (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclass='flex min-w-0 gap-2'\n\t\t\t\t\t\t\t\tonClick={() => this.focus.emit()}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<span class='min-w-0 overflow-hidden text-ellipsis text-xs font-medium text-storm-300 dark:text-hurricane-200'>\n\t\t\t\t\t\t\t\t\t{label}\n\t\t\t\t\t\t\t\t</span>\n\n\t\t\t\t\t\t\t\t{helper && (\n\t\t\t\t\t\t\t\t\t<p-helper\n\t\t\t\t\t\t\t\t\t\tclass='flex flex-shrink-0'\n\t\t\t\t\t\t\t\t\t\tplacement='top'\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{helper}\n\t\t\t\t\t\t\t\t\t</p-helper>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t{((!asBoolean(this.required) && asBoolean(this.showOptional)) ||\n\t\t\t\t\t\t\thasHeaderSlot) && (\n\t\t\t\t\t\t\t<div class='flex items-center gap-1'>\n\t\t\t\t\t\t\t\t{!asBoolean(this.required) &&\n\t\t\t\t\t\t\t\t\tasBoolean(this.showOptional) &&\n\t\t\t\t\t\t\t\t\tthis.variant === 'write' && (\n\t\t\t\t\t\t\t\t\t\t<span class='text-xs font-medium text-storm-200 dark:text-hurricane-300'>\n\t\t\t\t\t\t\t\t\t\t\t{this.optionalTemplate()}\n\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t\t{hasHeaderSlot && <slot name='header' />}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<p-tooltip\n\t\t\t\t\t\tclass={cn({\n\t\t\t\t\t\t\t'w-full': this.variant === 'write' || this.loading,\n\t\t\t\t\t\t\t'ml-auto': this.align === 'end',\n\t\t\t\t\t\t\t'font-normal': this.variant === 'read',\n\t\t\t\t\t\t\t'text-storm-500 dark:text-white': this.variant === 'read',\n\t\t\t\t\t\t})}\n\t\t\t\t\t\tvariant='error'\n\t\t\t\t\t\tcontent={this.error}\n\t\t\t\t\t\tshow={\n\t\t\t\t\t\t\terrorAndErrorIsNotBoolean &&\n\t\t\t\t\t\t\tasBoolean(this.forceShowTooltip, false)\n\t\t\t\t\t\t}\n\t\t\t\t\t\tenableUserInput={false}\n\t\t\t\t\t\tplacement={this.errorPlacement}\n\t\t\t\t\t>\n\t\t\t\t\t\t{hasErrorSlot && (\n\t\t\t\t\t\t\t<slot\n\t\t\t\t\t\t\t\tname='error'\n\t\t\t\t\t\t\t\tslot='content'\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t{contentSlot}\n\t\t\t\t\t</p-tooltip>\n\t\t\t\t</label>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n\n\t@Listen('localeChanged', { target: 'body' })\n\tprivate async _setLocales(): Promise<void> {\n\t\tthis._locales = await getLocaleComponentStrings(this._el);\n\t}\n\n\tprivate _getSlotInfo() {\n\t\tconst hasHelperSlot = !!this._el.querySelector(':scope > [slot=\"helper\"]');\n\t\tconst hasLabelSlot = !!this._el.querySelector(':scope > [slot=\"label\"]');\n\t\tconst hasHeaderSlot = !!this._el.querySelector(':scope > [slot=\"header\"]');\n\t\tconst hasErrorSlot = !!this._el.querySelector(':scope > [slot=\"error\"]');\n\n\t\tconst helper = hasHelperSlot ? <slot name='helper' /> : this.helper;\n\t\tconst label = hasLabelSlot ? <slot name='label' /> : this.label;\n\n\t\tconst errorAndErrorIsNotBoolean =\n\t\t\thasErrorSlot ||\n\t\t\t(this.error && typeof this.error === 'string' && this.error !== 'true');\n\n\t\treturn {\n\t\t\thasHelperSlot,\n\t\t\thasLabelSlot,\n\t\t\thasHeaderSlot,\n\t\t\thasErrorSlot,\n\t\t\thelper,\n\t\t\tlabel,\n\t\t\terrorAndErrorIsNotBoolean,\n\t\t};\n\t}\n}\n"],"mappings":"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","ignoreList":[]}
|