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

package/dist/paperless/p-d7dbd13e.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","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":"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"}

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

@@ -1,2 +0,0 @@
-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};
-//# sourceMappingURL=p-ece8998b.entry.js.map

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

@@ -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/types/components/molecules/navigation-section/navigation-section.component.d.ts

@@ -1,7 +0,0 @@
-export declare class NavigationSection {
-  /**
-   * The header of the section
-   */
-  header: string;
-  render(): any;
-}