@paperless/core 2.0.1-beta.206 → 2.0.1-beta.208
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/index.esm.js.map +1 -1
- package/dist/build/{p-99c85eb3.js → p-065259fb.js} +1 -1
- package/dist/build/p-3da316af.entry.js +2 -0
- package/dist/build/p-3da316af.entry.js.map +1 -0
- package/dist/build/{p-e5e4b716.entry.js → p-3dcd703c.entry.js} +2 -2
- package/dist/build/p-3dcd703c.entry.js.map +1 -0
- package/dist/build/p-45ceaf41.entry.js +2 -0
- package/dist/build/p-45ceaf41.entry.js.map +1 -0
- package/dist/build/p-9900b73d.entry.js +2 -0
- package/dist/build/p-9900b73d.entry.js.map +1 -0
- 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-content-slider.entry.esm.js.map +1 -1
- package/dist/build/p-field.p-field-container.entry.esm.js.map +1 -1
- package/dist/build/p-select.entry.esm.js.map +1 -1
- package/dist/build/paperless.esm.js +1 -1
- package/dist/cjs/index.cjs.js +6 -1
- package/dist/cjs/index.cjs.js.map +1 -1
- package/dist/cjs/loader.cjs.js +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 +9 -2
- package/dist/cjs/p-checkbox_4.cjs.entry.js.map +1 -1
- package/dist/cjs/p-content-slider.cjs.entry.js +1 -1
- package/dist/cjs/p-content-slider.cjs.entry.js.map +1 -1
- package/dist/cjs/p-content-slider.entry.cjs.js.map +1 -1
- package/dist/cjs/p-field.p-field-container.entry.cjs.js.map +1 -1
- package/dist/cjs/p-field_2.cjs.entry.js +5 -5
- package/dist/cjs/p-field_2.cjs.entry.js.map +1 -1
- package/dist/cjs/p-select.cjs.entry.js +1 -1
- package/dist/cjs/p-select.cjs.entry.js.map +1 -1
- package/dist/cjs/p-select.entry.cjs.js.map +1 -1
- package/dist/cjs/paperless.cjs.js +1 -1
- package/dist/collection/components/molecules/content-slider/content-slider.component.js +1 -1
- package/dist/collection/components/molecules/content-slider/content-slider.component.js.map +1 -1
- package/dist/collection/components/molecules/dropdown/dropdown.component.js +29 -2
- 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 +4 -4
- package/dist/collection/components/molecules/field/field/field.component.js.map +1 -1
- package/dist/collection/components/molecules/select/select.component.js +1 -1
- package/dist/collection/components/molecules/select/select.component.js.map +1 -1
- package/dist/collection/tailwind/paperless.js +6 -1
- package/dist/collection/tailwind/paperless.js.map +1 -1
- package/dist/components/index.js +6 -1
- package/dist/components/index.js.map +1 -1
- package/dist/components/{p-B5jBuVOO.js → p-B_fPJROs.js} +4 -4
- package/dist/components/{p-B5jBuVOO.js.map → p-B_fPJROs.js.map} +1 -1
- package/dist/components/{p-Hy1ksk5C.js → p-Bp1thCw3.js} +5 -5
- package/dist/components/{p-Hy1ksk5C.js.map → p-Bp1thCw3.js.map} +1 -1
- package/dist/components/{p-DI9H5Sgh.js → p-DHOned0z.js} +12 -4
- package/dist/components/p-DHOned0z.js.map +1 -0
- package/dist/components/{p-CqhR6UDy.js → p-DRm7WNwt.js} +3 -3
- package/dist/components/{p-CqhR6UDy.js.map → p-DRm7WNwt.js.map} +1 -1
- package/dist/components/{p-DnDxqCMI.js → p-bY2B_Fos.js} +3 -3
- package/dist/components/{p-DnDxqCMI.js.map → p-bY2B_Fos.js.map} +1 -1
- package/dist/components/p-content-slider.js +1 -1
- package/dist/components/p-content-slider.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-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-CoZHFshN.js → p-qWFMtXMi.js} +7 -7
- package/dist/components/p-qWFMtXMi.js.map +1 -0
- package/dist/components/p-select.js +3 -3
- package/dist/components/p-select.js.map +1 -1
- package/dist/components/p-table-footer.js +1 -1
- package/dist/components/p-table-header.js +1 -1
- package/dist/components/p-table.js +6 -6
- package/dist/esm/index.js +6 -1
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/loader.js +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 +9 -2
- package/dist/esm/p-checkbox_4.entry.js.map +1 -1
- package/dist/esm/p-content-slider.entry.js +1 -1
- package/dist/esm/p-content-slider.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 +5 -5
- package/dist/esm/p-field_2.entry.js.map +1 -1
- package/dist/esm/p-select.entry.js +1 -1
- package/dist/esm/p-select.entry.js.map +1 -1
- package/dist/esm/paperless.js +1 -1
- package/dist/index.html +1 -1
- package/dist/paperless/index.esm.js.map +1 -1
- package/dist/paperless/p-3da316af.entry.js +2 -0
- package/dist/paperless/p-3da316af.entry.js.map +1 -0
- package/dist/paperless/{p-e5e4b716.entry.js → p-3dcd703c.entry.js} +2 -2
- package/dist/paperless/p-3dcd703c.entry.js.map +1 -0
- package/dist/paperless/p-45ceaf41.entry.js +2 -0
- package/dist/paperless/p-45ceaf41.entry.js.map +1 -0
- package/dist/paperless/p-9900b73d.entry.js +2 -0
- package/dist/paperless/p-9900b73d.entry.js.map +1 -0
- 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-content-slider.entry.esm.js.map +1 -1
- package/dist/paperless/p-field.p-field-container.entry.esm.js.map +1 -1
- package/dist/paperless/p-select.entry.esm.js.map +1 -1
- package/dist/paperless/paperless.esm.js +1 -1
- package/dist/sw.js +1 -1
- package/dist/sw.js.map +1 -1
- package/dist/tailwind/paperless.ts +6 -1
- package/dist/types/components/molecules/dropdown/dropdown.component.d.ts +4 -0
- package/dist/types/components.d.ts +8 -0
- package/package.json +1 -1
- package/dist/build/p-17181740.entry.js +0 -2
- package/dist/build/p-17181740.entry.js.map +0 -1
- package/dist/build/p-2f9de4e7.entry.js +0 -2
- package/dist/build/p-2f9de4e7.entry.js.map +0 -1
- package/dist/build/p-7a495a33.entry.js +0 -2
- package/dist/build/p-7a495a33.entry.js.map +0 -1
- package/dist/build/p-e5e4b716.entry.js.map +0 -1
- package/dist/components/p-CoZHFshN.js.map +0 -1
- package/dist/components/p-DI9H5Sgh.js.map +0 -1
- package/dist/paperless/p-17181740.entry.js +0 -2
- package/dist/paperless/p-17181740.entry.js.map +0 -1
- package/dist/paperless/p-2f9de4e7.entry.js +0 -2
- package/dist/paperless/p-2f9de4e7.entry.js.map +0 -1
- package/dist/paperless/p-7a495a33.entry.js +0 -2
- package/dist/paperless/p-7a495a33.entry.js.map +0 -1
- package/dist/paperless/p-e5e4b716.entry.js.map +0 -1
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"file":"p-DI9H5Sgh.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/dropdown/dropdown.component.css?tag=p-dropdown&encapsulation=shadow","src/components/molecules/dropdown/dropdown.component.tsx"],"sourcesContent":["","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' | 'dark-teal' = '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 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._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"],"version":3}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r as t,c as e,h as a,g as r,H as i}from"./p-DhGo7hbh.js";import{c as o}from"./p-CBWjHURv.js";import{a as n}from"./p-C5CTp9IA.js";import{n as l}from"./p-D9kEjsvZ.js";import{a as s,c as d,o as c,f as p,s as m}from"./p-DGLCmOXW.js";import{a as h}from"./p-BFSNj6hu.js";import{c as b}from"./p-CT54OXR2.js";import"./p-ChV9xqsO.js";const w="*{box-sizing:border-box}.pointer-events-none{pointer-events:none!important}.static{position:static!important}.absolute{position:absolute!important}.relative{position:relative!important}.left-1\\/2{left:50%!important}.top-1\\/2{top:50%!important}.m-0{margin:0!important}.flex{display:flex!important}.hidden{display:none!important}.h-4{height:1rem!important}.w-4{width:1rem!important}.flex-shrink-0{flex-shrink:0!important}.-translate-x-1\\/2{--tw-translate-x:-50%!important}.-translate-x-1\\/2,.-translate-y-1\\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-translate-y-1\\/2{--tw-translate-y:-50%!important}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.cursor-not-allowed{cursor:not-allowed!important}.cursor-pointer{cursor:pointer!important}.appearance-none{appearance:none!important}.items-center{align-items:center!important}.justify-start{justify-content:flex-start!important}.gap-2{gap:.5rem!important}.rounded{border-radius:.25rem!important}.border{border-width:1px!important}.border-solid{border-style:solid!important}.border-black-teal-100{--tw-border-opacity:1!important;border-color:rgb(205 212 211/var(--tw-border-opacity,1))!important}.border-black-teal-50{--tw-border-opacity:1!important;border-color:rgb(230 234 233/var(--tw-border-opacity,1))!important}.bg-white{background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.bg-white,.bg-white-600{--tw-bg-opacity:1!important}.bg-white-600{background-color:rgb(250 250 250/var(--tw-bg-opacity,1))!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.text-black-teal{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}.text-black-teal-200{--tw-text-opacity:1!important;color:rgb(154 170 167/var(--tw-text-opacity,1))!important}.text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.shadow-1{--tw-shadow:0 1px 1px rgba(0,2,2,.08)!important;--tw-shadow-colored:0 1px 1px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.outline-none{outline:2px solid transparent!important;outline-offset:2px!important}.drop-shadow-black-teal-10\\%{--tw-drop-shadow:drop-shadow(0px 1px 0px rgba(3,42,36,.1))!important;filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.checked\\:border-black-teal\\/20:checked{border-color:rgba(3,42,36,.2)!important}.checked\\:bg-supportive-lilac:checked{--tw-bg-opacity:1!important;background-color:rgb(209 174 255/var(--tw-bg-opacity,1))!important}.checked\\:ring-2:checked{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.checked\\:ring-supportive-lilac-100:checked{--tw-ring-opacity:1!important;--tw-ring-color:rgb(246 239 255/var(--tw-ring-opacity,1))!important}.indeterminate\\:border-black-teal\\/20:indeterminate{border-color:rgba(3,42,36,.2)!important}.indeterminate\\:bg-supportive-lilac-700:indeterminate{--tw-bg-opacity:1!important;background-color:rgb(200 159 255/var(--tw-bg-opacity,1))!important}.indeterminate\\:ring-2:indeterminate{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.indeterminate\\:ring-supportive-lilac-100:indeterminate{--tw-ring-opacity:1!important;--tw-ring-color:rgb(246 239 255/var(--tw-ring-opacity,1))!important}.hover\\:border-black-teal-100:hover{--tw-border-opacity:1!important;border-color:rgb(205 212 211/var(--tw-border-opacity,1))!important}.hover\\:bg-supportive-lilac-100:hover{--tw-bg-opacity:1!important;background-color:rgb(246 239 255/var(--tw-bg-opacity,1))!important}.checked\\:hover\\:border-black-teal\\/20:hover:checked{border-color:rgba(3,42,36,.2)!important}.checked\\:hover\\:bg-supportive-lilac-700:hover:checked{--tw-bg-opacity:1!important;background-color:rgb(200 159 255/var(--tw-bg-opacity,1))!important}.indeterminate\\:hover\\:border-black-teal\\/20:hover:indeterminate{border-color:rgba(3,42,36,.2)!important}.indeterminate\\:hover\\:bg-supportive-lilac:hover:indeterminate{--tw-bg-opacity:1!important;background-color:rgb(209 174 255/var(--tw-bg-opacity,1))!important}.group\\/checkbox-label:hover .group-hover\\/checkbox-label\\:border-black-teal-100{--tw-border-opacity:1!important;border-color:rgb(205 212 211/var(--tw-border-opacity,1))!important}.group\\/checkbox-label:hover .group-hover\\/checkbox-label\\:bg-supportive-lilac-100{--tw-bg-opacity:1!important;background-color:rgb(246 239 255/var(--tw-bg-opacity,1))!important}.group\\/checkbox-label:hover .group-hover\\/checkbox-label\\:text-sm,.group\\/p-checkbox:hover .group-hover\\/p-checkbox\\:text-sm{font-size:.875rem!important;line-height:1.25rem!important}.group\\/checkbox-label:hover .checked\\:group-hover\\/checkbox-label\\:border-black-teal\\/20:checked{border-color:rgba(3,42,36,.2)!important}.group\\/checkbox-label:hover .checked\\:group-hover\\/checkbox-label\\:bg-supportive-lilac-700:checked{--tw-bg-opacity:1!important;background-color:rgb(200 159 255/var(--tw-bg-opacity,1))!important}.group\\/checkbox-label:hover .indeterminate\\:group-hover\\/checkbox-label\\:border-black-teal\\/20:indeterminate{border-color:rgba(3,42,36,.2)!important}.group\\/checkbox-label:hover .indeterminate\\:group-hover\\/checkbox-label\\:bg-supportive-lilac:indeterminate{--tw-bg-opacity:1!important;background-color:rgb(209 174 255/var(--tw-bg-opacity,1))!important}.peer:checked~.peer-checked\\:flex{display:flex!important}.peer:indeterminate~.peer-indeterminate\\:flex{display:flex!important}";const v=o(["peer appearance-none m-0 outline-none flex-shrink-0","border border-inset border-solid ","rounded w-4 h-4"],{variants:{disabled:{false:["cursor-pointer shadow-1","bg-white border-black-teal-100","hover:bg-supportive-lilac-100 hover:border-black-teal-100","group-hover/checkbox-label:bg-supportive-lilac-100 group-hover/checkbox-label:border-black-teal-100","checked:bg-supportive-lilac checked:border-black-teal/20","checked:ring-2 checked:ring-supportive-lilac-100","checked:hover:bg-supportive-lilac-700 checked:hover:border-black-teal/20","checked:group-hover/checkbox-label:bg-supportive-lilac-700 checked:group-hover/checkbox-label:border-black-teal/20","indeterminate:bg-supportive-lilac-700 indeterminate:border-black-teal/20","indeterminate:ring-2 indeterminate:ring-supportive-lilac-100","indeterminate:hover:bg-supportive-lilac indeterminate:hover:border-black-teal/20","indeterminate:group-hover/checkbox-label:bg-supportive-lilac indeterminate:group-hover/checkbox-label:border-black-teal/20"],true:"bg-white-600 border-black-teal-50 cursor-not-allowed "}}});const g=o(["hidden peer-indeterminate:flex peer-checked:flex","absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 pointer-events-none"],{variants:{disabled:{false:"text-white",true:"text-black-teal-200"}}});const u=o(["drop-shadow-black-teal-10% text-xs"],{variants:{disabled:{false:"group-hover/p-checkbox:text-sm group-hover/checkbox-label:text-sm",true:null}}});const x=class{constructor(a){t(this,a);this.checkedChange=e(this,"checkedChange",7);this.indeterminateChange=e(this,"indeterminateChange",7);if(a.$hostElement$["s-ei"]){this._internals=a.$hostElement$["s-ei"]}else{this._internals=a.$hostElement$.attachInternals();a.$hostElement$["s-ei"]=this._internals}}checked;indeterminate;disabled=false;required=true;id;name;checkedChange;indeterminateChange;_nonce=l(5);_internals;formResetCallback(){this.checked=false;this.indeterminate=false}formDisabledCallback(t){if(!this._internals.form){return}this.disabled=t}render(){const t=this.id?.length?this.id:this._nonce;return a("label",{key:"28aa04359d748e17293be222bc8c653644de2bde",htmlFor:t,class:"group/p-checkbox flex items-center justify-start gap-2 text-black-teal"},a("div",{key:"71689a9811208089dd46b31844839332f849ef0c",class:"relative flex flex-shrink-0 items-center"},a("input",{key:"6723e13f5a0f2c5fb0bcc4e4ba9bebe61db2a66b",class:v({disabled:n(this.disabled)}),type:"checkbox",id:t,name:this.name,required:n(this.required),checked:n(this.checked),indeterminate:n(this.indeterminate),disabled:n(this.disabled),onChange:t=>this._onChange(t)}),a("div",{key:"79e7ec0c7191865428584257958b77e1af943daf",class:g({disabled:n(this.disabled)})},a("p-icon",{key:"e8ded5223e08560c2f68108d5c06e869c97149aa",class:u({disabled:n(this.disabled)}),size:"auto",variant:n(this.indeterminate)?"minus":"checkmarkThick"}))),a("slot",{key:"598fc8995a24bddf30d9b9a2aa8a5cb11d8d6e4d"}))}_onChange(t){if(this.disabled){t.preventDefault();return}const e=n(t.target.checked);const a=n(t.target.indeterminate);if(e!=this.checked){this.checked=e;this.checkedChange.emit(e)}if(a!=this.indeterminate){this.indeterminate=a;this.indeterminateChange.emit(a)}this._internals.setFormValue(this.indeterminate?"indeterminate":this.checked?"on":"off")}static get formAssociated(){return true}};x.style=w;const f="*{box-sizing:border-box}.static{position:static!important}.fixed{position:fixed!important}.absolute{position:absolute!important}.relative{position:relative!important}.z-dropdown{z-index:200!important}.block{display:block!important}.hidden{display:none!important}.w-auto{width:auto!important}.w-full{width:100%!important}.max-w-\\[13\\.875rem\\]{max-width:13.875rem!important}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:85.375rem){.container{max-width:85.375rem}}@media (min-width:90rem){.container{max-width:90rem}}@media (min-width:96rem){.container{max-width:96rem}}@media (min-width:105rem){.container{max-width:105rem}}@media (min-width:120rem){.container{max-width:120rem}}@media (min-width:160rem){.container{max-width:160rem}}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}";const k=o(["z-dropdown hidden"],{variants:{strategy:{absolute:"absolute",fixed:"fixed"},fullWidth:{false:null,true:"w-full"},maxWidth:{false:null,true:"max-w-[13.875rem]"}},compoundVariants:[{fullWidth:false,maxWidth:true,class:"w-auto"}]});const y=class{constructor(a){t(this,a);this.isOpen=e(this,"isOpen",3)}variant="default";placement="bottom-start";offset=8;strategy="absolute";show=false;applyMaxWidth=true;applyFullWidth=true;allowOverflow=false;scrollable=false;insideClick=false;disableTriggerClick=false;applyChevron=true;chevronPosition="end";chevronDirection;get _el(){return r(this)}isOpen;_loaded=false;_menu;_cleanup;componentShouldUpdate(){this._update()}componentDidLoad(){this._checkButtons()}disconnectedCallback(){if(this._cleanup){this._cleanup();this._cleanup=null}this._menu.remove()}componentDidRender(){this._checkButtons();this._checkItems()}render(){return a(i,{key:"0d258e2b9028c1518af20dd7ca2af71383cc61f7",class:"relative"},a("div",{key:"c9eb242fd859523b250bf2ea7704dd7da23133c2",class:"trigger",onClick:()=>this._triggerClickHandler()},a("slot",{key:"9af8b4b849b8173b5235d42a19c9c433aae95f6b",name:"trigger"})),a("div",{key:"22b9ae42f2ea2c20f2d69ae92777fde06cc86533",class:"relative w-full"},a("p-dropdown-menu-container",{key:"a27d56ce73911bed7fe21ff370917cd7745686a8",variant:this.variant,maxWidth:this.applyMaxWidth,fullWidth:this.applyFullWidth&&!this.applyMaxWidth,allowOverflow:this.allowOverflow,scrollable:this.scrollable,class:k({strategy:this.strategy,maxWidth:this.applyMaxWidth,fullWidth:this.applyFullWidth&&!this.applyMaxWidth}),ref:t=>this._load(t),onClick:()=>this._containerClickHandler(),role:"popover","data-placement":this.placement,"data-strategy":this.strategy},a("slot",{key:"2f2e0273b0e341e7c00507893653e74eaef1ea47",name:"items"}))))}_checkButtons(t=false){if(!this.applyChevron){return}const e=this._el.querySelectorAll('p-button[slot="trigger"]');const a=this._menu.getAttribute("data-show")!==null;for(let r of[...e]){r.disabled=this.disableTriggerClick;r.active=t;if(r.iconOnly){continue}r.chevronPosition=this.chevronPosition;r.chevron=this.chevronDirection?this.chevronDirection:this.placement.indexOf("top")>=0?a?"down":"up":a?"up":"down"}}_checkItems(){const t=this._el.querySelectorAll("p-dropdown-menu-item");for(let e of[...t]){e.variant=this.variant}}onShowChange(t){if(!this._loaded){return}if(!t){this._hide();return}this._show()}documentClickHandler(t){if(!this._menu.hasAttribute("data-show")||h(t,this._menu)){return}this._hide()}_containerClickHandler(){if(this.insideClick){return}if(this._menu.hasAttribute("data-show")){this._hide()}}_triggerClickHandler(){if(this.disableTriggerClick){return}if(this._menu.hasAttribute("data-show")){this._hide();return}this._show()}_load(t){this._menu=t;if(t){this._update();this._loaded=true;if(this.show){setTimeout((()=>this._show()),100)}}}_show(){if(!this._loaded){return}this._cleanup=s(this._el,this._menu,(()=>this._update()));this._menu.setAttribute("data-show","");this._menu.classList.remove("hidden");this._menu.classList.add("block");this.isOpen.emit(true);this._checkButtons(true)}_hide(){if(!this._loaded||this.show){return}if(this._cleanup){this._cleanup();this._cleanup=null}this._menu.removeAttribute("data-show");this._menu.classList.remove("block");this._menu.classList.add("hidden");this.isOpen.emit(false);this._checkButtons(false)}_update(){if(!this._menu){return}d(this._el,this._menu,{placement:this.placement,strategy:this.strategy,middleware:[c(this.offset),p(),m()]}).then((({x:t,y:e,placement:a})=>{this._menu.dataset.placement=a;Object.assign(this._menu.style,{top:`${e}px`,left:`${t}px`})}))}static get watchers(){return{show:["onShowChange"]}}};y.style=f;const C="*{box-sizing:border-box}.relative{position:relative!important}.z-10{z-index:10!important}.flex{display:flex!important}.max-h-\\[11\\.5rem\\]{max-height:11.5rem!important}.max-h-\\[13\\.875rem\\]{max-height:13.875rem!important}.max-h-\\[20rem\\]{max-height:20rem!important}.min-h-full{min-height:100%!important}.w-auto{width:auto!important}.w-full{width:100%!important}.max-w-\\[13\\.875rem\\]{max-width:13.875rem!important}.transform-gpu{transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.flex-col{flex-direction:column!important}.overflow-y-auto{overflow-y:auto!important}.overflow-x-hidden{overflow-x:hidden!important}.rounded-lg{border-radius:.5rem!important}.border{border-width:1px!important}.border-black-teal-100{--tw-border-opacity:1!important;border-color:rgb(205 212 211/var(--tw-border-opacity,1))!important}.border-dark-teal-400{--tw-border-opacity:1!important;border-color:rgb(51 116 109/var(--tw-border-opacity,1))!important}.bg-dark-teal-400{--tw-bg-opacity:1!important;background-color:rgb(51 116 109/var(--tw-bg-opacity,1))!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.p-1{padding:.25rem!important}.drop-shadow-2{--tw-drop-shadow:drop-shadow(0 1px 1px rgba(0,2,2,.04)) drop-shadow(0 2px 2px rgba(0,2,2,.04)) drop-shadow(0 4px 4px rgba(0,2,2,.04))!important}.drop-shadow-2,.drop-shadow-3{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.drop-shadow-3{--tw-drop-shadow:drop-shadow(0 1px 1px rgba(0,2,2,.08)) drop-shadow(0 2px 2px rgba(0,2,2,.08)) drop-shadow(0 4px 4px rgba(0,2,2,.08))!important}.will-change-transform{will-change:transform!important}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:85.375rem){.container{max-width:85.375rem}}@media (min-width:90rem){.container{max-width:90rem}}@media (min-width:96rem){.container{max-width:96rem}}@media (min-width:105rem){.container{max-width:105rem}}@media (min-width:120rem){.container{max-width:120rem}}@media (min-width:160rem){.container{max-width:160rem}}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}";const W=o(["p-dropdown-menu-container","p-1","rounded-lg z-10","border","transform-gpu will-change-transform"],{variants:{variant:{default:"bg-white border-black-teal-100 drop-shadow-2 ","dark-teal":"bg-dark-teal-400 drop-shadow-3 border-dark-teal-400"},fullWidth:{false:null,true:"w-full"},maxWidth:{false:null,true:"max-w-[13.875rem]"}},compoundVariants:[{fullWidth:false,maxWidth:true,class:"w-auto"}]});const _=o("w-full min-h-full relative",{variants:{allowOverflow:{false:"overflow-y-auto overflow-x-hidden",true:null},scrollable:{none:null,default:"max-h-[11.5rem]",large:"max-h-[13.875rem]",xlarge:"max-h-[20rem]"}}});const j=class{constructor(e){t(this,e)}variant="default";maxWidth=true;class;fullWidth=true;allowOverflow=false;scrollable=false;render(){const t=this.scrollable===false?"none":this.scrollable===true?"default":this.scrollable;return a("div",{key:"dde22b8cded58042edf6925eae0369bc5a19bce3",class:W({class:this.class,variant:this.variant,fullWidth:n(this.fullWidth,true),maxWidth:this.maxWidth})},a("div",{key:"51c0520a23c4d5022758aeb98c5fcaffe5587eb5",class:_({allowOverflow:n(this.allowOverflow),scrollable:t})},a("div",{key:"b2ccb62d68d3dc857986bc68e25ceffe6e2aeea8",class:"flex w-full flex-col"},a("slot",{key:"c40fae4acc628be7e25f85018861e1a07970f675"}))))}};j.style=C;const z="*{box-sizing:border-box}.block{display:block!important}.flex{display:flex!important}.h-8{height:2rem!important}.min-h-8{min-height:2rem!important}.w-full{width:100%!important}.max-w-full{max-width:100%!important}.cursor-not-allowed{cursor:not-allowed!important}.cursor-pointer{cursor:pointer!important}.items-center{align-items:center!important}.gap-2{gap:.5rem!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.whitespace-nowrap{white-space:nowrap!important}.rounded-lg{border-radius:.5rem!important}.bg-dark-teal-600{--tw-bg-opacity:1!important;background-color:rgb(0 72 64/var(--tw-bg-opacity,1))!important}.bg-negative-red-100{--tw-bg-opacity:1!important;background-color:rgb(255 221 221/var(--tw-bg-opacity,1))!important}.bg-negative-red-50{--tw-bg-opacity:1!important;background-color:rgb(253 237 237/var(--tw-bg-opacity,1))!important}.bg-supportive-lilac-100{--tw-bg-opacity:1!important;background-color:rgb(246 239 255/var(--tw-bg-opacity,1))!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.py-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.text-start{text-align:start!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-medium{font-weight:500!important}.text-black-teal{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}.text-black-teal-100{--tw-text-opacity:1!important;color:rgb(205 212 211/var(--tw-text-opacity,1))!important}.text-black-teal-200{--tw-text-opacity:1!important;color:rgb(154 170 167/var(--tw-text-opacity,1))!important}.text-black-teal-300{--tw-text-opacity:1!important;color:rgb(104 127 124/var(--tw-text-opacity,1))!important}.text-dark-teal-100{--tw-text-opacity:1!important;color:rgb(204 220 218/var(--tw-text-opacity,1))!important}.text-negative-red{--tw-text-opacity:1!important;color:rgb(230 30 30/var(--tw-text-opacity,1))!important}.text-negative-red-100{--tw-text-opacity:1!important;color:rgb(255 221 221/var(--tw-text-opacity,1))!important}.text-negative-red-800{--tw-text-opacity:1!important;color:rgb(141 16 16/var(--tw-text-opacity,1))!important}.text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.opacity-40{opacity:.4!important}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:85.375rem){.container{max-width:85.375rem}}@media (min-width:90rem){.container{max-width:90rem}}@media (min-width:96rem){.container{max-width:96rem}}@media (min-width:105rem){.container{max-width:105rem}}@media (min-width:120rem){.container{max-width:120rem}}@media (min-width:160rem){.container{max-width:160rem}}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.hover\\:bg-dark-teal-500:hover{--tw-bg-opacity:1!important;background-color:rgb(0 81 72/var(--tw-bg-opacity,1))!important}.hover\\:bg-negative-red-50:hover{--tw-bg-opacity:1!important;background-color:rgb(253 237 237/var(--tw-bg-opacity,1))!important}.hover\\:bg-supportive-lilac-50:hover{--tw-bg-opacity:1!important;background-color:rgb(250 247 255/var(--tw-bg-opacity,1))!important}@keyframes wave{0%{transform:rotate(0deg)}to{transform:rotate(-15deg)}}.group:hover .group-hover\\:animate-wave{animation:wave .5s ease-in-out -.5s infinite alternate forwards!important}.group:hover .group-hover\\:text-black-teal{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}.group:hover .group-hover\\:text-negative-red-800{--tw-text-opacity:1!important;color:rgb(141 16 16/var(--tw-text-opacity,1))!important}.group:hover .group-hover\\:text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}";const H=o(["p-dropdown-menu-item flex px-2 py-1 gap-2 text-sm font-medium group rounded-lg items-center max-w-full"],{variants:{variant:{default:null,"dark-teal":null,negative:null},active:{false:null,true:null},disabled:{false:"cursor-pointer",true:"cursor-not-allowed"},enableHover:{false:null,true:null},enableTextWrap:{true:"min-h-8",false:"h-8"}},compoundVariants:[{variant:"default",active:false,enableHover:true,disabled:false,class:"hover:bg-supportive-lilac-50"},{variant:"default",active:true,disabled:false,class:"bg-supportive-lilac-100"},{variant:"default",disabled:false,class:"text-black-teal"},{variant:"default",disabled:true,class:"text-black-teal-200"},{variant:"default",disabled:true,active:true,class:"bg-supportive-lilac-100"},{variant:"dark-teal",active:false,enableHover:true,class:"text-white"},{variant:"dark-teal",active:false,enableHover:true,disabled:false,class:"hover:bg-dark-teal-500"},{variant:"dark-teal",active:true,class:"text-white bg-dark-teal-600"},{variant:"dark-teal",disabled:true,class:"opacity-40"},{variant:"negative",active:false,enableHover:true,disabled:false,class:"text-negative-red hover:bg-negative-red-50"},{variant:"negative",active:true,disabled:false,class:"bg-negative-red-100 text-negative-red"},{variant:"negative",disabled:true,class:"text-negative-red-100"},{variant:"negative",disabled:true,active:true,class:"bg-negative-red-50"},{enableHover:true,disabled:false,class:"cursor-pointer"}]});const O=o(["text-base"],{variants:{variant:{default:null,"dark-teal":null,negative:null},active:{false:null,true:null},disabled:{false:null,true:"text-black-teal-100"},wave:{true:"group-hover:animate-wave",false:null}},compoundVariants:[{variant:"default",active:false,disabled:false,class:"text-black-teal-300 group-hover:text-black-teal"},{variant:"dark-teal",active:false,disabled:false,class:"text-dark-teal-100 group-hover:text-white"},{variant:"negative",active:false,disabled:false,class:"text-negative-red group-hover:text-negative-red-800"},{variant:"negative",active:true,disabled:false,class:"text-negative-red-800"}]});const T=class{constructor(e){t(this,e)}active=false;checkbox=false;variant="default";enableHover=true;enableTextWrap=false;disabled=false;icon;iconWave=false;useContainer=true;render(){return a("div",{key:"559867b435801ba206a7d19941aaa189bb003365",class:H({variant:this.variant,active:n(this.active),enableHover:n(this.enableHover??true,true),enableTextWrap:this.enableTextWrap,disabled:n(this.disabled)})},this.icon&&a("p-icon",{key:"a33a297a8d6438f4e12b03493be09faf1568636e",class:O({variant:this.variant,active:n(this.active),disabled:n(this.disabled),wave:n(this.iconWave)}),variant:this.icon}),this.checkbox&&a("p-checkbox",{key:"14a168f693df96fcc5aa0a2b4ddb9613b64aa693",checked:this.active,disabled:this.disabled}),this.useContainer?a("div",{class:b("block w-full overflow-hidden text-start",{"text-ellipsis whitespace-nowrap":!this.enableTextWrap})},a("slot",null)):a("slot",null))}};T.style=z;export{x as p_checkbox,y as p_dropdown,j as p_dropdown_menu_container,T as p_dropdown_menu_item};
|
|
2
|
-
//# sourceMappingURL=p-17181740.entry.js.map
|
|
@@ -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","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","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","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","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';\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-black-teal-100',\n\t\t\t\t\t'hover:bg-supportive-lilac-100 hover:border-black-teal-100',\n\t\t\t\t\t'group-hover/checkbox-label:bg-supportive-lilac-100 group-hover/checkbox-label:border-black-teal-100',\n\t\t\t\t\t'checked:bg-supportive-lilac checked:border-black-teal/20',\n\t\t\t\t\t'checked:ring-2 checked:ring-supportive-lilac-100',\n\t\t\t\t\t'checked:hover:bg-supportive-lilac-700 checked:hover:border-black-teal/20',\n\t\t\t\t\t'checked:group-hover/checkbox-label:bg-supportive-lilac-700 checked:group-hover/checkbox-label:border-black-teal/20',\n\t\t\t\t\t'indeterminate:bg-supportive-lilac-700 indeterminate:border-black-teal/20',\n\t\t\t\t\t'indeterminate:ring-2 indeterminate:ring-supportive-lilac-100',\n\t\t\t\t\t'indeterminate:hover:bg-supportive-lilac indeterminate:hover:border-black-teal/20',\n\t\t\t\t\t'indeterminate:group-hover/checkbox-label:bg-supportive-lilac indeterminate:group-hover/checkbox-label:border-black-teal/20',\n\t\t\t\t],\n\t\t\t\ttrue: 'bg-white-600 border-black-teal-50 cursor-not-allowed ',\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-black-teal-200',\n\t\t\t},\n\t\t},\n\t}\n);\n\nconst icon = cva(['drop-shadow-black-teal-10% 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})\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<label\n\t\t\t\thtmlFor={id}\n\t\t\t\tclass='group/p-checkbox flex items-center justify-start gap-2 text-black-teal'\n\t\t\t>\n\t\t\t\t<div class='relative flex flex-shrink-0 items-center'>\n\t\t\t\t\t<input\n\t\t\t\t\t\tclass={checkbox({\n\t\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\t})}\n\t\t\t\t\t\ttype='checkbox'\n\t\t\t\t\t\tid={id}\n\t\t\t\t\t\tname={this.name}\n\t\t\t\t\t\trequired={asBoolean(this.required)}\n\t\t\t\t\t\tchecked={asBoolean(this.checked)}\n\t\t\t\t\t\tindeterminate={asBoolean(this.indeterminate)}\n\t\t\t\t\t\tdisabled={asBoolean(this.disabled)}\n\t\t\t\t\t\tonChange={ev => this._onChange(ev)}\n\t\t\t\t\t/>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass={iconContainer({\n\t\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\t})}\n\t\t\t\t\t>\n\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\tclass={icon({\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\tsize='auto'\n\t\t\t\t\t\t\tvariant={\n\t\t\t\t\t\t\t\tasBoolean(this.indeterminate) ? 'minus' : 'checkmarkThick'\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<slot />\n\t\t\t</label>\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' | 'dark-teal' = '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 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._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';\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: 'bg-white border-black-teal-100 drop-shadow-2 ',\n\t\t\t\t'dark-teal': 'bg-dark-teal-400 drop-shadow-3 border-dark-teal-400',\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' | 'dark-teal' = '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<div\n\t\t\t\tclass={dropdownMenuContainer({\n\t\t\t\t\tclass: this.class,\n\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\tfullWidth: asBoolean(this.fullWidth, true),\n\t\t\t\t\tmaxWidth: this.maxWidth,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tclass={innerContainer({\n\t\t\t\t\t\tallowOverflow: asBoolean(this.allowOverflow),\n\t\t\t\t\t\tscrollable,\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t<div class='flex w-full flex-col'>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\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';\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\t'dark-teal': 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-supportive-lilac-50',\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-supportive-lilac-100',\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-black-teal',\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-black-teal-200',\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-supportive-lilac-100',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tvariant: 'dark-teal',\n\t\t\t\tactive: false,\n\t\t\t\tenableHover: true,\n\t\t\t\tclass: 'text-white',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'dark-teal',\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-dark-teal-500',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'dark-teal',\n\t\t\t\tactive: true,\n\t\t\t\tclass: 'text-white bg-dark-teal-600',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'dark-teal',\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: 'text-negative-red hover:bg-negative-red-50',\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: 'bg-negative-red-100 text-negative-red',\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\t'dark-teal': 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-black-teal-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: 'text-black-teal-300 group-hover:text-black-teal',\n\t\t},\n\n\t\t{\n\t\t\tvariant: 'dark-teal',\n\t\t\tactive: false,\n\t\t\tdisabled: false,\n\t\t\tclass: 'text-dark-teal-100 group-hover:text-white',\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: 'text-negative-red group-hover:text-negative-red-800',\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',\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' | 'dark-teal' | '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<div\n\t\t\t\tclass={dropdownMenuItem({\n\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\tactive: asBoolean(this.active),\n\t\t\t\t\tenableHover: asBoolean(this.enableHover ?? true, true),\n\t\t\t\t\tenableTextWrap: this.enableTextWrap,\n\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t{this.icon && (\n\t\t\t\t\t<p-icon\n\t\t\t\t\t\tclass={dropdownMenuItemIcon({\n\t\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t\t\tactive: asBoolean(this.active),\n\t\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\t\twave: asBoolean(this.iconWave),\n\t\t\t\t\t\t})}\n\t\t\t\t\t\tvariant={this.icon}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\n\t\t\t\t{this.checkbox && (\n\t\t\t\t\t<p-checkbox\n\t\t\t\t\t\tchecked={this.active}\n\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\n\t\t\t\t{this.useContainer ? (\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass={cn('block w-full overflow-hidden text-start', {\n\t\t\t\t\t\t\t'text-ellipsis whitespace-nowrap': !this.enableTextWrap,\n\t\t\t\t\t\t})}\n\t\t\t\t\t>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\t\t\t\t) : (\n\t\t\t\t\t<slot />\n\t\t\t\t)}\n\t\t\t</div>\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 i,h as s}from"./p-DhGo7hbh.js";import{a as r}from"./p-BFSNj6hu.js";import{c as a}from"./p-CBWjHURv.js";import"./p-ChV9xqsO.js";const n="*{box-sizing:border-box}:host{--tw-translate-y:0px!important;--tw-translate-x:0px!important}.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 o=a(["flex items-center gap-2","flex-1 min-w-0 h-full","pointer-events-none overflow-hidden"]);const h=a(["item group/item","pointer-events-auto cursor-pointer","flex h-[1.625rem] items-center gap-2","h-[1.625rem] px-2","text-sm font-semibold whitespace-nowrap","rounded-lg","bg-supportive-lilac-100"]);const l=a("block w-full overflow-hidden text-start",{variants:{variant:{placeholder:"text-black-teal-400",default:null},enableTextWrap:{true:false,false:"text-ellipsis whitespace-nowrap"}}});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;enableTextWrap=false;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:o(),ref:t=>this._multiContainerRef=t},this._selectedItem.map((t=>s("div",{class:h(),onClick:()=>this._selectValue(t)},t[this.selectionDisplayKey??this.displayKey],s("p-icon",{class:"text-xs text-supportive-lilac group-hover/item:text-supportive-lilac-800",variant:"negative"})))),s("div",{class:"extra pointer-events-none hidden text-sm text-black-teal-100"},"+",this._amountHidden))}return this._getDisplay(this._selectedItem,true)}get _identifierKey(){return this.identifierKey??this.valueKey??"value"}formResetCallback(){this._selectValue(null)}formDisabledCallback(t){if(!this._internals.form){return}this.disabled=t}componentDidLoad(){if(!this.valueKey&&!this.identifierKey){throw new Error("You must provide a valueKey or identifierKey")}if(this.multi){this._setMultiContainerMaxWidth();this._resizeObserver=new ResizeObserver((()=>{if(this._resizeDebounceTimer){clearTimeout(this._resizeDebounceTimer);this._resizeDebounceTimer=null}this._resizeDebounceTimer=setTimeout((()=>{this._setMultiContainerMaxWidth();this._setCheckSelectedItemsTimeout()}),200)}));this._resizeObserver.observe(this._el)}if(this.value){this._valueChange();return}this.itemChanges()}componentDidRender(){if(this.multi){this._setMultiContainerMaxWidth()}}disconnectedCallback(){if(this.multi){this._resizeObserver.disconnect()}}render(){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-field-container",{key:"50de62796bce4bbcc546e69cb6e2890f94b526e5",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-dropdown",{key:"039b21cb2e2d441352f385a28b90c7fd75c81be9",applyFullWidth:true,applyMaxWidth:false,disableTriggerClick:true,slot:"content",insideClick:true,scrollable:this.enableAutocomplete?"large":true,show:this._showDropdown,onIsOpen:t=>this._onDropdownOpen(t),strategy:this.strategy},s("p-button",{key:"465aaa16eee43a7911dbb0b97dd4d4931390ab48",slot:"trigger",class:"w-full",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:"f364b31e08809e150af2f2e9c45d8fc5897ac60e",class:"relative min-w-0 flex-1",ref:t=>this._inputRef=t},this._displayValue)),this.loading?this._getLoadingItems():this._getItems(),this.showAddItem&&this._getAddItem()))}documentClickHandler(t){if(!this._showDropdown||r(t,this._el)){return}this._showDropdown=false}_valueChange(){setTimeout((()=>{this._preselectItem();this._setCheckSelectedItemsTimeout()}))}itemChanges(){setTimeout((()=>this._preselectItem()))}_showDropdownChanges(){this.dropdownShown.emit({value:this._showDropdown,query:this.query})}multiChanges(){if(this._selectedItem&&!Array.isArray(this._selectedItem)){this._selectedItem=[]}}_preselectItem(){let t=typeof this.value==="string"&&this.multi?JSON.parse(this.value):this.value;if(this.multi){if(!Array.isArray(t)){this.value=[];this.valueChange.emit(this.value);return}this.value=t;if(!t.length){this._selectedItem=[];return}this._selectedItem=!!this.valueKey&&this.valueKey!=="false"?this._items.filter((e=>t.includes(e?.[this.valueKey]))):[...t];return}if(!this._selectedItem&&!t&&this.autoSelectFirst){t=this._items[0]}const e=typeof t==="object"&&t!==null?t[this._identifierKey]:t;const i=typeof e==="string"||typeof e==="number"?e:JSON.stringify(e);const s=this._selectedItem?this._selectedItem?.[this._identifierKey]:null;const r=typeof s==="string"||typeof s==="number"?s:JSON.stringify(s);if(this._selectedItem&&r===i){return}if(!this._items?.length&&t){this._selectValue(t,false);return}const a=this._getParsedItems(false);const n=a.find((t=>{const e=t?.[this._identifierKey];const s=typeof e==="string"||typeof e==="number"?e:JSON.stringify(e);return s===i}));this._selectValue(!!n?n:t,false)}_selectValue(t,e=true){let i=!!this.valueKey&&this.valueKey!=="false"&&t!==null?t?.[this.valueKey]:t;if(this.multi){if(!this._selectedItem||!Array.isArray(this._selectedItem)){this._selectedItem=[]}if(!this.value||!Array.isArray(this.value)){this.value=[]}const e=[...this._selectedItem];const s=[...this.value];const r=e.findIndex((e=>e[this._identifierKey]===t[this._identifierKey]));if(r===-1){e.push(t);s.push(i)}else{e.splice(r,1);s.splice(r,1)}this._selectedItem=e;this.value=s;this.valueChange.emit(s);return}this._selectedItem=t;this.value=i;this.valueChange.emit(i);this._onBlur(e)}_onClick(t){const e=t?.composedPath();for(const t of e){if(t.nodeName.toLowerCase()==="p-button"){break}if(t.classList?.contains("item")){return}}this._showDropdown=!this._showDropdown}_onBlur(t=false){if(this.enableAutocomplete&&!t){return}this._showDropdown=false}_onAutoComplete(t){if(!this.enableAutocomplete){return}this._showDropdown=true;this.query=t.detail;this.queryChange.emit(t.detail)}_checkvalue(t,e){return e?.[t]?.toString()?.toLowerCase().indexOf(this.query?.toLowerCase())>=0}_getItems(){let t=this._items.map((t=>s("p-dropdown-menu-item",{enableTextWrap:this.enableTextWrap,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",enableTextWrap:this.enableTextWrap&&!e})},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",enableTextWrap:this.enableTextWrap&&!e})},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",enableTextWrap:this.enableTextWrap&&!e})},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=n;export{p as p_select};
|
|
2
|
-
//# sourceMappingURL=p-2f9de4e7.entry.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["selectComponentCss","multiContainer","cva","multiItem","textContainer","variants","variant","placeholder","default","enableTextWrap","true","false","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","forceShowTooltip","applyFullWidth","applyMaxWidth","disableTriggerClick","slot","insideClick","scrollable","show","onIsOpen","ev","_onDropdownOpen","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":[":host {\n\t--tw-translate-y: 0px !important;\n\t--tw-translate-x: 0px !important;\n}\n","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('block w-full overflow-hidden text-start', {\n\tvariants: {\n\t\tvariant: {\n\t\t\tplaceholder: 'text-black-teal-400',\n\t\t\tdefault: null,\n\t\t},\n\t\tenableTextWrap: {\n\t\t\ttrue: false,\n\t\t\tfalse: 'text-ellipsis whitespace-nowrap',\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 to enable wrapping the text to a new line in the dropdown menu\n\t */\n\t@Prop() enableTextWrap?: boolean = false;\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-field-container\n\t\t\t\tvariant='write'\n\t\t\t\tprefix={this.prefix}\n\t\t\t\tlabel={this.label}\n\t\t\t\thelper={this.helper}\n\t\t\t\trequired={this.required}\n\t\t\t\tshowOptional={this.showOptional}\n\t\t\t\terror={this.error}\n\t\t\t\tforceShowTooltip={!!this.error?.length && !this._showDropdown}\n\t\t\t>\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\tdisableTriggerClick={true}\n\t\t\t\t\tslot='content'\n\t\t\t\t\tinsideClick={true}\n\t\t\t\t\tscrollable={this.enableAutocomplete ? 'large' : true}\n\t\t\t\t\tshow={this._showDropdown}\n\t\t\t\t\tonIsOpen={ev => this._onDropdownOpen(ev)}\n\t\t\t\t\tstrategy={this.strategy}\n\t\t\t\t>\n\t\t\t\t\t<p-button\n\t\t\t\t\t\tslot='trigger'\n\t\t\t\t\t\tclass='w-full'\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\t{this.loading ? this._getLoadingItems() : this._getItems()}\n\t\t\t\t\t{this.showAddItem && this._getAddItem()}\n\t\t\t\t</p-dropdown>\n\t\t\t</p-field-container>\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\tenableTextWrap={this.enableTextWrap}\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\n\t\t\t\tclass={textContainer({\n\t\t\t\t\tvariant: 'default',\n\t\t\t\t\tenableTextWrap: this.enableTextWrap && !isSelection,\n\t\t\t\t})}\n\t\t\t>\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\n\t\t\t\t\t\tclass={textContainer({\n\t\t\t\t\t\t\tvariant: 'default',\n\t\t\t\t\t\t\tenableTextWrap: this.enableTextWrap && !isSelection,\n\t\t\t\t\t\t})}\n\t\t\t\t\t>\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\n\t\t\t\t\t\tclass={textContainer({\n\t\t\t\t\t\t\tvariant: 'default',\n\t\t\t\t\t\t\tenableTextWrap: this.enableTextWrap && !isSelection,\n\t\t\t\t\t\t})}\n\t\t\t\t\t>\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":[]}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r as t,c as e,g as i,h as r,F as a}from"./p-DhGo7hbh.js";import{c as o}from"./p-CBWjHURv.js";import{a as s}from"./p-C5CTp9IA.js";import{c as n}from"./p-CT54OXR2.js";import{n as l}from"./p-D9kEjsvZ.js";import{f as h,g as c}from"./p-DiJj8rmO.js";import"./p-ChV9xqsO.js";const d="*{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}.mt-\\[0\\.125rem\\]{margin-top:.125rem!important}.flex{display:flex!important}.h-6{height:1.5rem!important}.h-8{height:2rem!important}.h-full{height:100%!important}.min-h-4{min-height:1rem!important}.min-h-5{min-height:1.25rem!important}.w-inherit{width:inherit!important}.min-w-0{min-width:0!important}.flex-1{flex:1 1 0%!important}.flex-shrink-0{flex-shrink:0!important}.cursor-not-allowed{cursor:not-allowed!important}.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}.rounded-lg{border-radius:.5rem!important}.border{border-width:1px!important}.border-0{border-width:0!important}.border-solid{border-style:solid!important}.border-none{border-style:none!important}.border-black-teal-100{--tw-border-opacity:1!important;border-color:rgb(205 212 211/var(--tw-border-opacity,1))!important}.border-negative-red{--tw-border-opacity:1!important;border-color:rgb(230 30 30/var(--tw-border-opacity,1))!important}.border-supportive-lilac-800{--tw-border-opacity:1!important;border-color:rgb(189 140 255/var(--tw-border-opacity,1))!important}.bg-transparent{background-color:transparent!important}.bg-white{background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.bg-white,.bg-white-600{--tw-bg-opacity:1!important}.bg-white-600{background-color:rgb(250 250 250/var(--tw-bg-opacity,1))!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-center{text-align:center!important}.font-geist{font-family:Geist,serif!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.text-black-teal{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}.text-black-teal-100{--tw-text-opacity:1!important;color:rgb(205 212 211/var(--tw-text-opacity,1))!important}.text-black-teal-300{--tw-text-opacity:1!important;color:rgb(104 127 124/var(--tw-text-opacity,1))!important}.text-black-teal-500{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}.text-negative-red{--tw-text-opacity:1!important;color:rgb(230 30 30/var(--tw-text-opacity,1))!important}.text-negative-red-800{--tw-text-opacity:1!important;color:rgb(141 16 16/var(--tw-text-opacity,1))!important}.outline-none{outline:2px solid transparent!important;outline-offset:2px!important}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.ring-negative-red-50{--tw-ring-opacity:1!important;--tw-ring-color:rgb(253 237 237/var(--tw-ring-opacity,1))!important}.ring-supportive-lilac-100{--tw-ring-opacity:1!important;--tw-ring-color:rgb(246 239 255/var(--tw-ring-opacity,1))!important}.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-negative-red-50 ::selection{--tw-bg-opacity:1!important;background-color:rgb(253 237 237/var(--tw-bg-opacity,1))!important}.selection\\:bg-supportive-lilac ::selection{--tw-bg-opacity:1!important;background-color:rgb(209 174 255/var(--tw-bg-opacity,1))!important}.selection\\:bg-negative-red-50::selection{--tw-bg-opacity:1!important;background-color:rgb(253 237 237/var(--tw-bg-opacity,1))!important}.selection\\:bg-supportive-lilac::selection{--tw-bg-opacity:1!important;background-color:rgb(209 174 255/var(--tw-bg-opacity,1))!important}.placeholder\\:text-sm::placeholder{font-size:.875rem!important;line-height:1.25rem!important}.placeholder\\:text-black-teal-200::placeholder{--tw-text-opacity:1!important;color:rgb(154 170 167/var(--tw-text-opacity,1))!important}.focus\\:outline-none:focus{outline:2px solid transparent!important;outline-offset:2px!important}";const m=o(["flex gap-2","w-inherit","border-solid rounded-lg"],{variants:{variant:{read:"border-0 items-start flex-wrap",write:"border px-2"},size:{sm:null,base:null},disabled:{false:null,true:null},focused:{false:null,true:null},error:{false:null,true:null},isTextarea:{false:null,true:"items-start"}},compoundVariants:[{size:"sm",variant:"write",isTextarea:false,class:"h-6"},{size:"base",variant:"write",isTextarea:false,class:"h-8"},{size:"sm",variant:"read",class:"min-h-4 text-xs"},{size:"base",variant:"read",class:"min-h-5 text-sm"},{variant:"write",focused:false,error:false,class:"border-black-teal-100"},{variant:"write",disabled:false,focused:true,error:false,class:"border-supportive-lilac-800 ring ring-supportive-lilac-100 selection:bg-supportive-lilac"},{variant:"write",disabled:false,class:"bg-white"},{variant:"write",disabled:true,class:"bg-white-600 cursor-not-allowed"},{disabled:false,error:true,class:"border-negative-red"},{disabled:false,focused:true,error:true,class:"ring ring-negative-red-50 selection:bg-negative-red-50"}]});const p=o(["text-sm placeholder:text-sm placeholder:text-black-teal-200 text-black-teal","border-none bg-transparent flex-1 min-w-0","outline-none focus:outline-none","font-geist"],{variants:{isTextarea:{false:"h-full",true:"mt-1"},disabled:{false:null,true:"cursor-not-allowed"}}});const f=o(["flex flex-shrink-0 justify-center items-center text-center"],{variants:{disabled:{false:null,true:"text-black-teal-100"},focused:{false:null,true:null},error:{false:null,true:null},isText:{false:null,true:"text-sm"},isTextarea:{false:null,true:"mt-2"}},compoundVariants:[{disabled:false,focused:false,error:false,class:"text-black-teal-300"},{disabled:false,focused:true,error:false,class:"text-black-teal-500"},{disabled:false,focused:false,error:true,class:"text-negative-red"},{disabled:false,focused:true,error:true,class:"text-negative-red-800"}]});const b=class{constructor(i){t(this,i);this.valueChange=e(this,"valueChange",3);this.inputRefChange=e(this,"inputRefChange",7);if(i.$hostElement$["s-ei"]){this._internals=i.$hostElement$["s-ei"]}else{this._internals=i.$hostElement$.attachInternals();i.$hostElement$["s-ei"]=this._internals}}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;autofocus=false;error;errorPlacement;disabled=false;focused=false;forceShowTooltip=false;selectAllOnFocus=true;focusMethod="focus";optionalTemplate;valueChange;inputRefChange;get _el(){return i(this)}_focused=false;_nonce=l(5);_internals;_inputRef;_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:i,hasHeaderSlot:a,hasLabelSlot:o,hasHelperSlot:l,hasErrorSlot:h,hasValueSlot:c}=this._getSlotInfo();return r("p-field-container",{key:"a427cbffd685c71bf6c2c472e6a5de05e4b1fde4",forceShowTooltip:this.forceShowTooltip||this._focused||!!this.error?.length,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},o&&r("slot",{key:"f688196f51841481c599eaed31e4f563989f28dc",name:"label",slot:"label"}),a&&r("slot",{key:"5514db2a3254b8770b6a3a02e73f0a816a25003a",name:"header",slot:"header"}),l&&r("slot",{key:"1061c3bf7151c4ce068c34e70c540afff0aa8641",name:"helper",slot:"helper"}),h&&r("slot",{key:"4317c770376aff5eb721217d21a17fc72467d428",name:"error",slot:"error"}),r("div",{key:"b64a5335fe226df10d535fc35d4029baa5f7c3b2",class:m({error:!!this.error?.length,disabled:s(this.disabled),focused:s(this.focused)||this._focused,size:this.size,variant:this.variant,isTextarea:this.type==="textarea"}),title:this.variant==="read"&&!c?this.value:undefined,slot:"content"},(this.error?.length||e||this.icon&&this.iconPosition==="start")&&r("div",{key:"ed4da2246b7db77b96a3297bda02c25adaa98af9",class:f({error:!!this.error?.length,disabled:s(this.disabled),focused:s(this.focused)||this._focused,isText:typeof i==="string",isTextarea:this.type==="textarea"}),onClick:()=>this._focusInput()},this.icon&&this.iconPosition==="start"||this.error?.length?r("p-icon",{class:n("flex",{"mt-[0.125rem]":this.variant==="read"&&this.size==="base"}),variant:this.error?.length?"warning":this.icon,rotate:this.iconRotate,flip:this.iconFlip}):e),this._getContent(c,t),(i||this.icon&&this.iconPosition==="end")&&r("div",{key:"9157635ccc0dcca00bce584e09c764b1ca6efe79",class:f({error:!!this.error?.length,disabled:s(this.disabled),focused:s(this.focused)||this._focused,isText:typeof i==="string",isTextarea:this.type==="textarea"}),onClick:()=>this._focusInput()},this.icon&&this.iconPosition==="end"?r("p-icon",{class:"flex",variant:this.icon,rotate:this.iconRotate,flip:this.iconFlip}):i)))}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 i=!!this._el.querySelector(':scope > [slot="prefix"]');const a=!!this._el.querySelector(':scope > [slot="suffix"]');const o=!!this._el.querySelector(':scope > [slot="header"]');const s=!!this._el.querySelector(':scope > [slot="error"]');const n=!!this._el.querySelector(':scope > [slot="value"]');const l=i?r("slot",{name:"prefix"}):this.prefix;const h=a?r("slot",{name:"suffix"}):this.suffix;const c=this.error&&typeof this.error==="string"&&this.error!=="true";const d=this.id?.length?this.id:this._nonce;return{id:d,hasHelperSlot:t,hasLabelSlot:e,hasPrefixSlot:i,hasSuffixSlot:a,hasHeaderSlot:o,hasErrorSlot:s,hasValueSlot:n,prefix:l,suffix:h,errorAndErrorIsNotBoolean:c}}_getContent(t=false,e){if(this.variant==="read"){return t?r("slot",{name:"value"}):!!this.value&&this.value.length>0?this.value:"—"}if(this.type==="slot"){return r("slot",{name:"input"})}const i={id:e,class:p({disabled:s(this.disabled),isTextarea:this.type==="textarea"}),value:this.value,placeholder:this.placeholder,disabled:this.disabled,onInput:t=>this._valueChange(t)};let a=this.properties??{};if(typeof a==="string"){a=JSON.parse(this.properties)}if(this.type==="textarea"){return r("textarea",{ref:t=>this._setInputRef(t),...i,...a})}return r("input",{type:this.type,ref:t=>this._setInputRef(t),...i,...a})}_setInputRef(t){this._inputRef=t;this.inputRefChange.emit(t)}_focusInput(){if(this._inputRef){this._inputRef.focus();return}const t=this._el.querySelector(':scope > [slot="input"]');t[this.focusMethod]()}_selectAll(){if(!this._inputRef||!this.selectAllOnFocus){return}this._inputRef.select()}_valueChange(t){t.stopPropagation();const e=t.originalTarget??t.target;const i=e.value;this._lastValue=i;this.value=i;this.valueChange.emit(i);this._internals.setFormValue(i)}_checkAutoFocus(){if(!this.autofocus){return}if(!this._inputRef){setTimeout((()=>this._checkAutoFocus()),100);return}this._focusInput()}static get formAssociated(){return true}static get watchers(){return{value:["watchvalue"]}}};b.style=d;const u="*{box-sizing:border-box}.ml-2{margin-left:.5rem!important}.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}.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}.rounded-lg{border-radius:.5rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-medium{font-weight:500!important}.text-black-teal-200{--tw-text-opacity:1!important;color:rgb(154 170 167/var(--tw-text-opacity,1))!important}.text-black-teal-300{--tw-text-opacity:1!important;color:rgb(104 127 124/var(--tw-text-opacity,1))!important}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:85.375rem){.container{max-width:85.375rem}}@media (min-width:90rem){.container{max-width:90rem}}@media (min-width:96rem){.container{max-width:96rem}}@media (min-width:105rem){.container{max-width:105rem}}@media (min-width:120rem){.container{max-width:120rem}}@media (min-width:160rem){.container{max-width:160rem}}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.empty\\:hidden:empty{display:none!important}";const w=o(["rounded-lg w-full"],{variants:{variant:{read:null,write:null},size:{base:null,sm:null}},compoundVariants:[{variant:"read",size:"base",class:"h-5"},{variant:"read",size:"sm",class:"h-4"},{variant:"write",size:"base",class:"h-8"},{variant:"write",size:"sm",class:"h-6"}]});const x=class{constructor(i){t(this,i);this.focus=e(this,"focus",7)}_defaultOptionalTemplate=()=>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 i(this)}focus;_locales={};componentWillLoad(){this._setLocales()}render(){const{hasHeaderSlot:t,hasErrorSlot:e,helper:i,label:o,errorAndErrorIsNotBoolean:l}=this._getSlotInfo();let h=r("slot",{key:"0139fdafb33d03ae570ac7ac07988fdbd3badb39",slot:"trigger",name:"content"});if(this.loading){h=r("p-loader",{key:"df218e639ecd01be2a87ff3465760a1bcfbb11c9",variant:"ghost",class:w({variant:this.variant,size:this.loadingSize}),slot:"trigger"})}return r("label",{key:"717b00a39577417f8a6404dabe9eed49822a04ae",htmlFor:this.id,class:"flex w-inherit flex-col gap-1"},r("div",{key:"6872ba4743e64b27633fe61521f0410e6f38375d",class:n("flex items-end justify-between gap-1 empty:hidden",{"flex-row-reverse":this.align==="end"})},!!o?.length&&r("div",{key:"684cdb43c27f42468b0ed05e71b8dee6d1df935d",class:"text-xs font-medium text-black-teal-300",onClick:()=>this.focus.emit()},o),(!s(this.required)&&s(this.showOptional)||i||t)&&r("div",{key:"94faea948884177ed64fe585884687fdba0acf12",class:"flex items-center gap-1"},!s(this.required)&&s(this.showOptional)&&this.variant==="write"&&r("span",{key:"f5e32e8d80ae312815a0e14797f55c6815a7ac01",class:"text-xs font-medium text-black-teal-200"},this.optionalTemplate()),(i||t)&&r(a,{key:"73dfeb1fb63ad2773ddb61f5393007f9f5d45096"},t&&r("slot",{key:"dba0cdc90f6b6948c4e56b7fa7a5139e157da954",name:"header"}),i&&r("p-helper",{key:"f71b476f7fbf87e9f7a881a86791e974c3313c06",class:`flex ${t?"ml-2":""}`,placement:"top-end"},i)))),r("p-tooltip",{key:"555593c1a91d38b81817943f4b463af63ec6f3ab",class:n({"w-full":this.variant==="write"||this.loading,"ml-auto":this.align==="end"}),variant:"error",content:this.error,show:l&&s(this.forceShowTooltip),enableUserInput:false,placement:this.errorPlacement},e&&r("slot",{key:"c2cf849619f1d873a74ef7e96d100d295c2ffb8a",name:"error",slot:"content"}),h))}async _setLocales(){this._locales=await c(this._el)}_getSlotInfo(){const t=!!this._el.querySelector(':scope > [slot="helper"]');const e=!!this._el.querySelector(':scope > [slot="label"]');const i=!!this._el.querySelector(':scope > [slot="header"]');const a=!!this._el.querySelector(':scope > [slot="error"]');const o=t?r("slot",{name:"helper"}):this.helper;const s=e?r("slot",{name:"label"}):this.label;const n=a||this.error&&typeof this.error==="string"&&this.error!=="true";return{hasHelperSlot:t,hasLabelSlot:e,hasHeaderSlot:i,hasErrorSlot:a,helper:o,label:s,errorAndErrorIsNotBoolean:n}}};x.style=u;export{b as p_field,x as p_field_container};
|
|
2
|
-
//# sourceMappingURL=p-7a495a33.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","autofocus","errorPlacement","forceShowTooltip","selectAllOnFocus","focusMethod","optionalTemplate","valueChange","inputRefChange","_focused","_nonce","nonce","_internals","_inputRef","_lastValue","componentDidLoad","this","_checkAutoFocus","formResetCallback","emit","formDisabledCallback","form","render","hasHeaderSlot","hasLabelSlot","hasHelperSlot","hasErrorSlot","hasValueSlot","_getSlotInfo","h","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","Fragment","placement","content","show","enableUserInput","getLocaleComponentStrings"],"sources":["src/components/molecules/field/field/field.component.css?tag=p-field&encapsulation=shadow","src/components/molecules/field/field/field.component.tsx","src/components/molecules/field/container/field-container.component.css?tag=p-field-container&encapsulation=shadow","src/components/molecules/field/container/field-container.component.tsx"],"sourcesContent":[":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';\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',\n\t\t\twrite: 'border px-2',\n\t\t},\n\t\tsize: {\n\t\t\tsm: null,\n\t\t\tbase: null,\n\t\t},\n\t\tdisabled: {\n\t\t\tfalse: null,\n\t\t\ttrue: null,\n\t\t},\n\t\tfocused: {\n\t\t\tfalse: null,\n\t\t\ttrue: null,\n\t\t},\n\t\terror: {\n\t\t\tfalse: null,\n\t\t\ttrue: null,\n\t\t},\n\t\tisTextarea: {\n\t\t\tfalse: null,\n\t\t\ttrue: 'items-start',\n\t\t},\n\t},\n\tcompoundVariants: [\n\t\t{\n\t\t\tsize: 'sm',\n\t\t\tvariant: 'write',\n\t\t\tisTextarea: false,\n\t\t\tclass: 'h-6',\n\t\t},\n\t\t{\n\t\t\tsize: 'base',\n\t\t\tvariant: 'write',\n\t\t\tisTextarea: false,\n\t\t\tclass: 'h-8',\n\t\t},\n\n\t\t{\n\t\t\tsize: 'sm',\n\t\t\tvariant: 'read',\n\t\t\tclass: 'min-h-4 text-xs',\n\t\t},\n\t\t{\n\t\t\tsize: 'base',\n\t\t\tvariant: 'read',\n\t\t\tclass: 'min-h-5 text-sm',\n\t\t},\n\n\t\t{\n\t\t\tvariant: 'write',\n\t\t\tfocused: false,\n\t\t\terror: false,\n\t\t\tclass: 'border-black-teal-100',\n\t\t},\n\t\t{\n\t\t\tvariant: 'write',\n\t\t\tdisabled: false,\n\t\t\tfocused: true,\n\t\t\terror: false,\n\t\t\tclass:\n\t\t\t\t'border-supportive-lilac-800 ring ring-supportive-lilac-100 selection:bg-supportive-lilac',\n\t\t},\n\n\t\t{\n\t\t\tvariant: 'write',\n\t\t\tdisabled: false,\n\t\t\tclass: 'bg-white',\n\t\t},\n\t\t{\n\t\t\tvariant: 'write',\n\t\t\tdisabled: true,\n\t\t\tclass: 'bg-white-600 cursor-not-allowed',\n\t\t},\n\n\t\t{\n\t\t\tdisabled: false,\n\t\t\terror: true,\n\t\t\tclass: 'border-negative-red',\n\t\t},\n\t\t{\n\t\t\tdisabled: false,\n\t\t\tfocused: true,\n\t\t\terror: true,\n\t\t\tclass: 'ring ring-negative-red-50 selection:bg-negative-red-50',\n\t\t},\n\t],\n});\n\nconst input = cva(\n\t[\n\t\t'text-sm placeholder:text-sm placeholder:text-black-teal-200 text-black-teal',\n\t\t'border-none bg-transparent flex-1 min-w-0',\n\t\t'outline-none focus:outline-none',\n\t\t'font-geist',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tisTextarea: {\n\t\t\t\tfalse: 'h-full',\n\t\t\t\ttrue: 'mt-1',\n\t\t\t},\n\t\t\tdisabled: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'cursor-not-allowed',\n\t\t\t},\n\t\t},\n\t}\n);\n\nconst prefixAndSuffix = cva(\n\t['flex flex-shrink-0 justify-center items-center text-center'],\n\t{\n\t\tvariants: {\n\t\t\tdisabled: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'text-black-teal-100',\n\t\t\t},\n\t\t\tfocused: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: null,\n\t\t\t},\n\t\t\terror: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: null,\n\t\t\t},\n\t\t\tisText: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'text-sm',\n\t\t\t},\n\t\t\tisTextarea: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'mt-2',\n\t\t\t},\n\t\t},\n\t\tcompoundVariants: [\n\t\t\t{\n\t\t\t\tdisabled: false,\n\t\t\t\tfocused: false,\n\t\t\t\terror: false,\n\t\t\t\tclass: 'text-black-teal-300',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tdisabled: false,\n\t\t\t\tfocused: true,\n\t\t\t\terror: false,\n\t\t\t\tclass: 'text-black-teal-500',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tdisabled: false,\n\t\t\t\tfocused: false,\n\t\t\t\terror: true,\n\t\t\t\tclass: 'text-negative-red',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tdisabled: false,\n\t\t\t\tfocused: true,\n\t\t\t\terror: true,\n\t\t\t\tclass: 'text-negative-red-800',\n\t\t\t},\n\t\t],\n\t}\n);\n\n@Component({\n\ttag: 'p-field',\n\tstyleUrl: './field.component.css',\n\tshadow: true,\n\tformAssociated: true,\n})\nexport class Field {\n\t/**\n\t * The 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;\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 autofocus the field\n\t */\n\t@Prop({ reflect: true }) autofocus: boolean = false;\n\n\t/**\n\t * The error to display\n\t */\n\t@Prop({ reflect: true }) error: string;\n\n\t/**\n\t * The placement of the error popover\n\t */\n\t@Prop() errorPlacement: Placement;\n\n\t/**\n\t * Wether the field is disabled\n\t */\n\t@Prop({ reflect: true }) disabled: boolean = false;\n\n\t/**\n\t * Wether the field is focused\n\t */\n\t@Prop({ reflect: true }) focused: boolean = false;\n\n\t/**\n\t * Force show the error tooltip\n\t */\n\t@Prop({ reflect: true }) forceShowTooltip: boolean = false;\n\n\t/**\n\t * Wether to select all text on focus\n\t */\n\t@Prop({ reflect: true }) selectAllOnFocus: boolean = true;\n\n\t/**\n\t * The method to use when focusing the input\n\t */\n\t@Prop() focusMethod: 'focus' | 'click' = 'focus';\n\n\t/**\n\t * The template for the optional text\n\t */\n\t@Prop() optionalTemplate: templateFunc;\n\n\t/**\n\t * Event whenever the value changes\n\t */\n\t@Event({ bubbles: false }) valueChange: EventEmitter<string>;\n\n\t/**\n\t * Event whenever the input ref changes\n\t */\n\t@Event() inputRefChange: EventEmitter<HTMLInputElement | HTMLTextAreaElement>;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\t@State() private _focused = false;\n\t@State() private _nonce = nonce(5);\n\n\t@AttachInternals() _internals: ElementInternals;\n\n\tprivate _inputRef: HTMLInputElement | HTMLTextAreaElement;\n\tprivate _lastValue: string | 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<p-field-container\n\t\t\t\tforceShowTooltip={\n\t\t\t\t\tthis.forceShowTooltip || this._focused || !!this.error?.length\n\t\t\t\t}\n\t\t\t\tid={id}\n\t\t\t\tlabel={this.label}\n\t\t\t\talign={this.align}\n\t\t\t\tloading={this.loading}\n\t\t\t\tloadingSize={this.size}\n\t\t\t\thelper={this.helper}\n\t\t\t\terror={this.error}\n\t\t\t\trequired={this.required}\n\t\t\t\tshowOptional={this.showOptional}\n\t\t\t\tvariant={this.variant}\n\t\t\t>\n\t\t\t\t{hasLabelSlot && (\n\t\t\t\t\t<slot\n\t\t\t\t\t\tname='label'\n\t\t\t\t\t\tslot='label'\n\t\t\t\t\t/>\n\t\t\t\t)}\n\n\t\t\t\t{hasHeaderSlot && (\n\t\t\t\t\t<slot\n\t\t\t\t\t\tname='header'\n\t\t\t\t\t\tslot='header'\n\t\t\t\t\t/>\n\t\t\t\t)}\n\n\t\t\t\t{hasHelperSlot && (\n\t\t\t\t\t<slot\n\t\t\t\t\t\tname='helper'\n\t\t\t\t\t\tslot='helper'\n\t\t\t\t\t/>\n\t\t\t\t)}\n\n\t\t\t\t{hasErrorSlot && (\n\t\t\t\t\t<slot\n\t\t\t\t\t\tname='error'\n\t\t\t\t\t\tslot='error'\n\t\t\t\t\t/>\n\t\t\t\t)}\n\n\t\t\t\t<div\n\t\t\t\t\tclass={field({\n\t\t\t\t\t\terror: !!this.error?.length,\n\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\tfocused: asBoolean(this.focused) || this._focused,\n\t\t\t\t\t\tsize: this.size,\n\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t\tisTextarea: this.type === 'textarea',\n\t\t\t\t\t})}\n\t\t\t\t\ttitle={\n\t\t\t\t\t\tthis.variant === 'read' && !hasValueSlot ? this.value : undefined\n\t\t\t\t\t}\n\t\t\t\t\tslot='content'\n\t\t\t\t>\n\t\t\t\t\t{(this.error?.length ||\n\t\t\t\t\t\tprefix ||\n\t\t\t\t\t\t(this.icon && this.iconPosition === 'start')) && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass={prefixAndSuffix({\n\t\t\t\t\t\t\t\terror: !!this.error?.length,\n\t\t\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\t\t\tfocused: asBoolean(this.focused) || this._focused,\n\t\t\t\t\t\t\t\tisText: typeof suffix === 'string',\n\t\t\t\t\t\t\t\tisTextarea: this.type === 'textarea',\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\tonClick={() => this._focusInput()}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{(this.icon && this.iconPosition === 'start') ||\n\t\t\t\t\t\t\tthis.error?.length ? (\n\t\t\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\t\t\tclass={cn('flex', {\n\t\t\t\t\t\t\t\t\t\t'mt-[0.125rem]':\n\t\t\t\t\t\t\t\t\t\t\tthis.variant === 'read' && this.size === 'base',\n\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\tvariant={this.error?.length ? 'warning' : this.icon}\n\t\t\t\t\t\t\t\t\trotate={this.iconRotate}\n\t\t\t\t\t\t\t\t\tflip={this.iconFlip}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\tprefix\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{this._getContent(hasValueSlot, id)}\n\n\t\t\t\t\t{(suffix || (this.icon && this.iconPosition === 'end')) && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass={prefixAndSuffix({\n\t\t\t\t\t\t\t\terror: !!this.error?.length,\n\t\t\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\t\t\tfocused: asBoolean(this.focused) || this._focused,\n\t\t\t\t\t\t\t\tisText: typeof suffix === 'string',\n\t\t\t\t\t\t\t\tisTextarea: this.type === 'textarea',\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\tonClick={() => this._focusInput()}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{this.icon && this.iconPosition === 'end' ? (\n\t\t\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\t\t\tclass='flex'\n\t\t\t\t\t\t\t\t\tvariant={this.icon}\n\t\t\t\t\t\t\t\t\trotate={this.iconRotate}\n\t\t\t\t\t\t\t\t\tflip={this.iconFlip}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\tsuffix\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</p-field-container>\n\t\t);\n\t}\n\n\t@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) : (\n\t\t\t\t'—'\n\t\t\t);\n\t\t}\n\n\t\tif (this.type === 'slot') {\n\t\t\treturn <slot name='input' />;\n\t\t}\n\n\t\tconst props = {\n\t\t\tid,\n\t\t\tclass: input({\n\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\tisTextarea: this.type === 'textarea',\n\t\t\t}),\n\t\t\tvalue: this.value,\n\t\t\tplaceholder: this.placeholder,\n\t\t\tdisabled: this.disabled,\n\t\t\tonInput: (ev: InputEvent) => this._valueChange(ev),\n\t\t};\n\n\t\tlet properties = this.properties ?? {};\n\t\tif (typeof properties === 'string') {\n\t\t\tproperties = JSON.parse(this.properties);\n\t\t}\n\n\t\tif (this.type === 'textarea') {\n\t\t\treturn (\n\t\t\t\t<textarea\n\t\t\t\t\tref={ref => this._setInputRef(ref)}\n\t\t\t\t\t{...props}\n\t\t\t\t\t{...properties}\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<input\n\t\t\t\ttype={this.type}\n\t\t\t\tref={ref => this._setInputRef(ref)}\n\t\t\t\t{...props}\n\t\t\t\t{...properties}\n\t\t\t/>\n\t\t);\n\t}\n\n\tprivate _setInputRef(ref: HTMLInputElement | HTMLTextAreaElement) {\n\t\tthis._inputRef = ref;\n\t\tthis.inputRefChange.emit(ref);\n\t}\n\n\tprivate _focusInput() {\n\t\tif (this._inputRef) {\n\t\t\tthis._inputRef.focus();\n\t\t\treturn;\n\t\t}\n\n\t\tconst input = this._el.querySelector(':scope > [slot=\"input\"]');\n\t\t(input as HTMLElement)[this.focusMethod]();\n\t}\n\n\tprivate _selectAll() {\n\t\tif (!this._inputRef || !this.selectAllOnFocus) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._inputRef.select();\n\t}\n\n\tprivate _valueChange(ev) {\n\t\tev.stopPropagation();\n\t\tconst target = (ev.originalTarget ?? ev.target) as\n\t\t\t| HTMLTextAreaElement\n\t\t\t| HTMLInputElement;\n\t\tconst value = target.value;\n\t\tthis._lastValue = value;\n\t\tthis.value = value;\n\t\tthis.valueChange.emit(value);\n\t\tthis._internals.setFormValue(value);\n\t}\n\n\tprivate _checkAutoFocus() {\n\t\tif (!this.autofocus) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (!this._inputRef) {\n\t\t\tsetTimeout(() => this._checkAutoFocus(), 100);\n\t\t\treturn;\n\t\t}\n\n\t\tthis._focusInput();\n\t}\n}\n",null,"import { Placement } from '@floating-ui/dom';\nimport {\n\tComponent,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\tFragment,\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';\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<label\n\t\t\t\thtmlFor={this.id}\n\t\t\t\tclass='flex w-inherit flex-col gap-1'\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tclass={cn('flex items-end justify-between gap-1 empty:hidden', {\n\t\t\t\t\t\t'flex-row-reverse': this.align === 'end',\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t{!!label?.length && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass='text-xs font-medium text-black-teal-300'\n\t\t\t\t\t\t\tonClick={() => this.focus.emit()}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{label}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{((!asBoolean(this.required) && asBoolean(this.showOptional)) ||\n\t\t\t\t\t\thelper ||\n\t\t\t\t\t\thasHeaderSlot) && (\n\t\t\t\t\t\t<div class='flex items-center gap-1'>\n\t\t\t\t\t\t\t{!asBoolean(this.required) &&\n\t\t\t\t\t\t\t\tasBoolean(this.showOptional) &&\n\t\t\t\t\t\t\t\tthis.variant === 'write' && (\n\t\t\t\t\t\t\t\t\t<span class='text-xs font-medium text-black-teal-200'>\n\t\t\t\t\t\t\t\t\t\t{this.optionalTemplate()}\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t{(helper || hasHeaderSlot) && (\n\t\t\t\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t\t\t\t{hasHeaderSlot && <slot name='header' />}\n\t\t\t\t\t\t\t\t\t{helper && (\n\t\t\t\t\t\t\t\t\t\t<p-helper\n\t\t\t\t\t\t\t\t\t\t\tclass={`flex ${hasHeaderSlot ? 'ml-2' : ''}`}\n\t\t\t\t\t\t\t\t\t\t\tplacement='top-end'\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{helper}\n\t\t\t\t\t\t\t\t\t\t</p-helper>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</Fragment>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\n\t\t\t\t<p-tooltip\n\t\t\t\t\tclass={cn({\n\t\t\t\t\t\t'w-full': this.variant === 'write' || this.loading,\n\t\t\t\t\t\t'ml-auto': this.align === 'end',\n\t\t\t\t\t})}\n\t\t\t\t\tvariant='error'\n\t\t\t\t\tcontent={this.error}\n\t\t\t\t\tshow={errorAndErrorIsNotBoolean && asBoolean(this.forceShowTooltip)}\n\t\t\t\t\tenableUserInput={false}\n\t\t\t\t\tplacement={this.errorPlacement}\n\t\t\t\t>\n\t\t\t\t\t{hasErrorSlot && (\n\t\t\t\t\t\t<slot\n\t\t\t\t\t\t\tname='error'\n\t\t\t\t\t\t\tslot='content'\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{contentSlot}\n\t\t\t\t</p-tooltip>\n\t\t\t</label>\n\t\t);\n\t}\n\n\t@Listen('localeChanged', { target: 'body' })\n\tprivate async _setLocales(): Promise<void> {\n\t\tthis._locales = await getLocaleComponentStrings(this._el);\n\t}\n\n\tprivate _getSlotInfo() {\n\t\tconst hasHelperSlot = !!this._el.querySelector(':scope > [slot=\"helper\"]');\n\t\tconst hasLabelSlot = !!this._el.querySelector(':scope > [slot=\"label\"]');\n\t\tconst hasHeaderSlot = !!this._el.querySelector(':scope > [slot=\"header\"]');\n\t\tconst hasErrorSlot = !!this._el.querySelector(':scope > [slot=\"error\"]');\n\n\t\tconst helper = hasHelperSlot ? <slot name='helper' /> : this.helper;\n\t\tconst label = hasLabelSlot ? <slot name='label' /> : this.label;\n\n\t\tconst errorAndErrorIsNotBoolean =\n\t\t\thasErrorSlot ||\n\t\t\t(this.error && typeof this.error === 'string' && this.error !== 'true');\n\n\t\treturn {\n\t\t\thasHelperSlot,\n\t\t\thasLabelSlot,\n\t\t\thasHeaderSlot,\n\t\t\thasErrorSlot,\n\t\t\thelper,\n\t\t\tlabel,\n\t\t\terrorAndErrorIsNotBoolean,\n\t\t};\n\t}\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["contentSliderComponentCss","ContentSlider","hideMobileIndicator","disableDrag","disableAutoCenter","disableIndicatorClick","_visibleIndex","_outerHeight","_totalWidth","_sliderRef","_innerSliderRef","_items","_innerSliderResizeObserver","_startX","_startMouseX","_lastMouseX","_lastIndex","_shouldCheckLocation","_dragging","componentDidLoad","this","style","setProperty","disconnectedCallback","disconnect","render","h","Host","key","class","height","ref","el","onMouseDown","e","_mouseDownHandler","onTouchStart","onMouseMove","_mouseMoveHandler","onTouchMove","_setInnerSliderReft","onTransitionEnd","_transitionEndHandler","onSlotchange","_slotChange","map","_","i","onClick","_scrollTo","cn","innerSliderStyle","getComputedStyle","flexWrap","x","sliderRect","getBoundingClientRect","type","touches","clientX","innerSliderRect","offsetLeft","preventDefault","getPropertyValue","pointerEvents","left","_checkBoundary","_calculateIndicator","items","_el","querySelectorAll","Array","from","setTimeout","_calculateWidth","mouseUpHandler","removeProperty","_checkLocation","resizeHandler","ResizeObserver","_calculateHeight","observe","manual","elRect","centerOffset","width","outer","parseInt","maxLeft","length","item","visible","_isVisible","scrollToIndex","right","_isMobile","totalWidth","rect","sliderStyle","padding","gap","outerHeight","at"],"sources":["src/components/molecules/content-slider/content-slider.component.scss?tag=p-content-slider&encapsulation=shadow","src/components/molecules/content-slider/content-slider.component.tsx"],"sourcesContent":[":host {\n\t@apply flex flex-col overflow-hidden;\n\n\t@apply p-16 -m-16;\n\n\t.slider {\n\t\t@apply overflow-visible relative box-content;\n\n\t\t&.draggable {\n\t\t\t@apply cursor-grab desktop-xs:cursor-auto;\n\n\t\t\t&.dragging {\n\t\t\t\t@apply cursor-grabbing desktop-xs:cursor-auto;\n\n\t\t\t\t.inner-slider {\n\t\t\t\t\t@apply transition-none;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.inner-slider {\n\t\t\t@apply absolute flex flex-nowrap items-stretch w-full gap-2;\n\n\t\t\t@apply will-change-transform transform-gpu translate-x-0;\n\n\t\t\t@apply desktop-xs:gap-4 desktop-xs:flex-wrap;\n\n\t\t\t@apply transition-all;\n\t\t\ttransition-duration: 0.5s;\n\n\t\t\t> ::slotted(*) {\n\t\t\t\t@apply w-full;\n\t\t\t\t@apply flex-shrink-0 z-10;\n\n\t\t\t\t@screen tablet {\n\t\t\t\t\twidth: calc(50% - 0.5rem);\n\t\t\t\t}\n\n\t\t\t\t@screen desktop-xs {\n\t\t\t\t\t@apply w-0 flex-1;\n\t\t\t\t}\n\n\t\t\t\tposition: relative;\n\t\t\t}\n\t\t}\n\t}\n\n\t.indicator {\n\t\t@apply flex justify-center items-center desktop-xs:hidden;\n\n\t\t.item {\n\t\t\t@apply mt-3 pt-1 px-1;\n\t\t}\n\t}\n}\n","import {\n\tComponent,\n\tElement,\n\th,\n\tHost,\n\tListen,\n\tProp,\n\tState,\n} from '@stencil/core';\nimport { cn } from '../../../utils';\n\n@Component({\n\ttag: 'p-content-slider',\n\tstyleUrl: 'content-slider.component.scss',\n\tshadow: true,\n})\nexport class ContentSlider {\n\t/**\n\t * Wether to hide the indicator on mobile\n\t */\n\t@Prop() hideMobileIndicator: boolean = false;\n\n\t/**\n\t * Wether to disable dragging the content\n\t */\n\t@Prop() disableDrag: boolean = false;\n\n\t/**\n\t * Wether to disable auto centering the content\n\t */\n\t@Prop() disableAutoCenter: boolean = false;\n\n\t/**\n\t * Wether to disable clicking the indicator scrolls content\n\t */\n\t@Prop() disableIndicatorClick: boolean = false;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\t@State() private _visibleIndex: number;\n\t@State() private _outerHeight = 0;\n\t@State() private _totalWidth = 0;\n\tprivate _sliderRef: HTMLElement;\n\tprivate _innerSliderRef: HTMLElement;\n\tprivate _items: HTMLElement[] = [];\n\tprivate _innerSliderResizeObserver: ResizeObserver;\n\n\t// mouse movement stuff\n\tprivate _startX: number;\n\tprivate _startMouseX: number;\n\tprivate _lastMouseX: number;\n\tprivate _lastIndex: number;\n\tprivate _shouldCheckLocation = false;\n\t@State() private _dragging = false;\n\n\tcomponentDidLoad() {\n\t\tthis._innerSliderRef.style.setProperty('--tw-translate-x', `0px`);\n\t}\n\n\tdisconnectedCallback() {\n\t\tif (this._innerSliderResizeObserver) {\n\t\t\tthis._innerSliderResizeObserver.disconnect();\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-content-slider'>\n\t\t\t\t<div\n\t\t\t\t\tclass={`slider ${!this.disableDrag && 'draggable'} ${\n\t\t\t\t\t\tthis._dragging && 'dragging'\n\t\t\t\t\t}`}\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\theight: `${this._outerHeight}px`,\n\t\t\t\t\t}}\n\t\t\t\t\tref={el => (this._sliderRef = el)}\n\t\t\t\t\tonMouseDown={e => this._mouseDownHandler(e)}\n\t\t\t\t\tonTouchStart={e => this._mouseDownHandler(e)}\n\t\t\t\t\tonMouseMove={e => this._mouseMoveHandler(e)}\n\t\t\t\t\tonTouchMove={e => this._mouseMoveHandler(e)}\n\t\t\t\t>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass='inner-slider'\n\t\t\t\t\t\tref={ref => this._setInnerSliderReft(ref)}\n\t\t\t\t\t\tonTransitionEnd={() => this._transitionEndHandler()}\n\t\t\t\t\t>\n\t\t\t\t\t\t<slot onSlotchange={() => this._slotChange()} />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div class={`indicator ${this.hideMobileIndicator && 'hidden'}`}>\n\t\t\t\t\t{this._items.map((_, i) => (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tonClick={() => this._scrollTo(i, true)}\n\t\t\t\t\t\t\tclass={`item ${!this.disableIndicatorClick && 'cursor-pointer'}`}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclass={cn('block h-2 w-2 rounded-full', {\n\t\t\t\t\t\t\t\t\t'bg-dark-teal-600': i === this._visibleIndex,\n\t\t\t\t\t\t\t\t\t'bg-dark-teal-400': i !== this._visibleIndex,\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))}\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _mouseDownHandler(e) {\n\t\tif (this.disableDrag || this._dragging) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst innerSliderStyle = getComputedStyle(this._innerSliderRef);\n\t\tif (innerSliderStyle.flexWrap === 'wrap') {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._startMouseX = e.x;\n\t\tconst sliderRect = this._sliderRef.getBoundingClientRect();\n\t\tif (e.type === 'touchstart') {\n\t\t\tthis._startMouseX = e.touches?.[0].clientX;\n\t\t}\n\n\t\tconst innerSliderRect = this._innerSliderRef.getBoundingClientRect();\n\t\tconst offsetLeft = innerSliderRect.x - sliderRect.x;\n\n\t\tthis._startX = this._startMouseX - sliderRect.x - offsetLeft;\n\t\tthis._lastIndex = this._visibleIndex;\n\t\tthis._dragging = true;\n\t}\n\n\tprivate _mouseMoveHandler(e) {\n\t\tif (!e || !this._dragging || this.disableDrag) {\n\t\t\treturn;\n\t\t}\n\n\t\te.preventDefault();\n\n\t\tthis._shouldCheckLocation = true;\n\n\t\tif (this._innerSliderRef.style.getPropertyValue('pointer-events') === '') {\n\t\t\tthis._innerSliderRef.style.pointerEvents = 'none';\n\t\t}\n\n\t\tconst sliderRect = this._sliderRef.getBoundingClientRect();\n\t\tlet x = e.clientX - sliderRect.left;\n\t\tthis._lastMouseX = e.x;\n\t\tif (e.type === 'touchmove') {\n\t\t\tx = e.touches?.[0].clientX - sliderRect.left;\n\t\t\tthis._lastMouseX = e.touches?.[0].clientX;\n\t\t}\n\n\t\tthis._innerSliderRef.style.setProperty(\n\t\t\t'--tw-translate-x',\n\t\t\t`${x - this._startX}px`\n\t\t);\n\n\t\tthis._checkBoundary();\n\t\tthis._calculateIndicator();\n\t}\n\n\tprivate _transitionEndHandler() {\n\t\tthis._calculateIndicator();\n\t}\n\n\tprivate _slotChange() {\n\t\tconst items = this._el.querySelectorAll(':scope > *');\n\t\tthis._items = Array.from(items) as HTMLElement[];\n\n\t\tsetTimeout(() => {\n\t\t\tthis._calculateWidth();\n\t\t\tthis._checkBoundary();\n\t\t\tthis._calculateIndicator();\n\t\t}, 100);\n\t}\n\n\t@Listen('mouseup', { target: 'window' })\n\t@Listen('touchend', { target: 'window' })\n\tmouseUpHandler() {\n\t\tthis._dragging = false;\n\t\tthis._innerSliderRef.style.removeProperty('pointer-events');\n\n\t\tthis._checkLocation();\n\t}\n\n\t@Listen('resize', { target: 'window' })\n\tresizeHandler() {\n\t\tif (this._innerSliderRef) {\n\t\t\tthis._innerSliderRef.style.setProperty('--tw-translate-x', '0px');\n\t\t\tthis._calculateWidth();\n\t\t\tthis._calculateIndicator();\n\t\t}\n\t}\n\n\tprivate _setInnerSliderReft(ref) {\n\t\tthis._innerSliderRef = ref;\n\t\tthis._innerSliderResizeObserver = new ResizeObserver(() =>\n\t\t\tthis._calculateHeight()\n\t\t);\n\t\tthis._innerSliderResizeObserver.observe(this._innerSliderRef);\n\t}\n\n\tprivate _scrollTo(i: number, manual = false) {\n\t\tif (this.disableIndicatorClick && manual) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst el = this._items[i];\n\n\t\tif (i === 0) {\n\t\t\tthis._innerSliderRef.style.setProperty('--tw-translate-x', `0px`);\n\t\t\treturn;\n\t\t}\n\n\t\tconst sliderRect = this._sliderRef.getBoundingClientRect();\n\t\tconst innerSliderRect = this._innerSliderRef.getBoundingClientRect();\n\t\tconst elRect = el.getBoundingClientRect();\n\n\t\tconst offsetLeft = elRect.x - innerSliderRect.x;\n\n\t\tconst centerOffset = offsetLeft + elRect.width / 2 - sliderRect.width / 2;\n\n\t\tthis._innerSliderRef.style.setProperty(\n\t\t\t'--tw-translate-x',\n\t\t\t`-${centerOffset}px`\n\t\t);\n\n\t\tthis._checkBoundary();\n\t\tthis._calculateIndicator();\n\t}\n\n\tprivate _checkBoundary() {\n\t\tlet outer = this._sliderRef.getBoundingClientRect();\n\n\t\tconst left = parseInt(\n\t\t\tthis._innerSliderRef.style.getPropertyValue('--tw-translate-x')\n\t\t);\n\t\tif (left > 0) {\n\t\t\tthis._innerSliderRef.style.setProperty('--tw-translate-x', `0px`);\n\t\t}\n\n\t\tconst maxLeft = (this._totalWidth - outer.width) * -1;\n\t\tif (left < maxLeft) {\n\t\t\tthis._innerSliderRef.style.setProperty(\n\t\t\t\t'--tw-translate-x',\n\t\t\t\t`${maxLeft}px`\n\t\t\t);\n\t\t}\n\t}\n\n\tprivate _calculateIndicator() {\n\t\tfor (let i = 0; i < this._items.length; i++) {\n\t\t\tconst item = this._items[i];\n\t\t\tconst visible = this._isVisible(item);\n\n\t\t\tif (visible) {\n\t\t\t\tthis._visibleIndex = i;\n\t\t\t}\n\n\t\t\tif (i === 0 && visible) {\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t}\n\n\tprivate _checkLocation() {\n\t\tif (!this._shouldCheckLocation) {\n\t\t\treturn;\n\t\t}\n\n\t\tlet scrollToIndex = null;\n\t\tif (this._lastIndex !== this._visibleIndex) {\n\t\t\tscrollToIndex = this._visibleIndex;\n\t\t}\n\n\t\tif (this._lastIndex === this._visibleIndex) {\n\t\t\tif (this._lastMouseX > this._startMouseX && this._lastIndex !== 0) {\n\t\t\t\tscrollToIndex = this._lastIndex - 1;\n\t\t\t}\n\n\t\t\tif (\n\t\t\t\tthis._lastMouseX < this._startMouseX &&\n\t\t\t\tthis._lastIndex !== this._items?.length - 1\n\t\t\t) {\n\t\t\t\tscrollToIndex = this._lastIndex + 1;\n\t\t\t}\n\t\t}\n\n\t\tif (scrollToIndex !== null) {\n\t\t\tthis._shouldCheckLocation = false;\n\t\t\tsetTimeout(() => this._scrollTo(scrollToIndex), 100);\n\t\t}\n\t}\n\n\tprivate _isVisible(el: HTMLElement) {\n\t\tif (!this._el || !el) {\n\t\t\treturn false;\n\t\t}\n\n\t\tconst elRect = el.getBoundingClientRect();\n\t\tconst sliderRect = this._sliderRef.getBoundingClientRect();\n\n\t\treturn (\n\t\t\t(elRect.left >= sliderRect.left && elRect.right <= sliderRect.right) ||\n\t\t\t(this._isMobile(el) &&\n\t\t\t\telRect.left + elRect.width / 2 >= sliderRect.left &&\n\t\t\t\telRect.left + elRect.width / 2 <= sliderRect.right)\n\t\t);\n\t}\n\n\tprivate _calculateWidth() {\n\t\tlet totalWidth = 0;\n\n\t\tfor (let item of this._items) {\n\t\t\tconst rect = item.getBoundingClientRect();\n\t\t\ttotalWidth += rect.width;\n\t\t}\n\n\t\tconst sliderStyle = getComputedStyle(this._sliderRef);\n\t\tconst padding = parseInt(sliderStyle.padding) * 2;\n\n\t\tconst innerSliderStyle = getComputedStyle(this._innerSliderRef);\n\t\tconst gap = parseInt(innerSliderStyle.gap) * (this._items.length - 1);\n\n\t\ttotalWidth += padding + gap;\n\n\t\tthis._totalWidth = totalWidth;\n\t}\n\n\tprivate _calculateHeight() {\n\t\tconst outerHeight = this._items.at(0).getBoundingClientRect().height;\n\t\tif (outerHeight != this._outerHeight) {\n\t\t\tthis._outerHeight = outerHeight;\n\t\t}\n\t}\n\n\tprivate _isMobile(el?: HTMLElement) {\n\t\tif (!el) {\n\t\t\tel = this._items.at(0);\n\t\t}\n\n\t\tconst elRect = el.getBoundingClientRect();\n\t\tconst sliderRect = this._sliderRef.getBoundingClientRect();\n\n\t\treturn sliderRect.width - elRect.width < 10;\n\t}\n}\n"],"mappings":"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","ignoreList":[]}
|