@paperless/core 2.0.1-beta.112 → 2.0.1-beta.114

package/dist/build/p-c7c3d389.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["contentSliderComponentCss","ContentSlider","hideMobileIndicator","disableDrag","disableAutoCenter","disableIndicatorClick","_visibleIndex","_outerHeight","_totalWidth","_sliderRef","_innerSliderRef","_items","_innerSliderResizeObserver","_startX","_startMouseX","_lastMouseX","_lastIndex","_shouldCheckLocation","_dragging","componentWillRender","items","this","_el","querySelectorAll","Array","from","componentDidLoad","style","setProperty","_calculateWidth","_calculateIndicator","disconnectedCallback","disconnect","render","h","Host","key","class","height","ref","el","onMouseDown","e","_mouseDownHandler","onTouchStart","onMouseMove","_mouseMoveHandler","onTouchMove","_setInnerSliderReft","onTransitionEnd","_transitionEndHandler","map","_","i","onClick","_scrollTo","active","innerSliderStyle","getComputedStyle","flexWrap","x","sliderRect","getBoundingClientRect","type","touches","clientX","innerSliderRect","offsetLeft","preventDefault","getPropertyValue","pointerEvents","left","_checkBoundary","mouseUpHandler","removeProperty","_checkLocation","resizeHandler","ResizeObserver","_calculateHeight","observe","manual","elRect","centerOffset","width","outer","parseInt","maxLeft","length","item","visible","_isVisible","scrollToIndex","setTimeout","right","_isMobile","totalWidth","rect","sliderStyle","padding","gap","outerHeight","at"],"sources":["src/components/deprecated/molecules/content-slider/content-slider.component.scss?tag=p-content-slider&encapsulation=shadow","src/components/deprecated/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';\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\tcomponentWillRender() {\n\t\tconst items = this._el.querySelectorAll(':scope > *');\n\t\tthis._items = Array.from(items) as HTMLElement[];\n\t}\n\n\tcomponentDidLoad() {\n\t\tthis._innerSliderRef.style.setProperty('--tw-translate-x', `0px`);\n\t\tthis._calculateWidth();\n\t\tthis._calculateIndicator();\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 />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div\n\t\t\t\t\tclass={`indicator ${this.hideMobileIndicator && 'hidden'}`}\n\t\t\t\t>\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 ${\n\t\t\t\t\t\t\t\t!this.disableIndicatorClick && 'cursor-pointer'\n\t\t\t\t\t\t\t}`}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<p-slider-indicator\n\t\t\t\t\t\t\t\tactive={i === this._visibleIndex}\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 (\n\t\t\tthis._innerSliderRef.style.getPropertyValue('pointer-events') === ''\n\t\t) {\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\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 =\n\t\t\toffsetLeft + 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 &&\n\t\t\t\telRect.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":[]}

package/dist/build/p-counter.entry.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"p-counter.entry.esm.js","sources":["src/components/deprecated/atoms/counter/counter.component.scss?tag=p-counter&encapsulation=shadow","src/components/deprecated/atoms/counter/counter.component.tsx"],"sourcesContent":[":host {\n\t@apply h-4 rounded-xl bg-indigo px-2;\n\t@apply text-xs font-bold uppercase leading-3 text-white;\n\t@apply flex items-center justify-center;\n}\n\n:host(.variant-positive),\n:host(.variant-unbiased),\n:host(.variant-negative) {\n\t@apply min-w-[1rem] rounded px-1;\n}\n\n:host(.variant-positive) {\n\t@apply bg-positive-light text-positive-dark;\n}\n\n:host(.variant-unbiased) {\n\t@apply bg-unbiased-light text-unbiased-dark;\n}\n\n:host(.variant-negative) {\n\t@apply bg-negative-light text-negative-dark;\n}\n\n:host(.size-mini) {\n\t@apply h-2 w-2 min-w-0 rounded-full p-0;\n\n\tslot {\n\t\tdisplay: none;\n\t}\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-counter',\n\tstyleUrl: 'counter.component.scss',\n\tshadow: true,\n})\nexport class Counter {\n\t/**\n\t * The variant of the counter\n\t */\n\t@Prop() variant: 'info' | 'negative' | 'positive' | 'unbiased' = 'info';\n\n\t/**\n\t * The size of the counter\n\t */\n\t@Prop() size: 'default' | 'mini' = 'default';\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={`p-counter variant-${this.variant} size-${this.size}`}>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"names":[],"mappings":";;AAAA,MAAM,mBAAmB,GAAG,ynEAAynE;;MCOxoE,OAAO,GAAA,MAAA;;;;AACnB;;AAEG;IACK,OAAO,GAAkD,MAAM;AAEvE;;AAEG;IACK,IAAI,GAAuB,SAAS;IAE5C,MAAM,GAAA;AACL,QAAA,QACC,CAAA,CAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,CAAqB,kBAAA,EAAA,IAAI,CAAC,OAAO,CAAA,MAAA,EAAS,IAAI,CAAC,IAAI,CAAE,CAAA,EAAA,EACjE,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACF;;;;;;;"}

package/dist/build/p-d3102227.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as e,h as a,H as r,g as i}from"./p-DhGo7hbh.js";import{c as o}from"./p-CBWjHURv.js";import{n}from"./p-D9kEjsvZ.js";import{a as s}from"./p-C5CTp9IA.js";import{a as d,c as l,o as c,f as p,s as m}from"./p-DGLCmOXW.js";import{a as h}from"./p-BFSNj6hu.js";import"./p-ChV9xqsO.js";const w="*{box-sizing:border-box}.pointer-events-none{pointer-events:none!important}.static{position:static!important}.absolute{position:absolute!important}.relative{position:relative!important}.left-1\\/2{left:50%!important}.top-1\\/2{top:50%!important}.m-0{margin:0!important}.flex{display:flex!important}.hidden{display:none!important}.h-4{height:1rem!important}.w-4{width:1rem!important}.flex-shrink-0{flex-shrink:0!important}.-translate-x-1\\/2{--tw-translate-x:-50%!important}.-translate-x-1\\/2,.-translate-y-1\\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-translate-y-1\\/2{--tw-translate-y:-50%!important}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.cursor-not-allowed{cursor:not-allowed!important}.cursor-pointer{cursor:pointer!important}.appearance-none{appearance:none!important}.items-center{align-items:center!important}.justify-start{justify-content:flex-start!important}.gap-2{gap:.5rem!important}.rounded{border-radius:.25rem!important}.border{border-width:1px!important}.border-solid{border-style:solid!important}.border-black-teal-100{--tw-border-opacity:1!important;border-color:rgb(205 212 211/var(--tw-border-opacity,1))!important}.border-black-teal-50{--tw-border-opacity:1!important;border-color:rgb(230 234 233/var(--tw-border-opacity,1))!important}.bg-white{background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.bg-white,.bg-white-600{--tw-bg-opacity:1!important}.bg-white-600{background-color:rgb(250 250 250/var(--tw-bg-opacity,1))!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.text-black-teal{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}.text-black-teal-200{--tw-text-opacity:1!important;color:rgb(154 170 167/var(--tw-text-opacity,1))!important}.text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.shadow-1{--tw-shadow:0 1px 1px rgba(0,2,2,.08)!important;--tw-shadow-colored:0 1px 1px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.outline-none{outline:2px solid transparent!important;outline-offset:2px!important}.drop-shadow-black-teal-10\\%{--tw-drop-shadow:drop-shadow(0px 1px 0px rgba(3,42,36,.1))!important;filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.checked\\:border-black-teal\\/20:checked{border-color:rgba(3,42,36,.2)!important}.checked\\:bg-supportive-lilac:checked{--tw-bg-opacity:1!important;background-color:rgb(209 174 255/var(--tw-bg-opacity,1))!important}.checked\\:ring-2:checked{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.checked\\:ring-supportive-lilac-100:checked{--tw-ring-opacity:1!important;--tw-ring-color:rgb(246 239 255/var(--tw-ring-opacity,1))!important}.indeterminate\\:border-black-teal\\/20:indeterminate{border-color:rgba(3,42,36,.2)!important}.indeterminate\\:bg-supportive-lilac-700:indeterminate{--tw-bg-opacity:1!important;background-color:rgb(200 159 255/var(--tw-bg-opacity,1))!important}.indeterminate\\:ring-2:indeterminate{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.indeterminate\\:ring-supportive-lilac-100:indeterminate{--tw-ring-opacity:1!important;--tw-ring-color:rgb(246 239 255/var(--tw-ring-opacity,1))!important}.hover\\:border-black-teal-100:hover{--tw-border-opacity:1!important;border-color:rgb(205 212 211/var(--tw-border-opacity,1))!important}.hover\\:bg-supportive-lilac-100:hover{--tw-bg-opacity:1!important;background-color:rgb(246 239 255/var(--tw-bg-opacity,1))!important}.checked\\:hover\\:border-black-teal\\/20:hover:checked{border-color:rgba(3,42,36,.2)!important}.checked\\:hover\\:bg-supportive-lilac-700:hover:checked{--tw-bg-opacity:1!important;background-color:rgb(200 159 255/var(--tw-bg-opacity,1))!important}.indeterminate\\:hover\\:border-black-teal\\/20:hover:indeterminate{border-color:rgba(3,42,36,.2)!important}.indeterminate\\:hover\\:bg-supportive-lilac:hover:indeterminate{--tw-bg-opacity:1!important;background-color:rgb(209 174 255/var(--tw-bg-opacity,1))!important}.group\\/p-checkbox:hover .group-hover\\/p-checkbox\\:text-sm{font-size:.875rem!important;line-height:1.25rem!important}.peer:checked~.peer-checked\\:flex{display:flex!important}.peer:indeterminate~.peer-indeterminate\\:flex{display:flex!important}";const b=o(["peer appearance-none m-0 outline-none flex-shrink-0","border border-inset border-solid ","rounded w-4 h-4"],{variants:{disabled:{false:["cursor-pointer shadow-1","bg-white border-black-teal-100","hover:bg-supportive-lilac-100 hover:border-black-teal-100","checked:bg-supportive-lilac checked:border-black-teal/20","checked:ring-2 checked:ring-supportive-lilac-100","checked:hover:bg-supportive-lilac-700 checked:hover:border-black-teal/20","indeterminate:bg-supportive-lilac-700 indeterminate:border-black-teal/20","indeterminate:ring-2 indeterminate:ring-supportive-lilac-100","indeterminate:hover:bg-supportive-lilac indeterminate:hover:border-black-teal/20"],true:"bg-white-600 border-black-teal-50 cursor-not-allowed "}}});const v=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 g=o(["drop-shadow-black-teal-10% text-xs"],{variants:{disabled:{false:"group-hover/p-checkbox:text-sm",true:null}}});const f=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=n(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(r,{key:"3eb802b124beae087d7f44b338004c79c8d3b798",class:"p-checkbox"},a("label",{key:"703763ec3376e8e2d369c0a6815fbdc699ab4bed",htmlFor:t,class:"group/p-checkbox flex items-center justify-start gap-2 text-black-teal"},a("div",{key:"bc102b83245b1efff7a7c4b1a012e264dfcdee22",class:"relative flex flex-shrink-0 items-center"},a("input",{key:"db4718becb415a4c0f2f549cbf029c906f82000f",class:b({disabled:s(this.disabled)}),type:"checkbox",id:t,name:this.name,required:s(this.required),checked:s(this.checked),indeterminate:s(this.indeterminate),disabled:s(this.disabled),onChange:t=>this._onChange(t)}),a("div",{key:"541e6424d77b0c6942d28f397b28eaeb5d141ae8",class:v({disabled:s(this.disabled)})},a("p-icon",{key:"19567ffb0a8187630b23854c0bc7a38ae5871188",class:g({disabled:s(this.disabled)}),size:"auto",variant:s(this.indeterminate)?"minus":"checkmarkThick"}))),a("slot",{key:"4234759761952e11f9e3a59de42d96d647b6bc76"})))}_onChange(t){if(this.disabled){t.preventDefault();return}const e=s(t.target.checked);const a=s(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}};f.style=w;const x="*{box-sizing:border-box}.visible{visibility:visible!important}.static{position:static!important}.fixed{position:fixed!important}.absolute{position:absolute!important}.relative{position:relative!important}.z-dropdown{z-index:200!important}.block{display:block!important}.hidden{display:none!important}.w-auto{width:auto!important}.w-full{width:100%!important}.max-w-\\[13\\.875rem\\]{max-width:13.875rem!important}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:85.375rem){.container{max-width:85.375rem}}@media (min-width:90rem){.container{max-width:90rem}}@media (min-width:96rem){.container{max-width:96rem}}@media (min-width:105rem){.container{max-width:105rem}}@media (min-width:120rem){.container{max-width:120rem}}@media (min-width:160rem){.container{max-width:160rem}}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}";const u=o(["z-dropdown hidden"],{variants:{strategy:{absolute:"absolute",fixed:"fixed"},fullWidth:{false:null,true:"w-full"},maxWidth:{false:null,true:"max-w-[13.875rem]"}},compoundVariants:[{fullWidth:false,maxWidth:true,class:"w-auto"}]});const k=class{constructor(a){t(this,a);this.isOpen=e(this,"isOpen",3)}variant="default";placement="bottom-start";offset=8;strategy="absolute";show=false;usePortal=false;calculateWidth=false;applyMaxWidth=true;applyFullWidth=true;allowOverflow=false;scrollable=false;insideClick=false;disableTriggerClick=false;applyChevron=true;chevronPosition="end";chevronDirection;get _el(){return i(this)}isOpen;_loaded=false;_trigger;_menu;_cleanup;componentShouldUpdate(){this._update()}componentDidLoad(){this._checkButtons()}disconnectedCallback(){if(this._cleanup){this._cleanup();this._cleanup=null}this._menu.remove()}componentDidRender(){this._checkButtons();this._checkItems()}render(){const t={class:u({strategy:this.strategy,maxWidth:!this.calculateWidth&&this.applyMaxWidth,fullWidth:this.applyFullWidth&&!this.applyMaxWidth}),ref:t=>this._load(t),onClick:()=>this._containerClickHandler(),role:"popover","data-placement":this.placement,"data-strategy":this.strategy};let e;const i=a("slot",{key:"96f3997c1e97a32d6e89b5975e7901e2371d9946",name:"items"});if(this.usePortal){e=a("p-portal",{key:"06378b55886a476cbf48fed529d94c38dc857952",...t},a("p-dropdown-menu-container",{key:"a693c09319fcd296f55734dc8f8eaf8c14bcf49f",variant:this.variant,maxWidth:!this.calculateWidth&&this.applyMaxWidth,fullWidth:this.applyFullWidth&&!this.applyMaxWidth,allowOverflow:this.allowOverflow,scrollable:this.scrollable},i))}else{e=a("p-dropdown-menu-container",{key:"e41ba82bdfa56ee1562fe2bb4f22c09f418a8563",variant:this.variant,maxWidth:!this.calculateWidth&&this.applyMaxWidth,fullWidth:this.applyFullWidth&&!this.applyMaxWidth,allowOverflow:this.allowOverflow,scrollable:this.scrollable,...t},i)}return a(r,{key:"15098f07b49631d9dbf1785a4043398919c2d552",class:"p-dropdown relative"},a("div",{key:"98fa4f33e5d8aebc04459137e60fb26c46baf86c",class:"trigger",ref:t=>this._trigger=t,onClick:()=>this._triggerClickHandler()},a("slot",{key:"3df896877c0b85976cb8a7601cd5c3526aa870c9",name:"trigger"})),a("div",{key:"c10531089fd800e214a5fdf37d54caf50a7ada08",class:"relative w-full"},e))}_checkButtons(t=false){if(!this.applyChevron){return}const e=this._el.querySelectorAll('p-button[slot="trigger"]');for(let a of[...e]){a.disabled=this.disableTriggerClick;a.active=t;if(a.iconOnly){continue}a.chevronPosition=this.chevronPosition;a.chevron=this.chevronDirection?this.chevronDirection:this.placement.indexOf("top")>=0?"up":"down"}}_checkItems(){const t=this._el.querySelectorAll("p-dropdown-menu-item");for(let e of[...t]){e.variant=this.variant}}onShowChange(t){if(!this._loaded){return}if(!t){this._hide();return}this._show()}documentClickHandler(t){if(!this._menu.hasAttribute("data-show")||h(t,this._menu)){return}this._hide()}_containerClickHandler(){if(this.insideClick){return}if(this._menu.hasAttribute("data-show")){this._hide()}}_triggerClickHandler(){if(this.disableTriggerClick){return}if(this._menu.hasAttribute("data-show")){this._hide();return}this._show()}_load(t){this._menu=t;if(t){this._update();this._loaded=true;if(this.show){setTimeout((()=>this._show()),100)}}}_show(){if(!this._loaded){return}if(this.calculateWidth){this._menu.style.width=`${this._trigger.clientWidth}px`}this._cleanup=d(this._el,this._menu,(()=>this._update()));this._menu.setAttribute("data-show","");this._menu.classList.remove("hidden");this._menu.classList.add("block");this.isOpen.emit(true);this._checkButtons(true)}_hide(){if(!this._loaded||this.show){return}if(this._cleanup){this._cleanup();this._cleanup=null}this._menu.removeAttribute("data-show");this._menu.classList.remove("block");this._menu.classList.add("hidden");this.isOpen.emit(false);this._checkButtons(false)}_update(){if(!this._menu){return}l(this._el,this._menu,{placement:this.placement,strategy:this.strategy,middleware:[c(this.offset),p(),m()]}).then((({x:t,y:e,placement:a})=>{this._menu.dataset.placement=a;Object.assign(this._menu.style,{top:`${e}px`,left:`${t}px`})}))}static get watchers(){return{show:["onShowChange"]}}};k.style=x;const y="*{box-sizing:border-box}.z-10{z-index:10!important}.flex{display:flex!important}.max-h-\\[11\\.5rem\\]{max-height:11.5rem!important}.max-h-\\[13\\.875rem\\]{max-height:13.875rem!important}.max-h-\\[20rem\\]{max-height:20rem!important}.w-auto{width:auto!important}.w-full{width:100%!important}.max-w-\\[13\\.875rem\\]{max-width:13.875rem!important}.flex-col{flex-direction:column!important}.overflow-y-auto{overflow-y:auto!important}.overflow-x-hidden{overflow-x:hidden!important}.rounded-lg{border-radius:.5rem!important}.border{border-width:1px!important}.border-black-teal-100{--tw-border-opacity:1!important;border-color:rgb(205 212 211/var(--tw-border-opacity,1))!important}.border-dark-teal-400{--tw-border-opacity:1!important;border-color:rgb(51 116 109/var(--tw-border-opacity,1))!important}.bg-dark-teal-400{--tw-bg-opacity:1!important;background-color:rgb(51 116 109/var(--tw-bg-opacity,1))!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.p-1{padding:.25rem!important}.drop-shadow-2{--tw-drop-shadow:drop-shadow(0 1px 1px rgba(0,2,2,.04)) drop-shadow(0 2px 2px rgba(0,2,2,.04)) drop-shadow(0 4px 4px rgba(0,2,2,.04))!important}.drop-shadow-2,.drop-shadow-3{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.drop-shadow-3{--tw-drop-shadow:drop-shadow(0 1px 1px rgba(0,2,2,.08)) drop-shadow(0 2px 2px rgba(0,2,2,.08)) drop-shadow(0 4px 4px rgba(0,2,2,.08))!important}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:85.375rem){.container{max-width:85.375rem}}@media (min-width:90rem){.container{max-width:90rem}}@media (min-width:96rem){.container{max-width:96rem}}@media (min-width:105rem){.container{max-width:105rem}}@media (min-width:120rem){.container{max-width:120rem}}@media (min-width:160rem){.container{max-width:160rem}}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}";const C=o(["p-dropdown-menu-container","p-1","rounded-lg z-10","border"],{variants:{variant:{default:"bg-white border-black-teal-100 drop-shadow-2","dark-teal":"bg-dark-teal-400 drop-shadow-3 border-dark-teal-400"},fullWidth:{false:null,true:"w-full"},maxWidth:{false:null,true:"max-w-[13.875rem]"},allowOverflow:{false:"overflow-y-auto overflow-x-hidden",true:null},scrollable:{none:null,default:"max-h-[11.5rem]",large:"max-h-[13.875rem]",xlarge:"max-h-[20rem]"}},compoundVariants:[{fullWidth:false,maxWidth:true,class:"w-auto"}]});const W=class{constructor(e){t(this,e)}variant="default";maxWidth=true;class;fullWidth=true;allowOverflow=false;scrollable=false;render(){const t=this.scrollable===false?"none":this.scrollable===true?"default":this.scrollable;return a("div",{key:"9fdbc014bb777e9db6fb407c5994982b696bf8bb",class:C({class:this.class,variant:this.variant,fullWidth:s(this.fullWidth,true),allowOverflow:s(this.allowOverflow),scrollable:t,maxWidth:this.maxWidth})},a("div",{key:"899dc3bee6482e16ac442ec0afc0127c73ab3283",class:"flex w-full flex-col"},a("slot",{key:"1b6a4124637524f48812b7f4fbbb207f9b957ba0"})))}};W.style=y;const _="*{box-sizing:border-box}.block{display:block!important}.flex{display:flex!important}.h-8{height:2rem!important}.w-full{width:100%!important}.max-w-full{max-width:100%!important}.cursor-not-allowed{cursor:not-allowed!important}.cursor-pointer{cursor:pointer!important}.items-center{align-items:center!important}.gap-2{gap:.5rem!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.whitespace-nowrap{white-space:nowrap!important}.rounded-lg{border-radius:.5rem!important}.bg-dark-teal-600{--tw-bg-opacity:1!important;background-color:rgb(0 72 64/var(--tw-bg-opacity,1))!important}.bg-negative-red-100{--tw-bg-opacity:1!important;background-color:rgb(255 221 221/var(--tw-bg-opacity,1))!important}.bg-negative-red-50{--tw-bg-opacity:1!important;background-color:rgb(253 237 237/var(--tw-bg-opacity,1))!important}.bg-supportive-lilac-100{--tw-bg-opacity:1!important;background-color:rgb(246 239 255/var(--tw-bg-opacity,1))!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.py-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.text-start{text-align:start!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-medium{font-weight:500!important}.text-black-teal{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}.text-black-teal-100{--tw-text-opacity:1!important;color:rgb(205 212 211/var(--tw-text-opacity,1))!important}.text-black-teal-200{--tw-text-opacity:1!important;color:rgb(154 170 167/var(--tw-text-opacity,1))!important}.text-black-teal-300{--tw-text-opacity:1!important;color:rgb(104 127 124/var(--tw-text-opacity,1))!important}.text-dark-teal-100{--tw-text-opacity:1!important;color:rgb(204 220 218/var(--tw-text-opacity,1))!important}.text-negative-red{--tw-text-opacity:1!important;color:rgb(230 30 30/var(--tw-text-opacity,1))!important}.text-negative-red-100{--tw-text-opacity:1!important;color:rgb(255 221 221/var(--tw-text-opacity,1))!important}.text-negative-red-800{--tw-text-opacity:1!important;color:rgb(141 16 16/var(--tw-text-opacity,1))!important}.text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.opacity-40{opacity:.4!important}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:85.375rem){.container{max-width:85.375rem}}@media (min-width:90rem){.container{max-width:90rem}}@media (min-width:96rem){.container{max-width:96rem}}@media (min-width:105rem){.container{max-width:105rem}}@media (min-width:120rem){.container{max-width:120rem}}@media (min-width:160rem){.container{max-width:160rem}}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.hover\\:bg-dark-teal-500:hover{--tw-bg-opacity:1!important;background-color:rgb(0 81 72/var(--tw-bg-opacity,1))!important}.hover\\:bg-negative-red-50:hover{--tw-bg-opacity:1!important;background-color:rgb(253 237 237/var(--tw-bg-opacity,1))!important}.hover\\:bg-supportive-lilac-50:hover{--tw-bg-opacity:1!important;background-color:rgb(250 247 255/var(--tw-bg-opacity,1))!important}@keyframes wave{0%{transform:rotate(0deg)}to{transform:rotate(-15deg)}}.group:hover .group-hover\\:animate-wave{animation:wave .5s ease-in-out -.5s infinite alternate forwards!important}.group:hover .group-hover\\:text-black-teal{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}.group:hover .group-hover\\:text-negative-red-800{--tw-text-opacity:1!important;color:rgb(141 16 16/var(--tw-text-opacity,1))!important}.group:hover .group-hover\\:text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}";const z=o(["p-dropdown-menu-item flex px-2 py-1 gap-2 text-sm font-medium group rounded-lg items-center h-8 max-w-full"],{variants:{variant:{default:null,"dark-teal":null,negative:null},active:{false:null,true:null},disabled:{false:"cursor-pointer",true:"cursor-not-allowed"},enableHover:{false:null,true:null}},compoundVariants:[{variant:"default",active:false,enableHover:true,disabled:false,class:"hover:bg-supportive-lilac-50"},{variant:"default",active:true,disabled:false,class:"bg-supportive-lilac-100"},{variant:"default",disabled:false,class:"text-black-teal"},{variant:"default",disabled:true,class:"text-black-teal-200"},{variant:"default",disabled:true,active:true,class:"bg-supportive-lilac-100"},{variant:"dark-teal",active:false,enableHover:true,class:"text-white"},{variant:"dark-teal",active:false,enableHover:true,disabled:false,class:"hover:bg-dark-teal-500"},{variant:"dark-teal",active:true,class:"text-white bg-dark-teal-600"},{variant:"dark-teal",disabled:true,class:"opacity-40"},{variant:"negative",active:false,enableHover:true,disabled:false,class:"text-negative-red hover:bg-negative-red-50"},{variant:"negative",active:true,disabled:false,class:"bg-negative-red-100 text-negative-red"},{variant:"negative",disabled:true,class:"text-negative-red-100"},{variant:"negative",disabled:true,active:true,class:"bg-negative-red-50"},{enableHover:true,disabled:false,class:"cursor-pointer"}]});const j=o(["text-base"],{variants:{variant:{default:null,"dark-teal":null,negative:null},active:{false:null,true:null},disabled:{false:null,true:"text-black-teal-100"},wave:{true:"group-hover:animate-wave",false:null}},compoundVariants:[{variant:"default",active:false,disabled:false,class:"text-black-teal-300 group-hover:text-black-teal"},{variant:"dark-teal",active:false,disabled:false,class:"text-dark-teal-100 group-hover:text-white"},{variant:"negative",active:false,disabled:false,class:"text-negative-red group-hover:text-negative-red-800"},{variant:"negative",active:true,disabled:false,class:"text-negative-red-800"}]});const H=class{constructor(e){t(this,e)}active=false;checkbox=false;variant="default";enableHover=true;disabled=false;icon;iconWave=false;useContainer=true;render(){return a("div",{key:"c8acdbe3151719407cc750c90c8d55a9828efdee",class:z({variant:this.variant,active:s(this.active),enableHover:s(this.enableHover??true,true),disabled:s(this.disabled)})},this.icon&&a("p-icon",{key:"43a3a38ee417cca7db77302722d84a5d633797f7",class:j({variant:this.variant,active:s(this.active),disabled:s(this.disabled),wave:s(this.iconWave)}),variant:this.icon}),this.checkbox&&a("p-checkbox",{key:"8aa693f1df4f10709f22ee8176d6d2da00cfe494",checked:this.active,disabled:this.disabled}),this.useContainer?a("div",{class:"block w-full overflow-hidden text-ellipsis whitespace-nowrap text-start"},a("slot",null)):a("slot",null))}};H.style=_;export{f as p_checkbox,k as p_dropdown,W as p_dropdown_menu_container,H as p_dropdown_menu_item};
-//# sourceMappingURL=p-d3102227.entry.js.map

package/dist/build/p-d3102227.entry.js.map

@@ -1 +0,0 @@
-{"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","Host","key","class","htmlFor","asBoolean","type","onChange","ev","_onChange","size","variant","preventDefault","target","emit","setFormValue","dropdownComponentCss","dropdownContainerClass","strategy","absolute","fixed","fullWidth","maxWidth","compoundVariants","Dropdown","placement","offset","show","usePortal","calculateWidth","applyMaxWidth","applyFullWidth","allowOverflow","scrollable","insideClick","disableTriggerClick","applyChevron","chevronPosition","chevronDirection","isOpen","_loaded","_trigger","_menu","_cleanup","componentShouldUpdate","_update","componentDidLoad","_checkButtons","disconnectedCallback","remove","componentDidRender","_checkItems","dropdownContainerProps","ref","el","_load","onClick","_containerClickHandler","role","dropdownContainer","itemsSlot","_triggerClickHandler","active","buttons","_el","querySelectorAll","button","iconOnly","chevron","indexOf","items","item","onShowChange","_hide","_show","documentClickHandler","event","hasAttribute","childOfComposed","popover","setTimeout","style","width","clientWidth","autoUpdate","setAttribute","classList","add","removeAttribute","computePosition","middleware","flip","shift","then","x","y","dataset","Object","assign","top","left","dropdownMenuContainerComponentCss","dropdownMenuContainer","default","none","large","xlarge","DropdownMenuContainer","dropdownMenuItemComponentCss","dropdownMenuItem","negative","enableHover","dropdownMenuItemIcon","wave","DropdownMenuItem","iconWave","useContainer"],"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    AttachInternals,\n\tComponent,\n\tEvent,\n\tEventEmitter,\n\tHost,\n\tProp,\n\tState,\n\th,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { nonce } from '../../../utils/nonce';\nimport { asBoolean } from '../../../utils/as-boolean';\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'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'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],\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: 'group-hover/p-checkbox: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<Host class='p-checkbox'>\n\t\t\t\t<label\n\t\t\t\t\thtmlFor={id}\n\t\t\t\t\tclass='group/p-checkbox flex items-center justify-start gap-2 text-black-teal'\n\t\t\t\t>\n\t\t\t\t\t<div class='relative flex flex-shrink-0 items-center'>\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\tclass={checkbox({\n\t\t\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\ttype='checkbox'\n\t\t\t\t\t\t\tid={id}\n\t\t\t\t\t\t\tname={this.name}\n\t\t\t\t\t\t\trequired={asBoolean(this.required)}\n\t\t\t\t\t\t\tchecked={asBoolean(this.checked)}\n\t\t\t\t\t\t\tindeterminate={asBoolean(this.indeterminate)}\n\t\t\t\t\t\t\tdisabled={asBoolean(this.disabled)}\n\t\t\t\t\t\t\tonChange={ev => this._onChange(ev)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass={iconContainer({\n\t\t\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\t\tclass={icon({\n\t\t\t\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\tsize='auto'\n\t\t\t\t\t\t\t\tvariant={\n\t\t\t\t\t\t\t\t\tasBoolean(this.indeterminate) ? 'minus' : 'checkmarkThick'\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<slot />\n\t\t\t\t</label>\n\t\t\t</Host>\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(this.indeterminate ? \"indeterminate\" : this.checked ? \"on\" : \"off\");\n\t}\n\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 use a portal for the dropdown container\n\t */\n\t@Prop() usePortal: boolean = false;\n\n\t/**\n\t * Wether to automatically calculate the width of the menu based on the trigger\n\t */\n\t@Prop() calculateWidth: 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 _trigger: HTMLElement;\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\tconst dropdownContainerProps = {\n\t\t\tclass: dropdownContainerClass({\n\t\t\t\tstrategy: this.strategy,\n\t\t\t\tmaxWidth: !this.calculateWidth && this.applyMaxWidth,\n\t\t\t\tfullWidth: this.applyFullWidth && !this.applyMaxWidth,\n\t\t\t}),\n\t\t\tref: el => this._load(el),\n\t\t\tonClick: () => this._containerClickHandler(),\n\t\t\trole: 'popover',\n\t\t\t'data-placement': this.placement,\n\t\t\t'data-strategy': this.strategy,\n\t\t};\n\n\t\tlet dropdownContainer: HTMLElement;\n\t\tconst itemsSlot = <slot name='items' />;\n\n\t\tif (this.usePortal) {\n\t\t\tdropdownContainer = (\n\t\t\t\t<p-portal {...dropdownContainerProps}>\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.calculateWidth && 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>\n\t\t\t\t\t\t{itemsSlot}\n\t\t\t\t\t</p-dropdown-menu-container>\n\t\t\t\t</p-portal>\n\t\t\t);\n\t\t} else {\n\t\t\tdropdownContainer = (\n\t\t\t\t<p-dropdown-menu-container\n\t\t\t\t\tvariant={this.variant}\n\t\t\t\t\tmaxWidth={!this.calculateWidth && this.applyMaxWidth}\n\t\t\t\t\tfullWidth={this.applyFullWidth && !this.applyMaxWidth}\n\t\t\t\t\tallowOverflow={this.allowOverflow}\n\t\t\t\t\tscrollable={this.scrollable}\n\t\t\t\t\t{...dropdownContainerProps}\n\t\t\t\t>\n\t\t\t\t\t{itemsSlot}\n\t\t\t\t</p-dropdown-menu-container>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<Host class='p-dropdown relative'>\n\t\t\t\t<div\n\t\t\t\t\tclass='trigger'\n\t\t\t\t\tref={ref => (this._trigger = ref)}\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'>{dropdownContainer}</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\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? '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 (!this._menu.hasAttribute('data-show') || childOfComposed(event, this._menu)) {\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\t// Make the popover visible\n\t\tif (this.calculateWidth) {\n\t\t\tthis._menu.style.width = `${this._trigger.clientWidth}px`;\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['p-dropdown-menu-container', 'p-1', 'rounded-lg z-10', 'border'],\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\tallowOverflow: {\n\t\t\t\tfalse: 'overflow-y-auto overflow-x-hidden',\n\t\t\t\ttrue: null,\n\t\t\t},\n\t\t\tscrollable: {\n\t\t\t\tnone: null,\n\t\t\t\tdefault: 'max-h-[11.5rem]',\n\t\t\t\tlarge: 'max-h-[13.875rem]',\n\t\t\t\txlarge: 'max-h-[20rem]',\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\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\tallowOverflow: asBoolean(this.allowOverflow),\n\t\t\t\t\tscrollable,\n\t\t\t\t\tmaxWidth: this.maxWidth,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t<div class='flex w-full flex-col'>\n\t\t\t\t\t<slot />\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';\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 h-8 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},\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 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\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 class='block w-full overflow-hidden text-ellipsis whitespace-nowrap text-start'>\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":[]}

package/dist/build/p-d6e8bf36.entry.js

@@ -1,2 +0,0 @@
-import{r as e,h as t,H as r}from"./p-DhGo7hbh.js";const o=class{constructor(t){e(this,t)}error;forceShowTooltip=false;_showTooltip=false;render(){return t(r,{key:"6a5c9d0abcf7ef186aefbe71cb16f00198d5951b",class:"p-input-error"},t("p-tooltip",{key:"11f0175c810e2be9a479eca8f290bc2a507b152f",variant:"error",content:this.error,show:this.forceShowTooltip,onIsOpen:e=>this._showTooltip=e.detail},t("p-icon",{key:"9866eba022348ebc6157af194afae56102388271",class:`${this._showTooltip?"text-negative":"text-negative-light"} hover:text-negative`,slot:"trigger",variant:"question-circle"})))}};export{o as p_input_error};
-//# sourceMappingURL=p-d6e8bf36.entry.js.map

package/dist/build/p-d6e8bf36.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["InputError","error","forceShowTooltip","_showTooltip","render","h","Host","key","class","variant","content","this","show","onIsOpen","ev","detail","slot"],"sources":["src/components/deprecated/molecules/input/error/input-error.component.tsx"],"sourcesContent":["import { Component, h, Host, Prop, State } from '@stencil/core';\n\n@Component({\n\ttag: 'p-input-error',\n\tshadow: true,\n})\nexport class InputError {\n\t/**\n\t * The error to show\n\t */\n\t@Prop() error: string;\n\n\t/**\n\t * Wether to force show the tooltip\n\t */\n\t@Prop() forceShowTooltip = false;\n\n\t@State() private _showTooltip = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-input-error'>\n\t\t\t\t<p-tooltip\n\t\t\t\t\tvariant='error'\n\t\t\t\t\tcontent={this.error}\n\t\t\t\t\tshow={this.forceShowTooltip}\n\t\t\t\t\tonIsOpen={ev => (this._showTooltip = ev.detail)}\n\t\t\t\t>\n\t\t\t\t\t<p-icon\n\t\t\t\t\t\tclass={`${\n\t\t\t\t\t\t\tthis._showTooltip ? 'text-negative' : 'text-negative-light'\n\t\t\t\t\t\t} hover:text-negative`}\n\t\t\t\t\t\tslot='trigger'\n\t\t\t\t\t\tvariant='question-circle'\n\t\t\t\t\t/>\n\t\t\t\t</p-tooltip>\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"mappings":"wDAMaA,EAAU,M,yBAIdC,MAKAC,iBAAmB,MAEVC,aAAe,MAEhC,MAAAC,GACC,OACCC,EAACC,EAAK,CAAAC,IAAA,2CAAAC,MAAM,iBACXH,EAAA,aAAAE,IAAA,2CACCE,QAAQ,QACRC,QAASC,KAAKV,MACdW,KAAMD,KAAKT,iBACXW,SAAUC,GAAOH,KAAKR,aAAeW,EAAGC,QAExCV,EACC,UAAAE,IAAA,2CAAAC,MAAO,GACNG,KAAKR,aAAe,gBAAkB,4CAEvCa,KAAK,UACLP,QAAQ,qB","ignoreList":[]}