npm - @paperless/core - Versions diffs - 2.0.1-beta.13 → 2.0.1-beta.2 - Mend

@paperless/core 2.0.1-beta.13 → 2.0.1-beta.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (169) hide show

package/dist/build/p-cb8a454c.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["buttonComponentCss","button","cva","variants","variant","primary","secondary","text","transparent","dropdown","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","_b","includes","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 { cva } from 'class-variance-authority';\nimport { RotateOptions } from '../../../types/tailwind';\nimport { IconFlipOptions, IconVariant } from '../../atoms/icon/icon.component';\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: null,\n\t\t\t\ttext: ['text-teal'],\n\t\t\t\ttransparent: ['bg-transparent'],\n\t\t\t\tdropdown: null,\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: ['secondary', 'dropdown'],\n\t\t\t\tclass: ['bg-white border-black-teal/10'],\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['primary', 'secondary', 'dropdown'],\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', 'dropdown'],\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', 'dropdown'],\n\t\t\t\tdisabled: false,\n\t\t\t\tloading: false,\n\t\t\t\tactive: true,\n\t\t\t\tclass: 'border-supportive-lilac-800 ring ring-2',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['primary', 'secondary', 'transparent', 'dropdown'],\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', 'dropdown'],\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', 'dropdown'],\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', 'dropdown'],\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: 'primary',\n\t\t\t\tdisabled: false,\n\t\t\t\tloading: false,\n\t\t\t\tactive: true,\n\t\t\t\tclass: 'ring-black-teal/10',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['secondary', 'dropdown'],\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', 'dropdown'],\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\t\t\t{\n\t\t\t\tvariant: ['secondary', 'dropdown'],\n\t\t\t\tdisabled: false,\n\t\t\t\tloading: false,\n\t\t\t\tactive: true,\n\t\t\t\tclass: '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\t\t\t{\n\t\t\t\tvariant: 'dropdown',\n\t\t\t\ticonOnly: false,\n\t\t\t\tclass: 'p-2',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tvariant: ['primary', 'secondary', 'transparent', 'text'],\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:\n\t\t| 'primary'\n\t\t| 'secondary'\n\t\t| 'transparent'\n\t\t| 'text'\n\t\t| 'dropdown' = 'primary';\n\n\t/**\n\t * Wether to force an active state\n\t */\n\t@Prop() active: boolean = false;\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 * The class of the container passed by parent\n\t */\n\t@Prop() class: string;\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\tconst active = this.active || this.class?.includes('active');\n\n\t\treturn (\n\t\t\t<Host class='p-button 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\tactive,\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 = 'base';\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/build/p-d7dbd13e.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- 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"},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(t=false){if(!this.applyChevron){return}const i=this._el.querySelectorAll("p-button");for(let e of i){e.chevronPosition=this.chevronPosition;e.chevron=this.chevronDirection?this.chevronDirection:this.placement.indexOf("top")>=0?"up":"down";e.disabled=this.disableTriggerClick;e.active=t}}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);this._checkButton(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);this._checkButton(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};
2	- //# sourceMappingURL=p-d7dbd13e.entry.js.map

package/dist/build/p-d7dbd13e.entry.js.map DELETED Viewed

@@ -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","active","applyChevron","buttons","_el","querySelectorAll","button","chevronPosition","chevron","chevronDirection","indexOf","disabled","disableTriggerClick","onShowChange","show","_hide","_show","documentClickHandler","target","_menu","hasAttribute","childOf","insideClick","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","false","true","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'>\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(active: boolean = false) {\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\tbutton.disabled = this.disableTriggerClick;\n\t\t\tbutton.active = active;\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\tthis._checkButton(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\tthis._checkButton(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":"gOAAA,MAAMA,EAAuB,+bCuB7B,MAAMC,EAAoBC,EAAI,CAAC,cAAe,CAC7CC,SAAU,CACTC,SAAU,CACTC,SAAU,WACVC,MAAO,Y,MASGC,EAAQ,M,wDAoFZC,KAAAC,QAAU,M,eAhF8B,e,YAKvB,E,cAKI,W,UAKL,M,oBAKU,M,mBAKD,K,oBAKC,K,mBAKD,M,gBAKmB,M,iBAKrB,M,yBAKQ,M,kBAKP,K,qBAKW,M,gCAyB3C,qBAAAC,GACCF,KAAKG,S,CAGN,gBAAAC,GACCJ,KAAKK,c,CAGN,oBAAAC,GACC,GAAIN,KAAKO,SAAU,CAClBP,KAAKO,WACLP,KAAKO,SAAW,I,EAIlB,MAAAC,GACC,OACCC,EAACC,EAAI,CAACC,MAAM,uBACXF,EAAA,OACCE,MAAM,qBACNC,IAAKA,GAAQZ,KAAKa,SAAWD,EAC7BE,QAAS,IAAMd,KAAKe,wBAEpBN,EAAA,QAAMO,KAAK,aAEZP,EAAA,6BACCE,MAAOlB,EAAkB,CACxBG,SAAUI,KAAKJ,WAEhBqB,KAAK,UACLC,UAAWlB,KAAKmB,gBAAkBnB,KAAKoB,cACvCC,UAAWrB,KAAKsB,iBAAmBtB,KAAKoB,cACxCG,cAAevB,KAAKuB,cACpBX,IAAKY,GAAMxB,KAAKyB,MAAMD,GAAG,iBACTxB,KAAK0B,UAAS,gBACf1B,KAAKJ,SACpBkB,QAAS,IAAMd,KAAK2B,yBACpBC,WAAY5B,KAAK4B,YAEjBnB,EAAA,QAAMO,KAAK,W,CAMP,YAAAX,CAAawB,EAAkB,OACtC,IAAK7B,KAAK8B,aAAc,CACvB,M,CAGD,MAAMC,EAAU/B,KAAKgC,IAAIC,iBAAqC,YAC9D,IAAK,IAAIC,KAAUH,EAAS,CAC3BG,EAAOC,gBAAkBnC,KAAKmC,gBAC9BD,EAAOE,QAAUpC,KAAKqC,iBACnBrC,KAAKqC,iBACLrC,KAAK0B,UAAUY,QAAQ,QAAU,EACjC,KACA,OACHJ,EAAOK,SAAWvC,KAAKwC,oBACvBN,EAAOL,OAASA,C,EAKR,YAAAY,CAAaC,GACtB,IAAK1C,KAAKC,QAAS,CAClB,M,CAGD,IAAKyC,EAAM,CACV1C,KAAK2C,QACL,M,CAGD3C,KAAK4C,O,CAII,oBAAAC,EAAqBC,OAAEA,IAChC,IAAK9C,KAAK+C,MAAMC,aAAa,cAAgBC,EAAQH,EAAQ9C,KAAKgC,KAAM,CACvE,M,CAGDhC,KAAK2C,O,CAGE,sBAAAhB,GACP,GAAI3B,KAAKkD,YAAa,CACrB,M,CAGD,GAAIlD,KAAK+C,MAAMC,aAAa,aAAc,CACzChD,KAAK2C,O,EAIC,oBAAA5B,GACP,GAAIf,KAAKwC,oBAAqB,CAC7B,M,CAGD,GAAIxC,KAAK+C,MAAMC,aAAa,aAAc,CACzChD,KAAK2C,QACL,M,CAGD3C,KAAK4C,O,CAGE,KAAAnB,CAAM0B,GACbnD,KAAK+C,MAAQI,EACb,GAAIA,EAAS,CACZnD,KAAKG,UACLH,KAAKC,QAAU,KAEf,GAAID,KAAK0C,KAAM,CACdU,YAAW,IAAMpD,KAAK4C,SAAS,I,GAK1B,KAAAA,GACP,IAAK5C,KAAKC,QAAS,CAClB,M,CAID,GAAID,KAAKmB,eAAgB,CACxBnB,KAAK+C,MAAMM,MAAMC,MAAQ,GAAGtD,KAAKa,SAAS0C,e,CAG3CvD,KAAKO,SAAWiD,EAAWxD,KAAKgC,IAAKhC,KAAK+C,OAAO,IAAM/C,KAAKG,YAE5DH,KAAK+C,MAAMU,aAAa,YAAa,IACrCzD,KAAK0D,OAAOC,KAAK,MACjB3D,KAAKK,aAAa,K,CAGX,KAAAsC,GACP,IAAK3C,KAAKC,SAAWD,KAAK0C,KAAM,CAC/B,M,CAGD,GAAI1C,KAAKO,SAAU,CAClBP,KAAKO,WACLP,KAAKO,SAAW,I,CAIjBP,KAAK+C,MAAMa,gBAAgB,aAC3B5D,KAAK0D,OAAOC,KAAK,OACjB3D,KAAKK,aAAa,M,CAGX,OAAAF,GACP,IAAKH,KAAK+C,MAAO,CAChB,M,CAGDc,EAAgB7D,KAAKgC,IAAKhC,KAAK+C,MAAO,CACrCrB,UAAW1B,KAAK0B,UAChB9B,SAAUI,KAAKJ,SACfkE,WAAY,CAACC,EAAO/D,KAAK+D,QAASC,IAAQC,OACxCC,MAAK,EAAGC,IAAGC,IAAG1C,gBAChB1B,KAAK+C,MAAMsB,QAAQ3C,UAAYA,EAC/B4C,OAAOC,OAAOvE,KAAK+C,MAAMM,MAAO,CAC/BmB,IAAK,GAAGJ,MACRK,KAAM,GAAGN,OACR,G,0FCrSL,MAAMO,EAA+B,4+CCIrC,MAAMC,EAAmBjF,EACxB,CACC,8GAED,CACCC,SAAU,CACTkC,OAAQ,CACP+C,MAAO,KACPC,KAAM,2BAEPtC,SAAU,CACTqC,MAAO,KACPC,KAAM,kEAEPC,YAAa,CACZF,MAAO,KACPC,KAAM,OAGRE,iBAAkB,CACjB,CACClD,OAAQ,MACRiD,YAAa,KACbvC,SAAU,MACV5B,MAAO,gCAER,CACCmE,YAAa,KACbvC,SAAU,MACV5B,MAAO,qBAMX,MAAMqE,EAAuBtF,EAAI,CAAC,aAAc,CAC/CC,SAAU,CACTkC,OAAQ,CACP+C,MAAO,sBACPC,KAAM,OAEPtC,SAAU,CACTqC,MAAO,MACPC,KAAM,0B,MASII,EAAgB,M,qCAIF,M,aAKgB,U,iBAKX,K,cAKH,M,sCAUL,I,CAEvB,MAAAzE,GACC,OACCC,EAACC,EAAI,CACJC,MAAOgE,EAAiB,CACvB9C,OAAQ7B,KAAK6B,OACbiD,YAAa9E,KAAK8E,YAClBvC,SAAUvC,KAAKuC,YAMfvC,KAAKkF,MACLzE,EAAA,UACCE,MAAOqE,EAAqB,CAC3BnD,OAAQ7B,KAAK6B,OACbU,SAAUvC,KAAKuC,WAEhB4C,QAASnF,KAAKkF,OAIflF,KAAKmF,UAAY,YACjB1E,EAAA,SACC2E,KAAK,WACLzE,MAAM,mCACN0E,QAASrF,KAAK6B,SAIf7B,KAAKsF,aACL7E,EAAA,OAAKE,MAAM,2EACVF,EAAA,cAGDA,EAAA,a"}

package/dist/build/p-ece8998b.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as t,h as a,H as r}from"./p-64b68231.js";import{c as e}from"./p-8a5b8196.js";import"./p-8a1a6e56.js";const o="*{box-sizing:border-box}:host .safe-sidebar{padding-top:calc(env(safe-area-inset-top, 0) + 1rem)!important}:host .safe-sidebar.show{--tw-translate-x:env(safe-area-inset-left,0)!important}:host .safe-topbar{height:calc(env(safe-area-inset-top, 0) + 4rem);padding-top:calc(env(safe-area-inset-top, 0) + 1rem)!important}.pointer-events-none{pointer-events:none!important}.static{position:static!important}.fixed{position:fixed!important}.relative{position:relative!important}.left-0{left:0!important}.top-0{top:0!important}.z-navbar{z-index:300!important}.z-navbar-backdrop{z-index:290!important}.z-navbar-topbar{z-index:280!important}.mt-auto{margin-top:auto!important}.flex{display:flex!important}.hidden{display:none!important}.h-screen{height:100vh!important}.w-60{width:15rem!important}.w-full{width:100%!important}.max-w-\\[16\\.5rem\\]{max-width:16.5rem!important}.-translate-x-full{--tw-translate-x:-100%!important;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}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.items-stretch{align-items:stretch!important}.justify-between{justify-content:space-between!important}.gap-6{gap:1.5rem!important}.overflow-y-auto{overflow-y:auto!important}.border-0{border-width:0!important}.border-b{border-bottom-width:1px!important}.border-r{border-right-width:1px!important}.border-solid{border-style:solid!important}.border-off-white-700{--tw-border-opacity:1!important;border-color:rgb(222 219 213/var(--tw-border-opacity,1))!important}.bg-off-white-300{--tw-bg-opacity:1!important;background-color:rgb(248 247 244/var(--tw-bg-opacity,1))!important}.p-4{padding:1rem!important}.opacity-0{opacity:0!important}.opacity-100{opacity:1!important}.transition-all{transition-duration:.15s!important;transition-property:all!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.transition-opacity{transition-duration:.15s!important;transition-property:opacity!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.will-change-transform{will-change:transform!important}.max-h-screen-safe{max-height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important}@media (min-width:80rem){.layout-1280\\:relative{position:relative!important}.layout-1280\\:z-0{z-index:0!important}.layout-1280\\:flex{display:flex!important}.layout-1280\\:hidden{display:none!important}.layout-1280\\:h-full{height:100%!important}.layout-1280\\:w-60{width:15rem!important}.layout-1280\\:max-w-none{max-width:none!important}.layout-1280\\:translate-x-0{--tw-translate-x:0px!important;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}}@media (min-width:105rem){.layout-1680\\:w-72{width:18rem!important}}";const n=e(["bg-off-white-300","border-0 border-solid border-off-white-700","p-4"]);const i=e(["flex flex-col","fixed left-0 top-0 z-navbar h-screen w-60","w-full max-w-[16.5rem]","layout-1280:relative layout-1280:z-0 layout-1280:max-w-none layout-1280:h-full","gap-6","transition-all","will-change-transform","-translate-x-full transform-gpu layout-1280:translate-x-0","border-r","safe-sidebar"],{variants:{show:{false:null,true:"show"}}});const s=e(["flex w-full justify-between items-center","relative z-navbar-topbar","border-b","layout-1280:hidden","safe-topbar"]);const l=e(["z-navbar-backdrop layout-1280:hidden transition-opacity"],{variants:{show:{false:"opacity-0 pointer-events-none",true:"opacity-100"}}});const p=class{constructor(a){t(this,a);this._show=false}render(){return a(r,{class:"p-navbar w-full max-h-screen-safe layout-1280:w-60 layout-1680:w-72"},a("p-backdrop",{class:l({show:this._show}),scrollLock:this._show,onClicked:()=>this._show=false}),a("div",{class:i({class:n(),show:this._show})},a("div",{class:"flex w-full items-center justify-between layout-1280:hidden"},a("p-button",{variant:"secondary",icon:"menu-arrow",iconFlip:"horizontal",iconOnly:true,size:"sm",onClick:()=>this._show=false})),a("div",{class:"flex w-full flex-col items-stretch"},a("slot",{name:"company"})),a("div",{class:"flex w-full flex-col gap-6 overflow-y-auto"},a("slot",{name:"content"})),a("div",{class:"mt-auto hidden w-full flex-col layout-1280:flex"},a("slot",{name:"user"}))),a("div",{class:s({class:n()})},a("p-button",{variant:"secondary",iconOnly:true,icon:"menu-arrow",size:"sm",onClick:()=>this._show=true}),a("slot",{name:"topbar"})))}handleCloseNavbar(){this._show=false}handleOpenNavbar(){this._show=true}};p.style=o;export{p as p_navbar};
2	- //# sourceMappingURL=p-ece8998b.entry.js.map

package/dist/build/p-ece8998b.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["navbarComponentCss","sidebarAndTopbar","cva","sidebar","variants","show","false","true","topbar","backdrop","Navbar","render","h","Host","class","this","_show","scrollLock","onClicked","variant","icon","iconFlip","iconOnly","size","onClick","name","handleCloseNavbar","handleOpenNavbar"],"sources":["src/components/organisms/navbar/navbar.component.scss?tag=p-navbar&encapsulation=shadow","src/components/organisms/navbar/navbar.component.tsx"],"sourcesContent":[":host {\n\t.safe-sidebar {\n\t\tpadding-top: calc(env(safe-area-inset-top, 0) + 1rem) !important;\n\n\t\t&.show {\n\t\t\t--tw-translate-x: env(safe-area-inset-left, 0) !important;\n\t\t}\n\t}\n\n\t.safe-topbar {\n\t\tpadding-top: calc(env(safe-area-inset-top, 0) + 1rem) !important;\n\t\theight: calc(env(safe-area-inset-top, 0) + 4rem);\n\t}\n}\n","import { Component, h, Host, Listen, State } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst sidebarAndTopbar = cva([\n\t'bg-off-white-300',\n\t'border-0 border-solid border-off-white-700',\n\t'p-4',\n]);\n\nconst sidebar = cva(\n\t[\n\t\t'flex flex-col',\n\n\t\t'fixed left-0 top-0 z-navbar h-screen w-60',\n\t\t'w-full max-w-[16.5rem]',\n\t\t'layout-1280:relative layout-1280:z-0 layout-1280:max-w-none layout-1280:h-full',\n\t\t'gap-6',\n\n\t\t'transition-all',\n\t\t'will-change-transform',\n\t\t'-translate-x-full transform-gpu layout-1280:translate-x-0',\n\n\t\t'border-r',\n\n\t\t'safe-sidebar',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tshow: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'show',\n\t\t\t},\n\t\t},\n\t}\n);\n\nconst topbar = cva([\n\t'flex w-full justify-between items-center',\n\t'relative z-navbar-topbar',\n\t'border-b',\n\t'layout-1280:hidden',\n\t'safe-topbar',\n]);\n\nconst backdrop = cva(\n\t['z-navbar-backdrop layout-1280:hidden transition-opacity'],\n\t{\n\t\tvariants: {\n\t\t\tshow: {\n\t\t\t\tfalse: 'opacity-0 pointer-events-none',\n\t\t\t\ttrue: 'opacity-100',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-navbar',\n\tstyleUrl: 'navbar.component.scss',\n\tshadow: true,\n})\nexport class Navbar {\n\t@State() private _show = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-navbar w-full max-h-screen-safe layout-1280:w-60 layout-1680:w-72'>\n\t\t\t\t<p-backdrop\n\t\t\t\t\tclass={backdrop({ show: this._show })}\n\t\t\t\t\tscrollLock={this._show}\n\t\t\t\t\tonClicked={() => (this._show = false)}\n\t\t\t\t></p-backdrop>\n\t\t\t\t<div class={sidebar({ class: sidebarAndTopbar(), show: this._show })}>\n\t\t\t\t\t<div class='flex w-full items-center justify-between layout-1280:hidden'>\n\t\t\t\t\t\t<p-button\n\t\t\t\t\t\t\tvariant='secondary'\n\t\t\t\t\t\t\ticon='menu-arrow'\n\t\t\t\t\t\t\ticonFlip='horizontal'\n\t\t\t\t\t\t\ticonOnly={true}\n\t\t\t\t\t\t\tsize='sm'\n\t\t\t\t\t\t\tonClick={() => (this._show = false)}\n\t\t\t\t\t\t></p-button>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class='flex w-full flex-col items-stretch'>\n\t\t\t\t\t\t<slot name='company' />\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class='flex w-full flex-col gap-6 overflow-y-auto'>\n\t\t\t\t\t\t<slot name='content' />\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div class='mt-auto hidden w-full flex-col layout-1280:flex'>\n\t\t\t\t\t\t<slot name='user' />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div class={topbar({ class: sidebarAndTopbar() })}>\n\t\t\t\t\t<p-button\n\t\t\t\t\t\tvariant='secondary'\n\t\t\t\t\t\ticonOnly={true}\n\t\t\t\t\t\ticon='menu-arrow'\n\t\t\t\t\t\tsize='sm'\n\t\t\t\t\t\tonClick={() => (this._show = true)}\n\t\t\t\t\t></p-button>\n\n\t\t\t\t\t<slot name='topbar' />\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t@Listen('closeNavbar', { target: 'window' })\n\thandleCloseNavbar() {\n\t\tthis._show = false;\n\t}\n\n\t@Listen('openNavbar', { target: 'window' })\n\thandleOpenNavbar() {\n\t\tthis._show = true;\n\t}\n}\n"],"mappings":"8GAAA,MAAMA,EAAqB,0pGCG3B,MAAMC,EAAmBC,EAAI,CAC5B,mBACA,6CACA,QAGD,MAAMC,EAAUD,EACf,CACC,gBAEA,4CACA,yBACA,iFACA,QAEA,iBACA,wBACA,4DAEA,WAEA,gBAED,CACCE,SAAU,CACTC,KAAM,CACLC,MAAO,KACPC,KAAM,WAMV,MAAMC,EAASN,EAAI,CAClB,2CACA,2BACA,WACA,qBACA,gBAGD,MAAMO,EAAWP,EAChB,CAAC,2DACD,CACCE,SAAU,CACTC,KAAM,CACLC,MAAO,gCACPC,KAAM,kB,MAWGG,EAAM,M,oCACO,K,CAEzB,MAAAC,GACC,OACCC,EAACC,EAAI,CAACC,MAAM,uEACXF,EAAA,cACCE,MAAOL,EAAS,CAAEJ,KAAMU,KAAKC,QAC7BC,WAAYF,KAAKC,MACjBE,UAAW,IAAOH,KAAKC,MAAQ,QAEhCJ,EAAA,OAAKE,MAAOX,EAAQ,CAAEW,MAAOb,IAAoBI,KAAMU,KAAKC,SAC3DJ,EAAA,OAAKE,MAAM,+DACVF,EAAA,YACCO,QAAQ,YACRC,KAAK,aACLC,SAAS,aACTC,SAAU,KACVC,KAAK,KACLC,QAAS,IAAOT,KAAKC,MAAQ,SAG/BJ,EAAA,OAAKE,MAAM,sCACVF,EAAA,QAAMa,KAAK,aAEZb,EAAA,OAAKE,MAAM,8CACVF,EAAA,QAAMa,KAAK,aAGZb,EAAA,OAAKE,MAAM,mDACVF,EAAA,QAAMa,KAAK,WAGbb,EAAA,OAAKE,MAAON,EAAO,CAAEM,MAAOb,OAC3BW,EAAA,YACCO,QAAQ,YACRG,SAAU,KACVF,KAAK,aACLG,KAAK,KACLC,QAAS,IAAOT,KAAKC,MAAQ,OAG9BJ,EAAA,QAAMa,KAAK,Y,CAOf,iBAAAC,GACCX,KAAKC,MAAQ,K,CAId,gBAAAW,GACCZ,KAAKC,MAAQ,I"}

package/dist/cjs/_commonjsHelpers-4213291f.js DELETED Viewed

@@ -1,24 +0,0 @@
-'use strict';
-function getDefaultExportFromCjs (x) {
-	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
-}
-function createCommonjsModule(fn, basedir, module) {
-	return module = {
-		path: basedir,
-		exports: {},
-		require: function (path, base) {
-			return commonjsRequire();
-		}
-	}, fn(module, module.exports), module.exports;
-}
-function commonjsRequire () {
-	throw new Error('Dynamic requires are not currently supported by @rollup/plugin-commonjs');
-}
-exports.createCommonjsModule = createCommonjsModule;
-exports.getDefaultExportFromCjs = getDefaultExportFromCjs;
-//# sourceMappingURL=_commonjsHelpers-4213291f.js.map

package/dist/cjs/_commonjsHelpers-4213291f.js.map DELETED Viewed

	@@ -1 +0,0 @@
1	- {"file":"_commonjsHelpers-4213291f.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/cjs/p-navigation-section.cjs.entry.js DELETED Viewed

@@ -1,23 +0,0 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-02e05522.js');
-const navigationSectionComponentCss = "*{box-sizing:border-box}.static{position:static!important}.flex{display:flex!important}.flex-col{flex-direction:column!important}.gap-2{gap:.5rem!important}";
-const NavigationSection = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.header = undefined;
-  }
-  render() {
-    var _a;
-    return (index.h(index.Host, { class: 'p-navigation-section flex flex-col gap-2' }, ((_a = this.header) === null || _a === void 0 ? void 0 : _a.length) > 0 && (index.h("p-navigation-title", null, this.header)), index.h("div", { class: 'flex flex-col' }, index.h("slot", null))));
-  }
-};
-NavigationSection.style = navigationSectionComponentCss;
-exports.p_navigation_section = NavigationSection;
-//# sourceMappingURL=p-navigation-section.cjs.entry.js.map

package/dist/cjs/p-navigation-section.cjs.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"p-navigation-section.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,6BAA6B,GAAG,8JAA8J;;MCMvL,iBAAiB;;;;;EAM7B,MAAM;;IACL,QACCA,QAACC,UAAI,IAAC,KAAK,EAAC,0CAA0C,IACpD,CAAA,MAAA,IAAI,CAAC,MAAM,0CAAE,MAAM,IAAG,CAAC,KACvBD,oCAAqB,IAAI,CAAC,MAAM,CAAsB,CACtD,EAEDA,iBAAK,KAAK,EAAC,eAAe,IACzBA,qBAAQ,CACH,CACA,EACN;GACF;;;;;;","names":["h","Host"],"sources":["src/components/molecules/navigation-section/navigation-section.component.scss?tag=p-navigation-section","src/components/molecules/navigation-section/navigation-section.component.tsx"],"sourcesContent":["","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-navigation-section',\n\tstyleUrl: 'navigation-section.component.scss',\n})\nexport class NavigationSection {\n\t/**\n\t * The header of the section\n\t */\n\t@Prop() header: string;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-navigation-section flex flex-col gap-2'>\n\t\t\t\t{this.header?.length > 0 && (\n\t\t\t\t\t<p-navigation-title>{this.header}</p-navigation-title>\n\t\t\t\t)}\n\n\t\t\t\t<div class='flex flex-col'>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"version":3}

package/dist/collection/components/molecules/navigation-section/navigation-section.component.css DELETED Viewed

	@@ -1 +0,0 @@
1	- *{box-sizing:border-box}.static{position:static!important}.flex{display:flex!important}.flex-col{flex-direction:column!important}.gap-2{gap:.5rem!important}

package/dist/collection/components/molecules/navigation-section/navigation-section.component.js DELETED Viewed

@@ -1,43 +0,0 @@
-import { h, Host } from "@stencil/core";
-export class NavigationSection {
-  constructor() {
-    this.header = undefined;
-  }
-  render() {
-    var _a;
-    return (h(Host, { class: 'p-navigation-section flex flex-col gap-2' }, ((_a = this.header) === null || _a === void 0 ? void 0 : _a.length) > 0 && (h("p-navigation-title", null, this.header)), h("div", { class: 'flex flex-col' }, h("slot", null))));
-  }
-  static get is() { return "p-navigation-section"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["navigation-section.component.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["navigation-section.component.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "header": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "The header of the section"
-        },
-        "attribute": "header",
-        "reflect": false
-      }
-    };
-  }
-}
-//# sourceMappingURL=navigation-section.component.js.map

package/dist/collection/components/molecules/navigation-section/navigation-section.component.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"navigation-section.component.js","sourceRoot":"","sources":["../../../../src/components/molecules/navigation-section/navigation-section.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAMzD,MAAM,OAAO,iBAAiB;;;;EAM7B,MAAM;;IACL,OAAO,CACN,EAAC,IAAI,IAAC,KAAK,EAAC,0CAA0C;MACpD,CAAA,MAAA,IAAI,CAAC,MAAM,0CAAE,MAAM,IAAG,CAAC,IAAI,CAC3B,8BAAqB,IAAI,CAAC,MAAM,CAAsB,CACtD;MAED,WAAK,KAAK,EAAC,eAAe;QACzB,eAAQ,CACH,CACA,CACP,CAAC;EACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-navigation-section',\n\tstyleUrl: 'navigation-section.component.scss',\n})\nexport class NavigationSection {\n\t/**\n\t * The header of the section\n\t */\n\t@Prop() header: string;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-navigation-section flex flex-col gap-2'>\n\t\t\t\t{this.header?.length > 0 && (\n\t\t\t\t\t<p-navigation-title>{this.header}</p-navigation-title>\n\t\t\t\t)}\n\n\t\t\t\t<div class='flex flex-col'>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"]}

package/dist/collection/components/molecules/navigation-section/test/navigation-section.component.e2e.js DELETED Viewed

@@ -1,26 +0,0 @@
-import { newE2EPage } from "@stencil/core/testing";
-describe('p-navigation-section', () => {
-  it('renders', async () => {
-    const page = await newE2EPage();
-    await page.setContent('<p-navigation-section></p-navigation-title>');
-    const element = await page.find('p-navigation-section');
-    expect(element).toHaveClass('hydrated');
-  });
-  it('renders changes to the content', async () => {
-    const page = await newE2EPage();
-    await page.setContent('<p-navigation-section></p-navigation-title>');
-    // const component = await page.find('p-button');
-    const element = await page.find('p-navigation-section');
-    expect(element.textContent).toEqual(``);
-    // component.setProperty('name', 'World');
-    // await page.waitForChanges();
-    // expect(element.textContent).toEqual(`Hello, World!`);
-    // component.setProperty('name', 'Bob');
-    // await page.waitForChanges();
-    // expect(element.textContent).toEqual(`Hello, Bob!`);
-    // component.setProperty('name', 'Earl');
-    // await page.waitForChanges();
-    // expect(element.textContent).toEqual(`Hello, Earl!`);
-  });
-});
-//# sourceMappingURL=navigation-section.component.e2e.js.map

package/dist/collection/components/molecules/navigation-section/test/navigation-section.component.e2e.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"navigation-section.component.e2e.js","sourceRoot":"","sources":["../../../../../src/components/molecules/navigation-section/test/navigation-section.component.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,QAAQ,CAAC,sBAAsB,EAAE,GAAG,EAAE;EACrC,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACxB,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAEhC,MAAM,IAAI,CAAC,UAAU,CAAC,6CAA6C,CAAC,CAAC;IACrE,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAC;IACxD,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;EACzC,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,gCAAgC,EAAE,KAAK,IAAI,EAAE;IAC/C,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAEhC,MAAM,IAAI,CAAC,UAAU,CAAC,6CAA6C,CAAC,CAAC;IACrE,iDAAiD;IACjD,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAC;IACxD,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;IAExC,0CAA0C;IAC1C,+BAA+B;IAC/B,wDAAwD;IAExD,wCAAwC;IACxC,+BAA+B;IAC/B,sDAAsD;IAEtD,yCAAyC;IACzC,+BAA+B;IAC/B,uDAAuD;EACxD,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import { newE2EPage } from '@stencil/core/testing';\n\ndescribe('p-navigation-section', () => {\n\tit('renders', async () => {\n\t\tconst page = await newE2EPage();\n\n\t\tawait page.setContent('<p-navigation-section></p-navigation-title>');\n\t\tconst element = await page.find('p-navigation-section');\n\t\texpect(element).toHaveClass('hydrated');\n\t});\n\n\tit('renders changes to the content', async () => {\n\t\tconst page = await newE2EPage();\n\n\t\tawait page.setContent('<p-navigation-section></p-navigation-title>');\n\t\t// const component = await page.find('p-button');\n\t\tconst element = await page.find('p-navigation-section');\n\t\texpect(element.textContent).toEqual(``);\n\n\t\t// component.setProperty('name', 'World');\n\t\t// await page.waitForChanges();\n\t\t// expect(element.textContent).toEqual(`Hello, World!`);\n\n\t\t// component.setProperty('name', 'Bob');\n\t\t// await page.waitForChanges();\n\t\t// expect(element.textContent).toEqual(`Hello, Bob!`);\n\n\t\t// component.setProperty('name', 'Earl');\n\t\t// await page.waitForChanges();\n\t\t// expect(element.textContent).toEqual(`Hello, Earl!`);\n\t});\n});\n"]}

package/dist/collection/components/molecules/navigation-section/test/navigation-section.component.spec.js DELETED Viewed

@@ -1,17 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { NavigationSection } from "../navigation-section.component";
-describe('p-navigation-section', () => {
-  it('renders', async () => {
-    const { root } = await newSpecPage({
-      components: [NavigationSection],
-      html: '<p-navigation-section></p-navigation-title>',
-    });
-    expect(root).toEqualHtml(`
-      <p-navigation-section class="p-navigation-title">
-        <mock:shadow-root>
-        </mock:shadow-root>
-      </p-navigation-section>
-    `);
-  });
-});
-//# sourceMappingURL=navigation-section.component.spec.js.map

package/dist/collection/components/molecules/navigation-section/test/navigation-section.component.spec.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"navigation-section.component.spec.js","sourceRoot":"","sources":["../../../../../src/components/molecules/navigation-section/test/navigation-section.component.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AAEpE,QAAQ,CAAC,sBAAsB,EAAE,GAAG,EAAE;EACrC,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACxB,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,WAAW,CAAC;MAClC,UAAU,EAAE,CAAC,iBAAiB,CAAC;MAC/B,IAAI,EAAE,6CAA6C;KACnD,CAAC,CAAC;IACH,MAAM,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;KAKtB,CAAC,CAAC;EACN,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { NavigationSection } from '../navigation-section.component';\n\ndescribe('p-navigation-section', () => {\n\tit('renders', async () => {\n\t\tconst { root } = await newSpecPage({\n\t\t\tcomponents: [NavigationSection],\n\t\t\thtml: '<p-navigation-section></p-navigation-title>',\n\t\t});\n\t\texpect(root).toEqualHtml(`\n <p-navigation-section class=\"p-navigation-title\">\n <mock:shadow-root>\n </mock:shadow-root>\n </p-navigation-section>\n `);\n\t});\n});\n"]}

package/dist/components/_commonjsHelpers.js DELETED Viewed

@@ -1,21 +0,0 @@
-function getDefaultExportFromCjs (x) {
-	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
-}
-function createCommonjsModule(fn, basedir, module) {
-	return module = {
-		path: basedir,
-		exports: {},
-		require: function (path, base) {
-			return commonjsRequire();
-		}
-	}, fn(module, module.exports), module.exports;
-}
-function commonjsRequire () {
-	throw new Error('Dynamic requires are not currently supported by @rollup/plugin-commonjs');
-}
-export { createCommonjsModule as c, getDefaultExportFromCjs as g };
-//# sourceMappingURL=_commonjsHelpers.js.map

package/dist/components/_commonjsHelpers.js.map DELETED Viewed

	@@ -1 +0,0 @@
1	- {"file":"_commonjsHelpers.js","mappings":";;;;;;;;;;;;;;;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/navigation-title.component.js DELETED Viewed

@@ -1,31 +0,0 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-const navigationTitleComponentCss = "*{box-sizing:border-box}.static{position:static!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}";
-const NavigationTitle = /*@__PURE__*/ proxyCustomElement(class NavigationTitle extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-  }
-  render() {
-    return (h(Host, { class: 'p-navigation-title text-xs font-medium text-black-teal-300' }, h("slot", null)));
-  }
-  static get style() { return navigationTitleComponentCss; }
-}, [4, "p-navigation-title"]);
-function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["p-navigation-title"];
-  components.forEach(tagName => { switch (tagName) {
-    case "p-navigation-title":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, NavigationTitle);
-      }
-      break;
-  } });
-}
-export { NavigationTitle as N, defineCustomElement as d };
-//# sourceMappingURL=navigation-title.component.js.map

package/dist/components/navigation-title.component.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"navigation-title.component.js","mappings":";;AAAA,MAAM,2BAA2B,GAAG,+QAA+Q;;MCOtS,eAAe;;;;;EAC3B,MAAM;IACL,QACC,EAAC,IAAI,IAAC,KAAK,EAAC,4DAA4D,IACvE,eAAQ,CACF,EACN;GACF;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/atoms/navigation-title/navigation-title.component.scss?tag=p-navigation-title","src/components/atoms/navigation-title/navigation-title.component.tsx"],"sourcesContent":["","import { Component, h, Host } from '@stencil/core';\n\n@Component({\n\ttag: 'p-navigation-title',\n\tstyleUrl: 'navigation-title.component.scss',\n\tshadow: false,\n})\nexport class NavigationTitle {\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-navigation-title text-xs font-medium text-black-teal-300'>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"version":3}

package/dist/components/p-navigation-section.d.ts DELETED Viewed

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-interface PNavigationSection extends Components.PNavigationSection, HTMLElement {}
-export const PNavigationSection: {
-  prototype: PNavigationSection;
-  new (): PNavigationSection;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/p-navigation-section.js DELETED Viewed

@@ -1,44 +0,0 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { d as defineCustomElement$2 } from './navigation-title.component.js';
-const navigationSectionComponentCss = "*{box-sizing:border-box}.static{position:static!important}.flex{display:flex!important}.flex-col{flex-direction:column!important}.gap-2{gap:.5rem!important}";
-const NavigationSection = /*@__PURE__*/ proxyCustomElement(class NavigationSection extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.header = undefined;
-  }
-  render() {
-    var _a;
-    return (h(Host, { class: 'p-navigation-section flex flex-col gap-2' }, ((_a = this.header) === null || _a === void 0 ? void 0 : _a.length) > 0 && (h("p-navigation-title", null, this.header)), h("div", { class: 'flex flex-col' }, h("slot", null))));
-  }
-  static get style() { return navigationSectionComponentCss; }
-}, [4, "p-navigation-section", {
-    "header": [1]
-  }]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["p-navigation-section", "p-navigation-title"];
-  components.forEach(tagName => { switch (tagName) {
-    case "p-navigation-section":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, NavigationSection);
-      }
-      break;
-    case "p-navigation-title":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-  } });
-}
-const PNavigationSection = NavigationSection;
-const defineCustomElement = defineCustomElement$1;
-export { PNavigationSection, defineCustomElement };
-//# sourceMappingURL=p-navigation-section.js.map

package/dist/components/p-navigation-section.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"p-navigation-section.js","mappings":";;;AAAA,MAAM,6BAA6B,GAAG,8JAA8J;;MCMvL,iBAAiB;;;;;;EAM7B,MAAM;;IACL,QACC,EAAC,IAAI,IAAC,KAAK,EAAC,0CAA0C,IACpD,CAAA,MAAA,IAAI,CAAC,MAAM,0CAAE,MAAM,IAAG,CAAC,KACvB,8BAAqB,IAAI,CAAC,MAAM,CAAsB,CACtD,EAED,WAAK,KAAK,EAAC,eAAe,IACzB,eAAQ,CACH,CACA,EACN;GACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/molecules/navigation-section/navigation-section.component.scss?tag=p-navigation-section","src/components/molecules/navigation-section/navigation-section.component.tsx"],"sourcesContent":["","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-navigation-section',\n\tstyleUrl: 'navigation-section.component.scss',\n})\nexport class NavigationSection {\n\t/**\n\t * The header of the section\n\t */\n\t@Prop() header: string;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-navigation-section flex flex-col gap-2'>\n\t\t\t\t{this.header?.length > 0 && (\n\t\t\t\t\t<p-navigation-title>{this.header}</p-navigation-title>\n\t\t\t\t)}\n\n\t\t\t\t<div class='flex flex-col'>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"version":3}

package/dist/esm/_commonjsHelpers-e9b9b14e.js DELETED Viewed

@@ -1,21 +0,0 @@
-function getDefaultExportFromCjs (x) {
-	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
-}
-function createCommonjsModule(fn, basedir, module) {
-	return module = {
-		path: basedir,
-		exports: {},
-		require: function (path, base) {
-			return commonjsRequire();
-		}
-	}, fn(module, module.exports), module.exports;
-}
-function commonjsRequire () {
-	throw new Error('Dynamic requires are not currently supported by @rollup/plugin-commonjs');
-}
-export { createCommonjsModule as c, getDefaultExportFromCjs as g };
-//# sourceMappingURL=_commonjsHelpers-e9b9b14e.js.map

package/dist/esm/_commonjsHelpers-e9b9b14e.js.map DELETED Viewed

	@@ -1 +0,0 @@
1	- {"file":"_commonjsHelpers-e9b9b14e.js","mappings":";;;;;;;;;;;;;;;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/esm/p-navigation-section.entry.js DELETED Viewed

@@ -1,19 +0,0 @@
-import { r as registerInstance, h, H as Host } from './index-f99096d4.js';
-const navigationSectionComponentCss = "*{box-sizing:border-box}.static{position:static!important}.flex{display:flex!important}.flex-col{flex-direction:column!important}.gap-2{gap:.5rem!important}";
-const NavigationSection = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.header = undefined;
-  }
-  render() {
-    var _a;
-    return (h(Host, { class: 'p-navigation-section flex flex-col gap-2' }, ((_a = this.header) === null || _a === void 0 ? void 0 : _a.length) > 0 && (h("p-navigation-title", null, this.header)), h("div", { class: 'flex flex-col' }, h("slot", null))));
-  }
-};
-NavigationSection.style = navigationSectionComponentCss;
-export { NavigationSection as p_navigation_section };
-//# sourceMappingURL=p-navigation-section.entry.js.map

package/dist/esm/p-navigation-section.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"p-navigation-section.entry.js","mappings":";;AAAA,MAAM,6BAA6B,GAAG,8JAA8J;;MCMvL,iBAAiB;;;;;EAM7B,MAAM;;IACL,QACC,EAAC,IAAI,IAAC,KAAK,EAAC,0CAA0C,IACpD,CAAA,MAAA,IAAI,CAAC,MAAM,0CAAE,MAAM,IAAG,CAAC,KACvB,8BAAqB,IAAI,CAAC,MAAM,CAAsB,CACtD,EAED,WAAK,KAAK,EAAC,eAAe,IACzB,eAAQ,CACH,CACA,EACN;GACF;;;;;;","names":[],"sources":["src/components/molecules/navigation-section/navigation-section.component.scss?tag=p-navigation-section","src/components/molecules/navigation-section/navigation-section.component.tsx"],"sourcesContent":["","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-navigation-section',\n\tstyleUrl: 'navigation-section.component.scss',\n})\nexport class NavigationSection {\n\t/**\n\t * The header of the section\n\t */\n\t@Prop() header: string;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-navigation-section flex flex-col gap-2'>\n\t\t\t\t{this.header?.length > 0 && (\n\t\t\t\t\t<p-navigation-title>{this.header}</p-navigation-title>\n\t\t\t\t)}\n\n\t\t\t\t<div class='flex flex-col'>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"version":3}

package/dist/paperless/p-190704d1.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as t,h as i,H as e,g as o}from"./p-64b68231.js";import{c as a}from"./p-8a5b8196.js";import"./p-8a1a6e56.js";const s="*{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-auto{width:auto!important}.w-full{width:100%!important}.w-inherit{width:inherit!important}.min-w-0{min-width:0!important}.max-w-full{max-width:100%!important}.flex-1{flex:1 1 0%!important}.flex-col{flex-direction:column!important}.items-start{align-items:flex-start!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}.py-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.text-sm{font-size:.875rem!important;line-height:1.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}";const n=a(["flex gap-2 items-center flex-1 min-w-0"],{variants:{dropdown:{false:"h-10 py-1",true:null}}});const l=class{constructor(i){t(this,i);this.dropdownLocation="bottom-end";this._dropdownOpen=false;this._hasDropdownSlot=false}componentWillLoad(){this._checkDropdownSlot()}componentWillRender(){this._updateAvatar()}render(){const t=this._getContent();return i(e,{class:"p-profile inline-block w-inherit"},this._hasDropdownSlot?i("p-dropdown",{class:"block",strategy:"absolute",placement:this.dropdownLocation,applyFullWidth:true,applyMaxWidth:false,onIsOpen:t=>this._dropdownOpen=t.detail},i("p-button",{variant:"dropdown",chevron:this._dropdownOpen?"up":"down",active:this._dropdownOpen,slot:"trigger",size:"lg",class:"w-full"},t),i("div",{slot:"items"},i("slot",{name:"dropdown",onSlotchange:()=>this._checkDropdownSlot()}))):t)}slotchange(){this._checkDropdownSlot()}_checkDropdownSlot(){this._hasDropdownSlot=!!this._el.querySelector(':scope > [slot="dropdown"]');if(!this._hasDropdownSlot&&this._dropdownOpen){this._dropdownOpen=false}}_getContent(){return i("div",{class:n({dropdown:this._hasDropdownSlot})},i("slot",{name:"avatar"}),i("div",{class:"flex min-w-0 flex-1 flex-col items-start"},i("p",{class:"w-auto max-w-full overflow-hidden text-ellipsis whitespace-nowrap text-sm font-medium"},i("slot",{name:"title"})),i("p",{class:"w-auto max-w-full overflow-hidden text-ellipsis whitespace-nowrap text-xs text-black-teal-300"},i("slot",{name:"subtitle"}))),i("slot",{name:"post-title"}))}_updateAvatar(){const t=this._el.querySelector('p-avatar[slot="avatar"]');if(!t){return}t.size=this._hasDropdownSlot?"sm":t.size}get _el(){return o(this)}};l.style=s;export{l as p_profile};
2	- //# sourceMappingURL=p-190704d1.entry.js.map

package/dist/paperless/p-190704d1.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["profileComponentCss","profileContent","cva","variants","dropdown","false","true","Profile","componentWillLoad","this","_checkDropdownSlot","componentWillRender","_updateAvatar","render","content","_getContent","h","Host","class","_hasDropdownSlot","strategy","placement","dropdownLocation","applyFullWidth","applyMaxWidth","onIsOpen","ev","_dropdownOpen","detail","variant","chevron","active","slot","size","name","onSlotchange","slotchange","_el","querySelector","avatar"],"sources":["src/components/molecules/profile/profile.component.scss?tag=p-profile","src/components/molecules/profile/profile.component.tsx"],"sourcesContent":[null,"import {\n\tComponent,\n\tElement,\n\th,\n\tHost,\n\tListen,\n\tProp,\n\tState,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst profileContent = cva(['flex gap-2 items-center flex-1 min-w-0'], {\n\tvariants: {\n\t\tdropdown: {\n\t\t\tfalse: 'h-10 py-1',\n\t\t\ttrue: null,\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 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._checkDropdownSlot();\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 w-inherit'>\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<p-button\n\t\t\t\t\t\t\tvariant='dropdown'\n\t\t\t\t\t\t\tchevron={this._dropdownOpen ? 'up' : 'down'}\n\t\t\t\t\t\t\tactive={this._dropdownOpen}\n\t\t\t\t\t\t\tslot='trigger'\n\t\t\t\t\t\t\tsize='lg'\n\t\t\t\t\t\t\tclass='w-full'\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{content}\n\t\t\t\t\t\t</p-button>\n\t\t\t\t\t\t<div slot='items'>\n\t\t\t\t\t\t\t<slot\n\t\t\t\t\t\t\t\tname='dropdown'\n\t\t\t\t\t\t\t\tonSlotchange={() => this._checkDropdownSlot()}\n\t\t\t\t\t\t\t/>\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\t@Listen('slotchange')\n\tslotchange() {\n\t\tthis._checkDropdownSlot();\n\t}\n\n\tprivate _checkDropdownSlot() {\n\t\tthis._hasDropdownSlot = !!this._el.querySelector(\n\t\t\t':scope > [slot=\"dropdown\"]'\n\t\t);\n\n\t\tif (!this._hasDropdownSlot && this._dropdownOpen) {\n\t\t\tthis._dropdownOpen = false;\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})}\n\t\t\t>\n\t\t\t\t<slot name='avatar' />\n\t\t\t\t<div class='flex min-w-0 flex-1 flex-col items-start'>\n\t\t\t\t\t<p class='w-auto max-w-full overflow-hidden text-ellipsis whitespace-nowrap text-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='w-auto max-w-full overflow-hidden text-ellipsis whitespace-nowrap 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</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"],"mappings":"qHAAA,MAAMA,EAAsB,2iCCW5B,MAAMC,EAAiBC,EAAI,CAAC,0CAA2C,CACtEC,SAAU,CACTC,SAAU,CACTC,MAAO,YACPC,KAAM,S,MASIC,EAAO,M,+CAIkC,a,mBAOpB,M,sBACG,K,CAEpC,iBAAAC,GACCC,KAAKC,oB,CAGN,mBAAAC,GACCF,KAAKG,e,CAGN,MAAAC,GACC,MAAMC,EAAUL,KAAKM,cACrB,OACCC,EAACC,EAAI,CAACC,MAAM,oCACVT,KAAKU,iBACLH,EAAA,cACCE,MAAM,QACNE,SAAS,WACTC,UAAWZ,KAAKa,iBAChBC,eAAgB,KAChBC,cAAe,MACfC,SAAUC,GAAOjB,KAAKkB,cAAgBD,EAAGE,QAEzCZ,EAAA,YACCa,QAAQ,WACRC,QAASrB,KAAKkB,cAAgB,KAAO,OACrCI,OAAQtB,KAAKkB,cACbK,KAAK,UACLC,KAAK,KACLf,MAAM,UAELJ,GAEFE,EAAA,OAAKgB,KAAK,SACThB,EAAA,QACCkB,KAAK,WACLC,aAAc,IAAM1B,KAAKC,yBAGf,E,CASjB,UAAA0B,GACC3B,KAAKC,oB,CAGE,kBAAAA,GACPD,KAAKU,mBAAqBV,KAAK4B,IAAIC,cAClC,8BAGD,IAAK7B,KAAKU,kBAAoBV,KAAKkB,cAAe,CACjDlB,KAAKkB,cAAgB,K,EAIf,WAAAZ,GACP,OACCC,EAAA,OACCE,MAAOjB,EAAe,CACrBG,SAAUK,KAAKU,oBAGhBH,EAAA,QAAMkB,KAAK,WACXlB,EAAA,OAAKE,MAAM,4CACVF,EAAA,KAAGE,MAAM,yFACRF,EAAA,QAAMkB,KAAK,WAEZlB,EAAA,KAAGE,MAAM,iGACRF,EAAA,QAAMkB,KAAK,eAIblB,EAAA,QAAMkB,KAAK,e,CAKN,aAAAtB,GACP,MAAM2B,EAAS9B,KAAK4B,IAAIC,cACvB,2BAGD,IAAKC,EAAQ,CACZ,M,CAGDA,EAAON,KAAOxB,KAAKU,iBAAmB,KAAOoB,EAAON,I"}

package/dist/paperless/p-5ab354bf.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as t,h as i,H as e}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}.font-ambit{font-family:Ambit,sans-serif!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}.leading-none{line-height:1!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 font-ambit leading-none"],{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(i){t(this,i);this.size="base";this.defaultImage=undefined;this.src=undefined;this.letters=undefined;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(){var t,r;return i(e,{class:a({size:this.size})},this._failed?(r=(t=this.letters)===null\|\|t===void 0?void 0:t[0])!==null&&r!==void 0?r:" ":i("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};
2	- //# sourceMappingURL=p-5ab354bf.entry.js.map

package/dist/paperless/p-5ab354bf.entry.js.map DELETED Viewed

@@ -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","_b","_a","letters","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 font-ambit leading-none',\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?.[0] ?? ' '\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,ixDCG3B,MAAMC,EAASC,EACd,CACC,4JAED,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,uGAkByB,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,G,QACC,OACCC,EAACC,EAAI,CACJC,MAAOpB,EAAO,CACbG,KAAMS,KAAKT,QAGXS,KAAKC,SACLQ,GAAAC,EAAAV,KAAKW,WAAO,MAAAD,SAAA,SAAAA,EAAG,MAAE,MAAAD,SAAA,EAAAA,EAAI,IAErBH,EAAA,OACCP,IAAKC,KAAKE,KACVM,MAAM,uDACNI,QAAS,IAAMZ,KAAKI,e,CAOjB,UAAAA,GACPJ,KAAKC,QAAU,KACfD,KAAKE,KAAOW,S"}

package/dist/paperless/p-60492c98.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as t,h as i,H as o}from"./p-64b68231.js";const n="*{box-sizing:border-box}.static{position:static!important}.flex{display:flex!important}.flex-col{flex-direction:column!important}.gap-2{gap:.5rem!important}";const s=class{constructor(i){t(this,i);this.header=undefined}render(){var t;return i(o,{class:"p-navigation-section flex flex-col gap-2"},((t=this.header)===null\|\|t===void 0?void 0:t.length)>0&&i("p-navigation-title",null,this.header),i("div",{class:"flex flex-col"},i("slot",null)))}};s.style=n;export{s as p_navigation_section};
2	- //# sourceMappingURL=p-60492c98.entry.js.map

package/dist/paperless/p-60492c98.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["navigationSectionComponentCss","NavigationSection","render","h","Host","class","_a","this","header","length"],"sources":["src/components/molecules/navigation-section/navigation-section.component.scss?tag=p-navigation-section","src/components/molecules/navigation-section/navigation-section.component.tsx"],"sourcesContent":[null,"import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-navigation-section',\n\tstyleUrl: 'navigation-section.component.scss',\n})\nexport class NavigationSection {\n\t/**\n\t * The header of the section\n\t */\n\t@Prop() header: string;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-navigation-section flex flex-col gap-2'>\n\t\t\t\t{this.header?.length > 0 && (\n\t\t\t\t\t<p-navigation-title>{this.header}</p-navigation-title>\n\t\t\t\t)}\n\n\t\t\t\t<div class='flex flex-col'>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"mappings":"kDAAA,MAAMA,EAAgC,+J,MCMzBC,EAAiB,M,+CAM7B,MAAAC,G,MACC,OACCC,EAACC,EAAI,CAACC,MAAM,8CACVC,EAAAC,KAAKC,UAAM,MAAAF,SAAA,SAAAA,EAAEG,QAAS,GACtBN,EAAA,0BAAqBI,KAAKC,QAG3BL,EAAA,OAAKE,MAAM,iBACVF,EAAA,c"}

package/dist/paperless/p-64765a81.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- function r(r){return r&&r.__esModule&&Object.prototype.hasOwnProperty.call(r,"default")?r["default"]:r}function n(r,n,e){return e={path:n,exports:{},require:function(r,n){return t()}},r(e,e.exports),e.exports}function t(){throw new Error("Dynamic requires are not currently supported by @rollup/plugin-commonjs")}export{n as c,r as g};
2	- //# sourceMappingURL=p-64765a81.js.map

package/dist/paperless/p-64765a81.js.map DELETED Viewed

	@@ -1 +0,0 @@
1	- {"version":3,"names":[],"sources":[],"mappings":""}