@paperless/core 2.0.1-beta.3 → 2.0.1-beta.5

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

@@ -1 +0,0 @@
-{"version":3,"names":["dropdownComponentCss","dropdownContainer","cva","variants","strategy","absolute","fixed","Dropdown","this","_loaded","componentShouldUpdate","_update","componentDidLoad","_checkButton","disconnectedCallback","_cleanup","render","h","Host","class","ref","_trigger","onClick","_triggerClickHandler","name","role","maxWidth","calculateWidth","applyMaxWidth","fullWidth","applyFullWidth","allowOverflow","el","_load","placement","_containerClickHandler","scrollable","applyChevron","buttons","_el","querySelectorAll","button","chevronPosition","chevron","chevronDirection","indexOf","onShowChange","show","_hide","_show","documentClickHandler","target","_menu","hasAttribute","childOf","insideClick","disableTriggerClick","popover","setTimeout","style","width","clientWidth","autoUpdate","setAttribute","isOpen","emit","removeAttribute","computePosition","middleware","offset","flip","shift","then","x","y","dataset","Object","assign","top","left","dropdownMenuItemComponentCss","dropdownMenuItem","active","false","true","disabled","enableHover","compoundVariants","dropdownMenuItemIcon","DropdownMenuItem","icon","variant","type","checked","useContainer"],"sources":["src/components/molecules/dropdown/dropdown.component.scss?tag=p-dropdown","src/components/molecules/dropdown/dropdown.component.tsx","src/components/atoms/dropdown-menu-item/dropdown-menu-item.component.scss?tag=p-dropdown-menu-item","src/components/atoms/dropdown-menu-item/dropdown-menu-item.component.tsx"],"sourcesContent":["p-dropdown {\n\tp-dropdown-menu-container {\n\t\t@apply hidden;\n\n\t\t&[data-show] {\n\t\t\t@apply flex;\n\t\t}\n\t}\n}\n","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 { childOf } from '../../../utils/child-of';\n\nconst dropdownContainer = cva(['z-dropdown'], {\n\tvariants: {\n\t\tstrategy: {\n\t\t\tabsolute: 'absolute',\n\t\t\tfixed: 'fixed',\n\t\t},\n\t},\n});\n\n@Component({\n\ttag: 'p-dropdown',\n\tstyleUrl: 'dropdown.component.scss',\n})\nexport class Dropdown {\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 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._checkButton();\n\t}\n\n\tdisconnectedCallback() {\n\t\tif (this._cleanup) {\n\t\t\tthis._cleanup();\n\t\t\tthis._cleanup = null;\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-dropdown relative w-inherit'>\n\t\t\t\t<div\n\t\t\t\t\tclass='relative w-inherit'\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<p-dropdown-menu-container\n\t\t\t\t\tclass={dropdownContainer({\n\t\t\t\t\t\tstrategy: this.strategy,\n\t\t\t\t\t})}\n\t\t\t\t\trole='popover'\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\tref={el => this._load(el)}\n\t\t\t\t\tdata-placement={this.placement}\n\t\t\t\t\tdata-strategy={this.strategy}\n\t\t\t\t\tonClick={() => this._containerClickHandler()}\n\t\t\t\t\tscrollable={this.scrollable}\n\t\t\t\t>\n\t\t\t\t\t<slot name='items' />\n\t\t\t\t</p-dropdown-menu-container>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _checkButton() {\n\t\tif (!this.applyChevron) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst buttons = this._el.querySelectorAll<HTMLPButtonElement>('p-button');\n\t\tfor (let button of buttons) {\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\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({ target }) {\n\t\tif (!this._menu.hasAttribute('data-show') || childOf(target, this._el)) {\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.isOpen.emit(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.isOpen.emit(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, Host, Prop, h } from '@stencil/core';\nimport { IconVariant } from '../icon/icon.component';\nimport { cva } from 'class-variance-authority';\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\tactive: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'bg-supportive-lilac-100',\n\t\t\t},\n\t\t\tdisabled: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'bg-supportive-lilac-100 text-black-teal-200 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\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\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\tactive: {\n\t\t\tfalse: 'text-black-teal-300',\n\t\t\ttrue: false,\n\t\t},\n\t\tdisabled: {\n\t\t\tfalse: false,\n\t\t\ttrue: 'text-black-teal-100',\n\t\t},\n\t},\n});\n\n@Component({\n\ttag: 'p-dropdown-menu-item',\n\tstyleUrl: 'dropdown-menu-item.component.scss',\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 * The variant of the item\n\t */\n\t@Prop() variant: 'default' | 'checkbox' = '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 use the container for text\n\t */\n\t@Prop() useContainer = true;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={dropdownMenuItem({\n\t\t\t\t\tactive: this.active,\n\t\t\t\t\tenableHover: this.enableHover,\n\t\t\t\t\tdisabled: this.disabled,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t{/* class={`p-dropdown-menu-item ${this.active && 'active'} ${ */}\n\t\t\t\t{/* \tthis.enableHover && 'hover' */}\n\t\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\tactive: this.active,\n\t\t\t\t\t\t\tdisabled: this.disabled,\n\t\t\t\t\t\t})}\n\t\t\t\t\t\tvariant={this.icon}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\n\t\t\t\t{this.variant === 'checkbox' && (\n\t\t\t\t\t<input\n\t\t\t\t\t\ttype='checkbox'\n\t\t\t\t\t\tclass='p-input size-small flex-shrink-0'\n\t\t\t\t\t\tchecked={this.active}\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</Host>\n\t\t);\n\t}\n}\n"],"mappings":"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"}

package/dist/paperless/p-79cc09c0.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as i,H as r}from"./p-64b68231.js";import{c as e}from"./p-8a5b8196.js";import"./p-8a1a6e56.js";const a="*{box-sizing:border-box}.static{position:static!important}.inline-block{display:inline-block!important}.flex{display:flex!important}.aspect-branding{aspect-ratio:23/24!important}.h-6{height:1.5rem!important}.h-8{height:2rem!important}.w-\\[inherit\\]{width:inherit!important}.cursor-pointer{cursor:pointer!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.gap-2{gap:.5rem!important}.rounded-full{border-radius:9999px!important}.rounded-lg{border-radius:.5rem!important}.bg-off-white-600{--tw-bg-opacity:1!important;background-color:rgb(236 234 229/var(--tw-bg-opacity,1))!important}.bg-supportive-lilac{--tw-bg-opacity:1!important;background-color:rgb(209 174 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}.pl-1{padding-left:.25rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-medium{font-weight:500!important}.font-semibold{font-weight:600!important}.text-black-teal-400{--tw-text-opacity:1!important;color:rgb(53 85 80/var(--tw-text-opacity,1))!important}.text-black-teal-500{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}.hover\\:bg-off-white:hover{--tw-bg-opacity:1!important;background-color:rgb(243 241 237/var(--tw-bg-opacity,1))!important}.hover\\:text-black-teal-500:hover{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}";const o=e(["h-8 w-[inherit]","flex items-center gap-2","text-black-teal-400 hover:text-black-teal-500","rounded-lg","py-1 px-2","text-sm font-medium","cursor-pointer"],{variants:{active:{false:["hover:bg-off-white"],true:["bg-off-white-600 text-black-teal-500 font-semibold"]},icon:{false:false,true:["pl-1"]}}});const n=e(["flex h-6 aspect-branding items-center justify-center rounded-full"],{variants:{active:{false:false,true:["bg-supportive-lilac"]}}});const p=class{constructor(i){t(this,i);this.icon=undefined;this.active=false;this.as="a";this.counter=undefined;this.href=undefined;this.target=undefined}render(){const t=this.as;return i(r,{class:"p-navigation-item inline-block"},i(t,{class:o({active:this.active,icon:!!this.icon}),href:this.href,target:this.target},i("div",{class:n({active:this.active})},i("p-icon",{variant:this.icon})),i("span",{class:this.counter&&"has-counter"},i("slot",null)),!!this.counter&&this.counter!=="0"&&i("p-badge",null,this.counter)))}};p.style=a;export{p as p_navigation_item};
-//# sourceMappingURL=p-79cc09c0.entry.js.map

package/dist/paperless/p-79cc09c0.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["navigationItemComponentCss","navigationItem","cva","variants","active","false","true","icon","navigationItemIconContainer","NavigationItem","render","TagType","this","as","h","Host","class","href","target","variant","counter"],"sources":["src/components/molecules/navigation-item/navigation-item.component.scss?tag=p-navigation-item","src/components/molecules/navigation-item/navigation-item.component.tsx"],"sourcesContent":["// :host {\n// \t@apply mb-1 inline-block w-full;\n//\n// \t> a {\n// \t\t@apply h-8 w-full cursor-pointer rounded-lg px-2 no-underline;\n// \t\t@apply flex items-center gap-2;\n// \t\t@apply font-semibold text-storm;\n//\n// \t\t@apply hover:bg-indigo-light;\n//\n// \t\t> p-icon {\n// \t\t\t@apply text-storm;\n// \t\t}\n//\n// \t\t> span {\n// \t\t\t@apply mr-auto;\n// \t\t}\n// \t}\n// }\n//\n// :host(.active) {\n// \t> a {\n// \t\t@apply bg-indigo-light text-indigo;\n//\n// \t\t> p-icon {\n// \t\t\t@apply text-indigo;\n// \t\t}\n// \t}\n// }\n","import { Component, h, Host, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { IconVariant } from '../../atoms/icon/icon.component';\n\nconst navigationItem = cva(\n\t[\n\t\t'h-8 w-[inherit]',\n\t\t'flex items-center gap-2',\n\t\t'text-black-teal-400 hover:text-black-teal-500',\n\t\t'rounded-lg',\n\t\t'py-1 px-2',\n\t\t'text-sm font-medium',\n\t\t'cursor-pointer',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tactive: {\n\t\t\t\tfalse: ['hover:bg-off-white'],\n\t\t\t\ttrue: ['bg-off-white-600 text-black-teal-500 font-semibold'],\n\t\t\t},\n\t\t\ticon: {\n\t\t\t\tfalse: false,\n\t\t\t\ttrue: ['pl-1'],\n\t\t\t},\n\t\t},\n\t}\n);\n\nconst navigationItemIconContainer = cva(\n\t['flex h-6 aspect-branding items-center justify-center rounded-full'],\n\t{\n\t\tvariants: {\n\t\t\tactive: {\n\t\t\t\tfalse: false,\n\t\t\t\ttrue: ['bg-supportive-lilac'],\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-navigation-item',\n\tstyleUrl: './navigation-item.component.scss',\n\tshadow: false,\n})\nexport class NavigationItem {\n\t/**\n\t * Icon of the navigation item\n\t */\n\t@Prop() icon!: IconVariant;\n\n\t/**\n\t * Wether the navigation item is active\n\t */\n\t@Prop() active: boolean = false;\n\n\t/**\n\t * The element to use for the navigation item\n\t */\n\t@Prop() as: string = 'a';\n\n\t/**\n\t * Icon of the navigation item\n\t */\n\t@Prop() counter: number | string;\n\n\t/**\n\t * The href of the navigation item\n\t */\n\t@Prop() href: string;\n\n\t/**\n\t * The target of the navigation item\n\t */\n\t@Prop() target: string;\n\n\trender() {\n\t\tconst TagType = this.as;\n\t\treturn (\n\t\t\t<Host class='p-navigation-item inline-block'>\n\t\t\t\t<TagType\n\t\t\t\t\tclass={navigationItem({\n\t\t\t\t\t\tactive: this.active,\n\t\t\t\t\t\ticon: !!this.icon,\n\t\t\t\t\t})}\n\t\t\t\t\thref={this.href}\n\t\t\t\t\ttarget={this.target}\n\t\t\t\t>\n\t\t\t\t\t<div class={navigationItemIconContainer({ active: this.active })}>\n\t\t\t\t\t\t<p-icon variant={this.icon} />\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<span class={this.counter && 'has-counter'}>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</span>\n\n\t\t\t\t\t{!!this.counter && this.counter !== '0' && (\n\t\t\t\t\t\t<p-badge>{this.counter}</p-badge>\n\t\t\t\t\t)}\n\t\t\t\t</TagType>\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"mappings":"8GAAA,MAAMA,EAA6B,k/CCInC,MAAMC,EAAiBC,EACtB,CACC,kBACA,0BACA,gDACA,aACA,YACA,sBACA,kBAED,CACCC,SAAU,CACTC,OAAQ,CACPC,MAAO,CAAC,sBACRC,KAAM,CAAC,uDAERC,KAAM,CACLF,MAAO,MACPC,KAAM,CAAC,YAMX,MAAME,EAA8BN,EACnC,CAAC,qEACD,CACCC,SAAU,CACTC,OAAQ,CACPC,MAAO,MACPC,KAAM,CAAC,2B,MAWEG,EAAc,M,yDASA,M,QAKL,I,iEAiBrB,MAAAC,GACC,MAAMC,EAAUC,KAAKC,GACrB,OACCC,EAACC,EAAI,CAACC,MAAM,kCACXF,EAACH,EAAO,CACPK,MAAOf,EAAe,CACrBG,OAAQQ,KAAKR,OACbG,OAAQK,KAAKL,OAEdU,KAAML,KAAKK,KACXC,OAAQN,KAAKM,QAEbJ,EAAA,OAAKE,MAAOR,EAA4B,CAAEJ,OAAQQ,KAAKR,UACtDU,EAAA,UAAQK,QAASP,KAAKL,QAGvBO,EAAA,QAAME,MAAOJ,KAAKQ,SAAW,eAC5BN,EAAA,gBAGEF,KAAKQ,SAAWR,KAAKQ,UAAY,KACnCN,EAAA,eAAUF,KAAKQ,U"}

package/dist/paperless/p-7d5f6497.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as r,h as a,H as e}from"./p-64b68231.js";import{c as i}from"./p-8a5b8196.js";import{i as o}from"./p-d5d413a1.js";import"./p-8a1a6e56.js";const n="*{box-sizing:border-box}.static{position:static!important}.inline-block{display:inline-block!important}.flex{display:flex!important}.h-10{height:2.5rem!important}.h-6{height:1.5rem!important}.h-8{height:2rem!important}.w-10{width:2.5rem!important}.w-6{width:1.5rem!important}.w-8{width:2rem!important}.w-inherit{width:inherit!important}.cursor-not-allowed{cursor:not-allowed!important}.cursor-pointer{cursor:pointer!important}.cursor-wait{cursor:wait!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.gap-2{gap:.5rem!important}.rounded-lg{border-radius:.5rem!important}.rounded-e-lg{border-end-end-radius:.5rem!important;border-start-end-radius:.5rem!important}.rounded-s-lg{border-end-start-radius:.5rem!important;border-start-start-radius:.5rem!important}.border{border-width:1px!important}.border-b{border-bottom-width:1px!important}.border-black-teal\\/10{border-color:rgba(3,42,36,.1)!important}.border-black-teal\\/20{border-color:rgba(3,42,36,.2)!important}.border-teal{border-color:rgb(8 136 121/var(--tw-border-opacity,1))!important}.border-teal,.border-teal-100{--tw-border-opacity:1!important}.border-teal-100{border-color:rgb(206 231 228/var(--tw-border-opacity,1))!important}.bg-supportive-lilac{--tw-bg-opacity:1!important;background-color:rgb(209 174 255/var(--tw-bg-opacity,1))!important}.bg-supportive-lilac-100{--tw-bg-opacity:1!important;background-color:rgb(246 239 255/var(--tw-bg-opacity,1))!important}.bg-transparent{background-color:transparent!important}.bg-white{background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.bg-white,.bg-white-600{--tw-bg-opacity:1!important}.bg-white-600{background-color:rgb(250 250 250/var(--tw-bg-opacity,1))!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.px-3{padding-left:.75rem!important;padding-right:.75rem!important}.py-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-semibold{font-weight:600!important}.leading-4{line-height:1rem!important}.text-black-teal{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}.text-black-teal-100{--tw-text-opacity:1!important;color:rgb(205 212 211/var(--tw-text-opacity,1))!important}.text-dark-teal-100{--tw-text-opacity:1!important;color:rgb(204 220 218/var(--tw-text-opacity,1))!important}.text-dark-teal-100\\/60{color:rgba(204,220,218,.6)!important}.text-teal{color:rgb(8 136 121/var(--tw-text-opacity,1))!important}.text-teal,.text-teal-100{--tw-text-opacity:1!important}.text-teal-100{color:rgb(206 231 228/var(--tw-text-opacity,1))!important}.underline{text-decoration-line:underline!important}.drop-shadow-1{--tw-drop-shadow:drop-shadow(0 1px 1px rgba(0,2,2,.08))!important}.drop-shadow-1,.drop-shadow-supportive-lilac{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.drop-shadow-supportive-lilac{--tw-drop-shadow:drop-shadow(0px 1px 1px 0px rgba(189,140,255,.2))!important}.hover\\:bg-dark-teal:hover{--tw-bg-opacity:1!important;background-color:rgb(0 81 72/var(--tw-bg-opacity,1))!important}.hover\\:bg-supportive-lilac-700:hover{--tw-bg-opacity:1!important;background-color:rgb(200 159 255/var(--tw-bg-opacity,1))!important}.hover\\:bg-white-600:hover{--tw-bg-opacity:1!important;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))!important}.hover\\:drop-shadow-1:hover{--tw-drop-shadow:drop-shadow(0 1px 1px rgba(0,2,2,.08))!important}.hover\\:drop-shadow-1:hover,.hover\\:drop-shadow-2:hover{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.hover\\:drop-shadow-2:hover{--tw-drop-shadow:drop-shadow(0 1px 1px rgba(0,2,2,.04)) drop-shadow(0 2px 2px rgba(0,2,2,.04)) drop-shadow(0 4px 4px rgba(0,2,2,.04))!important}.active\\:border-supportive-lilac-800:active{--tw-border-opacity:1!important;border-color:rgb(189 140 255/var(--tw-border-opacity,1))!important}.active\\:text-black-teal\\/60:active{color:rgba(3,42,36,.6)!important}.active\\:text-dark-teal-100\\/60:active{color:rgba(204,220,218,.6)!important}.active\\:text-teal-800:active{--tw-text-opacity:1!important;color:rgb(2 102 92/var(--tw-text-opacity,1))!important}.active\\:ring:active{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important}.active\\:ring-2:active,.active\\:ring:active{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.active\\:ring-2:active{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important}.active\\:ring-black-teal\\/10:active{--tw-ring-color:rgba(3,42,36,.1)!important}.active\\:ring-supportive-lilac-100:active{--tw-ring-opacity:1!important;--tw-ring-color:rgb(246 239 255/var(--tw-ring-opacity,1))!important}";const s=i(["group","font-semibold leading-4","flex items-center justify-center gap-2","cursor-pointer"],{variants:{variant:{primary:["bg-supportive-lilac border-black-teal/20"],secondary:["bg-white border-black-teal/10"],text:["text-teal"],transparent:["bg-transparent"]},active:{true:null,false:null},loading:{true:"cursor-wait",false:null},size:{sm:["text-xs h-6"],base:["text-sm h-8"],lg:["text-base h-10"]},disabled:{true:"cursor-not-allowed",false:null},underline:{true:null,false:null},buttonGroupPosition:{none:null,start:null,center:null,end:null},iconOnly:{true:"justify-center",false:"w-inherit py-1"}},compoundVariants:[{variant:["primary","secondary"],disabled:false,class:"border"},{variant:["primary","secondary"],disabled:false,loading:false,class:"active:border-supportive-lilac-800 active:ring active:ring-2 "},{variant:["primary","secondary","transparent"],buttonGroupPosition:"none",class:"rounded-lg"},{variant:["primary","secondary","transparent"],buttonGroupPosition:"start",class:"rounded-s-lg"},{variant:["primary","secondary","transparent"],buttonGroupPosition:"end",class:"rounded-e-lg"},{variant:["primary","secondary"],disabled:false,class:"text-black-teal"},{variant:"primary",disabled:true,class:"bg-supportive-lilac-100 text-black-teal-100"},{variant:"primary",disabled:false,loading:false,class:"drop-shadow-supportive-lilac hover:drop-shadow-2 hover:bg-supportive-lilac-700 active:text-black-teal/60 active:ring-black-teal/10"},{variant:"secondary",disabled:true,class:"border bg-white-600 text-black-teal-100"},{variant:"secondary",disabled:false,loading:false,class:"drop-shadow-1 hover:drop-shadow-1 hover:bg-white-600 active:text-black-teal/60 active:ring-supportive-lilac-100"},{variant:"text",underline:true,disabled:false,class:"border-b border-teal"},{variant:"text",underline:true,disabled:true,class:"border-b border-teal-100"},{variant:"text",disabled:true,class:"text-teal-100"},{variant:"text",disabled:false,loading:false,class:"active:text-teal-800"},{variant:"transparent",disabled:false,class:"text-dark-teal-100"},{variant:"transparent",disabled:false,loading:false,class:"hover:bg-dark-teal active:text-dark-teal-100/60"},{variant:"transparent",disabled:true,class:"text-dark-teal-100/60"},{variant:["primary","secondary","transparent"],size:["base","sm"],iconOnly:false,class:"px-2"},{variant:["primary","secondary","transparent"],size:"lg",iconOnly:false,class:"px-3"},{iconOnly:false,class:"py-1"},{size:"sm",iconOnly:true,class:"w-6"},{size:"base",iconOnly:true,class:"w-8"},{size:"lg",iconOnly:true,class:"w-10"}]});const l=i([],{variants:{size:{sm:"text-sm",base:"text-base",lg:"text-base"}}});const p=class{constructor(a){t(this,a);this.onClick=r(this,"onClick",3);this.as="button";this.variant="primary";this.underline=true;this.href=undefined;this.target=undefined;this.size="base";this.type="button";this.loading=false;this.chevron=false;this.chevronPosition="end";this.disabled=false;this.icon=undefined;this.iconOnly=false;this.iconPosition="end";this.iconFlip=undefined;this.iconRotate=undefined;this.inheritText=false;this.buttonGroupPosition="none"}render(){var t;let r="white";switch(this.variant){case"secondary":r="storm";break;case"text":r="indigo";break}const i=this.variant==="text"||((t=this.href)===null||t===void 0?void 0:t.length)||this.as==="a"?"a":"button";return a(e,{class:"p-button inline-block"},a(i,{disabled:this.disabled,href:this.href,type:this.variant!=="text"?this.type:undefined,target:this.target,class:s({variant:this.variant,size:this.size,underline:this.underline,loading:this.loading,disabled:this.disabled,buttonGroupPosition:this.buttonGroupPosition,iconOnly:this.iconOnly})},this.chevron&&this.chevronPosition==="start"&&a("p-icon",{variant:"caret",rotate:this.chevron==="up"?180:0}),this.icon&&this.iconPosition==="start"&&!(this.iconOnly&&this.loading)&&this._getIcon(),a("slot",null),this.icon&&this.iconPosition==="end"&&!this.loading&&!this.chevron&&this._getIcon(),this.chevron&&!this.loading&&this.chevronPosition==="end"&&a("p-icon",{variant:"caret",rotate:this.chevron==="up"?180:0}),this.loading&&a("p-loader",{color:r})))}handleClick(t){if(this.loading||this.disabled){t.preventDefault();return}this.onClick.emit(t)}_getIcon(){if(!this.icon){return}return a("p-icon",{class:l({size:this.size}),variant:this.icon,flip:this.iconFlip,rotate:this.iconRotate})}};p.style=n;const d="*{box-sizing:border-box}:host{-webkit-transform-origin:50% 51%}.static{position:static!important}.flex{display:flex!important}.scale-\\[0\\.99\\]{--tw-scale-x:0.99!important;--tw-scale-y:0.99!important}.scale-\\[0\\.99\\],.scale-x-flip{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.scale-x-flip{--tw-scale-x:-1!important}.scale-y-flip{--tw-scale-y:-1!important}.scale-y-flip,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.transform-gpu{transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.text-2xl{font-size:1.5rem!important;line-height:2rem!important}.text-3xl{font-size:2rem!important;line-height:2.5rem!important}.text-4xl{font-size:2.5rem!important;line-height:3rem!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-lg{font-size:1.125rem!important;line-height:1.75rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xl{font-size:1.25rem!important;line-height:1.75rem!important}.text-xs{font-size:.75rem!important}.text-xs,.text-xxs{line-height:1rem!important}.text-xxs{font-size:.5rem!important}";const c=i(["p-icon flex"],{variants:{flip:{none:null,horizontal:"scale-x-flip",vertical:"scale-y-flip"},size:{auto:"text-auto",xxs:"text-xxs",xs:"text-xs",sm:"text-sm",base:"text-base",lg:"text-lg",xl:"text-xl","2xl":"text-2xl","3xl":"text-3xl","4xl":"text-4xl"},transform:{true:"transform-gpu scale-[0.99]",false:null}}});const h=class{constructor(r){t(this,r);this.variant=undefined;this.size="auto";this.rotate=0;this.flip="none"}render(){const t=o[this.variant];return a(e,{class:c({flip:this.flip,size:this.size,transform:this.flip!=="none"||this.rotate>0||this.rotate<0}),style:{"--tw-rotate":`${this.rotate}deg`},innerHTML:t})}};h.style=d;const m=".fixed{position:fixed!important}.top-0{top:0!important}.box-border{box-sizing:border-box!important}.block{display:block!important}.inline-block{display:inline-block!important}.flex{display:flex!important}.h-\\[1em\\]{height:1em!important}.w-\\[1em\\]{width:1em!important}.w-full{width:100%!important}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.items-center{align-items:center!important}.border-2{border-width:2px!important}.border-solid{border-style:solid!important}.border-indigo-light{--tw-border-opacity:1!important;border-color:rgb(241 246 255/var(--tw-border-opacity,1))!important}.border-indigo-light\\/40{border-color:rgba(241,246,255,.4)!important}.border-storm-light\\/40{border-color:rgba(176,178,203,.4)!important}.border-t-storm{--tw-border-opacity:1!important;border-top-color:rgb(81 83 107/var(--tw-border-opacity,1))!important}.border-t-white{--tw-border-opacity:1!important;border-top-color:rgb(255 255 255/var(--tw-border-opacity,1))!important}.ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.h-screen-safe{height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important}.w-screen-safe{width:calc(100vw - env(safe-area-inset-left) - env(safe-area-inset-right))!important}*{box-sizing:border-box}:host .loader{--tw-border-opacity:1;animation:spin .5s linear infinite;border-color:rgb(241 246 255/var(--tw-border-opacity,1));border-radius:9999px;border-style:solid;border-top:solid rgb(82 138 250/var(--tw-border-opacity,1));border-width:2px;display:inline-block;height:1em;width:1em;will-change:transform}:host .loader.color-storm{--tw-border-opacity:1!important;border-color:rgba(176,178,203,.4)!important;border-top-color:rgb(81 83 107/var(--tw-border-opacity,1))!important}:host .loader.color-white{--tw-border-opacity:1!important;border-color:rgba(241,246,255,.4)!important;border-top-color:rgb(255 255 255/var(--tw-border-opacity,1))!important}:host .loading-screen{--tw-bg-opacity:1;align-items:center;background-color:rgb(247 250 252/var(--tw-bg-opacity,1));display:flex;height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom));justify-content:center;left:0;position:fixed;top:0;width:calc(100vw - env(safe-area-inset-left) - env(safe-area-inset-right));z-index:1001}:host .loading-screen .content{max-width:20rem}:host .loading-screen .content .loader-wrapper{display:flex;justify-content:center;width:100%}:host .loading-screen .content .loader-wrapper .loader{font-size:2.5rem;line-height:3rem}:host(.variant-ghost){--loading-bg:#f7fafc;--loading-stripe:#fcfdfe;animation:loading 1s ease-in-out infinite;background-color:var(--loading-bg);background:linear-gradient(100deg,hsla(0,0%,100%,0) 40%,var(--loading-stripe) 50%,hsla(0,0%,100%,0) 60%) var(--loading-bg);background-position-x:180%;background-size:200% 100%;box-sizing:border-box;display:block;min-height:1em;min-width:1em;will-change:background,background-position-x,background-color}@keyframes loading{to{background-position-x:-20%}}@keyframes spin{to{transform:rotate(1turn)}}.static{position:static!important}.inline{display:inline!important}.justify-center{justify-content:center!important}.text-4xl{font-size:2.5rem!important;line-height:3rem!important}";const b=class{constructor(r){t(this,r);this._show=this.show;this._loader=a("div",{class:`loader color-${this.color}`});this.show=true;this.variant="inline";this.color="indigo";this.modalTitle=undefined;this.modalDescription=undefined}componentWillRender(){this._checkShow()}componentShouldUpdate(){this._checkShow()}render(){if(!this._show){return}if(this.variant==="ghost"){return a(e,{class:"p-loader variant-ghost"})}if(this.variant==="full-screen"){return a(e,{class:"p-loader variant-full-screen"},a("div",{class:"loading-screen"},a("div",{class:"content"},a("slot",null),a("div",{class:"loader-wrapper"},this._loader))))}return a(e,{class:`p-loader variant-default flex ${this.variant==="full-width"&&"w-full flex justify-center text-4xl"}`},this._loader)}_checkShow(){var t;if(this._showSubscriber){this._showSubscriber.unsubscribe();this._showSubscriber=null}if(typeof this.show!=="boolean"){this._showSubscriber=(t=this.show)===null||t===void 0?void 0:t.subscribe((t=>this._show=t));return}this._show=this.show}};b.style=m;export{p as p_button,h as p_icon,b as p_loader};
-//# sourceMappingURL=p-7d5f6497.entry.js.map

package/dist/paperless/p-7d5f6497.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["buttonComponentCss","button","cva","variants","variant","primary","secondary","text","transparent","active","true","false","loading","size","sm","base","lg","disabled","underline","buttonGroupPosition","none","start","center","end","iconOnly","compoundVariants","class","icon","Button","render","loaderColor","this","VariableTag","_a","href","length","as","h","Host","type","undefined","target","chevron","chevronPosition","rotate","iconPosition","_getIcon","color","handleClick","ev","preventDefault","onClick","emit","flip","iconFlip","iconRotate","iconComponentCss","horizontal","vertical","auto","xxs","xs","xl","transform","Icon","svg","icons","style","innerHTML","loaderComponentCss","Loader","_show","show","_loader","componentWillRender","_checkShow","componentShouldUpdate","_showSubscriber","unsubscribe","subscribe"],"sources":["src/components/molecules/button/button.component.scss?tag=p-button","src/components/molecules/button/button.component.tsx","src/components/atoms/icon/icon.component.scss?tag=p-icon","src/components/atoms/icon/icon.component.tsx","src/components/atoms/loader/loader.component.scss?tag=p-loader&encapsulation=shadow","src/components/atoms/loader/loader.component.tsx"],"sourcesContent":[null,"import {\n\tComponent,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tProp,\n} from '@stencil/core';\nimport { RotateOptions } from '../../../types/tailwind';\nimport { IconFlipOptions, IconVariant } from '../../atoms/icon/icon.component';\nimport { cva } from 'class-variance-authority';\n\nconst button = cva(\n\t[\n\t\t'group',\n\t\t'font-semibold leading-4',\n\t\t'flex items-center justify-center gap-2',\n\t\t'cursor-pointer',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tprimary: ['bg-supportive-lilac border-black-teal/20'],\n\t\t\t\tsecondary: ['bg-white border-black-teal/10'],\n\t\t\t\ttext: ['text-teal'],\n\t\t\t\ttransparent: ['bg-transparent'],\n\t\t\t},\n\t\t\tactive: {\n\t\t\t\ttrue: null,\n\t\t\t\tfalse: null,\n\t\t\t},\n\t\t\tloading: {\n\t\t\t\ttrue: 'cursor-wait',\n\t\t\t\tfalse: null,\n\t\t\t},\n\t\t\tsize: {\n\t\t\t\tsm: ['text-xs h-6'],\n\t\t\t\tbase: ['text-sm h-8'],\n\t\t\t\tlg: ['text-base h-10'],\n\t\t\t},\n\t\t\tdisabled: {\n\t\t\t\ttrue: 'cursor-not-allowed',\n\t\t\t\tfalse: null,\n\t\t\t},\n\t\t\tunderline: {\n\t\t\t\ttrue: null,\n\t\t\t\tfalse: null,\n\t\t\t},\n\t\t\tbuttonGroupPosition: {\n\t\t\t\tnone: null,\n\t\t\t\tstart: null,\n\t\t\t\tcenter: null,\n\t\t\t\tend: null,\n\t\t\t},\n\t\t\ticonOnly: {\n\t\t\t\ttrue: 'justify-center',\n\t\t\t\tfalse: 'w-inherit py-1',\n\t\t\t},\n\t\t},\n\t\tcompoundVariants: [\n\t\t\t// variants\n\t\t\t{\n\t\t\t\tvariant: ['primary', 'secondary'],\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'border',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['primary', 'secondary'],\n\t\t\t\tdisabled: false,\n\t\t\t\tloading: false,\n\t\t\t\tclass: 'active:border-supportive-lilac-800 active:ring active:ring-2 ',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['primary', 'secondary', 'transparent'],\n\t\t\t\tbuttonGroupPosition: 'none',\n\t\t\t\tclass: 'rounded-lg',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['primary', 'secondary', 'transparent'],\n\t\t\t\tbuttonGroupPosition: 'start',\n\t\t\t\tclass: 'rounded-s-lg',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['primary', 'secondary', 'transparent'],\n\t\t\t\tbuttonGroupPosition: 'end',\n\t\t\t\tclass: 'rounded-e-lg',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['primary', 'secondary'],\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'text-black-teal',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'primary',\n\t\t\t\tdisabled: true,\n\t\t\t\tclass: 'bg-supportive-lilac-100 text-black-teal-100',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'primary',\n\t\t\t\tdisabled: false,\n\t\t\t\tloading: false,\n\t\t\t\tclass:\n\t\t\t\t\t'drop-shadow-supportive-lilac hover:drop-shadow-2 hover:bg-supportive-lilac-700 active:text-black-teal/60 active:ring-black-teal/10',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'secondary',\n\t\t\t\tdisabled: true,\n\t\t\t\tclass: 'border bg-white-600 text-black-teal-100',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'secondary',\n\t\t\t\tdisabled: false,\n\t\t\t\tloading: false,\n\t\t\t\tclass:\n\t\t\t\t\t'drop-shadow-1 hover:drop-shadow-1 hover:bg-white-600 active:text-black-teal/60 active:ring-supportive-lilac-100',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tvariant: 'text',\n\t\t\t\tunderline: true,\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'border-b border-teal',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'text',\n\t\t\t\tunderline: true,\n\t\t\t\tdisabled: true,\n\t\t\t\tclass: 'border-b border-teal-100',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'text',\n\t\t\t\tdisabled: true,\n\t\t\t\tclass: 'text-teal-100',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'text',\n\t\t\t\tdisabled: false,\n\t\t\t\tloading: false,\n\t\t\t\tclass: 'active:text-teal-800',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tvariant: 'transparent',\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'text-dark-teal-100',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'transparent',\n\t\t\t\tdisabled: false,\n\t\t\t\tloading: false,\n\t\t\t\tclass: 'hover:bg-dark-teal active:text-dark-teal-100/60',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'transparent',\n\t\t\t\tdisabled: true,\n\t\t\t\tclass: 'text-dark-teal-100/60',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tvariant: ['primary', 'secondary', 'transparent'],\n\t\t\t\tsize: ['base', 'sm'],\n\t\t\t\ticonOnly: false,\n\t\t\t\tclass: 'px-2',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['primary', 'secondary', 'transparent'],\n\t\t\t\tsize: 'lg',\n\t\t\t\ticonOnly: false,\n\t\t\t\tclass: 'px-3',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\ticonOnly: false,\n\t\t\t\tclass: 'py-1',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tsize: 'sm',\n\t\t\t\ticonOnly: true,\n\t\t\t\tclass: 'w-6',\n\t\t\t},\n\t\t\t{\n\t\t\t\tsize: 'base',\n\t\t\t\ticonOnly: true,\n\t\t\t\tclass: 'w-8',\n\t\t\t},\n\t\t\t{\n\t\t\t\tsize: 'lg',\n\t\t\t\ticonOnly: true,\n\t\t\t\tclass: 'w-10',\n\t\t\t},\n\t\t],\n\t}\n);\n\nconst icon = cva([], {\n\tvariants: {\n\t\tsize: {\n\t\t\tsm: 'text-sm',\n\t\t\tbase: 'text-base',\n\t\t\tlg: 'text-base',\n\t\t},\n\t},\n});\n\n@Component({\n\ttag: 'p-button',\n\tstyleUrl: 'button.component.scss',\n})\nexport class Button {\n\t/**\n\t * The type of the button\n\t */\n\t@Prop() as: 'a' | 'button' = 'button';\n\n\t/**\n\t * The variant of the button\n\t */\n\t@Prop() variant: 'primary' | 'secondary' | 'transparent' | 'text' = 'primary';\n\n\t/**\n\t * Wether the text variant has underline\n\t */\n\t@Prop() underline: boolean = true;\n\n\t/**\n\t * Href in case of \"text\" version\n\t */\n\t@Prop() href: string;\n\n\t/**\n\t * Target in case of \"text\" version\n\t */\n\t@Prop() target: string;\n\n\t/**\n\t * The size of the button\n\t */\n\t@Prop() size: 'sm' | 'base' | 'lg' = 'base';\n\n\t/**\n\t * The type of the button\n\t */\n\t@Prop() type: 'button' | 'submit' = 'button';\n\n\t/**\n\t * Wether to show a loader or not\n\t */\n\t@Prop() loading: boolean = false;\n\n\t/**\n\t * Wether to show a chevron or not\n\t */\n\t@Prop() chevron: boolean | 'up' | 'down' = false;\n\n\t/**\n\t * Chevron position\n\t */\n\t@Prop() chevronPosition: 'start' | 'end' = 'end';\n\n\t/**\n\t * Wether the button is disabled\n\t */\n\t@Prop() disabled: boolean = false;\n\n\t/**\n\t * Icon to show on the button\n\t */\n\t@Prop() icon: IconVariant;\n\n\t/**\n\t * Wether the button is icon only\n\t */\n\t@Prop() iconOnly: boolean = false;\n\n\t/**\n\t * Icon position\n\t */\n\t@Prop() iconPosition: 'start' | 'end' = 'end';\n\n\t/**\n\t * Icon flip\n\t */\n\t@Prop() iconFlip: IconFlipOptions;\n\n\t/**\n\t * Icon rotate\n\t */\n\t@Prop() iconRotate: RotateOptions;\n\n\t/**\n\t * Wether the button should inherit text styles\n\t */\n\t@Prop() inheritText: boolean = false;\n\n\t/**\n\t * Position of the button in the button group, mostly un-used if not in a group\n\t */\n\t@Prop() buttonGroupPosition: 'start' | 'center' | 'end' | 'none' = 'none';\n\n\t/**\n\t * Button click event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tonClick: EventEmitter<MouseEvent>;\n\n\trender() {\n\t\tlet loaderColor: 'white' | 'storm' | 'indigo' = 'white';\n\t\tswitch (this.variant) {\n\t\t\tcase 'secondary':\n\t\t\t\tloaderColor = 'storm';\n\t\t\t\tbreak;\n\t\t\tcase 'text':\n\t\t\t\tloaderColor = 'indigo';\n\t\t\t\tbreak;\n\t\t}\n\n\t\tconst VariableTag =\n\t\t\tthis.variant === 'text' || this.href?.length || this.as === 'a'\n\t\t\t\t? 'a'\n\t\t\t\t: 'button';\n\n\t\treturn (\n\t\t\t<Host class='p-button inline-block'>\n\t\t\t\t<VariableTag\n\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\thref={this.href}\n\t\t\t\t\ttype={this.variant !== 'text' ? this.type : undefined}\n\t\t\t\t\ttarget={this.target}\n\t\t\t\t\tclass={button({\n\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t\tsize: this.size,\n\t\t\t\t\t\tunderline: this.underline,\n\t\t\t\t\t\tloading: this.loading,\n\t\t\t\t\t\tdisabled: this.disabled,\n\t\t\t\t\t\tbuttonGroupPosition: this.buttonGroupPosition,\n\t\t\t\t\t\ticonOnly: this.iconOnly,\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t{this.chevron && this.chevronPosition === 'start' && (\n\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\tvariant='caret'\n\t\t\t\t\t\t\trotate={this.chevron === 'up' ? 180 : 0}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{this.icon &&\n\t\t\t\t\t\tthis.iconPosition === 'start' &&\n\t\t\t\t\t\t!(this.iconOnly && this.loading) &&\n\t\t\t\t\t\tthis._getIcon()}\n\n\t\t\t\t\t<slot />\n\n\t\t\t\t\t{this.icon &&\n\t\t\t\t\t\tthis.iconPosition === 'end' &&\n\t\t\t\t\t\t!this.loading &&\n\t\t\t\t\t\t!this.chevron &&\n\t\t\t\t\t\tthis._getIcon()}\n\n\t\t\t\t\t{this.chevron && !this.loading && this.chevronPosition === 'end' && (\n\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\tvariant='caret'\n\t\t\t\t\t\t\trotate={this.chevron === 'up' ? 180 : 0}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{this.loading && <p-loader color={loaderColor} />}\n\t\t\t\t</VariableTag>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t@Listen('click', { capture: true })\n\thandleClick(ev: MouseEvent) {\n\t\tif (this.loading || this.disabled) {\n\t\t\tev.preventDefault();\n\t\t\treturn;\n\t\t}\n\n\t\tthis.onClick.emit(ev);\n\t}\n\n\tprivate _getIcon() {\n\t\tif (!this.icon) {\n\t\t\treturn;\n\t\t}\n\n\t\treturn (\n\t\t\t<p-icon\n\t\t\t\tclass={icon({\n\t\t\t\t\tsize: this.size,\n\t\t\t\t})}\n\t\t\t\tvariant={this.icon}\n\t\t\t\tflip={this.iconFlip}\n\t\t\t\trotate={this.iconRotate}\n\t\t\t/>\n\t\t);\n\t}\n}\n",":host {\n\t-webkit-transform-origin: 50% 51%;\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { TextSizeOptions } from '../../../types/tailwind';\nimport { icons } from '../../../utils/icons';\n\nexport type IconVariant = keyof typeof icons;\nexport type IconFlipOptions = 'none' | 'horizontal' | 'vertical';\n\nconst icon = cva(['p-icon flex'], {\n\tvariants: {\n\t\tflip: {\n\t\t\tnone: null,\n\t\t\thorizontal: 'scale-x-flip',\n\t\t\tvertical: 'scale-y-flip',\n\t\t},\n\t\tsize: {\n\t\t\tauto: 'text-auto',\n\t\t\txxs: 'text-xxs',\n\t\t\txs: 'text-xs',\n\t\t\tsm: 'text-sm',\n\t\t\tbase: 'text-base',\n\t\t\tlg: 'text-lg',\n\t\t\txl: 'text-xl',\n\t\t\t'2xl': 'text-2xl',\n\t\t\t'3xl': 'text-3xl',\n\t\t\t'4xl': 'text-4xl',\n\t\t},\n\t\ttransform: {\n\t\t\ttrue: 'transform-gpu scale-[0.99]',\n\t\t\tfalse: null,\n\t\t},\n\t},\n});\n\n@Component({\n\ttag: 'p-icon',\n\tstyleUrl: 'icon.component.scss',\n\t// shadow: true,\n})\nexport class Icon {\n\t/**\n\t * The icon the be displayed\n\t */\n\t@Prop() variant!: IconVariant;\n\n\t/**\n\t * The size of the icon, using tailwind sizes\n\t */\n\t@Prop() size: TextSizeOptions = 'auto';\n\n\t/**\n\t * Wether to rotate the icon x degrees\n\t */\n\t@Prop() rotate: number = 0;\n\n\t/**\n\t * Wether to flip the icon horizontally or vertically\n\t */\n\t@Prop() flip: IconFlipOptions = 'none';\n\n\trender() {\n\t\tconst svg = icons[this.variant];\n\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={icon({\n\t\t\t\t\tflip: this.flip,\n\t\t\t\t\tsize: this.size,\n\t\t\t\t\ttransform: this.flip !== 'none' || this.rotate > 0 || this.rotate < 0,\n\t\t\t\t})}\n\t\t\t\tstyle={{\n\t\t\t\t\t'--tw-rotate': `${this.rotate}deg`,\n\t\t\t\t}}\n\t\t\t\tinnerHTML={svg}\n\t\t\t></Host>\n\t\t);\n\t}\n}\n",":host {\n\t.loader {\n\t\t@apply inline-block h-[1em] w-[1em] rounded-full;\n\t\t@apply border-2 border-solid border-indigo-light border-t-indigo;\n\t\tanimation: 500ms spin linear infinite;\n\n\t\twill-change: transform;\n\n\t\t&.color-storm {\n\t\t\t@apply border-storm-light/40 border-t-storm #{!important};\n\t\t}\n\n\t\t&.color-white {\n\t\t\t@apply border-indigo-light/40 border-t-white #{!important};\n\t\t}\n\t}\n\n\t.loading-screen {\n\t\t@apply w-screen-safe h-screen-safe fixed top-0 left-0;\n\t\t@apply flex items-center justify-center;\n\t\t@apply bg-mystic;\n\n\t\tz-index: 1001;\n\n\t\t.content {\n\t\t\t@apply max-w-xs;\n\n\t\t\t.loader-wrapper {\n\t\t\t\t@apply flex w-full justify-center;\n\n\t\t\t\t.loader {\n\t\t\t\t\t@apply text-4xl;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n:host(.variant-ghost) {\n\t@apply box-border block;\n\n\twill-change: background, background-position-x, background-color;\n\n\tmin-height: 1em;\n\tmin-width: 1em;\n\n\t--loading-bg: #f7fafc;\n\t--loading-stripe: rgba(252, 253, 254, 1);\n\n\tbackground-color: var(--loading-bg);\n\tbackground: linear-gradient(\n\t\t\t100deg,\n\t\t\trgba(255, 255, 255, 0) 40%,\n\t\t\tvar(--loading-stripe) 50%,\n\t\t\trgba(255, 255, 255, 0) 60%\n\t\t)\n\t\tvar(--loading-bg);\n\tbackground-size: 200% 100%;\n\tbackground-position-x: 180%;\n\tanimation: 1s loading ease-in-out infinite;\n}\n\n@keyframes loading {\n\tto {\n\t\tbackground-position-x: -20%;\n\t}\n}\n\n@keyframes spin {\n\t100% {\n\t\ttransform: rotate(1turn);\n\t}\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\nimport { Observable, Subscription } from 'rxjs';\n\n@Component({\n\ttag: 'p-loader',\n\tstyleUrl: 'loader.component.scss',\n\tshadow: true,\n})\nexport class Loader {\n\t/**\n\t * Wether to show or hide the loader\n\t */\n\t@Prop() show: boolean | Observable<boolean> = true;\n\n\t/**\n\t * Variant of loader\n\t */\n\t@Prop() variant:\n\t\t| 'inline'\n\t\t| 'full-width'\n\t\t| 'full-screen'\n\t\t| 'modal'\n\t\t| 'ghost' = 'inline';\n\n\t/**\n\t * Color of the loader\n\t */\n\t@Prop() color: 'indigo' | 'white' | 'storm' = 'indigo';\n\n\t/**\n\t * !NOT IMPLEMENTED! Modal title for modal variant\n\t */\n\t@Prop() modalTitle: string;\n\n\t/**\n\t * !NOT IMPLEMENTED! Modal description for modal variant\n\t */\n\t@Prop() modalDescription: string;\n\n\tprivate _show = this.show;\n\tprivate _showSubscriber: Subscription;\n\n\tprivate _loader = (<div class={`loader color-${this.color}`}></div>);\n\n\tcomponentWillRender() {\n\t\tthis._checkShow();\n\t}\n\n\tcomponentShouldUpdate() {\n\t\tthis._checkShow();\n\t}\n\n\trender() {\n\t\tif (!this._show) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this.variant === 'ghost') {\n\t\t\treturn <Host class=\"p-loader variant-ghost\"></Host>;\n\t\t}\n\n\t\tif (this.variant === 'full-screen') {\n\t\t\treturn (\n\t\t\t\t<Host class=\"p-loader variant-full-screen\">\n\t\t\t\t\t<div class=\"loading-screen\">\n\t\t\t\t\t\t<div class=\"content\">\n\t\t\t\t\t\t\t<slot />\n\n\t\t\t\t\t\t\t<div class=\"loader-wrapper\">{this._loader}</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</Host>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={`p-loader variant-default flex ${\n\t\t\t\t\tthis.variant === 'full-width' &&\n\t\t\t\t\t'w-full flex justify-center text-4xl'\n\t\t\t\t}`}\n\t\t\t>\n\t\t\t\t{this._loader}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _checkShow() {\n\t\tif (this._showSubscriber) {\n\t\t\tthis._showSubscriber.unsubscribe();\n\t\t\tthis._showSubscriber = null;\n\t\t}\n\n\t\tif (typeof this.show !== 'boolean') {\n\t\t\tthis._showSubscriber = this.show?.subscribe(\n\t\t\t\t(show) => (this._show = show)\n\t\t\t);\n\t\t\treturn;\n\t\t}\n\n\t\tthis._show = this.show;\n\t}\n}\n"],"mappings":"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"}

package/dist/paperless/p-95eadadd.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as o,H as r,g as a}from"./p-64b68231.js";import{c as i}from"./p-8a5b8196.js";import"./p-8a1a6e56.js";const n="*{box-sizing:border-box}.static{position:static!important}.absolute{position:absolute!important}.block{display:block!important}.inline-block{display:inline-block!important}.flex{display:flex!important}.h-10{height:2.5rem!important}.w-full{width:100%!important}.flex-1{flex:1 1 0%!important}.cursor-pointer{cursor:pointer!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.gap-2{gap:.5rem!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-supportive-lilac-800{--tw-border-opacity:1!important;border-color:rgb(189 140 255/var(--tw-border-opacity,1))!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.p-2{padding:.5rem!important}.py-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-medium{font-weight:500!important}.text-black-teal-300{--tw-text-opacity:1!important;color:rgb(104 127 124/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}.shadow-1,.shadow-2{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.shadow-2{--tw-shadow:0 1px 1px rgba(0,2,2,.04),0 2px 2px rgba(0,2,2,.04),0 4px 4px rgba(0,2,2,.04)!important;--tw-shadow-colored:0 1px 1px var(--tw-shadow-color),0 2px 2px var(--tw-shadow-color),0 4px 4px var(--tw-shadow-color)!important}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important}.ring,.ring-2{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important}.ring-supportive-lilac-100{--tw-ring-opacity:1!important;--tw-ring-color:rgb(246 239 255/var(--tw-ring-opacity,1))!important}.hover\\:shadow-2:hover{--tw-shadow:0 1px 1px rgba(0,2,2,.04),0 2px 2px rgba(0,2,2,.04),0 4px 4px rgba(0,2,2,.04)!important;--tw-shadow-colored:0 1px 1px var(--tw-shadow-color),0 2px 2px var(--tw-shadow-color),0 4px 4px 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}";const s=i(["flex h-10 gap-2 items-center w-full"],{variants:{dropdown:{false:"py-1",true:"bg-white p-2 shadow-1 border rounded-lg hover:shadow-2 cursor-pointer"},dropdownOpen:{false:"border-black-teal-100",true:"shadow-2 border-supportive-lilac-800 ring ring-2 ring-supportive-lilac-100"}}});const e=class{constructor(o){t(this,o);this.dropdownLocation="bottom-end";this.size="base";this._dropdownOpen=false;this._hasDropdownSlot=false}componentWillLoad(){this._hasDropdownSlot=!!this._el.querySelector(':scope > [slot="dropdown"]')}componentWillRender(){this._updateAvatar()}render(){const t=this._getContent();return o(r,{class:"p-profile inline-block"},this._hasDropdownSlot?o("p-dropdown",{class:"block",strategy:"absolute",placement:this.dropdownLocation,applyFullWidth:true,applyMaxWidth:false,onIsOpen:t=>this._dropdownOpen=t.detail},t,o("div",{slot:"items"},o("slot",{name:"dropdown"}))):t)}_getContent(){return o("div",{class:s({dropdown:this._hasDropdownSlot,dropdownOpen:this._dropdownOpen}),slot:"trigger"},o("slot",{name:"avatar"}),o("div",{class:"flex flex-1 flex-col"},o("p",{class:"font-sm font-medium"},o("slot",{name:"title"})),o("p",{class:"text-xs text-black-teal-300"},o("slot",{name:"subtitle"}))),o("slot",{name:"post-title"}),this._hasDropdownSlot&&this._getIcon())}_updateAvatar(){const t=this._el.querySelector('p-avatar[slot="avatar"]');if(!t){return}t.size=this._hasDropdownSlot?"sm":t.size}_getIcon(){return o("p-icon",{variant:"caret",flip:this._dropdownOpen?"vertical":"horizontal"})}get _el(){return a(this)}};e.style=n;export{e as p_profile};
-//# sourceMappingURL=p-95eadadd.entry.js.map

package/dist/paperless/p-95eadadd.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["profileComponentCss","profileContent","cva","variants","dropdown","false","true","dropdownOpen","Profile","componentWillLoad","this","_hasDropdownSlot","_el","querySelector","componentWillRender","_updateAvatar","render","content","_getContent","h","Host","class","strategy","placement","dropdownLocation","applyFullWidth","applyMaxWidth","onIsOpen","ev","_dropdownOpen","detail","slot","name","_getIcon","avatar","size","variant","flip"],"sources":["src/components/molecules/profile/profile.component.scss?tag=p-profile","src/components/molecules/profile/profile.component.tsx"],"sourcesContent":["// :host {\n// \t@apply flex;\n//\n// \t.content {\n// \t\t@apply flex gap-3 items-center w-full;\n//\n// \t\t.name {\n// \t\t\t@apply flex flex-col justify-center overflow-hidden;\n//\n// \t\t\t> *:nth-child(1) {\n// \t\t\t\t@apply text-sm text-storm-dark;\n// \t\t\t\t@apply font-semibold;\n// \t\t\t}\n//\n// \t\t\t> *:nth-child(2) {\n// \t\t\t\t@apply text-sm text-storm-vague;\n// \t\t\t}\n//\n// \t\t\t::slotted(*) {\n// \t\t\t\t@apply text-ellipsis overflow-hidden whitespace-nowrap;\n// \t\t\t}\n// \t\t}\n// \t}\n// }\n//\n// :host([size='xsmall']) {\n// \t@apply h-6;\n// }\n//\n// :host([size='small']) {\n// \t@apply h-8;\n// }\n//\n// :host([size='table']) {\n// \t@apply h-10;\n// }\n//\n// :host([size='medium']) {\n// \t@apply h-[3.125rem];\n// }\n//\n// :host([size='large']) {\n// \t@apply h-16;\n// }\n//\n// :host([size='xlarge']) {\n// \t@apply h-[6.5rem];\n// }\n//\n// :host(.has-dropdown) {\n// \t@apply cursor-pointer;\n//\n// \t.content {\n// \t\t@apply p-2 rounded;\n// \t\t@apply border border-solid border-mystic-dark #{!important};\n// \t}\n// }\n//\n// :host(.has-dropdown[size='small']) {\n// \t@apply h-12;\n// }\n//\n// :host(.has-dropdown[size='medium']) {\n// \t@apply h-[4.125rem];\n// }\n//\n// :host(.has-dropdown[size='large']) {\n// \t@apply h-20;\n// }\n//\n// :host(.has-dropdown:hover),\n// :host(.active) {\n// \t.content {\n// \t\t@apply shadow-3;\n// \t}\n// }\n//\n// :host(.active) {\n// \t.content {\n// \t\tp-icon {\n// \t\t\t@apply text-indigo;\n// \t\t}\n// \t}\n// }\n","import { Component, Element, h, Host, Prop, State } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst profileContent = cva(['flex h-10 gap-2 items-center w-full'], {\n\tvariants: {\n\t\tdropdown: {\n\t\t\tfalse: 'py-1',\n\t\t\ttrue: 'bg-white p-2 shadow-1 border rounded-lg hover:shadow-2 cursor-pointer',\n\t\t},\n\t\tdropdownOpen: {\n\t\t\tfalse: 'border-black-teal-100',\n\t\t\ttrue: 'shadow-2 border-supportive-lilac-800 ring ring-2 ring-supportive-lilac-100',\n\t\t},\n\t},\n});\n\n@Component({\n\ttag: 'p-profile',\n\tstyleUrl: 'profile.component.scss',\n})\nexport class Profile {\n\t/**\n\t * The position of the dropdown\n\t */\n\t@Prop() dropdownLocation: 'top-end' | 'bottom-end' = 'bottom-end';\n\n\t/**\n\t * The size of the profile avatar\n\t */\n\t@Prop({ reflect: true }) size:\n\t\t| 'xs'\n\t\t| 'sm'\n\t\t| 'base'\n\t\t| 'lg'\n\t\t| 'xl'\n\t\t| '2xl'\n\t\t| '3xl'\n\t\t| '4xl' = 'base';\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\t@State() private _dropdownOpen = false;\n\t@State() private _hasDropdownSlot = false;\n\n\tcomponentWillLoad() {\n\t\tthis._hasDropdownSlot = !!this._el.querySelector(\n\t\t\t':scope > [slot=\"dropdown\"]'\n\t\t);\n\t}\n\n\tcomponentWillRender() {\n\t\tthis._updateAvatar();\n\t}\n\n\trender() {\n\t\tconst content = this._getContent();\n\t\treturn (\n\t\t\t<Host class='p-profile inline-block'>\n\t\t\t\t{this._hasDropdownSlot ? (\n\t\t\t\t\t<p-dropdown\n\t\t\t\t\t\tclass='block'\n\t\t\t\t\t\tstrategy='absolute'\n\t\t\t\t\t\tplacement={this.dropdownLocation}\n\t\t\t\t\t\tapplyFullWidth={true}\n\t\t\t\t\t\tapplyMaxWidth={false}\n\t\t\t\t\t\tonIsOpen={ev => (this._dropdownOpen = ev.detail)}\n\t\t\t\t\t>\n\t\t\t\t\t\t{content}\n\t\t\t\t\t\t<div slot='items'>\n\t\t\t\t\t\t\t<slot name='dropdown' />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</p-dropdown>\n\t\t\t\t) : (\n\t\t\t\t\tcontent\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _getContent() {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={profileContent({\n\t\t\t\t\tdropdown: this._hasDropdownSlot,\n\t\t\t\t\tdropdownOpen: this._dropdownOpen,\n\t\t\t\t})}\n\t\t\t\tslot='trigger'\n\t\t\t>\n\t\t\t\t<slot name='avatar' />\n\t\t\t\t<div class='flex flex-1 flex-col'>\n\t\t\t\t\t<p class='font-sm font-medium'>\n\t\t\t\t\t\t<slot name='title' />\n\t\t\t\t\t</p>\n\t\t\t\t\t<p class='text-xs text-black-teal-300'>\n\t\t\t\t\t\t<slot name='subtitle' />\n\t\t\t\t\t</p>\n\t\t\t\t</div>\n\n\t\t\t\t<slot name='post-title' />\n\t\t\t\t{this._hasDropdownSlot && this._getIcon()}\n\t\t\t</div>\n\t\t);\n\t}\n\n\tprivate _updateAvatar() {\n\t\tconst avatar = this._el.querySelector(\n\t\t\t'p-avatar[slot=\"avatar\"]'\n\t\t) as HTMLPAvatarElement;\n\n\t\tif (!avatar) {\n\t\t\treturn;\n\t\t}\n\n\t\tavatar.size = this._hasDropdownSlot ? 'sm' : avatar.size;\n\t}\n\n\tprivate _getIcon() {\n\t\treturn (\n\t\t\t<p-icon\n\t\t\t\tvariant='caret'\n\t\t\t\tflip={this._dropdownOpen ? 'vertical' : 'horizontal'}\n\t\t\t/>\n\t\t);\n\t}\n}\n"],"mappings":"qHAAA,MAAMA,EAAsB,gsFCG5B,MAAMC,EAAiBC,EAAI,CAAC,uCAAwC,CACnEC,SAAU,CACTC,SAAU,CACTC,MAAO,OACPC,KAAM,yEAEPC,aAAc,CACbF,MAAO,wBACPC,KAAM,iF,MASIE,EAAO,M,+CAIkC,a,UAa1C,O,mBAOsB,M,sBACG,K,CAEpC,iBAAAC,GACCC,KAAKC,mBAAqBD,KAAKE,IAAIC,cAClC,6B,CAIF,mBAAAC,GACCJ,KAAKK,e,CAGN,MAAAC,GACC,MAAMC,EAAUP,KAAKQ,cACrB,OACCC,EAACC,EAAI,CAACC,MAAM,0BACVX,KAAKC,iBACLQ,EAAA,cACCE,MAAM,QACNC,SAAS,WACTC,UAAWb,KAAKc,iBAChBC,eAAgB,KAChBC,cAAe,MACfC,SAAUC,GAAOlB,KAAKmB,cAAgBD,EAAGE,QAExCb,EACDE,EAAA,OAAKY,KAAK,SACTZ,EAAA,QAAMa,KAAK,eAEA,E,CAQT,WAAAd,GACP,OACCC,EAAA,OACCE,MAAOpB,EAAe,CACrBG,SAAUM,KAAKC,iBACfJ,aAAcG,KAAKmB,gBAEpBE,KAAK,WAELZ,EAAA,QAAMa,KAAK,WACXb,EAAA,OAAKE,MAAM,wBACVF,EAAA,KAAGE,MAAM,uBACRF,EAAA,QAAMa,KAAK,WAEZb,EAAA,KAAGE,MAAM,+BACRF,EAAA,QAAMa,KAAK,eAIbb,EAAA,QAAMa,KAAK,eACVtB,KAAKC,kBAAoBD,KAAKuB,W,CAK1B,aAAAlB,GACP,MAAMmB,EAASxB,KAAKE,IAAIC,cACvB,2BAGD,IAAKqB,EAAQ,CACZ,M,CAGDA,EAAOC,KAAOzB,KAAKC,iBAAmB,KAAOuB,EAAOC,I,CAG7C,QAAAF,GACP,OACCd,EAAA,UACCiB,QAAQ,QACRC,KAAM3B,KAAKmB,cAAgB,WAAa,c"}

package/dist/paperless/p-af4aedaf.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as e,H as i}from"./p-64b68231.js";import{c as r}from"./p-8a5b8196.js";import"./p-8a1a6e56.js";const n="*{box-sizing:border-box}.static{position:static!important}.z-0{z-index:0!important}.flex{display:flex!important}.aspect-branding{aspect-ratio:23/24!important}.h-10{height:2.5rem!important}.h-14{height:3.5rem!important}.h-20{height:5rem!important}.h-4{height:1rem!important}.h-6{height:1.5rem!important}.h-8{height:2rem!important}.h-\\[6\\.5rem\\]{height:6.5rem!important}.h-\\[8\\.5rem\\]{height:8.5rem!important}.h-full{height:100%!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.rounded-full{border-radius:9999px!important}.bg-off-white{--tw-bg-opacity:1!important;background-color:rgb(243 241 237/var(--tw-bg-opacity,1))!important}.object-cover{object-fit:cover!important}.p-\\[1px\\]{padding:1px!important}.text-4xl{font-size:2.5rem!important;line-height:3rem!important}.text-\\[3\\.5rem\\]{font-size:3.5rem!important}.text-\\[4\\.5rem\\]{font-size:4.5rem!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-xl{font-size:1.25rem!important;line-height:1.75rem!important}.text-xs{font-size:.75rem!important}.text-xs,.text-xxs{line-height:1rem!important}.text-xxs{font-size:.5rem!important}.leading-\\[4rem\\]{line-height:4rem!important}.leading-\\[5rem\\]{line-height:5rem!important}.ring-1{--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(1px + 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-inset{--tw-ring-inset:inset!important}.ring-black-teal\\/20{--tw-ring-color:rgba(3,42,36,.2)!important}";const a=r(["p-avatar bg-off-white rounded-full aspect-branding ring-inset ring-1 ring-black-teal/20 p-[1px] flex items-center justify-center"],{variants:{size:{xs:"h-4 text-xxs",sm:"h-6 text-xs",base:"h-8 text-base",lg:"h-10 text-xl",xl:"h-14 text-xl","2xl":"h-20 text-4xl","3xl":"h-[6.5rem] text-[3.5rem] leading-[4rem]","4xl":"h-[8.5rem] text-[4.5rem] leading-[5rem]"}}});const o=class{constructor(e){t(this,e);this.size="base";this.defaultImage=undefined;this.src=undefined;this.letters=" ";this._src=undefined;this._failed=false}onSrchChange(t){this._failed=false;this._src=t}componentWillLoad(){this.onSrchChange(this.src);if(!this._src){this._setFailed()}}render(){return e(i,{class:a({size:this.size})},this._failed?this.letters:e("img",{src:this._src,class:"z-0 aspect-branding h-full rounded-full object-cover",onError:()=>this._setFailed()}))}_setFailed(){this._failed=true;this._src=undefined}static get watchers(){return{src:["onSrchChange"]}}};o.style=n;export{o as p_avatar};
-//# sourceMappingURL=p-af4aedaf.entry.js.map

package/dist/paperless/p-af4aedaf.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["avatarComponentCss","avatar","cva","variants","size","xs","sm","base","lg","xl","Avatar","onSrchChange","src","this","_failed","_src","componentWillLoad","_setFailed","render","h","Host","class","onError","undefined"],"sources":["src/components/atoms/avatar/avatar.component.scss?tag=p-avatar","src/components/atoms/avatar/avatar.component.tsx"],"sourcesContent":[null,"import { Component, h, Host, Prop, State, Watch } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst avatar = cva(\n\t[\n\t\t'p-avatar bg-off-white rounded-full aspect-branding ring-inset ring-1 ring-black-teal/20 p-[1px] flex items-center justify-center',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tsize: {\n\t\t\t\txs: 'h-4 text-xxs',\n\t\t\t\tsm: 'h-6 text-xs',\n\t\t\t\tbase: 'h-8 text-base',\n\t\t\t\tlg: 'h-10 text-xl',\n\t\t\t\txl: 'h-14 text-xl',\n\t\t\t\t'2xl': 'h-20 text-4xl',\n\t\t\t\t'3xl': 'h-[6.5rem] text-[3.5rem] leading-[4rem]',\n\t\t\t\t'4xl': 'h-[8.5rem] text-[4.5rem] leading-[5rem]',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-avatar',\n\tstyleUrl: 'avatar.component.scss',\n\t// shadow: true,\n})\nexport class Avatar {\n\t/**\n\t * The size of the avatar\n\t */\n\t@Prop({ reflect: true }) size:\n\t\t| 'xs'\n\t\t| 'sm'\n\t\t| 'base'\n\t\t| 'lg'\n\t\t| 'xl'\n\t\t| '2xl'\n\t\t| '3xl'\n\t\t| '4xl' = 'base';\n\n\t/**\n\t * The default image to show on errors\n\t */\n\t@Prop() defaultImage: string;\n\n\t/**\n\t * The image used for the avatar\n\t */\n\t@Prop() src!: string;\n\n\t/**\n\t * The letters to show on the empty state variant\n\t */\n\t@Prop() letters: string = ' ';\n\n\t@State() private _src: string;\n\t@State() private _failed: boolean = false;\n\n\t@Watch('src')\n\tonSrchChange(src: string) {\n\t\tthis._failed = false;\n\t\tthis._src = src;\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.onSrchChange(this.src);\n\t\tif (!this._src) {\n\t\t\tthis._setFailed();\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={avatar({\n\t\t\t\t\tsize: this.size,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t{this._failed ? (\n\t\t\t\t\tthis.letters\n\t\t\t\t) : (\n\t\t\t\t\t<img\n\t\t\t\t\t\tsrc={this._src}\n\t\t\t\t\t\tclass='z-0 aspect-branding h-full rounded-full object-cover'\n\t\t\t\t\t\tonError={() => this._setFailed()}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _setFailed() {\n\t\tthis._failed = true;\n\t\tthis._src = undefined;\n\t}\n}\n"],"mappings":"8GAAA,MAAMA,EAAqB,wrDCG3B,MAAMC,EAASC,EACd,CACC,oIAED,CACCC,SAAU,CACTC,KAAM,CACLC,GAAI,eACJC,GAAI,cACJC,KAAM,gBACNC,GAAI,eACJC,GAAI,eACJ,MAAO,gBACP,MAAO,0CACP,MAAO,8C,MAWEC,EAAM,M,mCAYP,O,4DAee,I,iCAGU,K,CAGpC,YAAAC,CAAaC,GACZC,KAAKC,QAAU,MACfD,KAAKE,KAAOH,C,CAGb,iBAAAI,GACCH,KAAKF,aAAaE,KAAKD,KACvB,IAAKC,KAAKE,KAAM,CACfF,KAAKI,Y,EAIP,MAAAC,GACC,OACCC,EAACC,EAAI,CACJC,MAAOpB,EAAO,CACbG,KAAMS,KAAKT,QAGXS,KAAKC,QACLD,KAAY,QAEZM,EAAA,OACCP,IAAKC,KAAKE,KACVM,MAAM,uDACNC,QAAS,IAAMT,KAAKI,e,CAOjB,UAAAA,GACPJ,KAAKC,QAAU,KACfD,KAAKE,KAAOQ,S"}

package/dist/paperless/p-b5430fae.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as i,h as e,H as s,g as a}from"./p-64b68231.js";import{a as o,c as r,o as n,f as l,s as h}from"./p-fef32402.js";import{c as p}from"./p-8a5b8196.js";import{c as d}from"./p-4d330cfc.js";import"./p-8a1a6e56.js";const c=".flex{display:flex!important}.hidden{display:none!important}*{box-sizing:border-box}p-dropdown p-dropdown-menu-container{display:none}p-dropdown p-dropdown-menu-container[data-show]{display:flex}.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}.w-inherit{width:inherit!important}";const m=p(["z-dropdown"],{variants:{strategy:{absolute:"absolute",fixed:"fixed"}}});const u=class{constructor(e){t(this,e);this.isOpen=i(this,"isOpen",3);this._loaded=false;this.placement="bottom-start";this.offset=8;this.strategy="absolute";this.show=false;this.calculateWidth=false;this.applyMaxWidth=true;this.applyFullWidth=true;this.allowOverflow=false;this.scrollable=false;this.insideClick=false;this.disableTriggerClick=false;this.applyChevron=true;this.chevronPosition="end";this.chevronDirection=undefined}componentShouldUpdate(){this._update()}componentDidLoad(){this._checkButton()}disconnectedCallback(){if(this._cleanup){this._cleanup();this._cleanup=null}}render(){return e(s,{class:"p-dropdown relative w-inherit"},e("div",{class:"relative w-inherit",ref:t=>this._trigger=t,onClick:()=>this._triggerClickHandler()},e("slot",{name:"trigger"})),e("p-dropdown-menu-container",{class:m({strategy:this.strategy}),role:"popover",maxWidth:!this.calculateWidth&&this.applyMaxWidth,fullWidth:this.applyFullWidth&&!this.applyMaxWidth,allowOverflow:this.allowOverflow,ref:t=>this._load(t),"data-placement":this.placement,"data-strategy":this.strategy,onClick:()=>this._containerClickHandler(),scrollable:this.scrollable},e("slot",{name:"items"})))}_checkButton(){if(!this.applyChevron){return}const t=this._el.querySelectorAll("p-button");for(let i of t){i.chevronPosition=this.chevronPosition;i.chevron=this.chevronDirection?this.chevronDirection:this.placement.indexOf("top")>=0?"up":"down"}}onShowChange(t){if(!this._loaded){return}if(!t){this._hide();return}this._show()}documentClickHandler({target:t}){if(!this._menu.hasAttribute("data-show")||d(t,this._el)){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=o(this._el,this._menu,(()=>this._update()));this._menu.setAttribute("data-show","");this.isOpen.emit(true)}_hide(){if(!this._loaded||this.show){return}if(this._cleanup){this._cleanup();this._cleanup=null}this._menu.removeAttribute("data-show");this.isOpen.emit(false)}_update(){if(!this._menu){return}r(this._el,this._menu,{placement:this.placement,strategy:this.strategy,middleware:[n(this.offset),l(),h()]}).then((({x:t,y:i,placement:e})=>{this._menu.dataset.placement=e;Object.assign(this._menu.style,{top:`${i}px`,left:`${t}px`})}))}get _el(){return a(this)}static get watchers(){return{show:["onShowChange"]}}};u.style=c;const f="*{box-sizing:border-box}.static{position:static!important}.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}.flex-shrink-0{flex-shrink:0!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-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-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}.hover\\:bg-supportive-lilac-50:hover{--tw-bg-opacity:1!important;background-color:rgb(250 247 255/var(--tw-bg-opacity,1))!important}";const b=p(["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:{active:{false:null,true:"bg-supportive-lilac-100"},disabled:{false:null,true:"bg-supportive-lilac-100 text-black-teal-200 cursor-not-allowed"},enableHover:{false:null,true:null}},compoundVariants:[{active:false,enableHover:true,disabled:false,class:"hover:bg-supportive-lilac-50"},{enableHover:true,disabled:false,class:"cursor-pointer"}]});const w=p(["text-base"],{variants:{active:{false:"text-black-teal-300",true:false},disabled:{false:false,true:"text-black-teal-100"}}});const x=class{constructor(i){t(this,i);this.active=false;this.variant="default";this.enableHover=true;this.disabled=false;this.icon=undefined;this.useContainer=true}render(){return e(s,{class:b({active:this.active,enableHover:this.enableHover,disabled:this.disabled})},this.icon&&e("p-icon",{class:w({active:this.active,disabled:this.disabled}),variant:this.icon}),this.variant==="checkbox"&&e("input",{type:"checkbox",class:"p-input size-small flex-shrink-0",checked:this.active}),this.useContainer?e("div",{class:"block w-full overflow-hidden text-ellipsis whitespace-nowrap text-start"},e("slot",null)):e("slot",null))}};x.style=f;export{u as p_dropdown,x as p_dropdown_menu_item};
-//# sourceMappingURL=p-b5430fae.entry.js.map

package/dist/paperless/p-b5430fae.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["dropdownComponentCss","dropdownContainer","cva","variants","strategy","absolute","fixed","Dropdown","this","_loaded","componentShouldUpdate","_update","componentDidLoad","_checkButton","disconnectedCallback","_cleanup","render","h","Host","class","ref","_trigger","onClick","_triggerClickHandler","name","role","maxWidth","calculateWidth","applyMaxWidth","fullWidth","applyFullWidth","allowOverflow","el","_load","placement","_containerClickHandler","scrollable","applyChevron","buttons","_el","querySelectorAll","button","chevronPosition","chevron","chevronDirection","indexOf","onShowChange","show","_hide","_show","documentClickHandler","target","_menu","hasAttribute","childOf","insideClick","disableTriggerClick","popover","setTimeout","style","width","clientWidth","autoUpdate","setAttribute","isOpen","emit","removeAttribute","computePosition","middleware","offset","flip","shift","then","x","y","dataset","Object","assign","top","left","dropdownMenuItemComponentCss","dropdownMenuItem","active","false","true","disabled","enableHover","compoundVariants","dropdownMenuItemIcon","DropdownMenuItem","icon","variant","type","checked","useContainer"],"sources":["src/components/molecules/dropdown/dropdown.component.scss?tag=p-dropdown","src/components/molecules/dropdown/dropdown.component.tsx","src/components/atoms/dropdown-menu-item/dropdown-menu-item.component.scss?tag=p-dropdown-menu-item","src/components/atoms/dropdown-menu-item/dropdown-menu-item.component.tsx"],"sourcesContent":["p-dropdown {\n\tp-dropdown-menu-container {\n\t\t@apply hidden;\n\n\t\t&[data-show] {\n\t\t\t@apply flex;\n\t\t}\n\t}\n}\n","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 { childOf } from '../../../utils/child-of';\n\nconst dropdownContainer = cva(['z-dropdown'], {\n\tvariants: {\n\t\tstrategy: {\n\t\t\tabsolute: 'absolute',\n\t\t\tfixed: 'fixed',\n\t\t},\n\t},\n});\n\n@Component({\n\ttag: 'p-dropdown',\n\tstyleUrl: 'dropdown.component.scss',\n})\nexport class Dropdown {\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 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._checkButton();\n\t}\n\n\tdisconnectedCallback() {\n\t\tif (this._cleanup) {\n\t\t\tthis._cleanup();\n\t\t\tthis._cleanup = null;\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-dropdown relative w-inherit'>\n\t\t\t\t<div\n\t\t\t\t\tclass='relative w-inherit'\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<p-dropdown-menu-container\n\t\t\t\t\tclass={dropdownContainer({\n\t\t\t\t\t\tstrategy: this.strategy,\n\t\t\t\t\t})}\n\t\t\t\t\trole='popover'\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\tref={el => this._load(el)}\n\t\t\t\t\tdata-placement={this.placement}\n\t\t\t\t\tdata-strategy={this.strategy}\n\t\t\t\t\tonClick={() => this._containerClickHandler()}\n\t\t\t\t\tscrollable={this.scrollable}\n\t\t\t\t>\n\t\t\t\t\t<slot name='items' />\n\t\t\t\t</p-dropdown-menu-container>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _checkButton() {\n\t\tif (!this.applyChevron) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst buttons = this._el.querySelectorAll<HTMLPButtonElement>('p-button');\n\t\tfor (let button of buttons) {\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\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({ target }) {\n\t\tif (!this._menu.hasAttribute('data-show') || childOf(target, this._el)) {\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.isOpen.emit(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.isOpen.emit(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, Host, Prop, h } from '@stencil/core';\nimport { IconVariant } from '../icon/icon.component';\nimport { cva } from 'class-variance-authority';\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\tactive: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'bg-supportive-lilac-100',\n\t\t\t},\n\t\t\tdisabled: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'bg-supportive-lilac-100 text-black-teal-200 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\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\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\tactive: {\n\t\t\tfalse: 'text-black-teal-300',\n\t\t\ttrue: false,\n\t\t},\n\t\tdisabled: {\n\t\t\tfalse: false,\n\t\t\ttrue: 'text-black-teal-100',\n\t\t},\n\t},\n});\n\n@Component({\n\ttag: 'p-dropdown-menu-item',\n\tstyleUrl: 'dropdown-menu-item.component.scss',\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 * The variant of the item\n\t */\n\t@Prop() variant: 'default' | 'checkbox' = '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 use the container for text\n\t */\n\t@Prop() useContainer = true;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={dropdownMenuItem({\n\t\t\t\t\tactive: this.active,\n\t\t\t\t\tenableHover: this.enableHover,\n\t\t\t\t\tdisabled: this.disabled,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t{/* class={`p-dropdown-menu-item ${this.active && 'active'} ${ */}\n\t\t\t\t{/* \tthis.enableHover && 'hover' */}\n\t\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\tactive: this.active,\n\t\t\t\t\t\t\tdisabled: this.disabled,\n\t\t\t\t\t\t})}\n\t\t\t\t\t\tvariant={this.icon}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\n\t\t\t\t{this.variant === 'checkbox' && (\n\t\t\t\t\t<input\n\t\t\t\t\t\ttype='checkbox'\n\t\t\t\t\t\tclass='p-input size-small flex-shrink-0'\n\t\t\t\t\t\tchecked={this.active}\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</Host>\n\t\t);\n\t}\n}\n"],"mappings":"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"}