@paperless/core 2.0.1-beta.88 → 2.0.1-beta.89

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [2.0.1-beta.89](https://github.com/ionic-team/stencil-component-starter/compare/v2.0.1-beta.88...v2.0.1-beta.89) (2025-05-01)
+
+
+### Bug Fixes
+
+* **atoms/layout:** Don't make sidebar go to w-72 ([199efa9](https://github.com/ionic-team/stencil-component-starter/commit/199efa94ec67bbde7c608460272ae359a0b8b97d))
+
+
+
+
+
 ## [2.0.1-beta.88](https://github.com/ionic-team/stencil-component-starter/compare/v2.0.1-beta.87...v2.0.1-beta.88) (2025-05-01)
 
 

package/dist/build/p-7428019d.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as e,h as i,H as n}from"./p-I9JY9uxk.js";const r='.relative{position:relative!important}.sticky{position:sticky!important}.box-border{box-sizing:border-box!important}.flex{display:flex!important}.grid{display:grid!important}.hidden{display:none!important}.h-dvh{height:100dvh!important}.h-full{height:100%!important}.w-full{width:100%!important}.w-unset{width:unset!important}.flex-1{flex:1 1 0%!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.overflow-y-auto{overflow-y:auto!important}.px-content-mobile-x{padding-left:1rem!important;padding-right:1rem!important}*{box-sizing:border-box}:host{display:grid;gap:0;grid-template-areas:"sidebar" "topbar" "content";grid-template-columns:1fr;grid-template-rows:repeat(2,min-content) 1fr;height:100dvh;width:100dvw}@media (min-width:80rem){:host{grid-template-areas:"topbar topbar" "sidebar content";grid-template-columns:auto 1fr;grid-template-rows:min-content 1fr}}:host .content,:host .sidebar,:host .topbar{align-self:flex-start}:host .topbar{grid-area:topbar;position:sticky;width:100%}:host .sidebar{box-sizing:border-box;display:flex;grid-area:sidebar;height:100%;width:100%}@media (min-width:80rem){:host .sidebar{width:15rem}}:host .content{display:flex;flex-direction:column;grid-area:content;height:100%;overflow-x:hidden;overflow-y:auto;padding:1.5rem 1rem;position:relative}@media (min-width:40rem){:host .content{padding:2rem}}@media (min-width:80rem){:host .content{padding:2rem 1.5rem 1.5rem}}@media (min-width:90rem){:host .content{padding:2rem}}@media (min-width:120rem){:host .content{padding-bottom:5rem;padding-left:5rem;padding-right:2rem}}@media (min-width:160rem){:host .content{padding-bottom:7.5rem;padding-left:7.5rem;padding-top:4rem}}:host .content .inner-content{flex:1 1 0%;position:relative}@media (min-width:80rem){:host .content .inner-content{width:62rem}}@media (min-width:90rem){:host .content .inner-content{width:71rem}}@media (min-width:96rem){:host .content .inner-content{width:77rem}}@media (min-width:105rem){:host .content .inner-content{width:83rem}}:host(.variant-default) .content{flex:1 1 0%}:host(.variant-login){grid-template-areas:"topbar topbar" "content content"}@media (min-width:80rem){:host(.variant-login){grid-template-areas:"topbar topbar" "content sidebar"}}:host(.variant-login) .sidebar{display:none;flex:1 1 0%;overflow:hidden;padding:.5rem;width:unset}@media (min-width:80rem){:host(.variant-login) .sidebar{display:flex}}:host(.variant-login) .sidebar .inner-content{padding:.5rem}:host(.variant-login) .content{align-items:center;padding:calc(env(safe-area-inset-top) + 3.5rem) 1rem 1.5rem}@media (min-width:80rem){:host(.variant-login) .content{justify-content:center;padding:1.5rem 4.5rem 0}}:host(.variant-login) .content .inner-content{box-sizing:border-box;flex:unset;width:100%}@media (min-width:40rem){:host(.variant-login) .content .inner-content{width:21rem}}@media (min-width:80rem){:host(.variant-office) .content .inner-content{width:58rem}}@media (min-width:90rem){:host(.variant-office) .content .inner-content{width:67rem}}@media (min-width:96rem){:host(.variant-office) .content .inner-content{width:73rem}}@media (min-width:105rem){:host(.variant-office) .content .inner-content{width:79rem}}@media (min-width:120rem){:host(.variant-office) .content .inner-content{width:82rem}}@media (min-width:160rem){:host(.variant-office) .content .inner-content{width:84.5rem}}@media (min-width:80rem){:host(.variant-office) .sidebar{width:19rem}}@media (min-width:105rem){:host(.variant-office) .sidebar{width:22rem}}@media (min-width:80rem){.layout-1280\\:flex{display:flex!important}.layout-1280\\:w-\\[19rem\\]{width:19rem!important}.layout-1280\\:w-\\[58rem\\]{width:58rem!important}.layout-1280\\:p-6{padding:1.5rem!important}.layout-1280\\:px-18{padding-left:4.5rem!important;padding-right:4.5rem!important}}@media (min-width:90rem){.layout-1440\\:w-\\[67rem\\]{width:67rem!important}}@media (min-width:96rem){.layout-1536\\:w-\\[73rem\\]{width:73rem!important}}@media (min-width:105rem){.layout-1680\\:w-\\[22rem\\]{width:22rem!important}.layout-1680\\:w-\\[79rem\\]{width:79rem!important}}@media (min-width:120rem){.layout-1920\\:w-\\[82rem\\]{width:82rem!important}.layout-1920\\:pl-20{padding-left:5rem!important}.layout-1920\\:pr-8{padding-right:2rem!important}}@media (min-width:160rem){.layout-2560\\:w-\\[84\\.5rem\\]{width:84.5rem!important}.layout-2560\\:pb-\\[7\\.5rem\\]{padding-bottom:7.5rem!important}.layout-2560\\:pl-\\[7\\.5rem\\]{padding-left:7.5rem!important}.layout-2560\\:pt-16{padding-top:4rem!important}}.static{position:static!important}';const a=class{constructor(i){t(this,i);this.scroll=e(this,"scroll",7)}variant="default";scroll;render(){return i(n,{key:"abb4b9dee622a98ce445bb7d616723ff05cdd4e6",class:`p-layout variant-${this.variant}`},i("div",{key:"3d56e125dc255ef84cd44373f55f6b19c6d1e3c4",class:"content",onScroll:t=>this.scroll.emit(t)},i("div",{key:"c813fc7a527b1f1eb5529a2c5a7b1fae1eafa48a",class:"inner-content"},i("slot",{key:"c06a94e256eb4e685888fec7c8a2b415fce3169a",name:"content"}))),i("div",{key:"e7d29ed239bd8a0fcb0e52821b8e4019364e11dd",class:"sidebar"},i("slot",{key:"3d239712ec6357624866af12307be33e1bdb094b",name:"sidebar"})),i("div",{key:"55c075f918cbce1ea612c5fe4cf2530e994258c5",class:"topbar"},i("slot",{key:"afae0fcdec8240e06d8bcfe8e430dfd1bc4cbf98",name:"topbar"})))}};a.style=r;export{a as p_layout};
+//# sourceMappingURL=p-7428019d.entry.js.map

package/dist/build/p-7428019d.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["layoutComponentCss","Layout","variant","scroll","render","h","Host","key","class","this","onScroll","ev","emit","name"],"sources":["src/components/deprecated/atoms/layout/layout.component.scss?tag=p-layout&encapsulation=shadow","src/components/deprecated/atoms/layout/layout.component.tsx"],"sourcesContent":[":host {\n\t@apply grid h-dvh w-dvw;\n\n\tgrid-template-columns: 1fr;\n\tgrid-template-rows: repeat(2, min-content) 1fr;\n\tgap: 0;\n\tgrid-template-areas:\n\t\t'sidebar'\n\t\t'topbar'\n\t\t'content';\n\n\t@screen layout-1280 {\n\t\tgrid-template-columns: auto 1fr;\n\t\tgrid-template-rows: min-content 1fr;\n\t\tgrid-template-areas:\n\t\t\t'topbar topbar'\n\t\t\t'sidebar content';\n\t}\n\n\t.topbar,\n\t.sidebar,\n\t.content {\n\t\t@apply self-start;\n\t}\n\n\t.topbar {\n\t\tgrid-area: topbar;\n\n\t\t@apply sticky w-full;\n\t}\n\n\t.sidebar {\n\t\tgrid-area: sidebar;\n\n\t\t@apply box-border flex h-full;\n\t\t@apply w-full;\n\t\t@apply layout-1280:w-60;\n\t}\n\n\t.content {\n\t\tgrid-area: content;\n\n\t\t@apply relative flex h-full flex-col overflow-y-auto overflow-x-hidden;\n\t\t@apply pb-24;\n\n\t\t@apply px-content-mobile-x py-content-mobile-y;\n\t\t@apply tablet:p-8;\n\t\t@apply layout-1280:p-6 layout-1280:pt-8;\n\t\t@apply layout-1440:p-8;\n\t\t@apply layout-1920:pr-8 layout-1920:pl-20 layout-1920:pb-20;\n\t\t@apply layout-2560:pt-16 layout-2560:pl-[7.5rem] layout-2560:pb-[7.5rem];\n\n\t\t.inner-content {\n\t\t\t@apply relative flex-1;\n\n\t\t\t// https://linear.app/employes/issue/PRO-9053/%E2%9A%9B%EF%B8%8F-component-wijzigen-layout\n\t\t\t@apply layout-1280:w-content-1280;\n\t\t\t@apply layout-1440:w-content-1440;\n\t\t\t@apply layout-1536:w-content-1536;\n\t\t\t@apply layout-1680:w-content-1680;\n\t\t}\n\t}\n}\n\n:host(.variant-default) {\n\t.content {\n\t\t@apply flex-1;\n\t}\n}\n\n:host(.variant-login) {\n\tgrid-template-areas:\n\t\t'topbar topbar'\n\t\t'content content';\n\n\t@screen layout-1280 {\n\t\tgrid-template-areas:\n\t\t\t'topbar topbar'\n\t\t\t'content sidebar';\n\t}\n\n\t.sidebar {\n\t\t@apply hidden w-unset layout-1280:flex;\n\t\t@apply p-2;\n\t\t@apply flex-1 overflow-hidden;\n\n\t\t.inner-content {\n\t\t\t@apply p-2;\n\t\t}\n\t}\n\n\t.content {\n\t\t@apply items-center layout-1280:justify-center;\n\n\t\t@apply layout-1280:px-18 layout-1280:py-0;\n\t\t@apply px-content-mobile-x py-content-mobile-y;\n\t\tpadding-top: calc(env(safe-area-inset-top) + 3.5rem);\n\n\t\t@screen layout-1280 {\n\t\t\t@apply pt-content-mobile-y;\n\t\t}\n\n\t\t.inner-content {\n\t\t\t@apply box-border;\n\t\t\t@apply w-full tablet:w-content-desktop-login;\n\t\t\tflex: unset;\n\t\t}\n\t}\n}\n\n:host(.variant-office) {\n\t.content {\n\t\t.inner-content {\n\t\t\t@apply layout-1280:w-[58rem];\n\t\t\t@apply layout-1440:w-[67rem];\n\t\t\t@apply layout-1536:w-[73rem];\n\t\t\t@apply layout-1680:w-[79rem];\n\t\t\t@apply layout-1920:w-[82rem];\n\t\t\t@apply layout-2560:w-[84.5rem];\n\t\t}\n\t}\n\n\t.sidebar {\n\t\t@apply layout-1280:w-[19rem] layout-1680:w-[22rem];\n\t}\n}\n","import { Component, h, Host, Prop, Event, EventEmitter } from '@stencil/core';\n\n@Component({\n\ttag: 'p-layout',\n\tstyleUrl: 'layout.component.scss',\n\tshadow: true,\n})\nexport class Layout {\n\t/**\n\t * Variant of the layout\n\t */\n\t@Prop() variant: 'default' | 'login' | 'office' = 'default';\n\n\t/**\n\t * Event whenever the layout is being scrolled\n\t */\n\t@Event() scroll: EventEmitter<any>;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={`p-layout variant-${this.variant}`}>\n\t\t\t\t<div\n\t\t\t\t\tclass='content'\n\t\t\t\t\tonScroll={ev => this.scroll.emit(ev)}\n\t\t\t\t>\n\t\t\t\t\t<div class='inner-content'>\n\t\t\t\t\t\t<slot name='content' />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div class='sidebar'>\n\t\t\t\t\t<slot name='sidebar' />\n\t\t\t\t</div>\n\t\t\t\t<div class='topbar'>\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"],"mappings":"yDAAA,MAAMA,EAAqB,2+I,MCOdC,EAAM,M,wDAIVC,QAA0C,UAKzCC,OAET,MAAAC,GACC,OACCC,EAACC,EAAK,CAAAC,IAAA,2CAAAC,MAAO,oBAAoBC,KAAKP,WACrCG,EAAA,OAAAE,IAAA,2CACCC,MAAM,UACNE,SAAUC,GAAMF,KAAKN,OAAOS,KAAKD,IAEjCN,EAAK,OAAAE,IAAA,2CAAAC,MAAM,iBACVH,EAAA,QAAAE,IAAA,2CAAMM,KAAK,cAGbR,EAAK,OAAAE,IAAA,2CAAAC,MAAM,WACVH,EAAA,QAAAE,IAAA,2CAAMM,KAAK,aAEZR,EAAK,OAAAE,IAAA,2CAAAC,MAAM,UACVH,EAAA,QAAAE,IAAA,2CAAMM,KAAK,Y","ignoreList":[]}

package/dist/build/{p-ebec32d1.js → p-fe88aadd.js}

@@ -1,2 +1,2 @@
-import{p as e,b as a}from"./p-I9JY9uxk.js";export{s as setNonce}from"./p-I9JY9uxk.js";import{g as t}from"./p-DQuL1Twl.js";var o=()=>{const a=import.meta.url;const t={};if(a!==""){t.resourcesUrl=new URL(".",a).href}return e(t)};o().then((async e=>{await t();return a(JSON.parse('[["p-07482103",[[4,"p-button",{"label":[1],"as":[1],"variant":[1],"active":[4],"underline":[4],"href":[1],"target":[1],"size":[1],"type":[1],"loading":[4],"chevron":[8],"chevronPosition":[1,"chevron-position"],"disabled":[4],"icon":[1],"iconOnly":[4,"icon-only"],"iconPosition":[1,"icon-position"],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"],"inheritText":[4,"inherit-text"],"buttonGroupPosition":[1,"button-group-position"],"class":[1]},[[2,"click","handleClick"]]],[1,"p-loader",{"show":[4],"variant":[1],"color":[1],"modalTitle":[1,"modal-title"],"modalDescription":[1,"modal-description"]}],[1,"p-icon",{"variant":[1],"size":[1],"rotate":[2],"flip":[1]}]]],["p-609d33ca",[[4,"p-table",{"items":[1],"loading":[4],"headerLoading":[4,"header-loading"],"footerLoading":[4,"footer-loading"],"amountOfLoadingRows":[2,"amount-of-loading-rows"],"enableRowSelection":[4,"enable-row-selection"],"rowSelectionLimit":[2,"row-selection-limit"],"enableRowClick":[4,"enable-row-click"],"selectedRows":[16,"selected-rows"],"enableFloatingMenu":[4,"enable-floating-menu"],"floatingMenuAmountSelectedTemplate":[16,"floating-menu-amount-selected-template"],"selectionKey":[1,"selection-key"],"canSelectKey":[1,"can-select-key"],"enableHeader":[4,"enable-header"],"quickFilters":[16,"quick-filters"],"activeQuickFilterIdentifier":[1,"active-quick-filter-identifier"],"enableSearch":[4,"enable-search"],"query":[1025],"enableFilter":[4,"enable-filter"],"enableFilterDesktop":[4,"enable-filter-desktop"],"selectedFiltersAmount":[2,"selected-filters-amount"],"filterButtonTemplate":[16,"filter-button-template"],"enableAction":[4,"enable-action"],"actionButtonLoading":[4,"action-button-loading"],"actionButtonEnabled":[4,"action-button-enabled"],"actionButtonIcon":[1,"action-button-icon"],"actionButtonText":[1,"action-button-text"],"actionButtonTemplate":[16,"action-button-template"],"enableFooter":[4,"enable-footer"],"enablePaginationSize":[4,"enable-pagination-size"],"enablePaginationPages":[4,"enable-pagination-pages"],"enableExport":[4,"enable-export"],"page":[1538],"total":[2],"pageSize":[2,"page-size"],"pageSizeOptions":[16,"page-size-options"],"hideOnSinglePage":[4,"hide-on-single-page"],"emptyStateHeader":[16,"empty-state-header"],"emptyStateContent":[16,"empty-state-content"],"emptyStateAction":[16,"empty-state-action"],"enableEmptyStateAction":[4,"enable-empty-state-action"],"emptyStateFilteredHeader":[16,"empty-state-filtered-header"],"emptyStateFilteredContent":[16,"empty-state-filtered-content"],"shadow":[4],"_locales":[32],"_columns":[32],"_items":[32],"_enableRowSelection":[32],"_rowSelectionLimit":[32],"_rowActionsFloating":[32],"_rowActionsRow":[32],"_footerHidden":[32]},[[16,"localeChanged","_setLocales"],[16,"tableDefinitionChanged","onTableDefinitionUpdated"],[4,"keydown","keyDown"],[4,"keyup","keyUp"],[4,"visibilitychange","visibilityChange"],[9,"resize","_setRowSelectionData"]],{"items":["_parseItems"],"enableRowSelection":["_setRowSelectionData"],"rowSelectionLimit":["_setRowSelectionData"],"selectedRows":["_setRowSelectionData"]}]]],["p-00bbdf09",[[0,"p-select",{"items":[1],"multi":[516],"usePortal":[4,"use-portal"],"strategy":[1],"icon":[1],"query":[1],"placeholder":[1],"autocompletePlaceholder":[1,"autocomplete-placeholder"],"value":[8],"displayKey":[1,"display-key"],"dropdownDisplayKey":[1,"dropdown-display-key"],"selectionDisplayKey":[1,"selection-display-key"],"valueKey":[1,"value-key"],"avatarKey":[1,"avatar-key"],"iconKey":[1,"icon-key"],"showIconInSelectedItem":[1,"show-icon-in-selected-item"],"classKey":[1,"class-key"],"applyClassOnSelectedItem":[1,"apply-class-on-selected-item"],"avatarLettersKey":[1,"avatar-letters-key"],"identifierKey":[1,"identifier-key"],"queryKey":[1,"query-key"],"autoSelectFirst":[4,"auto-select-first"],"showChevron":[4,"show-chevron"],"maxDisplayedItems":[2,"max-displayed-items"],"enableAutocomplete":[4,"enable-autocomplete"],"asyncFilter":[4,"async-filter"],"loading":[4],"enableSelectAll":[4,"enable-select-all"],"selectAllText":[1,"select-all-text"],"selectAllIcon":[1,"select-all-icon"],"size":[1],"prefix":[1],"label":[1],"helper":[1],"required":[516],"error":[513],"disabled":[516],"showAddItem":[4,"show-add-item"],"addItemText":[1,"add-item-text"],"emptyStateText":[1,"empty-state-text"],"_showDropdown":[32],"_selectedItem":[32],"_allSelected":[32],"_amountHidden":[32]},[[6,"click","documentClickHandler"]],{"value":["_valueChange"],"items":["itemChanges"],"_showDropdown":["_showDropdownChanges"],"multi":["multiChanges"]}]]],["p-be6b5994",[[0,"p-datepicker",{"placeholder":[1],"value":[1],"preselectToday":[4,"preselect-today"],"enableNativePicker":[4,"enable-native-picker"],"disabledDates":[1,"disabled-dates"],"minDate":[1,"min-date"],"maxDate":[1,"max-date"],"disableWeekends":[4,"disable-weekends"],"mode":[1],"format":[1],"hideIconWhenFilled":[4,"hide-icon-when-filled"],"size":[1],"prefix":[1],"label":[1],"loading":[4],"helper":[1],"required":[516],"error":[513],"disabled":[516],"strategy":[1],"placement":[513],"_showDropdown":[32],"_value":[32],"_minDate":[32],"_maxDate":[32],"_disabledDates":[32],"_isMobileBrowser":[32]},[[6,"click","documentClickHandler"]],{"value":["parseValue"],"minDate":["parseMinDate"],"maxDate":["parseMaxDate"],"disabledDates":["parseDisabledDates"]}]]],["p-8752ec1d",[[1,"p-modal",{"size":[1],"header":[1],"show":[4],"applyBlur":[4,"apply-blur"],"showClose":[4,"show-close"],"showMobileFooter":[4,"show-mobile-footer"],"backdropClickClose":[4,"backdrop-click-close"],"scrollLock":[4,"scroll-lock"],"_closing":[32]},[[8,"closeModal","handleCloseModal"]]]]],["p-3550e63e",[[1,"p-drawer",{"header":[1],"show":[4],"applyBlur":[4,"apply-blur"],"showClose":[4,"show-close"],"backdropClickClose":[4,"backdrop-click-close"],"canClose":[4,"can-close"],"scrollLock":[4,"scroll-lock"],"_closing":[32]},[[8,"closeDrawer","handleCloseDrawer"],[8,"forceCloseDrawer","handleForceCloseDrawer"]]]]],["p-1dd1cec1",[[1,"p-attachment",{"mode":[1],"loading":[4],"error":[1],"downloading":[4]}]]],["p-41303d86",[[1,"p-profile",{"dropdownLocation":[1,"dropdown-location"],"_dropdownOpen":[32],"_hasDropdownSlot":[32]},[[0,"slotchange","slotchange"]]]]],["p-776cbfe2",[[1,"p-input-group",{"size":[1],"prefix":[1],"suffix":[1],"icon":[1],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"],"iconPosition":[1,"icon-position"],"label":[1],"helper":[1],"required":[516],"error":[513],"disabled":[516],"focused":[516],"forceShowTooltip":[516,"force-show-tooltip"],"focusMethod":[1,"focus-method"],"errorVariant":[1,"error-variant"],"_forceShowTooltip":[32]},[[0,"focusin","handleFocusIn"],[0,"focusout","handleFocusOut"]]]]],["p-17f2eb68",[[1,"p-navbar",{"_show":[32]},[[8,"closeNavbar","handleCloseNavbar"],[8,"openNavbar","handleOpenNavbar"]]]]],["p-e4bb6038",[[1,"p-card-header",{"variant":[1],"header":[1],"icon":[1],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"]}]]],["p-298151ea",[[4,"p-navigation-item",{"icon":[1],"active":[4],"loading":[4],"as":[1],"counter":[8],"href":[1],"target":[1],"class":[1]}]]],["p-bf107121",[[1,"p-toast",{"variant":[1],"header":[1],"content":[1],"enableAction":[4,"enable-action"],"actionIcon":[1,"action-icon"],"actionIconFlip":[1,"action-icon-flip"],"actionIconRotate":[2,"action-icon-rotate"]}]]],["p-6e24431e",[[1,"p-accordion",{"header":[1],"open":[4],"closeable":[4],"openable":[4]}]]],["p-9d097d22",[[1,"p-content-slider",{"hideMobileIndicator":[4,"hide-mobile-indicator"],"disableDrag":[4,"disable-drag"],"disableAutoCenter":[4,"disable-auto-center"],"disableIndicatorClick":[4,"disable-indicator-click"],"_visibleIndex":[32],"_outerHeight":[32],"_totalWidth":[32],"_dragging":[32]},[[9,"mouseup","mouseUpHandler"],[9,"touchend","mouseUpHandler"],[9,"resize","resizeHandler"]]]]],["p-703204cf",[[1,"p-cropper",{"variant":[513],"value":[8],"returnType":[1,"return-type"],"_loaded":[32],"_currentScale":[32]},[[9,"resize","onResize"]]]]],["p-3b06538e",[[1,"p-info-panel",{"variant":[1],"header":[1],"content":[1],"closeable":[4]}]]],["p-2ee956ca",[[1,"p-label",{"variant":[513],"iconOnly":[516,"icon-only"],"icon":[513],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"],"keepMobileContent":[516,"keep-mobile-content"]}]]],["p-20c6ca39",[[4,"p-navigation-section",{"header":[1]}]]],["p-e1ae79c2",[[4,"p-status",{"variant":[1],"icon":[1],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"]}]]],["p-ceaa8903",[[1,"p-stepper",{"activeStep":[2,"active-step"],"enableAutoStatus":[4,"enable-auto-status"],"direction":[513],"contentPosition":[513,"content-position"]},null,{"activeStep":["_onActiveStepChange"]}]]],["p-13f4e43c",[[1,"p-stepper-item",{"align":[513],"direction":[513],"contentPosition":[513,"content-position"],"finished":[516],"active":[516]}]]],["p-1ca996df",[[1,"p-tab-container"]]],["p-4e74384b",[[4,"p-avatar-group",{"extra":[2]}]]],["p-ddd5fbf3",[[1,"p-button-group",{"size":[1]},[[0,"slotchange","slotchange"]]]]],["p-6b4a23c4",[[1,"p-card-body"]]],["p-1c8e4a11",[[1,"p-card-container",{"active":[4],"hoverable":[4],"shadow":[4]}]]],["p-b8c0abcf",[[1,"p-counter",{"variant":[1],"size":[1]}]]],["p-f196c632",[[1,"p-iban-icon",{"iban":[513],"variant":[513]}]]],["p-dbab1545",[[0,"p-icon-deprecated",{"variant":[1],"size":[1],"rotate":[2],"flip":[1]}]]],["p-c23863a0",[[0,"p-illustration-deprecated",{"variant":[1]}]]],["p-3c299655",[[1,"p-layout",{"variant":[1]}]]],["p-07f3d56c",[[4,"p-radio",{"value":[1],"disabled":[516],"required":[516],"id":[513],"name":[513],"checked":[516],"_nonce":[32]}]]],["p-9b252854",[[1,"p-tab-item",{"active":[4]}]]],["p-798c697f",[[0,"p-table-column",{"path":[1537],"type":[1537],"name":[1537],"useSlot":[1540,"use-slot"],"hasCheckbox":[1540,"has-checkbox"],"align":[1537],"parsedSizes":[1040,"parsed-sizes"],"sizes":[1032]}]]],["p-244968bd",[[0,"p-table-row-action",{"type":[1537],"icon":[1],"iconOnly":[4,"icon-only"],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"],"label":[1],"action":[16],"disabled":[4],"loading":[4],"showFunction":[16,"show-function"]}]]],["p-964952eb",[[1,"p-toast-container",{"placement":[1]}]]],["p-0028a70a",[[4,"p-toggle",{"checked":[4],"indeterminate":[4],"disabled":[516],"required":[516],"id":[513],"name":[513],"_nonce":[32]}]]],["p-7a9ffd73",[[0,"p-calendar",{"variant":[1],"value":[1],"preselectToday":[4,"preselect-today"],"disabledDates":[1,"disabled-dates"],"minDate":[1,"min-date"],"maxDate":[1,"max-date"],"disableWeekends":[4,"disable-weekends"],"mode":[1],"_view":[32],"_viewDate":[32],"_value":[32],"_minDate":[32],"_maxDate":[32],"_disabledDates":[32]},null,{"value":["_parseValue"],"minDate":["_parseMinDate"],"maxDate":["_parseMaxDate"],"disabledDates":["_parseDisabledDates"]}]]],["p-07801fb9",[[0,"p-avatar",{"size":[513],"defaultImage":[1,"default-image"],"src":[1],"letters":[1],"_src":[32],"_failed":[32]},null,{"src":["onSrchChange"]}]]],["p-e68acbf9",[[1,"p-navigation-title"]]],["p-754beb82",[[1,"p-slider-indicator",{"active":[4]}]]],["p-533abd68",[[1,"p-stepper-line",{"active":[516],"direction":[513]}]]],["p-3d68c30d",[[4,"p-portal"]]],["p-4f4458b1",[[1,"p-input-error",{"error":[1],"forceShowTooltip":[4,"force-show-tooltip"],"_showTooltip":[32]}]]],["p-987532c0",[[0,"p-illustration",{"variant":[1]}]]],["p-9d709bed",[[1,"p-drawer-header",{"showClose":[4,"show-close"]}],[1,"p-drawer-body",{"variant":[1]}],[4,"p-drawer-container",{"closing":[4]}]]],["p-8ad81b8b",[[1,"p-backdrop",{"variant":[1],"applyBlur":[4,"apply-blur"],"closing":[4],"scrollLock":[4,"scroll-lock"],"class":[1]},[[2,"click","handleClick"]]]]],["p-608a9209",[[0,"p-smile",{"variant":[1]}]]],["p-5f656747",[[1,"p-modal-header",{"showClose":[4,"show-close"]}],[1,"p-modal-footer"],[1,"p-modal-body",{"roundedBottom":[4,"rounded-bottom"],"roundedTop":[4,"rounded-top"]}],[1,"p-modal-container",{"size":[1],"closing":[4]}]]],["p-896736bb",[[4,"p-pagination-pages-item",{"variant":[1],"active":[4],"hover":[4],"disabled":[4]}]]],["p-dd941df5",[[4,"p-segment-item",{"variant":[1],"active":[4],"iconOnly":[4,"icon-only"],"icon":[1],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"]}],[4,"p-segment-container"],[4,"p-badge"]]],["p-e9c85340",[[4,"p-divider",{"variant":[513]}]]],["p-10aeeebd",[[1,"p-dropdown-menu-item",{"active":[4],"checkbox":[4],"variant":[1],"enableHover":[4,"enable-hover"],"disabled":[4],"icon":[1],"iconWave":[4,"icon-wave"],"useContainer":[4,"use-container"]}],[4,"p-checkbox",{"checked":[4],"indeterminate":[4],"disabled":[516],"required":[516],"id":[513],"name":[513],"_nonce":[32]}],[1,"p-dropdown",{"variant":[1],"placement":[513],"offset":[2],"strategy":[1],"show":[4],"usePortal":[4,"use-portal"],"calculateWidth":[4,"calculate-width"],"applyMaxWidth":[4,"apply-max-width"],"applyFullWidth":[4,"apply-full-width"],"allowOverflow":[4,"allow-overflow"],"scrollable":[8],"insideClick":[4,"inside-click"],"disableTriggerClick":[4,"disable-trigger-click"],"applyChevron":[4,"apply-chevron"],"chevronPosition":[1,"chevron-position"],"chevronDirection":[1,"chevron-direction"]},[[6,"click","documentClickHandler"]],{"show":["onShowChange"]}],[1,"p-dropdown-menu-container",{"variant":[1],"maxWidth":[4,"max-width"],"class":[1],"fullWidth":[4,"full-width"],"allowOverflow":[4,"allow-overflow"],"scrollable":[8]}]]],["p-be361f67",[[0,"p-pagination",{"hideOnSinglePage":[4,"hide-on-single-page"],"enablePaginationSize":[4,"enable-pagination-size"],"enablePaginationPages":[4,"enable-pagination-pages"],"page":[1538],"total":[2],"pageSize":[2,"page-size"],"pageSizeOptions":[16,"page-size-options"],"_hasPaginationPages":[32]}],[1,"p-pagination-size",{"size":[1538],"sizeOptions":[16,"size-options"],"itemTemplate":[16,"item-template"],"hidden":[4],"dropdownIsOpen":[32],"_locales":[32]},[[16,"localeChanged","_setLocales"]]],[0,"p-pagination-pages",{"page":[1538],"pageSize":[2,"page-size"],"hideOnSinglePage":[4,"hide-on-single-page"],"total":[2]},null,{"page":["pageChangeHandler"],"pageSize":["pageChangeHandler"],"total":["pageChangeHandler"]}]]],["p-3dd17bb1",[[1,"p-helper",{"strategy":[1],"placement":[1]}],[1,"p-tooltip",{"variant":[1],"content":[8],"placement":[1],"offset":[2],"strategy":[1],"enableUserInput":[4,"enable-user-input"],"show":[4],"usePortal":[4,"use-portal"],"canManuallyClose":[4,"can-manually-close"]},[[2,"click","clickHandler"],[6,"click","documentClickHandler"],[1,"mouseenter","mouseEnterHandler"],[0,"focus","mouseEnterHandler"],[1,"mouseleave","mouseLeaveHandler"],[0,"blur","mouseLeaveHandler"]],{"show":["onShowChange"]}]]],["p-9a62b67e",[[1,"p-field",{"variant":[1],"size":[1],"type":[1],"properties":[8],"prefix":[1],"suffix":[1],"icon":[1],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"],"iconPosition":[1,"icon-position"],"value":[1],"label":[1],"loading":[4],"placeholder":[1],"helper":[1],"required":[516],"autofocus":[516],"error":[513],"errorPlacement":[1,"error-placement"],"disabled":[516],"focused":[516],"forceShowTooltip":[516,"force-show-tooltip"],"selectAllOnFocus":[516,"select-all-on-focus"],"focusMethod":[1,"focus-method"],"optionalTemplate":[16,"optional-template"],"_focused":[32]},[[0,"focusin","handleFocusIn"],[0,"focusout","handleFocusOut"]]],[1,"p-field-container",{"label":[1],"loading":[4],"loadingSize":[1,"loading-size"],"variant":[1],"helper":[1],"required":[516],"error":[513],"errorPlacement":[1,"error-placement"],"forceShowTooltip":[516,"force-show-tooltip"],"optionalTemplate":[16,"optional-template"],"_locales":[32]},[[16,"localeChanged","_setLocales"]]]]],["p-cfed3086",[[1,"p-table-header",{"quickFilters":[16,"quick-filters"],"activeQuickFilterIdentifier":[1,"active-quick-filter-identifier"],"loading":[4],"enableSearch":[4,"enable-search"],"itemsSelectedAmount":[2,"items-selected-amount"],"query":[1025],"enableFilter":[4,"enable-filter"],"enableExport":[4,"enable-export"],"enableFilterDesktop":[4,"enable-filter-desktop"],"selectedFiltersAmount":[2,"selected-filters-amount"],"filterButtonTemplate":[16,"filter-button-template"],"enableAction":[4,"enable-action"],"actionLoading":[4,"action-loading"],"actionIcon":[1,"action-icon"],"actionText":[1,"action-text"],"canUseAction":[1028,"can-use-action"],"actionButtonTemplate":[16,"action-button-template"],"_locales":[32]},[[16,"localeChanged","_setLocales"]]],[1,"p-table-footer",{"enablePaginationSize":[4,"enable-pagination-size"],"enablePaginationPages":[4,"enable-pagination-pages"],"loading":[4],"page":[1538],"total":[2],"pageSize":[2,"page-size"],"pageSizeOptions":[16,"page-size-options"],"hideOnSinglePage":[4,"hide-on-single-page"],"_isPinned":[32],"_hasPaginationPages":[32]},[[9,"scroll","onScroll"]]],[1,"p-empty-state",{"illustration":[8],"header":[1],"content":[1],"enableAction":[4,"enable-action"],"actionText":[1,"action-text"],"actionVariant":[1,"action-variant"],"actionIcon":[1,"action-icon"],"actionLoading":[4,"action-loading"]}],[1,"p-floating-menu-container",{"usedInTable":[4,"used-in-table"],"enableAmountSelected":[4,"enable-amount-selected"],"amount":[2],"enableClose":[4,"enable-close"],"amountSelectedTemplate":[16,"amount-selected-template"],"_locales":[32]},[[16,"localeChanged","_setLocales"]]],[4,"p-floating-menu-item",{"hover":[4],"disabled":[4],"loading":[4],"icon":[1],"iconPosition":[1,"icon-position"],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"]}],[4,"p-table-cell",{"variant":[1],"index":[2],"rowIndex":[2,"row-index"],"definition":[16],"item":[8],"value":[8],"checkbox":[8],"template":[16]}],[1,"p-table-row",{"variant":[1],"enableHover":[4,"enable-hover"]}],[4,"p-table-container"],[1,"p-table-row-actions-container"]]]]'),e)}));
+import{p as e,b as a}from"./p-I9JY9uxk.js";export{s as setNonce}from"./p-I9JY9uxk.js";import{g as t}from"./p-DQuL1Twl.js";var o=()=>{const a=import.meta.url;const t={};if(a!==""){t.resourcesUrl=new URL(".",a).href}return e(t)};o().then((async e=>{await t();return a(JSON.parse('[["p-07482103",[[4,"p-button",{"label":[1],"as":[1],"variant":[1],"active":[4],"underline":[4],"href":[1],"target":[1],"size":[1],"type":[1],"loading":[4],"chevron":[8],"chevronPosition":[1,"chevron-position"],"disabled":[4],"icon":[1],"iconOnly":[4,"icon-only"],"iconPosition":[1,"icon-position"],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"],"inheritText":[4,"inherit-text"],"buttonGroupPosition":[1,"button-group-position"],"class":[1]},[[2,"click","handleClick"]]],[1,"p-loader",{"show":[4],"variant":[1],"color":[1],"modalTitle":[1,"modal-title"],"modalDescription":[1,"modal-description"]}],[1,"p-icon",{"variant":[1],"size":[1],"rotate":[2],"flip":[1]}]]],["p-609d33ca",[[4,"p-table",{"items":[1],"loading":[4],"headerLoading":[4,"header-loading"],"footerLoading":[4,"footer-loading"],"amountOfLoadingRows":[2,"amount-of-loading-rows"],"enableRowSelection":[4,"enable-row-selection"],"rowSelectionLimit":[2,"row-selection-limit"],"enableRowClick":[4,"enable-row-click"],"selectedRows":[16,"selected-rows"],"enableFloatingMenu":[4,"enable-floating-menu"],"floatingMenuAmountSelectedTemplate":[16,"floating-menu-amount-selected-template"],"selectionKey":[1,"selection-key"],"canSelectKey":[1,"can-select-key"],"enableHeader":[4,"enable-header"],"quickFilters":[16,"quick-filters"],"activeQuickFilterIdentifier":[1,"active-quick-filter-identifier"],"enableSearch":[4,"enable-search"],"query":[1025],"enableFilter":[4,"enable-filter"],"enableFilterDesktop":[4,"enable-filter-desktop"],"selectedFiltersAmount":[2,"selected-filters-amount"],"filterButtonTemplate":[16,"filter-button-template"],"enableAction":[4,"enable-action"],"actionButtonLoading":[4,"action-button-loading"],"actionButtonEnabled":[4,"action-button-enabled"],"actionButtonIcon":[1,"action-button-icon"],"actionButtonText":[1,"action-button-text"],"actionButtonTemplate":[16,"action-button-template"],"enableFooter":[4,"enable-footer"],"enablePaginationSize":[4,"enable-pagination-size"],"enablePaginationPages":[4,"enable-pagination-pages"],"enableExport":[4,"enable-export"],"page":[1538],"total":[2],"pageSize":[2,"page-size"],"pageSizeOptions":[16,"page-size-options"],"hideOnSinglePage":[4,"hide-on-single-page"],"emptyStateHeader":[16,"empty-state-header"],"emptyStateContent":[16,"empty-state-content"],"emptyStateAction":[16,"empty-state-action"],"enableEmptyStateAction":[4,"enable-empty-state-action"],"emptyStateFilteredHeader":[16,"empty-state-filtered-header"],"emptyStateFilteredContent":[16,"empty-state-filtered-content"],"shadow":[4],"_locales":[32],"_columns":[32],"_items":[32],"_enableRowSelection":[32],"_rowSelectionLimit":[32],"_rowActionsFloating":[32],"_rowActionsRow":[32],"_footerHidden":[32]},[[16,"localeChanged","_setLocales"],[16,"tableDefinitionChanged","onTableDefinitionUpdated"],[4,"keydown","keyDown"],[4,"keyup","keyUp"],[4,"visibilitychange","visibilityChange"],[9,"resize","_setRowSelectionData"]],{"items":["_parseItems"],"enableRowSelection":["_setRowSelectionData"],"rowSelectionLimit":["_setRowSelectionData"],"selectedRows":["_setRowSelectionData"]}]]],["p-00bbdf09",[[0,"p-select",{"items":[1],"multi":[516],"usePortal":[4,"use-portal"],"strategy":[1],"icon":[1],"query":[1],"placeholder":[1],"autocompletePlaceholder":[1,"autocomplete-placeholder"],"value":[8],"displayKey":[1,"display-key"],"dropdownDisplayKey":[1,"dropdown-display-key"],"selectionDisplayKey":[1,"selection-display-key"],"valueKey":[1,"value-key"],"avatarKey":[1,"avatar-key"],"iconKey":[1,"icon-key"],"showIconInSelectedItem":[1,"show-icon-in-selected-item"],"classKey":[1,"class-key"],"applyClassOnSelectedItem":[1,"apply-class-on-selected-item"],"avatarLettersKey":[1,"avatar-letters-key"],"identifierKey":[1,"identifier-key"],"queryKey":[1,"query-key"],"autoSelectFirst":[4,"auto-select-first"],"showChevron":[4,"show-chevron"],"maxDisplayedItems":[2,"max-displayed-items"],"enableAutocomplete":[4,"enable-autocomplete"],"asyncFilter":[4,"async-filter"],"loading":[4],"enableSelectAll":[4,"enable-select-all"],"selectAllText":[1,"select-all-text"],"selectAllIcon":[1,"select-all-icon"],"size":[1],"prefix":[1],"label":[1],"helper":[1],"required":[516],"error":[513],"disabled":[516],"showAddItem":[4,"show-add-item"],"addItemText":[1,"add-item-text"],"emptyStateText":[1,"empty-state-text"],"_showDropdown":[32],"_selectedItem":[32],"_allSelected":[32],"_amountHidden":[32]},[[6,"click","documentClickHandler"]],{"value":["_valueChange"],"items":["itemChanges"],"_showDropdown":["_showDropdownChanges"],"multi":["multiChanges"]}]]],["p-be6b5994",[[0,"p-datepicker",{"placeholder":[1],"value":[1],"preselectToday":[4,"preselect-today"],"enableNativePicker":[4,"enable-native-picker"],"disabledDates":[1,"disabled-dates"],"minDate":[1,"min-date"],"maxDate":[1,"max-date"],"disableWeekends":[4,"disable-weekends"],"mode":[1],"format":[1],"hideIconWhenFilled":[4,"hide-icon-when-filled"],"size":[1],"prefix":[1],"label":[1],"loading":[4],"helper":[1],"required":[516],"error":[513],"disabled":[516],"strategy":[1],"placement":[513],"_showDropdown":[32],"_value":[32],"_minDate":[32],"_maxDate":[32],"_disabledDates":[32],"_isMobileBrowser":[32]},[[6,"click","documentClickHandler"]],{"value":["parseValue"],"minDate":["parseMinDate"],"maxDate":["parseMaxDate"],"disabledDates":["parseDisabledDates"]}]]],["p-8752ec1d",[[1,"p-modal",{"size":[1],"header":[1],"show":[4],"applyBlur":[4,"apply-blur"],"showClose":[4,"show-close"],"showMobileFooter":[4,"show-mobile-footer"],"backdropClickClose":[4,"backdrop-click-close"],"scrollLock":[4,"scroll-lock"],"_closing":[32]},[[8,"closeModal","handleCloseModal"]]]]],["p-3550e63e",[[1,"p-drawer",{"header":[1],"show":[4],"applyBlur":[4,"apply-blur"],"showClose":[4,"show-close"],"backdropClickClose":[4,"backdrop-click-close"],"canClose":[4,"can-close"],"scrollLock":[4,"scroll-lock"],"_closing":[32]},[[8,"closeDrawer","handleCloseDrawer"],[8,"forceCloseDrawer","handleForceCloseDrawer"]]]]],["p-1dd1cec1",[[1,"p-attachment",{"mode":[1],"loading":[4],"error":[1],"downloading":[4]}]]],["p-41303d86",[[1,"p-profile",{"dropdownLocation":[1,"dropdown-location"],"_dropdownOpen":[32],"_hasDropdownSlot":[32]},[[0,"slotchange","slotchange"]]]]],["p-776cbfe2",[[1,"p-input-group",{"size":[1],"prefix":[1],"suffix":[1],"icon":[1],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"],"iconPosition":[1,"icon-position"],"label":[1],"helper":[1],"required":[516],"error":[513],"disabled":[516],"focused":[516],"forceShowTooltip":[516,"force-show-tooltip"],"focusMethod":[1,"focus-method"],"errorVariant":[1,"error-variant"],"_forceShowTooltip":[32]},[[0,"focusin","handleFocusIn"],[0,"focusout","handleFocusOut"]]]]],["p-17f2eb68",[[1,"p-navbar",{"_show":[32]},[[8,"closeNavbar","handleCloseNavbar"],[8,"openNavbar","handleOpenNavbar"]]]]],["p-e4bb6038",[[1,"p-card-header",{"variant":[1],"header":[1],"icon":[1],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"]}]]],["p-298151ea",[[4,"p-navigation-item",{"icon":[1],"active":[4],"loading":[4],"as":[1],"counter":[8],"href":[1],"target":[1],"class":[1]}]]],["p-bf107121",[[1,"p-toast",{"variant":[1],"header":[1],"content":[1],"enableAction":[4,"enable-action"],"actionIcon":[1,"action-icon"],"actionIconFlip":[1,"action-icon-flip"],"actionIconRotate":[2,"action-icon-rotate"]}]]],["p-6e24431e",[[1,"p-accordion",{"header":[1],"open":[4],"closeable":[4],"openable":[4]}]]],["p-9d097d22",[[1,"p-content-slider",{"hideMobileIndicator":[4,"hide-mobile-indicator"],"disableDrag":[4,"disable-drag"],"disableAutoCenter":[4,"disable-auto-center"],"disableIndicatorClick":[4,"disable-indicator-click"],"_visibleIndex":[32],"_outerHeight":[32],"_totalWidth":[32],"_dragging":[32]},[[9,"mouseup","mouseUpHandler"],[9,"touchend","mouseUpHandler"],[9,"resize","resizeHandler"]]]]],["p-703204cf",[[1,"p-cropper",{"variant":[513],"value":[8],"returnType":[1,"return-type"],"_loaded":[32],"_currentScale":[32]},[[9,"resize","onResize"]]]]],["p-3b06538e",[[1,"p-info-panel",{"variant":[1],"header":[1],"content":[1],"closeable":[4]}]]],["p-2ee956ca",[[1,"p-label",{"variant":[513],"iconOnly":[516,"icon-only"],"icon":[513],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"],"keepMobileContent":[516,"keep-mobile-content"]}]]],["p-20c6ca39",[[4,"p-navigation-section",{"header":[1]}]]],["p-e1ae79c2",[[4,"p-status",{"variant":[1],"icon":[1],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"]}]]],["p-ceaa8903",[[1,"p-stepper",{"activeStep":[2,"active-step"],"enableAutoStatus":[4,"enable-auto-status"],"direction":[513],"contentPosition":[513,"content-position"]},null,{"activeStep":["_onActiveStepChange"]}]]],["p-13f4e43c",[[1,"p-stepper-item",{"align":[513],"direction":[513],"contentPosition":[513,"content-position"],"finished":[516],"active":[516]}]]],["p-1ca996df",[[1,"p-tab-container"]]],["p-4e74384b",[[4,"p-avatar-group",{"extra":[2]}]]],["p-ddd5fbf3",[[1,"p-button-group",{"size":[1]},[[0,"slotchange","slotchange"]]]]],["p-6b4a23c4",[[1,"p-card-body"]]],["p-1c8e4a11",[[1,"p-card-container",{"active":[4],"hoverable":[4],"shadow":[4]}]]],["p-b8c0abcf",[[1,"p-counter",{"variant":[1],"size":[1]}]]],["p-f196c632",[[1,"p-iban-icon",{"iban":[513],"variant":[513]}]]],["p-dbab1545",[[0,"p-icon-deprecated",{"variant":[1],"size":[1],"rotate":[2],"flip":[1]}]]],["p-c23863a0",[[0,"p-illustration-deprecated",{"variant":[1]}]]],["p-7428019d",[[1,"p-layout",{"variant":[1]}]]],["p-07f3d56c",[[4,"p-radio",{"value":[1],"disabled":[516],"required":[516],"id":[513],"name":[513],"checked":[516],"_nonce":[32]}]]],["p-9b252854",[[1,"p-tab-item",{"active":[4]}]]],["p-798c697f",[[0,"p-table-column",{"path":[1537],"type":[1537],"name":[1537],"useSlot":[1540,"use-slot"],"hasCheckbox":[1540,"has-checkbox"],"align":[1537],"parsedSizes":[1040,"parsed-sizes"],"sizes":[1032]}]]],["p-244968bd",[[0,"p-table-row-action",{"type":[1537],"icon":[1],"iconOnly":[4,"icon-only"],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"],"label":[1],"action":[16],"disabled":[4],"loading":[4],"showFunction":[16,"show-function"]}]]],["p-964952eb",[[1,"p-toast-container",{"placement":[1]}]]],["p-0028a70a",[[4,"p-toggle",{"checked":[4],"indeterminate":[4],"disabled":[516],"required":[516],"id":[513],"name":[513],"_nonce":[32]}]]],["p-7a9ffd73",[[0,"p-calendar",{"variant":[1],"value":[1],"preselectToday":[4,"preselect-today"],"disabledDates":[1,"disabled-dates"],"minDate":[1,"min-date"],"maxDate":[1,"max-date"],"disableWeekends":[4,"disable-weekends"],"mode":[1],"_view":[32],"_viewDate":[32],"_value":[32],"_minDate":[32],"_maxDate":[32],"_disabledDates":[32]},null,{"value":["_parseValue"],"minDate":["_parseMinDate"],"maxDate":["_parseMaxDate"],"disabledDates":["_parseDisabledDates"]}]]],["p-07801fb9",[[0,"p-avatar",{"size":[513],"defaultImage":[1,"default-image"],"src":[1],"letters":[1],"_src":[32],"_failed":[32]},null,{"src":["onSrchChange"]}]]],["p-e68acbf9",[[1,"p-navigation-title"]]],["p-754beb82",[[1,"p-slider-indicator",{"active":[4]}]]],["p-533abd68",[[1,"p-stepper-line",{"active":[516],"direction":[513]}]]],["p-3d68c30d",[[4,"p-portal"]]],["p-4f4458b1",[[1,"p-input-error",{"error":[1],"forceShowTooltip":[4,"force-show-tooltip"],"_showTooltip":[32]}]]],["p-987532c0",[[0,"p-illustration",{"variant":[1]}]]],["p-9d709bed",[[1,"p-drawer-header",{"showClose":[4,"show-close"]}],[1,"p-drawer-body",{"variant":[1]}],[4,"p-drawer-container",{"closing":[4]}]]],["p-8ad81b8b",[[1,"p-backdrop",{"variant":[1],"applyBlur":[4,"apply-blur"],"closing":[4],"scrollLock":[4,"scroll-lock"],"class":[1]},[[2,"click","handleClick"]]]]],["p-608a9209",[[0,"p-smile",{"variant":[1]}]]],["p-5f656747",[[1,"p-modal-header",{"showClose":[4,"show-close"]}],[1,"p-modal-footer"],[1,"p-modal-body",{"roundedBottom":[4,"rounded-bottom"],"roundedTop":[4,"rounded-top"]}],[1,"p-modal-container",{"size":[1],"closing":[4]}]]],["p-896736bb",[[4,"p-pagination-pages-item",{"variant":[1],"active":[4],"hover":[4],"disabled":[4]}]]],["p-dd941df5",[[4,"p-segment-item",{"variant":[1],"active":[4],"iconOnly":[4,"icon-only"],"icon":[1],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"]}],[4,"p-segment-container"],[4,"p-badge"]]],["p-e9c85340",[[4,"p-divider",{"variant":[513]}]]],["p-10aeeebd",[[1,"p-dropdown-menu-item",{"active":[4],"checkbox":[4],"variant":[1],"enableHover":[4,"enable-hover"],"disabled":[4],"icon":[1],"iconWave":[4,"icon-wave"],"useContainer":[4,"use-container"]}],[4,"p-checkbox",{"checked":[4],"indeterminate":[4],"disabled":[516],"required":[516],"id":[513],"name":[513],"_nonce":[32]}],[1,"p-dropdown",{"variant":[1],"placement":[513],"offset":[2],"strategy":[1],"show":[4],"usePortal":[4,"use-portal"],"calculateWidth":[4,"calculate-width"],"applyMaxWidth":[4,"apply-max-width"],"applyFullWidth":[4,"apply-full-width"],"allowOverflow":[4,"allow-overflow"],"scrollable":[8],"insideClick":[4,"inside-click"],"disableTriggerClick":[4,"disable-trigger-click"],"applyChevron":[4,"apply-chevron"],"chevronPosition":[1,"chevron-position"],"chevronDirection":[1,"chevron-direction"]},[[6,"click","documentClickHandler"]],{"show":["onShowChange"]}],[1,"p-dropdown-menu-container",{"variant":[1],"maxWidth":[4,"max-width"],"class":[1],"fullWidth":[4,"full-width"],"allowOverflow":[4,"allow-overflow"],"scrollable":[8]}]]],["p-be361f67",[[0,"p-pagination",{"hideOnSinglePage":[4,"hide-on-single-page"],"enablePaginationSize":[4,"enable-pagination-size"],"enablePaginationPages":[4,"enable-pagination-pages"],"page":[1538],"total":[2],"pageSize":[2,"page-size"],"pageSizeOptions":[16,"page-size-options"],"_hasPaginationPages":[32]}],[1,"p-pagination-size",{"size":[1538],"sizeOptions":[16,"size-options"],"itemTemplate":[16,"item-template"],"hidden":[4],"dropdownIsOpen":[32],"_locales":[32]},[[16,"localeChanged","_setLocales"]]],[0,"p-pagination-pages",{"page":[1538],"pageSize":[2,"page-size"],"hideOnSinglePage":[4,"hide-on-single-page"],"total":[2]},null,{"page":["pageChangeHandler"],"pageSize":["pageChangeHandler"],"total":["pageChangeHandler"]}]]],["p-3dd17bb1",[[1,"p-helper",{"strategy":[1],"placement":[1]}],[1,"p-tooltip",{"variant":[1],"content":[8],"placement":[1],"offset":[2],"strategy":[1],"enableUserInput":[4,"enable-user-input"],"show":[4],"usePortal":[4,"use-portal"],"canManuallyClose":[4,"can-manually-close"]},[[2,"click","clickHandler"],[6,"click","documentClickHandler"],[1,"mouseenter","mouseEnterHandler"],[0,"focus","mouseEnterHandler"],[1,"mouseleave","mouseLeaveHandler"],[0,"blur","mouseLeaveHandler"]],{"show":["onShowChange"]}]]],["p-9a62b67e",[[1,"p-field",{"variant":[1],"size":[1],"type":[1],"properties":[8],"prefix":[1],"suffix":[1],"icon":[1],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"],"iconPosition":[1,"icon-position"],"value":[1],"label":[1],"loading":[4],"placeholder":[1],"helper":[1],"required":[516],"autofocus":[516],"error":[513],"errorPlacement":[1,"error-placement"],"disabled":[516],"focused":[516],"forceShowTooltip":[516,"force-show-tooltip"],"selectAllOnFocus":[516,"select-all-on-focus"],"focusMethod":[1,"focus-method"],"optionalTemplate":[16,"optional-template"],"_focused":[32]},[[0,"focusin","handleFocusIn"],[0,"focusout","handleFocusOut"]]],[1,"p-field-container",{"label":[1],"loading":[4],"loadingSize":[1,"loading-size"],"variant":[1],"helper":[1],"required":[516],"error":[513],"errorPlacement":[1,"error-placement"],"forceShowTooltip":[516,"force-show-tooltip"],"optionalTemplate":[16,"optional-template"],"_locales":[32]},[[16,"localeChanged","_setLocales"]]]]],["p-cfed3086",[[1,"p-table-header",{"quickFilters":[16,"quick-filters"],"activeQuickFilterIdentifier":[1,"active-quick-filter-identifier"],"loading":[4],"enableSearch":[4,"enable-search"],"itemsSelectedAmount":[2,"items-selected-amount"],"query":[1025],"enableFilter":[4,"enable-filter"],"enableExport":[4,"enable-export"],"enableFilterDesktop":[4,"enable-filter-desktop"],"selectedFiltersAmount":[2,"selected-filters-amount"],"filterButtonTemplate":[16,"filter-button-template"],"enableAction":[4,"enable-action"],"actionLoading":[4,"action-loading"],"actionIcon":[1,"action-icon"],"actionText":[1,"action-text"],"canUseAction":[1028,"can-use-action"],"actionButtonTemplate":[16,"action-button-template"],"_locales":[32]},[[16,"localeChanged","_setLocales"]]],[1,"p-table-footer",{"enablePaginationSize":[4,"enable-pagination-size"],"enablePaginationPages":[4,"enable-pagination-pages"],"loading":[4],"page":[1538],"total":[2],"pageSize":[2,"page-size"],"pageSizeOptions":[16,"page-size-options"],"hideOnSinglePage":[4,"hide-on-single-page"],"_isPinned":[32],"_hasPaginationPages":[32]},[[9,"scroll","onScroll"]]],[1,"p-empty-state",{"illustration":[8],"header":[1],"content":[1],"enableAction":[4,"enable-action"],"actionText":[1,"action-text"],"actionVariant":[1,"action-variant"],"actionIcon":[1,"action-icon"],"actionLoading":[4,"action-loading"]}],[1,"p-floating-menu-container",{"usedInTable":[4,"used-in-table"],"enableAmountSelected":[4,"enable-amount-selected"],"amount":[2],"enableClose":[4,"enable-close"],"amountSelectedTemplate":[16,"amount-selected-template"],"_locales":[32]},[[16,"localeChanged","_setLocales"]]],[4,"p-floating-menu-item",{"hover":[4],"disabled":[4],"loading":[4],"icon":[1],"iconPosition":[1,"icon-position"],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"]}],[4,"p-table-cell",{"variant":[1],"index":[2],"rowIndex":[2,"row-index"],"definition":[16],"item":[8],"value":[8],"checkbox":[8],"template":[16]}],[1,"p-table-row",{"variant":[1],"enableHover":[4,"enable-hover"]}],[4,"p-table-container"],[1,"p-table-row-actions-container"]]]]'),e)}));
 //# sourceMappingURL=paperless.esm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"p-layout.entry.esm.js","sources":["src/components/deprecated/atoms/layout/layout.component.scss?tag=p-layout&encapsulation=shadow","src/components/deprecated/atoms/layout/layout.component.tsx"],"sourcesContent":[":host {\n\t@apply grid h-dvh w-dvw;\n\n\tgrid-template-columns: 1fr;\n\tgrid-template-rows: repeat(2, min-content) 1fr;\n\tgap: 0;\n\tgrid-template-areas:\n\t\t'sidebar'\n\t\t'topbar'\n\t\t'content';\n\n\t@screen layout-1280 {\n\t\tgrid-template-columns: auto 1fr;\n\t\tgrid-template-rows: min-content 1fr;\n\t\tgrid-template-areas:\n\t\t\t'topbar topbar'\n\t\t\t'sidebar content';\n\t}\n\n\t.topbar,\n\t.sidebar,\n\t.content {\n\t\t@apply self-start;\n\t}\n\n\t.topbar {\n\t\tgrid-area: topbar;\n\n\t\t@apply sticky w-full;\n\t}\n\n\t.sidebar {\n\t\tgrid-area: sidebar;\n\n\t\t@apply box-border flex h-full;\n\t\t@apply w-full;\n\t\t@apply layout-1280:w-60 layout-1680:w-72;\n\t}\n\n\t.content {\n\t\tgrid-area: content;\n\n\t\t@apply relative flex h-full flex-col overflow-y-auto overflow-x-hidden;\n\t\t@apply pb-24;\n\n\t\t@apply px-content-mobile-x py-content-mobile-y;\n\t\t@apply tablet:p-8;\n\t\t@apply layout-1280:p-6 layout-1280:pt-8;\n\t\t@apply layout-1440:p-8;\n\t\t@apply layout-1920:pr-8 layout-1920:pl-20 layout-1920:pb-20;\n\t\t@apply layout-2560:pt-16 layout-2560:pl-[7.5rem] layout-2560:pb-[7.5rem];\n\n\t\t.inner-content {\n\t\t\t@apply relative flex-1;\n\n\t\t\t// https://linear.app/employes/issue/PRO-9053/%E2%9A%9B%EF%B8%8F-component-wijzigen-layout\n\t\t\t@apply layout-1280:w-content-1280;\n\t\t\t@apply layout-1440:w-content-1440;\n\t\t\t@apply layout-1536:w-content-1536;\n\t\t\t@apply layout-1680:w-content-1680;\n\t\t}\n\t}\n}\n\n:host(.variant-default) {\n\t.content {\n\t\t@apply flex-1;\n\t}\n}\n\n:host(.variant-login) {\n\tgrid-template-areas:\n\t\t'topbar topbar'\n\t\t'content content';\n\n\t@screen layout-1280 {\n\t\tgrid-template-areas:\n\t\t\t'topbar topbar'\n\t\t\t'content sidebar';\n\t}\n\n\t.sidebar {\n\t\t@apply hidden w-unset layout-1280:flex;\n\t\t@apply p-2;\n\t\t@apply flex-1 overflow-hidden;\n\n\t\t.inner-content {\n\t\t\t@apply p-2;\n\t\t}\n\t}\n\n\t.content {\n\t\t@apply items-center layout-1280:justify-center;\n\n\t\t@apply layout-1280:px-18 layout-1280:py-0;\n\t\t@apply px-content-mobile-x py-content-mobile-y;\n\t\tpadding-top: calc(env(safe-area-inset-top) + 3.5rem);\n\n\t\t@screen layout-1280 {\n\t\t\t@apply pt-content-mobile-y;\n\t\t}\n\n\t\t.inner-content {\n\t\t\t@apply box-border;\n\t\t\t@apply w-full tablet:w-content-desktop-login;\n\t\t\tflex: unset;\n\t\t}\n\t}\n}\n\n:host(.variant-office) {\n\t.content {\n\t\t.inner-content {\n\t\t\t@apply layout-1280:w-[58rem];\n\t\t\t@apply layout-1440:w-[67rem];\n\t\t\t@apply layout-1536:w-[73rem];\n\t\t\t@apply layout-1680:w-[79rem];\n\t\t\t@apply layout-1920:w-[82rem];\n\t\t\t@apply layout-2560:w-[84.5rem];\n\t\t}\n\t}\n\n\t.sidebar {\n\t\t@apply layout-1280:w-[19rem] layout-1680:w-[22rem];\n\t}\n}\n","import { Component, h, Host, Prop, Event, EventEmitter } from '@stencil/core';\n\n@Component({\n\ttag: 'p-layout',\n\tstyleUrl: 'layout.component.scss',\n\tshadow: true,\n})\nexport class Layout {\n\t/**\n\t * Variant of the layout\n\t */\n\t@Prop() variant: 'default' | 'login' | 'office' = 'default';\n\n\t/**\n\t * Event whenever the layout is being scrolled\n\t */\n\t@Event() scroll: EventEmitter<any>;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={`p-layout variant-${this.variant}`}>\n\t\t\t\t<div\n\t\t\t\t\tclass='content'\n\t\t\t\t\tonScroll={ev => this.scroll.emit(ev)}\n\t\t\t\t>\n\t\t\t\t\t<div class='inner-content'>\n\t\t\t\t\t\t<slot name='content' />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div class='sidebar'>\n\t\t\t\t\t<slot name='sidebar' />\n\t\t\t\t</div>\n\t\t\t\t<div class='topbar'>\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"],"names":[],"mappings":";;AAAA,MAAM,kBAAkB,GAAG,4lJAA4lJ;;MCO1mJ,MAAM,GAAA,MAAA;;;;;AAClB;;AAEG;IACK,OAAO,GAAmC,SAAS;AAE3D;;AAEG;AACM,IAAA,MAAM;IAEf,MAAM,GAAA;AACL,QAAA,QACC,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,CAAA,iBAAA,EAAoB,IAAI,CAAC,OAAO,CAAE,CAAA,EAAA,EAC9C,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,KAAK,EAAC,SAAS,EACf,QAAQ,EAAE,EAAE,IAAI,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,EAAA,EAEpC,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,eAAe,EAAA,EACzB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,SAAS,EAAA,CAAG,CAClB,CACD,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,SAAS,EAAA,EACnB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,SAAS,EAAA,CAAG,CAClB,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,QAAQ,EAAA,EAClB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,QAAQ,GAAG,CACjB,CACA;;;;;;;"}
+{"version":3,"file":"p-layout.entry.esm.js","sources":["src/components/deprecated/atoms/layout/layout.component.scss?tag=p-layout&encapsulation=shadow","src/components/deprecated/atoms/layout/layout.component.tsx"],"sourcesContent":[":host {\n\t@apply grid h-dvh w-dvw;\n\n\tgrid-template-columns: 1fr;\n\tgrid-template-rows: repeat(2, min-content) 1fr;\n\tgap: 0;\n\tgrid-template-areas:\n\t\t'sidebar'\n\t\t'topbar'\n\t\t'content';\n\n\t@screen layout-1280 {\n\t\tgrid-template-columns: auto 1fr;\n\t\tgrid-template-rows: min-content 1fr;\n\t\tgrid-template-areas:\n\t\t\t'topbar topbar'\n\t\t\t'sidebar content';\n\t}\n\n\t.topbar,\n\t.sidebar,\n\t.content {\n\t\t@apply self-start;\n\t}\n\n\t.topbar {\n\t\tgrid-area: topbar;\n\n\t\t@apply sticky w-full;\n\t}\n\n\t.sidebar {\n\t\tgrid-area: sidebar;\n\n\t\t@apply box-border flex h-full;\n\t\t@apply w-full;\n\t\t@apply layout-1280:w-60;\n\t}\n\n\t.content {\n\t\tgrid-area: content;\n\n\t\t@apply relative flex h-full flex-col overflow-y-auto overflow-x-hidden;\n\t\t@apply pb-24;\n\n\t\t@apply px-content-mobile-x py-content-mobile-y;\n\t\t@apply tablet:p-8;\n\t\t@apply layout-1280:p-6 layout-1280:pt-8;\n\t\t@apply layout-1440:p-8;\n\t\t@apply layout-1920:pr-8 layout-1920:pl-20 layout-1920:pb-20;\n\t\t@apply layout-2560:pt-16 layout-2560:pl-[7.5rem] layout-2560:pb-[7.5rem];\n\n\t\t.inner-content {\n\t\t\t@apply relative flex-1;\n\n\t\t\t// https://linear.app/employes/issue/PRO-9053/%E2%9A%9B%EF%B8%8F-component-wijzigen-layout\n\t\t\t@apply layout-1280:w-content-1280;\n\t\t\t@apply layout-1440:w-content-1440;\n\t\t\t@apply layout-1536:w-content-1536;\n\t\t\t@apply layout-1680:w-content-1680;\n\t\t}\n\t}\n}\n\n:host(.variant-default) {\n\t.content {\n\t\t@apply flex-1;\n\t}\n}\n\n:host(.variant-login) {\n\tgrid-template-areas:\n\t\t'topbar topbar'\n\t\t'content content';\n\n\t@screen layout-1280 {\n\t\tgrid-template-areas:\n\t\t\t'topbar topbar'\n\t\t\t'content sidebar';\n\t}\n\n\t.sidebar {\n\t\t@apply hidden w-unset layout-1280:flex;\n\t\t@apply p-2;\n\t\t@apply flex-1 overflow-hidden;\n\n\t\t.inner-content {\n\t\t\t@apply p-2;\n\t\t}\n\t}\n\n\t.content {\n\t\t@apply items-center layout-1280:justify-center;\n\n\t\t@apply layout-1280:px-18 layout-1280:py-0;\n\t\t@apply px-content-mobile-x py-content-mobile-y;\n\t\tpadding-top: calc(env(safe-area-inset-top) + 3.5rem);\n\n\t\t@screen layout-1280 {\n\t\t\t@apply pt-content-mobile-y;\n\t\t}\n\n\t\t.inner-content {\n\t\t\t@apply box-border;\n\t\t\t@apply w-full tablet:w-content-desktop-login;\n\t\t\tflex: unset;\n\t\t}\n\t}\n}\n\n:host(.variant-office) {\n\t.content {\n\t\t.inner-content {\n\t\t\t@apply layout-1280:w-[58rem];\n\t\t\t@apply layout-1440:w-[67rem];\n\t\t\t@apply layout-1536:w-[73rem];\n\t\t\t@apply layout-1680:w-[79rem];\n\t\t\t@apply layout-1920:w-[82rem];\n\t\t\t@apply layout-2560:w-[84.5rem];\n\t\t}\n\t}\n\n\t.sidebar {\n\t\t@apply layout-1280:w-[19rem] layout-1680:w-[22rem];\n\t}\n}\n","import { Component, h, Host, Prop, Event, EventEmitter } from '@stencil/core';\n\n@Component({\n\ttag: 'p-layout',\n\tstyleUrl: 'layout.component.scss',\n\tshadow: true,\n})\nexport class Layout {\n\t/**\n\t * Variant of the layout\n\t */\n\t@Prop() variant: 'default' | 'login' | 'office' = 'default';\n\n\t/**\n\t * Event whenever the layout is being scrolled\n\t */\n\t@Event() scroll: EventEmitter<any>;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={`p-layout variant-${this.variant}`}>\n\t\t\t\t<div\n\t\t\t\t\tclass='content'\n\t\t\t\t\tonScroll={ev => this.scroll.emit(ev)}\n\t\t\t\t>\n\t\t\t\t\t<div class='inner-content'>\n\t\t\t\t\t\t<slot name='content' />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div class='sidebar'>\n\t\t\t\t\t<slot name='sidebar' />\n\t\t\t\t</div>\n\t\t\t\t<div class='topbar'>\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"],"names":[],"mappings":";;AAAA,MAAM,kBAAkB,GAAG,4/IAA4/I;;MCO1gJ,MAAM,GAAA,MAAA;;;;;AAClB;;AAEG;IACK,OAAO,GAAmC,SAAS;AAE3D;;AAEG;AACM,IAAA,MAAM;IAEf,MAAM,GAAA;AACL,QAAA,QACC,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,CAAA,iBAAA,EAAoB,IAAI,CAAC,OAAO,CAAE,CAAA,EAAA,EAC9C,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,KAAK,EAAC,SAAS,EACf,QAAQ,EAAE,EAAE,IAAI,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,EAAA,EAEpC,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,eAAe,EAAA,EACzB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,SAAS,EAAA,CAAG,CAClB,CACD,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,SAAS,EAAA,EACnB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,SAAS,EAAA,CAAG,CAClB,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,QAAQ,EAAA,EAClB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,QAAQ,GAAG,CACjB,CACA;;;;;;;"}

package/dist/build/paperless.esm.js

@@ -1,2 +1,2 @@
-import{p as e,b as a}from"./p-I9JY9uxk.js";export{s as setNonce}from"./p-I9JY9uxk.js";import{g as t}from"./p-DQuL1Twl.js";var o=()=>{const a=import.meta.url;const t={};if(a!==""){t.resourcesUrl=new URL(".",a).href}return e(t)};o().then((async e=>{await t();return a(JSON.parse('[["p-07482103",[[4,"p-button",{"label":[1],"as":[1],"variant":[1],"active":[4],"underline":[4],"href":[1],"target":[1],"size":[1],"type":[1],"loading":[4],"chevron":[8],"chevronPosition":[1,"chevron-position"],"disabled":[4],"icon":[1],"iconOnly":[4,"icon-only"],"iconPosition":[1,"icon-position"],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"],"inheritText":[4,"inherit-text"],"buttonGroupPosition":[1,"button-group-position"],"class":[1]},[[2,"click","handleClick"]]],[1,"p-loader",{"show":[4],"variant":[1],"color":[1],"modalTitle":[1,"modal-title"],"modalDescription":[1,"modal-description"]}],[1,"p-icon",{"variant":[1],"size":[1],"rotate":[2],"flip":[1]}]]],["p-609d33ca",[[4,"p-table",{"items":[1],"loading":[4],"headerLoading":[4,"header-loading"],"footerLoading":[4,"footer-loading"],"amountOfLoadingRows":[2,"amount-of-loading-rows"],"enableRowSelection":[4,"enable-row-selection"],"rowSelectionLimit":[2,"row-selection-limit"],"enableRowClick":[4,"enable-row-click"],"selectedRows":[16,"selected-rows"],"enableFloatingMenu":[4,"enable-floating-menu"],"floatingMenuAmountSelectedTemplate":[16,"floating-menu-amount-selected-template"],"selectionKey":[1,"selection-key"],"canSelectKey":[1,"can-select-key"],"enableHeader":[4,"enable-header"],"quickFilters":[16,"quick-filters"],"activeQuickFilterIdentifier":[1,"active-quick-filter-identifier"],"enableSearch":[4,"enable-search"],"query":[1025],"enableFilter":[4,"enable-filter"],"enableFilterDesktop":[4,"enable-filter-desktop"],"selectedFiltersAmount":[2,"selected-filters-amount"],"filterButtonTemplate":[16,"filter-button-template"],"enableAction":[4,"enable-action"],"actionButtonLoading":[4,"action-button-loading"],"actionButtonEnabled":[4,"action-button-enabled"],"actionButtonIcon":[1,"action-button-icon"],"actionButtonText":[1,"action-button-text"],"actionButtonTemplate":[16,"action-button-template"],"enableFooter":[4,"enable-footer"],"enablePaginationSize":[4,"enable-pagination-size"],"enablePaginationPages":[4,"enable-pagination-pages"],"enableExport":[4,"enable-export"],"page":[1538],"total":[2],"pageSize":[2,"page-size"],"pageSizeOptions":[16,"page-size-options"],"hideOnSinglePage":[4,"hide-on-single-page"],"emptyStateHeader":[16,"empty-state-header"],"emptyStateContent":[16,"empty-state-content"],"emptyStateAction":[16,"empty-state-action"],"enableEmptyStateAction":[4,"enable-empty-state-action"],"emptyStateFilteredHeader":[16,"empty-state-filtered-header"],"emptyStateFilteredContent":[16,"empty-state-filtered-content"],"shadow":[4],"_locales":[32],"_columns":[32],"_items":[32],"_enableRowSelection":[32],"_rowSelectionLimit":[32],"_rowActionsFloating":[32],"_rowActionsRow":[32],"_footerHidden":[32]},[[16,"localeChanged","_setLocales"],[16,"tableDefinitionChanged","onTableDefinitionUpdated"],[4,"keydown","keyDown"],[4,"keyup","keyUp"],[4,"visibilitychange","visibilityChange"],[9,"resize","_setRowSelectionData"]],{"items":["_parseItems"],"enableRowSelection":["_setRowSelectionData"],"rowSelectionLimit":["_setRowSelectionData"],"selectedRows":["_setRowSelectionData"]}]]],["p-00bbdf09",[[0,"p-select",{"items":[1],"multi":[516],"usePortal":[4,"use-portal"],"strategy":[1],"icon":[1],"query":[1],"placeholder":[1],"autocompletePlaceholder":[1,"autocomplete-placeholder"],"value":[8],"displayKey":[1,"display-key"],"dropdownDisplayKey":[1,"dropdown-display-key"],"selectionDisplayKey":[1,"selection-display-key"],"valueKey":[1,"value-key"],"avatarKey":[1,"avatar-key"],"iconKey":[1,"icon-key"],"showIconInSelectedItem":[1,"show-icon-in-selected-item"],"classKey":[1,"class-key"],"applyClassOnSelectedItem":[1,"apply-class-on-selected-item"],"avatarLettersKey":[1,"avatar-letters-key"],"identifierKey":[1,"identifier-key"],"queryKey":[1,"query-key"],"autoSelectFirst":[4,"auto-select-first"],"showChevron":[4,"show-chevron"],"maxDisplayedItems":[2,"max-displayed-items"],"enableAutocomplete":[4,"enable-autocomplete"],"asyncFilter":[4,"async-filter"],"loading":[4],"enableSelectAll":[4,"enable-select-all"],"selectAllText":[1,"select-all-text"],"selectAllIcon":[1,"select-all-icon"],"size":[1],"prefix":[1],"label":[1],"helper":[1],"required":[516],"error":[513],"disabled":[516],"showAddItem":[4,"show-add-item"],"addItemText":[1,"add-item-text"],"emptyStateText":[1,"empty-state-text"],"_showDropdown":[32],"_selectedItem":[32],"_allSelected":[32],"_amountHidden":[32]},[[6,"click","documentClickHandler"]],{"value":["_valueChange"],"items":["itemChanges"],"_showDropdown":["_showDropdownChanges"],"multi":["multiChanges"]}]]],["p-be6b5994",[[0,"p-datepicker",{"placeholder":[1],"value":[1],"preselectToday":[4,"preselect-today"],"enableNativePicker":[4,"enable-native-picker"],"disabledDates":[1,"disabled-dates"],"minDate":[1,"min-date"],"maxDate":[1,"max-date"],"disableWeekends":[4,"disable-weekends"],"mode":[1],"format":[1],"hideIconWhenFilled":[4,"hide-icon-when-filled"],"size":[1],"prefix":[1],"label":[1],"loading":[4],"helper":[1],"required":[516],"error":[513],"disabled":[516],"strategy":[1],"placement":[513],"_showDropdown":[32],"_value":[32],"_minDate":[32],"_maxDate":[32],"_disabledDates":[32],"_isMobileBrowser":[32]},[[6,"click","documentClickHandler"]],{"value":["parseValue"],"minDate":["parseMinDate"],"maxDate":["parseMaxDate"],"disabledDates":["parseDisabledDates"]}]]],["p-8752ec1d",[[1,"p-modal",{"size":[1],"header":[1],"show":[4],"applyBlur":[4,"apply-blur"],"showClose":[4,"show-close"],"showMobileFooter":[4,"show-mobile-footer"],"backdropClickClose":[4,"backdrop-click-close"],"scrollLock":[4,"scroll-lock"],"_closing":[32]},[[8,"closeModal","handleCloseModal"]]]]],["p-3550e63e",[[1,"p-drawer",{"header":[1],"show":[4],"applyBlur":[4,"apply-blur"],"showClose":[4,"show-close"],"backdropClickClose":[4,"backdrop-click-close"],"canClose":[4,"can-close"],"scrollLock":[4,"scroll-lock"],"_closing":[32]},[[8,"closeDrawer","handleCloseDrawer"],[8,"forceCloseDrawer","handleForceCloseDrawer"]]]]],["p-1dd1cec1",[[1,"p-attachment",{"mode":[1],"loading":[4],"error":[1],"downloading":[4]}]]],["p-41303d86",[[1,"p-profile",{"dropdownLocation":[1,"dropdown-location"],"_dropdownOpen":[32],"_hasDropdownSlot":[32]},[[0,"slotchange","slotchange"]]]]],["p-776cbfe2",[[1,"p-input-group",{"size":[1],"prefix":[1],"suffix":[1],"icon":[1],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"],"iconPosition":[1,"icon-position"],"label":[1],"helper":[1],"required":[516],"error":[513],"disabled":[516],"focused":[516],"forceShowTooltip":[516,"force-show-tooltip"],"focusMethod":[1,"focus-method"],"errorVariant":[1,"error-variant"],"_forceShowTooltip":[32]},[[0,"focusin","handleFocusIn"],[0,"focusout","handleFocusOut"]]]]],["p-17f2eb68",[[1,"p-navbar",{"_show":[32]},[[8,"closeNavbar","handleCloseNavbar"],[8,"openNavbar","handleOpenNavbar"]]]]],["p-e4bb6038",[[1,"p-card-header",{"variant":[1],"header":[1],"icon":[1],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"]}]]],["p-298151ea",[[4,"p-navigation-item",{"icon":[1],"active":[4],"loading":[4],"as":[1],"counter":[8],"href":[1],"target":[1],"class":[1]}]]],["p-bf107121",[[1,"p-toast",{"variant":[1],"header":[1],"content":[1],"enableAction":[4,"enable-action"],"actionIcon":[1,"action-icon"],"actionIconFlip":[1,"action-icon-flip"],"actionIconRotate":[2,"action-icon-rotate"]}]]],["p-6e24431e",[[1,"p-accordion",{"header":[1],"open":[4],"closeable":[4],"openable":[4]}]]],["p-9d097d22",[[1,"p-content-slider",{"hideMobileIndicator":[4,"hide-mobile-indicator"],"disableDrag":[4,"disable-drag"],"disableAutoCenter":[4,"disable-auto-center"],"disableIndicatorClick":[4,"disable-indicator-click"],"_visibleIndex":[32],"_outerHeight":[32],"_totalWidth":[32],"_dragging":[32]},[[9,"mouseup","mouseUpHandler"],[9,"touchend","mouseUpHandler"],[9,"resize","resizeHandler"]]]]],["p-703204cf",[[1,"p-cropper",{"variant":[513],"value":[8],"returnType":[1,"return-type"],"_loaded":[32],"_currentScale":[32]},[[9,"resize","onResize"]]]]],["p-3b06538e",[[1,"p-info-panel",{"variant":[1],"header":[1],"content":[1],"closeable":[4]}]]],["p-2ee956ca",[[1,"p-label",{"variant":[513],"iconOnly":[516,"icon-only"],"icon":[513],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"],"keepMobileContent":[516,"keep-mobile-content"]}]]],["p-20c6ca39",[[4,"p-navigation-section",{"header":[1]}]]],["p-e1ae79c2",[[4,"p-status",{"variant":[1],"icon":[1],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"]}]]],["p-ceaa8903",[[1,"p-stepper",{"activeStep":[2,"active-step"],"enableAutoStatus":[4,"enable-auto-status"],"direction":[513],"contentPosition":[513,"content-position"]},null,{"activeStep":["_onActiveStepChange"]}]]],["p-13f4e43c",[[1,"p-stepper-item",{"align":[513],"direction":[513],"contentPosition":[513,"content-position"],"finished":[516],"active":[516]}]]],["p-1ca996df",[[1,"p-tab-container"]]],["p-4e74384b",[[4,"p-avatar-group",{"extra":[2]}]]],["p-ddd5fbf3",[[1,"p-button-group",{"size":[1]},[[0,"slotchange","slotchange"]]]]],["p-6b4a23c4",[[1,"p-card-body"]]],["p-1c8e4a11",[[1,"p-card-container",{"active":[4],"hoverable":[4],"shadow":[4]}]]],["p-b8c0abcf",[[1,"p-counter",{"variant":[1],"size":[1]}]]],["p-f196c632",[[1,"p-iban-icon",{"iban":[513],"variant":[513]}]]],["p-dbab1545",[[0,"p-icon-deprecated",{"variant":[1],"size":[1],"rotate":[2],"flip":[1]}]]],["p-c23863a0",[[0,"p-illustration-deprecated",{"variant":[1]}]]],["p-3c299655",[[1,"p-layout",{"variant":[1]}]]],["p-07f3d56c",[[4,"p-radio",{"value":[1],"disabled":[516],"required":[516],"id":[513],"name":[513],"checked":[516],"_nonce":[32]}]]],["p-9b252854",[[1,"p-tab-item",{"active":[4]}]]],["p-798c697f",[[0,"p-table-column",{"path":[1537],"type":[1537],"name":[1537],"useSlot":[1540,"use-slot"],"hasCheckbox":[1540,"has-checkbox"],"align":[1537],"parsedSizes":[1040,"parsed-sizes"],"sizes":[1032]}]]],["p-244968bd",[[0,"p-table-row-action",{"type":[1537],"icon":[1],"iconOnly":[4,"icon-only"],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"],"label":[1],"action":[16],"disabled":[4],"loading":[4],"showFunction":[16,"show-function"]}]]],["p-964952eb",[[1,"p-toast-container",{"placement":[1]}]]],["p-0028a70a",[[4,"p-toggle",{"checked":[4],"indeterminate":[4],"disabled":[516],"required":[516],"id":[513],"name":[513],"_nonce":[32]}]]],["p-7a9ffd73",[[0,"p-calendar",{"variant":[1],"value":[1],"preselectToday":[4,"preselect-today"],"disabledDates":[1,"disabled-dates"],"minDate":[1,"min-date"],"maxDate":[1,"max-date"],"disableWeekends":[4,"disable-weekends"],"mode":[1],"_view":[32],"_viewDate":[32],"_value":[32],"_minDate":[32],"_maxDate":[32],"_disabledDates":[32]},null,{"value":["_parseValue"],"minDate":["_parseMinDate"],"maxDate":["_parseMaxDate"],"disabledDates":["_parseDisabledDates"]}]]],["p-07801fb9",[[0,"p-avatar",{"size":[513],"defaultImage":[1,"default-image"],"src":[1],"letters":[1],"_src":[32],"_failed":[32]},null,{"src":["onSrchChange"]}]]],["p-e68acbf9",[[1,"p-navigation-title"]]],["p-754beb82",[[1,"p-slider-indicator",{"active":[4]}]]],["p-533abd68",[[1,"p-stepper-line",{"active":[516],"direction":[513]}]]],["p-3d68c30d",[[4,"p-portal"]]],["p-4f4458b1",[[1,"p-input-error",{"error":[1],"forceShowTooltip":[4,"force-show-tooltip"],"_showTooltip":[32]}]]],["p-987532c0",[[0,"p-illustration",{"variant":[1]}]]],["p-9d709bed",[[1,"p-drawer-header",{"showClose":[4,"show-close"]}],[1,"p-drawer-body",{"variant":[1]}],[4,"p-drawer-container",{"closing":[4]}]]],["p-8ad81b8b",[[1,"p-backdrop",{"variant":[1],"applyBlur":[4,"apply-blur"],"closing":[4],"scrollLock":[4,"scroll-lock"],"class":[1]},[[2,"click","handleClick"]]]]],["p-608a9209",[[0,"p-smile",{"variant":[1]}]]],["p-5f656747",[[1,"p-modal-header",{"showClose":[4,"show-close"]}],[1,"p-modal-footer"],[1,"p-modal-body",{"roundedBottom":[4,"rounded-bottom"],"roundedTop":[4,"rounded-top"]}],[1,"p-modal-container",{"size":[1],"closing":[4]}]]],["p-896736bb",[[4,"p-pagination-pages-item",{"variant":[1],"active":[4],"hover":[4],"disabled":[4]}]]],["p-dd941df5",[[4,"p-segment-item",{"variant":[1],"active":[4],"iconOnly":[4,"icon-only"],"icon":[1],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"]}],[4,"p-segment-container"],[4,"p-badge"]]],["p-e9c85340",[[4,"p-divider",{"variant":[513]}]]],["p-10aeeebd",[[1,"p-dropdown-menu-item",{"active":[4],"checkbox":[4],"variant":[1],"enableHover":[4,"enable-hover"],"disabled":[4],"icon":[1],"iconWave":[4,"icon-wave"],"useContainer":[4,"use-container"]}],[4,"p-checkbox",{"checked":[4],"indeterminate":[4],"disabled":[516],"required":[516],"id":[513],"name":[513],"_nonce":[32]}],[1,"p-dropdown",{"variant":[1],"placement":[513],"offset":[2],"strategy":[1],"show":[4],"usePortal":[4,"use-portal"],"calculateWidth":[4,"calculate-width"],"applyMaxWidth":[4,"apply-max-width"],"applyFullWidth":[4,"apply-full-width"],"allowOverflow":[4,"allow-overflow"],"scrollable":[8],"insideClick":[4,"inside-click"],"disableTriggerClick":[4,"disable-trigger-click"],"applyChevron":[4,"apply-chevron"],"chevronPosition":[1,"chevron-position"],"chevronDirection":[1,"chevron-direction"]},[[6,"click","documentClickHandler"]],{"show":["onShowChange"]}],[1,"p-dropdown-menu-container",{"variant":[1],"maxWidth":[4,"max-width"],"class":[1],"fullWidth":[4,"full-width"],"allowOverflow":[4,"allow-overflow"],"scrollable":[8]}]]],["p-be361f67",[[0,"p-pagination",{"hideOnSinglePage":[4,"hide-on-single-page"],"enablePaginationSize":[4,"enable-pagination-size"],"enablePaginationPages":[4,"enable-pagination-pages"],"page":[1538],"total":[2],"pageSize":[2,"page-size"],"pageSizeOptions":[16,"page-size-options"],"_hasPaginationPages":[32]}],[1,"p-pagination-size",{"size":[1538],"sizeOptions":[16,"size-options"],"itemTemplate":[16,"item-template"],"hidden":[4],"dropdownIsOpen":[32],"_locales":[32]},[[16,"localeChanged","_setLocales"]]],[0,"p-pagination-pages",{"page":[1538],"pageSize":[2,"page-size"],"hideOnSinglePage":[4,"hide-on-single-page"],"total":[2]},null,{"page":["pageChangeHandler"],"pageSize":["pageChangeHandler"],"total":["pageChangeHandler"]}]]],["p-3dd17bb1",[[1,"p-helper",{"strategy":[1],"placement":[1]}],[1,"p-tooltip",{"variant":[1],"content":[8],"placement":[1],"offset":[2],"strategy":[1],"enableUserInput":[4,"enable-user-input"],"show":[4],"usePortal":[4,"use-portal"],"canManuallyClose":[4,"can-manually-close"]},[[2,"click","clickHandler"],[6,"click","documentClickHandler"],[1,"mouseenter","mouseEnterHandler"],[0,"focus","mouseEnterHandler"],[1,"mouseleave","mouseLeaveHandler"],[0,"blur","mouseLeaveHandler"]],{"show":["onShowChange"]}]]],["p-9a62b67e",[[1,"p-field",{"variant":[1],"size":[1],"type":[1],"properties":[8],"prefix":[1],"suffix":[1],"icon":[1],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"],"iconPosition":[1,"icon-position"],"value":[1],"label":[1],"loading":[4],"placeholder":[1],"helper":[1],"required":[516],"autofocus":[516],"error":[513],"errorPlacement":[1,"error-placement"],"disabled":[516],"focused":[516],"forceShowTooltip":[516,"force-show-tooltip"],"selectAllOnFocus":[516,"select-all-on-focus"],"focusMethod":[1,"focus-method"],"optionalTemplate":[16,"optional-template"],"_focused":[32]},[[0,"focusin","handleFocusIn"],[0,"focusout","handleFocusOut"]]],[1,"p-field-container",{"label":[1],"loading":[4],"loadingSize":[1,"loading-size"],"variant":[1],"helper":[1],"required":[516],"error":[513],"errorPlacement":[1,"error-placement"],"forceShowTooltip":[516,"force-show-tooltip"],"optionalTemplate":[16,"optional-template"],"_locales":[32]},[[16,"localeChanged","_setLocales"]]]]],["p-cfed3086",[[1,"p-table-header",{"quickFilters":[16,"quick-filters"],"activeQuickFilterIdentifier":[1,"active-quick-filter-identifier"],"loading":[4],"enableSearch":[4,"enable-search"],"itemsSelectedAmount":[2,"items-selected-amount"],"query":[1025],"enableFilter":[4,"enable-filter"],"enableExport":[4,"enable-export"],"enableFilterDesktop":[4,"enable-filter-desktop"],"selectedFiltersAmount":[2,"selected-filters-amount"],"filterButtonTemplate":[16,"filter-button-template"],"enableAction":[4,"enable-action"],"actionLoading":[4,"action-loading"],"actionIcon":[1,"action-icon"],"actionText":[1,"action-text"],"canUseAction":[1028,"can-use-action"],"actionButtonTemplate":[16,"action-button-template"],"_locales":[32]},[[16,"localeChanged","_setLocales"]]],[1,"p-table-footer",{"enablePaginationSize":[4,"enable-pagination-size"],"enablePaginationPages":[4,"enable-pagination-pages"],"loading":[4],"page":[1538],"total":[2],"pageSize":[2,"page-size"],"pageSizeOptions":[16,"page-size-options"],"hideOnSinglePage":[4,"hide-on-single-page"],"_isPinned":[32],"_hasPaginationPages":[32]},[[9,"scroll","onScroll"]]],[1,"p-empty-state",{"illustration":[8],"header":[1],"content":[1],"enableAction":[4,"enable-action"],"actionText":[1,"action-text"],"actionVariant":[1,"action-variant"],"actionIcon":[1,"action-icon"],"actionLoading":[4,"action-loading"]}],[1,"p-floating-menu-container",{"usedInTable":[4,"used-in-table"],"enableAmountSelected":[4,"enable-amount-selected"],"amount":[2],"enableClose":[4,"enable-close"],"amountSelectedTemplate":[16,"amount-selected-template"],"_locales":[32]},[[16,"localeChanged","_setLocales"]]],[4,"p-floating-menu-item",{"hover":[4],"disabled":[4],"loading":[4],"icon":[1],"iconPosition":[1,"icon-position"],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"]}],[4,"p-table-cell",{"variant":[1],"index":[2],"rowIndex":[2,"row-index"],"definition":[16],"item":[8],"value":[8],"checkbox":[8],"template":[16]}],[1,"p-table-row",{"variant":[1],"enableHover":[4,"enable-hover"]}],[4,"p-table-container"],[1,"p-table-row-actions-container"]]]]'),e)}));
+import{p as e,b as a}from"./p-I9JY9uxk.js";export{s as setNonce}from"./p-I9JY9uxk.js";import{g as t}from"./p-DQuL1Twl.js";var o=()=>{const a=import.meta.url;const t={};if(a!==""){t.resourcesUrl=new URL(".",a).href}return e(t)};o().then((async e=>{await t();return a(JSON.parse('[["p-07482103",[[4,"p-button",{"label":[1],"as":[1],"variant":[1],"active":[4],"underline":[4],"href":[1],"target":[1],"size":[1],"type":[1],"loading":[4],"chevron":[8],"chevronPosition":[1,"chevron-position"],"disabled":[4],"icon":[1],"iconOnly":[4,"icon-only"],"iconPosition":[1,"icon-position"],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"],"inheritText":[4,"inherit-text"],"buttonGroupPosition":[1,"button-group-position"],"class":[1]},[[2,"click","handleClick"]]],[1,"p-loader",{"show":[4],"variant":[1],"color":[1],"modalTitle":[1,"modal-title"],"modalDescription":[1,"modal-description"]}],[1,"p-icon",{"variant":[1],"size":[1],"rotate":[2],"flip":[1]}]]],["p-609d33ca",[[4,"p-table",{"items":[1],"loading":[4],"headerLoading":[4,"header-loading"],"footerLoading":[4,"footer-loading"],"amountOfLoadingRows":[2,"amount-of-loading-rows"],"enableRowSelection":[4,"enable-row-selection"],"rowSelectionLimit":[2,"row-selection-limit"],"enableRowClick":[4,"enable-row-click"],"selectedRows":[16,"selected-rows"],"enableFloatingMenu":[4,"enable-floating-menu"],"floatingMenuAmountSelectedTemplate":[16,"floating-menu-amount-selected-template"],"selectionKey":[1,"selection-key"],"canSelectKey":[1,"can-select-key"],"enableHeader":[4,"enable-header"],"quickFilters":[16,"quick-filters"],"activeQuickFilterIdentifier":[1,"active-quick-filter-identifier"],"enableSearch":[4,"enable-search"],"query":[1025],"enableFilter":[4,"enable-filter"],"enableFilterDesktop":[4,"enable-filter-desktop"],"selectedFiltersAmount":[2,"selected-filters-amount"],"filterButtonTemplate":[16,"filter-button-template"],"enableAction":[4,"enable-action"],"actionButtonLoading":[4,"action-button-loading"],"actionButtonEnabled":[4,"action-button-enabled"],"actionButtonIcon":[1,"action-button-icon"],"actionButtonText":[1,"action-button-text"],"actionButtonTemplate":[16,"action-button-template"],"enableFooter":[4,"enable-footer"],"enablePaginationSize":[4,"enable-pagination-size"],"enablePaginationPages":[4,"enable-pagination-pages"],"enableExport":[4,"enable-export"],"page":[1538],"total":[2],"pageSize":[2,"page-size"],"pageSizeOptions":[16,"page-size-options"],"hideOnSinglePage":[4,"hide-on-single-page"],"emptyStateHeader":[16,"empty-state-header"],"emptyStateContent":[16,"empty-state-content"],"emptyStateAction":[16,"empty-state-action"],"enableEmptyStateAction":[4,"enable-empty-state-action"],"emptyStateFilteredHeader":[16,"empty-state-filtered-header"],"emptyStateFilteredContent":[16,"empty-state-filtered-content"],"shadow":[4],"_locales":[32],"_columns":[32],"_items":[32],"_enableRowSelection":[32],"_rowSelectionLimit":[32],"_rowActionsFloating":[32],"_rowActionsRow":[32],"_footerHidden":[32]},[[16,"localeChanged","_setLocales"],[16,"tableDefinitionChanged","onTableDefinitionUpdated"],[4,"keydown","keyDown"],[4,"keyup","keyUp"],[4,"visibilitychange","visibilityChange"],[9,"resize","_setRowSelectionData"]],{"items":["_parseItems"],"enableRowSelection":["_setRowSelectionData"],"rowSelectionLimit":["_setRowSelectionData"],"selectedRows":["_setRowSelectionData"]}]]],["p-00bbdf09",[[0,"p-select",{"items":[1],"multi":[516],"usePortal":[4,"use-portal"],"strategy":[1],"icon":[1],"query":[1],"placeholder":[1],"autocompletePlaceholder":[1,"autocomplete-placeholder"],"value":[8],"displayKey":[1,"display-key"],"dropdownDisplayKey":[1,"dropdown-display-key"],"selectionDisplayKey":[1,"selection-display-key"],"valueKey":[1,"value-key"],"avatarKey":[1,"avatar-key"],"iconKey":[1,"icon-key"],"showIconInSelectedItem":[1,"show-icon-in-selected-item"],"classKey":[1,"class-key"],"applyClassOnSelectedItem":[1,"apply-class-on-selected-item"],"avatarLettersKey":[1,"avatar-letters-key"],"identifierKey":[1,"identifier-key"],"queryKey":[1,"query-key"],"autoSelectFirst":[4,"auto-select-first"],"showChevron":[4,"show-chevron"],"maxDisplayedItems":[2,"max-displayed-items"],"enableAutocomplete":[4,"enable-autocomplete"],"asyncFilter":[4,"async-filter"],"loading":[4],"enableSelectAll":[4,"enable-select-all"],"selectAllText":[1,"select-all-text"],"selectAllIcon":[1,"select-all-icon"],"size":[1],"prefix":[1],"label":[1],"helper":[1],"required":[516],"error":[513],"disabled":[516],"showAddItem":[4,"show-add-item"],"addItemText":[1,"add-item-text"],"emptyStateText":[1,"empty-state-text"],"_showDropdown":[32],"_selectedItem":[32],"_allSelected":[32],"_amountHidden":[32]},[[6,"click","documentClickHandler"]],{"value":["_valueChange"],"items":["itemChanges"],"_showDropdown":["_showDropdownChanges"],"multi":["multiChanges"]}]]],["p-be6b5994",[[0,"p-datepicker",{"placeholder":[1],"value":[1],"preselectToday":[4,"preselect-today"],"enableNativePicker":[4,"enable-native-picker"],"disabledDates":[1,"disabled-dates"],"minDate":[1,"min-date"],"maxDate":[1,"max-date"],"disableWeekends":[4,"disable-weekends"],"mode":[1],"format":[1],"hideIconWhenFilled":[4,"hide-icon-when-filled"],"size":[1],"prefix":[1],"label":[1],"loading":[4],"helper":[1],"required":[516],"error":[513],"disabled":[516],"strategy":[1],"placement":[513],"_showDropdown":[32],"_value":[32],"_minDate":[32],"_maxDate":[32],"_disabledDates":[32],"_isMobileBrowser":[32]},[[6,"click","documentClickHandler"]],{"value":["parseValue"],"minDate":["parseMinDate"],"maxDate":["parseMaxDate"],"disabledDates":["parseDisabledDates"]}]]],["p-8752ec1d",[[1,"p-modal",{"size":[1],"header":[1],"show":[4],"applyBlur":[4,"apply-blur"],"showClose":[4,"show-close"],"showMobileFooter":[4,"show-mobile-footer"],"backdropClickClose":[4,"backdrop-click-close"],"scrollLock":[4,"scroll-lock"],"_closing":[32]},[[8,"closeModal","handleCloseModal"]]]]],["p-3550e63e",[[1,"p-drawer",{"header":[1],"show":[4],"applyBlur":[4,"apply-blur"],"showClose":[4,"show-close"],"backdropClickClose":[4,"backdrop-click-close"],"canClose":[4,"can-close"],"scrollLock":[4,"scroll-lock"],"_closing":[32]},[[8,"closeDrawer","handleCloseDrawer"],[8,"forceCloseDrawer","handleForceCloseDrawer"]]]]],["p-1dd1cec1",[[1,"p-attachment",{"mode":[1],"loading":[4],"error":[1],"downloading":[4]}]]],["p-41303d86",[[1,"p-profile",{"dropdownLocation":[1,"dropdown-location"],"_dropdownOpen":[32],"_hasDropdownSlot":[32]},[[0,"slotchange","slotchange"]]]]],["p-776cbfe2",[[1,"p-input-group",{"size":[1],"prefix":[1],"suffix":[1],"icon":[1],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"],"iconPosition":[1,"icon-position"],"label":[1],"helper":[1],"required":[516],"error":[513],"disabled":[516],"focused":[516],"forceShowTooltip":[516,"force-show-tooltip"],"focusMethod":[1,"focus-method"],"errorVariant":[1,"error-variant"],"_forceShowTooltip":[32]},[[0,"focusin","handleFocusIn"],[0,"focusout","handleFocusOut"]]]]],["p-17f2eb68",[[1,"p-navbar",{"_show":[32]},[[8,"closeNavbar","handleCloseNavbar"],[8,"openNavbar","handleOpenNavbar"]]]]],["p-e4bb6038",[[1,"p-card-header",{"variant":[1],"header":[1],"icon":[1],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"]}]]],["p-298151ea",[[4,"p-navigation-item",{"icon":[1],"active":[4],"loading":[4],"as":[1],"counter":[8],"href":[1],"target":[1],"class":[1]}]]],["p-bf107121",[[1,"p-toast",{"variant":[1],"header":[1],"content":[1],"enableAction":[4,"enable-action"],"actionIcon":[1,"action-icon"],"actionIconFlip":[1,"action-icon-flip"],"actionIconRotate":[2,"action-icon-rotate"]}]]],["p-6e24431e",[[1,"p-accordion",{"header":[1],"open":[4],"closeable":[4],"openable":[4]}]]],["p-9d097d22",[[1,"p-content-slider",{"hideMobileIndicator":[4,"hide-mobile-indicator"],"disableDrag":[4,"disable-drag"],"disableAutoCenter":[4,"disable-auto-center"],"disableIndicatorClick":[4,"disable-indicator-click"],"_visibleIndex":[32],"_outerHeight":[32],"_totalWidth":[32],"_dragging":[32]},[[9,"mouseup","mouseUpHandler"],[9,"touchend","mouseUpHandler"],[9,"resize","resizeHandler"]]]]],["p-703204cf",[[1,"p-cropper",{"variant":[513],"value":[8],"returnType":[1,"return-type"],"_loaded":[32],"_currentScale":[32]},[[9,"resize","onResize"]]]]],["p-3b06538e",[[1,"p-info-panel",{"variant":[1],"header":[1],"content":[1],"closeable":[4]}]]],["p-2ee956ca",[[1,"p-label",{"variant":[513],"iconOnly":[516,"icon-only"],"icon":[513],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"],"keepMobileContent":[516,"keep-mobile-content"]}]]],["p-20c6ca39",[[4,"p-navigation-section",{"header":[1]}]]],["p-e1ae79c2",[[4,"p-status",{"variant":[1],"icon":[1],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"]}]]],["p-ceaa8903",[[1,"p-stepper",{"activeStep":[2,"active-step"],"enableAutoStatus":[4,"enable-auto-status"],"direction":[513],"contentPosition":[513,"content-position"]},null,{"activeStep":["_onActiveStepChange"]}]]],["p-13f4e43c",[[1,"p-stepper-item",{"align":[513],"direction":[513],"contentPosition":[513,"content-position"],"finished":[516],"active":[516]}]]],["p-1ca996df",[[1,"p-tab-container"]]],["p-4e74384b",[[4,"p-avatar-group",{"extra":[2]}]]],["p-ddd5fbf3",[[1,"p-button-group",{"size":[1]},[[0,"slotchange","slotchange"]]]]],["p-6b4a23c4",[[1,"p-card-body"]]],["p-1c8e4a11",[[1,"p-card-container",{"active":[4],"hoverable":[4],"shadow":[4]}]]],["p-b8c0abcf",[[1,"p-counter",{"variant":[1],"size":[1]}]]],["p-f196c632",[[1,"p-iban-icon",{"iban":[513],"variant":[513]}]]],["p-dbab1545",[[0,"p-icon-deprecated",{"variant":[1],"size":[1],"rotate":[2],"flip":[1]}]]],["p-c23863a0",[[0,"p-illustration-deprecated",{"variant":[1]}]]],["p-7428019d",[[1,"p-layout",{"variant":[1]}]]],["p-07f3d56c",[[4,"p-radio",{"value":[1],"disabled":[516],"required":[516],"id":[513],"name":[513],"checked":[516],"_nonce":[32]}]]],["p-9b252854",[[1,"p-tab-item",{"active":[4]}]]],["p-798c697f",[[0,"p-table-column",{"path":[1537],"type":[1537],"name":[1537],"useSlot":[1540,"use-slot"],"hasCheckbox":[1540,"has-checkbox"],"align":[1537],"parsedSizes":[1040,"parsed-sizes"],"sizes":[1032]}]]],["p-244968bd",[[0,"p-table-row-action",{"type":[1537],"icon":[1],"iconOnly":[4,"icon-only"],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"],"label":[1],"action":[16],"disabled":[4],"loading":[4],"showFunction":[16,"show-function"]}]]],["p-964952eb",[[1,"p-toast-container",{"placement":[1]}]]],["p-0028a70a",[[4,"p-toggle",{"checked":[4],"indeterminate":[4],"disabled":[516],"required":[516],"id":[513],"name":[513],"_nonce":[32]}]]],["p-7a9ffd73",[[0,"p-calendar",{"variant":[1],"value":[1],"preselectToday":[4,"preselect-today"],"disabledDates":[1,"disabled-dates"],"minDate":[1,"min-date"],"maxDate":[1,"max-date"],"disableWeekends":[4,"disable-weekends"],"mode":[1],"_view":[32],"_viewDate":[32],"_value":[32],"_minDate":[32],"_maxDate":[32],"_disabledDates":[32]},null,{"value":["_parseValue"],"minDate":["_parseMinDate"],"maxDate":["_parseMaxDate"],"disabledDates":["_parseDisabledDates"]}]]],["p-07801fb9",[[0,"p-avatar",{"size":[513],"defaultImage":[1,"default-image"],"src":[1],"letters":[1],"_src":[32],"_failed":[32]},null,{"src":["onSrchChange"]}]]],["p-e68acbf9",[[1,"p-navigation-title"]]],["p-754beb82",[[1,"p-slider-indicator",{"active":[4]}]]],["p-533abd68",[[1,"p-stepper-line",{"active":[516],"direction":[513]}]]],["p-3d68c30d",[[4,"p-portal"]]],["p-4f4458b1",[[1,"p-input-error",{"error":[1],"forceShowTooltip":[4,"force-show-tooltip"],"_showTooltip":[32]}]]],["p-987532c0",[[0,"p-illustration",{"variant":[1]}]]],["p-9d709bed",[[1,"p-drawer-header",{"showClose":[4,"show-close"]}],[1,"p-drawer-body",{"variant":[1]}],[4,"p-drawer-container",{"closing":[4]}]]],["p-8ad81b8b",[[1,"p-backdrop",{"variant":[1],"applyBlur":[4,"apply-blur"],"closing":[4],"scrollLock":[4,"scroll-lock"],"class":[1]},[[2,"click","handleClick"]]]]],["p-608a9209",[[0,"p-smile",{"variant":[1]}]]],["p-5f656747",[[1,"p-modal-header",{"showClose":[4,"show-close"]}],[1,"p-modal-footer"],[1,"p-modal-body",{"roundedBottom":[4,"rounded-bottom"],"roundedTop":[4,"rounded-top"]}],[1,"p-modal-container",{"size":[1],"closing":[4]}]]],["p-896736bb",[[4,"p-pagination-pages-item",{"variant":[1],"active":[4],"hover":[4],"disabled":[4]}]]],["p-dd941df5",[[4,"p-segment-item",{"variant":[1],"active":[4],"iconOnly":[4,"icon-only"],"icon":[1],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"]}],[4,"p-segment-container"],[4,"p-badge"]]],["p-e9c85340",[[4,"p-divider",{"variant":[513]}]]],["p-10aeeebd",[[1,"p-dropdown-menu-item",{"active":[4],"checkbox":[4],"variant":[1],"enableHover":[4,"enable-hover"],"disabled":[4],"icon":[1],"iconWave":[4,"icon-wave"],"useContainer":[4,"use-container"]}],[4,"p-checkbox",{"checked":[4],"indeterminate":[4],"disabled":[516],"required":[516],"id":[513],"name":[513],"_nonce":[32]}],[1,"p-dropdown",{"variant":[1],"placement":[513],"offset":[2],"strategy":[1],"show":[4],"usePortal":[4,"use-portal"],"calculateWidth":[4,"calculate-width"],"applyMaxWidth":[4,"apply-max-width"],"applyFullWidth":[4,"apply-full-width"],"allowOverflow":[4,"allow-overflow"],"scrollable":[8],"insideClick":[4,"inside-click"],"disableTriggerClick":[4,"disable-trigger-click"],"applyChevron":[4,"apply-chevron"],"chevronPosition":[1,"chevron-position"],"chevronDirection":[1,"chevron-direction"]},[[6,"click","documentClickHandler"]],{"show":["onShowChange"]}],[1,"p-dropdown-menu-container",{"variant":[1],"maxWidth":[4,"max-width"],"class":[1],"fullWidth":[4,"full-width"],"allowOverflow":[4,"allow-overflow"],"scrollable":[8]}]]],["p-be361f67",[[0,"p-pagination",{"hideOnSinglePage":[4,"hide-on-single-page"],"enablePaginationSize":[4,"enable-pagination-size"],"enablePaginationPages":[4,"enable-pagination-pages"],"page":[1538],"total":[2],"pageSize":[2,"page-size"],"pageSizeOptions":[16,"page-size-options"],"_hasPaginationPages":[32]}],[1,"p-pagination-size",{"size":[1538],"sizeOptions":[16,"size-options"],"itemTemplate":[16,"item-template"],"hidden":[4],"dropdownIsOpen":[32],"_locales":[32]},[[16,"localeChanged","_setLocales"]]],[0,"p-pagination-pages",{"page":[1538],"pageSize":[2,"page-size"],"hideOnSinglePage":[4,"hide-on-single-page"],"total":[2]},null,{"page":["pageChangeHandler"],"pageSize":["pageChangeHandler"],"total":["pageChangeHandler"]}]]],["p-3dd17bb1",[[1,"p-helper",{"strategy":[1],"placement":[1]}],[1,"p-tooltip",{"variant":[1],"content":[8],"placement":[1],"offset":[2],"strategy":[1],"enableUserInput":[4,"enable-user-input"],"show":[4],"usePortal":[4,"use-portal"],"canManuallyClose":[4,"can-manually-close"]},[[2,"click","clickHandler"],[6,"click","documentClickHandler"],[1,"mouseenter","mouseEnterHandler"],[0,"focus","mouseEnterHandler"],[1,"mouseleave","mouseLeaveHandler"],[0,"blur","mouseLeaveHandler"]],{"show":["onShowChange"]}]]],["p-9a62b67e",[[1,"p-field",{"variant":[1],"size":[1],"type":[1],"properties":[8],"prefix":[1],"suffix":[1],"icon":[1],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"],"iconPosition":[1,"icon-position"],"value":[1],"label":[1],"loading":[4],"placeholder":[1],"helper":[1],"required":[516],"autofocus":[516],"error":[513],"errorPlacement":[1,"error-placement"],"disabled":[516],"focused":[516],"forceShowTooltip":[516,"force-show-tooltip"],"selectAllOnFocus":[516,"select-all-on-focus"],"focusMethod":[1,"focus-method"],"optionalTemplate":[16,"optional-template"],"_focused":[32]},[[0,"focusin","handleFocusIn"],[0,"focusout","handleFocusOut"]]],[1,"p-field-container",{"label":[1],"loading":[4],"loadingSize":[1,"loading-size"],"variant":[1],"helper":[1],"required":[516],"error":[513],"errorPlacement":[1,"error-placement"],"forceShowTooltip":[516,"force-show-tooltip"],"optionalTemplate":[16,"optional-template"],"_locales":[32]},[[16,"localeChanged","_setLocales"]]]]],["p-cfed3086",[[1,"p-table-header",{"quickFilters":[16,"quick-filters"],"activeQuickFilterIdentifier":[1,"active-quick-filter-identifier"],"loading":[4],"enableSearch":[4,"enable-search"],"itemsSelectedAmount":[2,"items-selected-amount"],"query":[1025],"enableFilter":[4,"enable-filter"],"enableExport":[4,"enable-export"],"enableFilterDesktop":[4,"enable-filter-desktop"],"selectedFiltersAmount":[2,"selected-filters-amount"],"filterButtonTemplate":[16,"filter-button-template"],"enableAction":[4,"enable-action"],"actionLoading":[4,"action-loading"],"actionIcon":[1,"action-icon"],"actionText":[1,"action-text"],"canUseAction":[1028,"can-use-action"],"actionButtonTemplate":[16,"action-button-template"],"_locales":[32]},[[16,"localeChanged","_setLocales"]]],[1,"p-table-footer",{"enablePaginationSize":[4,"enable-pagination-size"],"enablePaginationPages":[4,"enable-pagination-pages"],"loading":[4],"page":[1538],"total":[2],"pageSize":[2,"page-size"],"pageSizeOptions":[16,"page-size-options"],"hideOnSinglePage":[4,"hide-on-single-page"],"_isPinned":[32],"_hasPaginationPages":[32]},[[9,"scroll","onScroll"]]],[1,"p-empty-state",{"illustration":[8],"header":[1],"content":[1],"enableAction":[4,"enable-action"],"actionText":[1,"action-text"],"actionVariant":[1,"action-variant"],"actionIcon":[1,"action-icon"],"actionLoading":[4,"action-loading"]}],[1,"p-floating-menu-container",{"usedInTable":[4,"used-in-table"],"enableAmountSelected":[4,"enable-amount-selected"],"amount":[2],"enableClose":[4,"enable-close"],"amountSelectedTemplate":[16,"amount-selected-template"],"_locales":[32]},[[16,"localeChanged","_setLocales"]]],[4,"p-floating-menu-item",{"hover":[4],"disabled":[4],"loading":[4],"icon":[1],"iconPosition":[1,"icon-position"],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"]}],[4,"p-table-cell",{"variant":[1],"index":[2],"rowIndex":[2,"row-index"],"definition":[16],"item":[8],"value":[8],"checkbox":[8],"template":[16]}],[1,"p-table-row",{"variant":[1],"enableHover":[4,"enable-hover"]}],[4,"p-table-container"],[1,"p-table-row-actions-container"]]]]'),e)}));
 //# sourceMappingURL=paperless.esm.js.map

package/dist/cjs/p-layout.cjs.entry.js

@@ -2,7 +2,7 @@
 
 var index = require('./index-DLcBertx.js');
 
-const layoutComponentCss = ".relative{position:relative!important}.sticky{position:sticky!important}.box-border{box-sizing:border-box!important}.flex{display:flex!important}.grid{display:grid!important}.hidden{display:none!important}.h-dvh{height:100dvh!important}.h-full{height:100%!important}.w-full{width:100%!important}.w-unset{width:unset!important}.flex-1{flex:1 1 0%!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.overflow-y-auto{overflow-y:auto!important}.px-content-mobile-x{padding-left:1rem!important;padding-right:1rem!important}*{box-sizing:border-box}:host{display:grid;gap:0;grid-template-areas:\"sidebar\" \"topbar\" \"content\";grid-template-columns:1fr;grid-template-rows:repeat(2,min-content) 1fr;height:100dvh;width:100dvw}@media (min-width:80rem){:host{grid-template-areas:\"topbar topbar\" \"sidebar content\";grid-template-columns:auto 1fr;grid-template-rows:min-content 1fr}}:host .content,:host .sidebar,:host .topbar{align-self:flex-start}:host .topbar{grid-area:topbar;position:sticky;width:100%}:host .sidebar{box-sizing:border-box;display:flex;grid-area:sidebar;height:100%;width:100%}@media (min-width:80rem){:host .sidebar{width:15rem}}@media (min-width:105rem){:host .sidebar{width:18rem}}:host .content{display:flex;flex-direction:column;grid-area:content;height:100%;overflow-x:hidden;overflow-y:auto;padding:1.5rem 1rem;position:relative}@media (min-width:40rem){:host .content{padding:2rem}}@media (min-width:80rem){:host .content{padding:2rem 1.5rem 1.5rem}}@media (min-width:90rem){:host .content{padding:2rem}}@media (min-width:120rem){:host .content{padding-bottom:5rem;padding-left:5rem;padding-right:2rem}}@media (min-width:160rem){:host .content{padding-bottom:7.5rem;padding-left:7.5rem;padding-top:4rem}}:host .content .inner-content{flex:1 1 0%;position:relative}@media (min-width:80rem){:host .content .inner-content{width:62rem}}@media (min-width:90rem){:host .content .inner-content{width:71rem}}@media (min-width:96rem){:host .content .inner-content{width:77rem}}@media (min-width:105rem){:host .content .inner-content{width:83rem}}:host(.variant-default) .content{flex:1 1 0%}:host(.variant-login){grid-template-areas:\"topbar topbar\" \"content content\"}@media (min-width:80rem){:host(.variant-login){grid-template-areas:\"topbar topbar\" \"content sidebar\"}}:host(.variant-login) .sidebar{display:none;flex:1 1 0%;overflow:hidden;padding:.5rem;width:unset}@media (min-width:80rem){:host(.variant-login) .sidebar{display:flex}}:host(.variant-login) .sidebar .inner-content{padding:.5rem}:host(.variant-login) .content{align-items:center;padding:calc(env(safe-area-inset-top) + 3.5rem) 1rem 1.5rem}@media (min-width:80rem){:host(.variant-login) .content{justify-content:center;padding:1.5rem 4.5rem 0}}:host(.variant-login) .content .inner-content{box-sizing:border-box;flex:unset;width:100%}@media (min-width:40rem){:host(.variant-login) .content .inner-content{width:21rem}}@media (min-width:80rem){:host(.variant-office) .content .inner-content{width:58rem}}@media (min-width:90rem){:host(.variant-office) .content .inner-content{width:67rem}}@media (min-width:96rem){:host(.variant-office) .content .inner-content{width:73rem}}@media (min-width:105rem){:host(.variant-office) .content .inner-content{width:79rem}}@media (min-width:120rem){:host(.variant-office) .content .inner-content{width:82rem}}@media (min-width:160rem){:host(.variant-office) .content .inner-content{width:84.5rem}}@media (min-width:80rem){:host(.variant-office) .sidebar{width:19rem}}@media (min-width:105rem){:host(.variant-office) .sidebar{width:22rem}}@media (min-width:80rem){.layout-1280\\:flex{display:flex!important}.layout-1280\\:w-60{width:15rem!important}.layout-1280\\:w-\\[19rem\\]{width:19rem!important}.layout-1280\\:w-\\[58rem\\]{width:58rem!important}.layout-1280\\:p-6{padding:1.5rem!important}.layout-1280\\:px-18{padding-left:4.5rem!important;padding-right:4.5rem!important}}@media (min-width:90rem){.layout-1440\\:w-\\[67rem\\]{width:67rem!important}}@media (min-width:96rem){.layout-1536\\:w-\\[73rem\\]{width:73rem!important}}@media (min-width:105rem){.layout-1680\\:w-\\[22rem\\]{width:22rem!important}.layout-1680\\:w-\\[79rem\\]{width:79rem!important}}@media (min-width:120rem){.layout-1920\\:w-\\[82rem\\]{width:82rem!important}.layout-1920\\:pl-20{padding-left:5rem!important}.layout-1920\\:pr-8{padding-right:2rem!important}}@media (min-width:160rem){.layout-2560\\:w-\\[84\\.5rem\\]{width:84.5rem!important}.layout-2560\\:pb-\\[7\\.5rem\\]{padding-bottom:7.5rem!important}.layout-2560\\:pl-\\[7\\.5rem\\]{padding-left:7.5rem!important}.layout-2560\\:pt-16{padding-top:4rem!important}}.static{position:static!important}";
+const layoutComponentCss = ".relative{position:relative!important}.sticky{position:sticky!important}.box-border{box-sizing:border-box!important}.flex{display:flex!important}.grid{display:grid!important}.hidden{display:none!important}.h-dvh{height:100dvh!important}.h-full{height:100%!important}.w-full{width:100%!important}.w-unset{width:unset!important}.flex-1{flex:1 1 0%!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.overflow-y-auto{overflow-y:auto!important}.px-content-mobile-x{padding-left:1rem!important;padding-right:1rem!important}*{box-sizing:border-box}:host{display:grid;gap:0;grid-template-areas:\"sidebar\" \"topbar\" \"content\";grid-template-columns:1fr;grid-template-rows:repeat(2,min-content) 1fr;height:100dvh;width:100dvw}@media (min-width:80rem){:host{grid-template-areas:\"topbar topbar\" \"sidebar content\";grid-template-columns:auto 1fr;grid-template-rows:min-content 1fr}}:host .content,:host .sidebar,:host .topbar{align-self:flex-start}:host .topbar{grid-area:topbar;position:sticky;width:100%}:host .sidebar{box-sizing:border-box;display:flex;grid-area:sidebar;height:100%;width:100%}@media (min-width:80rem){:host .sidebar{width:15rem}}:host .content{display:flex;flex-direction:column;grid-area:content;height:100%;overflow-x:hidden;overflow-y:auto;padding:1.5rem 1rem;position:relative}@media (min-width:40rem){:host .content{padding:2rem}}@media (min-width:80rem){:host .content{padding:2rem 1.5rem 1.5rem}}@media (min-width:90rem){:host .content{padding:2rem}}@media (min-width:120rem){:host .content{padding-bottom:5rem;padding-left:5rem;padding-right:2rem}}@media (min-width:160rem){:host .content{padding-bottom:7.5rem;padding-left:7.5rem;padding-top:4rem}}:host .content .inner-content{flex:1 1 0%;position:relative}@media (min-width:80rem){:host .content .inner-content{width:62rem}}@media (min-width:90rem){:host .content .inner-content{width:71rem}}@media (min-width:96rem){:host .content .inner-content{width:77rem}}@media (min-width:105rem){:host .content .inner-content{width:83rem}}:host(.variant-default) .content{flex:1 1 0%}:host(.variant-login){grid-template-areas:\"topbar topbar\" \"content content\"}@media (min-width:80rem){:host(.variant-login){grid-template-areas:\"topbar topbar\" \"content sidebar\"}}:host(.variant-login) .sidebar{display:none;flex:1 1 0%;overflow:hidden;padding:.5rem;width:unset}@media (min-width:80rem){:host(.variant-login) .sidebar{display:flex}}:host(.variant-login) .sidebar .inner-content{padding:.5rem}:host(.variant-login) .content{align-items:center;padding:calc(env(safe-area-inset-top) + 3.5rem) 1rem 1.5rem}@media (min-width:80rem){:host(.variant-login) .content{justify-content:center;padding:1.5rem 4.5rem 0}}:host(.variant-login) .content .inner-content{box-sizing:border-box;flex:unset;width:100%}@media (min-width:40rem){:host(.variant-login) .content .inner-content{width:21rem}}@media (min-width:80rem){:host(.variant-office) .content .inner-content{width:58rem}}@media (min-width:90rem){:host(.variant-office) .content .inner-content{width:67rem}}@media (min-width:96rem){:host(.variant-office) .content .inner-content{width:73rem}}@media (min-width:105rem){:host(.variant-office) .content .inner-content{width:79rem}}@media (min-width:120rem){:host(.variant-office) .content .inner-content{width:82rem}}@media (min-width:160rem){:host(.variant-office) .content .inner-content{width:84.5rem}}@media (min-width:80rem){:host(.variant-office) .sidebar{width:19rem}}@media (min-width:105rem){:host(.variant-office) .sidebar{width:22rem}}@media (min-width:80rem){.layout-1280\\:flex{display:flex!important}.layout-1280\\:w-\\[19rem\\]{width:19rem!important}.layout-1280\\:w-\\[58rem\\]{width:58rem!important}.layout-1280\\:p-6{padding:1.5rem!important}.layout-1280\\:px-18{padding-left:4.5rem!important;padding-right:4.5rem!important}}@media (min-width:90rem){.layout-1440\\:w-\\[67rem\\]{width:67rem!important}}@media (min-width:96rem){.layout-1536\\:w-\\[73rem\\]{width:73rem!important}}@media (min-width:105rem){.layout-1680\\:w-\\[22rem\\]{width:22rem!important}.layout-1680\\:w-\\[79rem\\]{width:79rem!important}}@media (min-width:120rem){.layout-1920\\:w-\\[82rem\\]{width:82rem!important}.layout-1920\\:pl-20{padding-left:5rem!important}.layout-1920\\:pr-8{padding-right:2rem!important}}@media (min-width:160rem){.layout-2560\\:w-\\[84\\.5rem\\]{width:84.5rem!important}.layout-2560\\:pb-\\[7\\.5rem\\]{padding-bottom:7.5rem!important}.layout-2560\\:pl-\\[7\\.5rem\\]{padding-left:7.5rem!important}.layout-2560\\:pt-16{padding-top:4rem!important}}.static{position:static!important}";
 
 const Layout = class {
     constructor(hostRef) {

package/dist/cjs/p-layout.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"p-layout.entry.cjs.js","mappings":";;;;AAAA,MAAM,kBAAkB,GAAG,4lJAA4lJ;;MCO1mJ,MAAM,GAAA,MAAA;;;;;AAClB;;AAEG;IACK,OAAO,GAAmC,SAAS;AAE3D;;AAEG;AACM,IAAA,MAAM;IAEf,MAAM,GAAA;AACL,QAAA,QACCA,OAAC,CAAAC,UAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,CAAA,iBAAA,EAAoB,IAAI,CAAC,OAAO,CAAE,CAAA,EAAA,EAC9CD,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,KAAK,EAAC,SAAS,EACf,QAAQ,EAAE,EAAE,IAAI,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,EAAA,EAEpCA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,eAAe,EAAA,EACzBA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,SAAS,EAAA,CAAG,CAClB,CACD,EACNA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,SAAS,EAAA,EACnBA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,SAAS,EAAA,CAAG,CAClB,EACNA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,QAAQ,EAAA,EAClBA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,QAAQ,GAAG,CACjB,CACA;;;;;;;","names":["h","Host"],"sources":["src/components/deprecated/atoms/layout/layout.component.scss?tag=p-layout&encapsulation=shadow","src/components/deprecated/atoms/layout/layout.component.tsx"],"sourcesContent":[":host {\n\t@apply grid h-dvh w-dvw;\n\n\tgrid-template-columns: 1fr;\n\tgrid-template-rows: repeat(2, min-content) 1fr;\n\tgap: 0;\n\tgrid-template-areas:\n\t\t'sidebar'\n\t\t'topbar'\n\t\t'content';\n\n\t@screen layout-1280 {\n\t\tgrid-template-columns: auto 1fr;\n\t\tgrid-template-rows: min-content 1fr;\n\t\tgrid-template-areas:\n\t\t\t'topbar topbar'\n\t\t\t'sidebar content';\n\t}\n\n\t.topbar,\n\t.sidebar,\n\t.content {\n\t\t@apply self-start;\n\t}\n\n\t.topbar {\n\t\tgrid-area: topbar;\n\n\t\t@apply sticky w-full;\n\t}\n\n\t.sidebar {\n\t\tgrid-area: sidebar;\n\n\t\t@apply box-border flex h-full;\n\t\t@apply w-full;\n\t\t@apply layout-1280:w-60 layout-1680:w-72;\n\t}\n\n\t.content {\n\t\tgrid-area: content;\n\n\t\t@apply relative flex h-full flex-col overflow-y-auto overflow-x-hidden;\n\t\t@apply pb-24;\n\n\t\t@apply px-content-mobile-x py-content-mobile-y;\n\t\t@apply tablet:p-8;\n\t\t@apply layout-1280:p-6 layout-1280:pt-8;\n\t\t@apply layout-1440:p-8;\n\t\t@apply layout-1920:pr-8 layout-1920:pl-20 layout-1920:pb-20;\n\t\t@apply layout-2560:pt-16 layout-2560:pl-[7.5rem] layout-2560:pb-[7.5rem];\n\n\t\t.inner-content {\n\t\t\t@apply relative flex-1;\n\n\t\t\t// https://linear.app/employes/issue/PRO-9053/%E2%9A%9B%EF%B8%8F-component-wijzigen-layout\n\t\t\t@apply layout-1280:w-content-1280;\n\t\t\t@apply layout-1440:w-content-1440;\n\t\t\t@apply layout-1536:w-content-1536;\n\t\t\t@apply layout-1680:w-content-1680;\n\t\t}\n\t}\n}\n\n:host(.variant-default) {\n\t.content {\n\t\t@apply flex-1;\n\t}\n}\n\n:host(.variant-login) {\n\tgrid-template-areas:\n\t\t'topbar topbar'\n\t\t'content content';\n\n\t@screen layout-1280 {\n\t\tgrid-template-areas:\n\t\t\t'topbar topbar'\n\t\t\t'content sidebar';\n\t}\n\n\t.sidebar {\n\t\t@apply hidden w-unset layout-1280:flex;\n\t\t@apply p-2;\n\t\t@apply flex-1 overflow-hidden;\n\n\t\t.inner-content {\n\t\t\t@apply p-2;\n\t\t}\n\t}\n\n\t.content {\n\t\t@apply items-center layout-1280:justify-center;\n\n\t\t@apply layout-1280:px-18 layout-1280:py-0;\n\t\t@apply px-content-mobile-x py-content-mobile-y;\n\t\tpadding-top: calc(env(safe-area-inset-top) + 3.5rem);\n\n\t\t@screen layout-1280 {\n\t\t\t@apply pt-content-mobile-y;\n\t\t}\n\n\t\t.inner-content {\n\t\t\t@apply box-border;\n\t\t\t@apply w-full tablet:w-content-desktop-login;\n\t\t\tflex: unset;\n\t\t}\n\t}\n}\n\n:host(.variant-office) {\n\t.content {\n\t\t.inner-content {\n\t\t\t@apply layout-1280:w-[58rem];\n\t\t\t@apply layout-1440:w-[67rem];\n\t\t\t@apply layout-1536:w-[73rem];\n\t\t\t@apply layout-1680:w-[79rem];\n\t\t\t@apply layout-1920:w-[82rem];\n\t\t\t@apply layout-2560:w-[84.5rem];\n\t\t}\n\t}\n\n\t.sidebar {\n\t\t@apply layout-1280:w-[19rem] layout-1680:w-[22rem];\n\t}\n}\n","import { Component, h, Host, Prop, Event, EventEmitter } from '@stencil/core';\n\n@Component({\n\ttag: 'p-layout',\n\tstyleUrl: 'layout.component.scss',\n\tshadow: true,\n})\nexport class Layout {\n\t/**\n\t * Variant of the layout\n\t */\n\t@Prop() variant: 'default' | 'login' | 'office' = 'default';\n\n\t/**\n\t * Event whenever the layout is being scrolled\n\t */\n\t@Event() scroll: EventEmitter<any>;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={`p-layout variant-${this.variant}`}>\n\t\t\t\t<div\n\t\t\t\t\tclass='content'\n\t\t\t\t\tonScroll={ev => this.scroll.emit(ev)}\n\t\t\t\t>\n\t\t\t\t\t<div class='inner-content'>\n\t\t\t\t\t\t<slot name='content' />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div class='sidebar'>\n\t\t\t\t\t<slot name='sidebar' />\n\t\t\t\t</div>\n\t\t\t\t<div class='topbar'>\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"],"version":3}
+{"file":"p-layout.entry.cjs.js","mappings":";;;;AAAA,MAAM,kBAAkB,GAAG,4/IAA4/I;;MCO1gJ,MAAM,GAAA,MAAA;;;;;AAClB;;AAEG;IACK,OAAO,GAAmC,SAAS;AAE3D;;AAEG;AACM,IAAA,MAAM;IAEf,MAAM,GAAA;AACL,QAAA,QACCA,OAAC,CAAAC,UAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,CAAA,iBAAA,EAAoB,IAAI,CAAC,OAAO,CAAE,CAAA,EAAA,EAC9CD,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,KAAK,EAAC,SAAS,EACf,QAAQ,EAAE,EAAE,IAAI,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,EAAA,EAEpCA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,eAAe,EAAA,EACzBA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,SAAS,EAAA,CAAG,CAClB,CACD,EACNA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,SAAS,EAAA,EACnBA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,SAAS,EAAA,CAAG,CAClB,EACNA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,QAAQ,EAAA,EAClBA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,QAAQ,GAAG,CACjB,CACA;;;;;;;","names":["h","Host"],"sources":["src/components/deprecated/atoms/layout/layout.component.scss?tag=p-layout&encapsulation=shadow","src/components/deprecated/atoms/layout/layout.component.tsx"],"sourcesContent":[":host {\n\t@apply grid h-dvh w-dvw;\n\n\tgrid-template-columns: 1fr;\n\tgrid-template-rows: repeat(2, min-content) 1fr;\n\tgap: 0;\n\tgrid-template-areas:\n\t\t'sidebar'\n\t\t'topbar'\n\t\t'content';\n\n\t@screen layout-1280 {\n\t\tgrid-template-columns: auto 1fr;\n\t\tgrid-template-rows: min-content 1fr;\n\t\tgrid-template-areas:\n\t\t\t'topbar topbar'\n\t\t\t'sidebar content';\n\t}\n\n\t.topbar,\n\t.sidebar,\n\t.content {\n\t\t@apply self-start;\n\t}\n\n\t.topbar {\n\t\tgrid-area: topbar;\n\n\t\t@apply sticky w-full;\n\t}\n\n\t.sidebar {\n\t\tgrid-area: sidebar;\n\n\t\t@apply box-border flex h-full;\n\t\t@apply w-full;\n\t\t@apply layout-1280:w-60;\n\t}\n\n\t.content {\n\t\tgrid-area: content;\n\n\t\t@apply relative flex h-full flex-col overflow-y-auto overflow-x-hidden;\n\t\t@apply pb-24;\n\n\t\t@apply px-content-mobile-x py-content-mobile-y;\n\t\t@apply tablet:p-8;\n\t\t@apply layout-1280:p-6 layout-1280:pt-8;\n\t\t@apply layout-1440:p-8;\n\t\t@apply layout-1920:pr-8 layout-1920:pl-20 layout-1920:pb-20;\n\t\t@apply layout-2560:pt-16 layout-2560:pl-[7.5rem] layout-2560:pb-[7.5rem];\n\n\t\t.inner-content {\n\t\t\t@apply relative flex-1;\n\n\t\t\t// https://linear.app/employes/issue/PRO-9053/%E2%9A%9B%EF%B8%8F-component-wijzigen-layout\n\t\t\t@apply layout-1280:w-content-1280;\n\t\t\t@apply layout-1440:w-content-1440;\n\t\t\t@apply layout-1536:w-content-1536;\n\t\t\t@apply layout-1680:w-content-1680;\n\t\t}\n\t}\n}\n\n:host(.variant-default) {\n\t.content {\n\t\t@apply flex-1;\n\t}\n}\n\n:host(.variant-login) {\n\tgrid-template-areas:\n\t\t'topbar topbar'\n\t\t'content content';\n\n\t@screen layout-1280 {\n\t\tgrid-template-areas:\n\t\t\t'topbar topbar'\n\t\t\t'content sidebar';\n\t}\n\n\t.sidebar {\n\t\t@apply hidden w-unset layout-1280:flex;\n\t\t@apply p-2;\n\t\t@apply flex-1 overflow-hidden;\n\n\t\t.inner-content {\n\t\t\t@apply p-2;\n\t\t}\n\t}\n\n\t.content {\n\t\t@apply items-center layout-1280:justify-center;\n\n\t\t@apply layout-1280:px-18 layout-1280:py-0;\n\t\t@apply px-content-mobile-x py-content-mobile-y;\n\t\tpadding-top: calc(env(safe-area-inset-top) + 3.5rem);\n\n\t\t@screen layout-1280 {\n\t\t\t@apply pt-content-mobile-y;\n\t\t}\n\n\t\t.inner-content {\n\t\t\t@apply box-border;\n\t\t\t@apply w-full tablet:w-content-desktop-login;\n\t\t\tflex: unset;\n\t\t}\n\t}\n}\n\n:host(.variant-office) {\n\t.content {\n\t\t.inner-content {\n\t\t\t@apply layout-1280:w-[58rem];\n\t\t\t@apply layout-1440:w-[67rem];\n\t\t\t@apply layout-1536:w-[73rem];\n\t\t\t@apply layout-1680:w-[79rem];\n\t\t\t@apply layout-1920:w-[82rem];\n\t\t\t@apply layout-2560:w-[84.5rem];\n\t\t}\n\t}\n\n\t.sidebar {\n\t\t@apply layout-1280:w-[19rem] layout-1680:w-[22rem];\n\t}\n}\n","import { Component, h, Host, Prop, Event, EventEmitter } from '@stencil/core';\n\n@Component({\n\ttag: 'p-layout',\n\tstyleUrl: 'layout.component.scss',\n\tshadow: true,\n})\nexport class Layout {\n\t/**\n\t * Variant of the layout\n\t */\n\t@Prop() variant: 'default' | 'login' | 'office' = 'default';\n\n\t/**\n\t * Event whenever the layout is being scrolled\n\t */\n\t@Event() scroll: EventEmitter<any>;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={`p-layout variant-${this.variant}`}>\n\t\t\t\t<div\n\t\t\t\t\tclass='content'\n\t\t\t\t\tonScroll={ev => this.scroll.emit(ev)}\n\t\t\t\t>\n\t\t\t\t\t<div class='inner-content'>\n\t\t\t\t\t\t<slot name='content' />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div class='sidebar'>\n\t\t\t\t\t<slot name='sidebar' />\n\t\t\t\t</div>\n\t\t\t\t<div class='topbar'>\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"],"version":3}

package/dist/cjs/p-layout.entry.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"p-layout.entry.cjs.js","sources":["src/components/deprecated/atoms/layout/layout.component.scss?tag=p-layout&encapsulation=shadow","src/components/deprecated/atoms/layout/layout.component.tsx"],"sourcesContent":[":host {\n\t@apply grid h-dvh w-dvw;\n\n\tgrid-template-columns: 1fr;\n\tgrid-template-rows: repeat(2, min-content) 1fr;\n\tgap: 0;\n\tgrid-template-areas:\n\t\t'sidebar'\n\t\t'topbar'\n\t\t'content';\n\n\t@screen layout-1280 {\n\t\tgrid-template-columns: auto 1fr;\n\t\tgrid-template-rows: min-content 1fr;\n\t\tgrid-template-areas:\n\t\t\t'topbar topbar'\n\t\t\t'sidebar content';\n\t}\n\n\t.topbar,\n\t.sidebar,\n\t.content {\n\t\t@apply self-start;\n\t}\n\n\t.topbar {\n\t\tgrid-area: topbar;\n\n\t\t@apply sticky w-full;\n\t}\n\n\t.sidebar {\n\t\tgrid-area: sidebar;\n\n\t\t@apply box-border flex h-full;\n\t\t@apply w-full;\n\t\t@apply layout-1280:w-60 layout-1680:w-72;\n\t}\n\n\t.content {\n\t\tgrid-area: content;\n\n\t\t@apply relative flex h-full flex-col overflow-y-auto overflow-x-hidden;\n\t\t@apply pb-24;\n\n\t\t@apply px-content-mobile-x py-content-mobile-y;\n\t\t@apply tablet:p-8;\n\t\t@apply layout-1280:p-6 layout-1280:pt-8;\n\t\t@apply layout-1440:p-8;\n\t\t@apply layout-1920:pr-8 layout-1920:pl-20 layout-1920:pb-20;\n\t\t@apply layout-2560:pt-16 layout-2560:pl-[7.5rem] layout-2560:pb-[7.5rem];\n\n\t\t.inner-content {\n\t\t\t@apply relative flex-1;\n\n\t\t\t// https://linear.app/employes/issue/PRO-9053/%E2%9A%9B%EF%B8%8F-component-wijzigen-layout\n\t\t\t@apply layout-1280:w-content-1280;\n\t\t\t@apply layout-1440:w-content-1440;\n\t\t\t@apply layout-1536:w-content-1536;\n\t\t\t@apply layout-1680:w-content-1680;\n\t\t}\n\t}\n}\n\n:host(.variant-default) {\n\t.content {\n\t\t@apply flex-1;\n\t}\n}\n\n:host(.variant-login) {\n\tgrid-template-areas:\n\t\t'topbar topbar'\n\t\t'content content';\n\n\t@screen layout-1280 {\n\t\tgrid-template-areas:\n\t\t\t'topbar topbar'\n\t\t\t'content sidebar';\n\t}\n\n\t.sidebar {\n\t\t@apply hidden w-unset layout-1280:flex;\n\t\t@apply p-2;\n\t\t@apply flex-1 overflow-hidden;\n\n\t\t.inner-content {\n\t\t\t@apply p-2;\n\t\t}\n\t}\n\n\t.content {\n\t\t@apply items-center layout-1280:justify-center;\n\n\t\t@apply layout-1280:px-18 layout-1280:py-0;\n\t\t@apply px-content-mobile-x py-content-mobile-y;\n\t\tpadding-top: calc(env(safe-area-inset-top) + 3.5rem);\n\n\t\t@screen layout-1280 {\n\t\t\t@apply pt-content-mobile-y;\n\t\t}\n\n\t\t.inner-content {\n\t\t\t@apply box-border;\n\t\t\t@apply w-full tablet:w-content-desktop-login;\n\t\t\tflex: unset;\n\t\t}\n\t}\n}\n\n:host(.variant-office) {\n\t.content {\n\t\t.inner-content {\n\t\t\t@apply layout-1280:w-[58rem];\n\t\t\t@apply layout-1440:w-[67rem];\n\t\t\t@apply layout-1536:w-[73rem];\n\t\t\t@apply layout-1680:w-[79rem];\n\t\t\t@apply layout-1920:w-[82rem];\n\t\t\t@apply layout-2560:w-[84.5rem];\n\t\t}\n\t}\n\n\t.sidebar {\n\t\t@apply layout-1280:w-[19rem] layout-1680:w-[22rem];\n\t}\n}\n","import { Component, h, Host, Prop, Event, EventEmitter } from '@stencil/core';\n\n@Component({\n\ttag: 'p-layout',\n\tstyleUrl: 'layout.component.scss',\n\tshadow: true,\n})\nexport class Layout {\n\t/**\n\t * Variant of the layout\n\t */\n\t@Prop() variant: 'default' | 'login' | 'office' = 'default';\n\n\t/**\n\t * Event whenever the layout is being scrolled\n\t */\n\t@Event() scroll: EventEmitter<any>;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={`p-layout variant-${this.variant}`}>\n\t\t\t\t<div\n\t\t\t\t\tclass='content'\n\t\t\t\t\tonScroll={ev => this.scroll.emit(ev)}\n\t\t\t\t>\n\t\t\t\t\t<div class='inner-content'>\n\t\t\t\t\t\t<slot name='content' />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div class='sidebar'>\n\t\t\t\t\t<slot name='sidebar' />\n\t\t\t\t</div>\n\t\t\t\t<div class='topbar'>\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"],"names":["h","Host"],"mappings":";;;;AAAA,MAAM,kBAAkB,GAAG,4lJAA4lJ;;MCO1mJ,MAAM,GAAA,MAAA;;;;;AAClB;;AAEG;IACK,OAAO,GAAmC,SAAS;AAE3D;;AAEG;AACM,IAAA,MAAM;IAEf,MAAM,GAAA;AACL,QAAA,QACCA,OAAC,CAAAC,UAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,CAAA,iBAAA,EAAoB,IAAI,CAAC,OAAO,CAAE,CAAA,EAAA,EAC9CD,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,KAAK,EAAC,SAAS,EACf,QAAQ,EAAE,EAAE,IAAI,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,EAAA,EAEpCA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,eAAe,EAAA,EACzBA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,SAAS,EAAA,CAAG,CAClB,CACD,EACNA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,SAAS,EAAA,EACnBA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,SAAS,EAAA,CAAG,CAClB,EACNA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,QAAQ,EAAA,EAClBA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,QAAQ,GAAG,CACjB,CACA;;;;;;;"}
+{"version":3,"file":"p-layout.entry.cjs.js","sources":["src/components/deprecated/atoms/layout/layout.component.scss?tag=p-layout&encapsulation=shadow","src/components/deprecated/atoms/layout/layout.component.tsx"],"sourcesContent":[":host {\n\t@apply grid h-dvh w-dvw;\n\n\tgrid-template-columns: 1fr;\n\tgrid-template-rows: repeat(2, min-content) 1fr;\n\tgap: 0;\n\tgrid-template-areas:\n\t\t'sidebar'\n\t\t'topbar'\n\t\t'content';\n\n\t@screen layout-1280 {\n\t\tgrid-template-columns: auto 1fr;\n\t\tgrid-template-rows: min-content 1fr;\n\t\tgrid-template-areas:\n\t\t\t'topbar topbar'\n\t\t\t'sidebar content';\n\t}\n\n\t.topbar,\n\t.sidebar,\n\t.content {\n\t\t@apply self-start;\n\t}\n\n\t.topbar {\n\t\tgrid-area: topbar;\n\n\t\t@apply sticky w-full;\n\t}\n\n\t.sidebar {\n\t\tgrid-area: sidebar;\n\n\t\t@apply box-border flex h-full;\n\t\t@apply w-full;\n\t\t@apply layout-1280:w-60;\n\t}\n\n\t.content {\n\t\tgrid-area: content;\n\n\t\t@apply relative flex h-full flex-col overflow-y-auto overflow-x-hidden;\n\t\t@apply pb-24;\n\n\t\t@apply px-content-mobile-x py-content-mobile-y;\n\t\t@apply tablet:p-8;\n\t\t@apply layout-1280:p-6 layout-1280:pt-8;\n\t\t@apply layout-1440:p-8;\n\t\t@apply layout-1920:pr-8 layout-1920:pl-20 layout-1920:pb-20;\n\t\t@apply layout-2560:pt-16 layout-2560:pl-[7.5rem] layout-2560:pb-[7.5rem];\n\n\t\t.inner-content {\n\t\t\t@apply relative flex-1;\n\n\t\t\t// https://linear.app/employes/issue/PRO-9053/%E2%9A%9B%EF%B8%8F-component-wijzigen-layout\n\t\t\t@apply layout-1280:w-content-1280;\n\t\t\t@apply layout-1440:w-content-1440;\n\t\t\t@apply layout-1536:w-content-1536;\n\t\t\t@apply layout-1680:w-content-1680;\n\t\t}\n\t}\n}\n\n:host(.variant-default) {\n\t.content {\n\t\t@apply flex-1;\n\t}\n}\n\n:host(.variant-login) {\n\tgrid-template-areas:\n\t\t'topbar topbar'\n\t\t'content content';\n\n\t@screen layout-1280 {\n\t\tgrid-template-areas:\n\t\t\t'topbar topbar'\n\t\t\t'content sidebar';\n\t}\n\n\t.sidebar {\n\t\t@apply hidden w-unset layout-1280:flex;\n\t\t@apply p-2;\n\t\t@apply flex-1 overflow-hidden;\n\n\t\t.inner-content {\n\t\t\t@apply p-2;\n\t\t}\n\t}\n\n\t.content {\n\t\t@apply items-center layout-1280:justify-center;\n\n\t\t@apply layout-1280:px-18 layout-1280:py-0;\n\t\t@apply px-content-mobile-x py-content-mobile-y;\n\t\tpadding-top: calc(env(safe-area-inset-top) + 3.5rem);\n\n\t\t@screen layout-1280 {\n\t\t\t@apply pt-content-mobile-y;\n\t\t}\n\n\t\t.inner-content {\n\t\t\t@apply box-border;\n\t\t\t@apply w-full tablet:w-content-desktop-login;\n\t\t\tflex: unset;\n\t\t}\n\t}\n}\n\n:host(.variant-office) {\n\t.content {\n\t\t.inner-content {\n\t\t\t@apply layout-1280:w-[58rem];\n\t\t\t@apply layout-1440:w-[67rem];\n\t\t\t@apply layout-1536:w-[73rem];\n\t\t\t@apply layout-1680:w-[79rem];\n\t\t\t@apply layout-1920:w-[82rem];\n\t\t\t@apply layout-2560:w-[84.5rem];\n\t\t}\n\t}\n\n\t.sidebar {\n\t\t@apply layout-1280:w-[19rem] layout-1680:w-[22rem];\n\t}\n}\n","import { Component, h, Host, Prop, Event, EventEmitter } from '@stencil/core';\n\n@Component({\n\ttag: 'p-layout',\n\tstyleUrl: 'layout.component.scss',\n\tshadow: true,\n})\nexport class Layout {\n\t/**\n\t * Variant of the layout\n\t */\n\t@Prop() variant: 'default' | 'login' | 'office' = 'default';\n\n\t/**\n\t * Event whenever the layout is being scrolled\n\t */\n\t@Event() scroll: EventEmitter<any>;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={`p-layout variant-${this.variant}`}>\n\t\t\t\t<div\n\t\t\t\t\tclass='content'\n\t\t\t\t\tonScroll={ev => this.scroll.emit(ev)}\n\t\t\t\t>\n\t\t\t\t\t<div class='inner-content'>\n\t\t\t\t\t\t<slot name='content' />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div class='sidebar'>\n\t\t\t\t\t<slot name='sidebar' />\n\t\t\t\t</div>\n\t\t\t\t<div class='topbar'>\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"],"names":["h","Host"],"mappings":";;;;AAAA,MAAM,kBAAkB,GAAG,4/IAA4/I;;MCO1gJ,MAAM,GAAA,MAAA;;;;;AAClB;;AAEG;IACK,OAAO,GAAmC,SAAS;AAE3D;;AAEG;AACM,IAAA,MAAM;IAEf,MAAM,GAAA;AACL,QAAA,QACCA,OAAC,CAAAC,UAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,CAAA,iBAAA,EAAoB,IAAI,CAAC,OAAO,CAAE,CAAA,EAAA,EAC9CD,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,KAAK,EAAC,SAAS,EACf,QAAQ,EAAE,EAAE,IAAI,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,EAAA,EAEpCA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,eAAe,EAAA,EACzBA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,SAAS,EAAA,CAAG,CAClB,CACD,EACNA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,SAAS,EAAA,EACnBA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,SAAS,EAAA,CAAG,CAClB,EACNA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,QAAQ,EAAA,EAClBA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,QAAQ,GAAG,CACjB,CACA;;;;;;;"}

package/dist/collection/components/deprecated/atoms/layout/layout.component.css

@@ -1 +1 @@
-.relative{position:relative!important}.sticky{position:sticky!important}.box-border{box-sizing:border-box!important}.flex{display:flex!important}.grid{display:grid!important}.hidden{display:none!important}.h-dvh{height:100dvh!important}.h-full{height:100%!important}.w-full{width:100%!important}.w-unset{width:unset!important}.flex-1{flex:1 1 0%!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.overflow-y-auto{overflow-y:auto!important}.px-content-mobile-x{padding-left:1rem!important;padding-right:1rem!important}*{box-sizing:border-box}:host{display:grid;gap:0;grid-template-areas:"sidebar" "topbar" "content";grid-template-columns:1fr;grid-template-rows:repeat(2,min-content) 1fr;height:100dvh;width:100dvw}@media (min-width:80rem){:host{grid-template-areas:"topbar topbar" "sidebar content";grid-template-columns:auto 1fr;grid-template-rows:min-content 1fr}}:host .content,:host .sidebar,:host .topbar{align-self:flex-start}:host .topbar{grid-area:topbar;position:sticky;width:100%}:host .sidebar{box-sizing:border-box;display:flex;grid-area:sidebar;height:100%;width:100%}@media (min-width:80rem){:host .sidebar{width:15rem}}@media (min-width:105rem){:host .sidebar{width:18rem}}:host .content{display:flex;flex-direction:column;grid-area:content;height:100%;overflow-x:hidden;overflow-y:auto;padding:1.5rem 1rem;position:relative}@media (min-width:40rem){:host .content{padding:2rem}}@media (min-width:80rem){:host .content{padding:2rem 1.5rem 1.5rem}}@media (min-width:90rem){:host .content{padding:2rem}}@media (min-width:120rem){:host .content{padding-bottom:5rem;padding-left:5rem;padding-right:2rem}}@media (min-width:160rem){:host .content{padding-bottom:7.5rem;padding-left:7.5rem;padding-top:4rem}}:host .content .inner-content{flex:1 1 0%;position:relative}@media (min-width:80rem){:host .content .inner-content{width:62rem}}@media (min-width:90rem){:host .content .inner-content{width:71rem}}@media (min-width:96rem){:host .content .inner-content{width:77rem}}@media (min-width:105rem){:host .content .inner-content{width:83rem}}:host(.variant-default) .content{flex:1 1 0%}:host(.variant-login){grid-template-areas:"topbar topbar" "content content"}@media (min-width:80rem){:host(.variant-login){grid-template-areas:"topbar topbar" "content sidebar"}}:host(.variant-login) .sidebar{display:none;flex:1 1 0%;overflow:hidden;padding:.5rem;width:unset}@media (min-width:80rem){:host(.variant-login) .sidebar{display:flex}}:host(.variant-login) .sidebar .inner-content{padding:.5rem}:host(.variant-login) .content{align-items:center;padding:calc(env(safe-area-inset-top) + 3.5rem) 1rem 1.5rem}@media (min-width:80rem){:host(.variant-login) .content{justify-content:center;padding:1.5rem 4.5rem 0}}:host(.variant-login) .content .inner-content{box-sizing:border-box;flex:unset;width:100%}@media (min-width:40rem){:host(.variant-login) .content .inner-content{width:21rem}}@media (min-width:80rem){:host(.variant-office) .content .inner-content{width:58rem}}@media (min-width:90rem){:host(.variant-office) .content .inner-content{width:67rem}}@media (min-width:96rem){:host(.variant-office) .content .inner-content{width:73rem}}@media (min-width:105rem){:host(.variant-office) .content .inner-content{width:79rem}}@media (min-width:120rem){:host(.variant-office) .content .inner-content{width:82rem}}@media (min-width:160rem){:host(.variant-office) .content .inner-content{width:84.5rem}}@media (min-width:80rem){:host(.variant-office) .sidebar{width:19rem}}@media (min-width:105rem){:host(.variant-office) .sidebar{width:22rem}}@media (min-width:80rem){.layout-1280\:flex{display:flex!important}.layout-1280\:w-60{width:15rem!important}.layout-1280\:w-\[19rem\]{width:19rem!important}.layout-1280\:w-\[58rem\]{width:58rem!important}.layout-1280\:p-6{padding:1.5rem!important}.layout-1280\:px-18{padding-left:4.5rem!important;padding-right:4.5rem!important}}@media (min-width:90rem){.layout-1440\:w-\[67rem\]{width:67rem!important}}@media (min-width:96rem){.layout-1536\:w-\[73rem\]{width:73rem!important}}@media (min-width:105rem){.layout-1680\:w-\[22rem\]{width:22rem!important}.layout-1680\:w-\[79rem\]{width:79rem!important}}@media (min-width:120rem){.layout-1920\:w-\[82rem\]{width:82rem!important}.layout-1920\:pl-20{padding-left:5rem!important}.layout-1920\:pr-8{padding-right:2rem!important}}@media (min-width:160rem){.layout-2560\:w-\[84\.5rem\]{width:84.5rem!important}.layout-2560\:pb-\[7\.5rem\]{padding-bottom:7.5rem!important}.layout-2560\:pl-\[7\.5rem\]{padding-left:7.5rem!important}.layout-2560\:pt-16{padding-top:4rem!important}}.static{position:static!important}
+.relative{position:relative!important}.sticky{position:sticky!important}.box-border{box-sizing:border-box!important}.flex{display:flex!important}.grid{display:grid!important}.hidden{display:none!important}.h-dvh{height:100dvh!important}.h-full{height:100%!important}.w-full{width:100%!important}.w-unset{width:unset!important}.flex-1{flex:1 1 0%!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.overflow-y-auto{overflow-y:auto!important}.px-content-mobile-x{padding-left:1rem!important;padding-right:1rem!important}*{box-sizing:border-box}:host{display:grid;gap:0;grid-template-areas:"sidebar" "topbar" "content";grid-template-columns:1fr;grid-template-rows:repeat(2,min-content) 1fr;height:100dvh;width:100dvw}@media (min-width:80rem){:host{grid-template-areas:"topbar topbar" "sidebar content";grid-template-columns:auto 1fr;grid-template-rows:min-content 1fr}}:host .content,:host .sidebar,:host .topbar{align-self:flex-start}:host .topbar{grid-area:topbar;position:sticky;width:100%}:host .sidebar{box-sizing:border-box;display:flex;grid-area:sidebar;height:100%;width:100%}@media (min-width:80rem){:host .sidebar{width:15rem}}:host .content{display:flex;flex-direction:column;grid-area:content;height:100%;overflow-x:hidden;overflow-y:auto;padding:1.5rem 1rem;position:relative}@media (min-width:40rem){:host .content{padding:2rem}}@media (min-width:80rem){:host .content{padding:2rem 1.5rem 1.5rem}}@media (min-width:90rem){:host .content{padding:2rem}}@media (min-width:120rem){:host .content{padding-bottom:5rem;padding-left:5rem;padding-right:2rem}}@media (min-width:160rem){:host .content{padding-bottom:7.5rem;padding-left:7.5rem;padding-top:4rem}}:host .content .inner-content{flex:1 1 0%;position:relative}@media (min-width:80rem){:host .content .inner-content{width:62rem}}@media (min-width:90rem){:host .content .inner-content{width:71rem}}@media (min-width:96rem){:host .content .inner-content{width:77rem}}@media (min-width:105rem){:host .content .inner-content{width:83rem}}:host(.variant-default) .content{flex:1 1 0%}:host(.variant-login){grid-template-areas:"topbar topbar" "content content"}@media (min-width:80rem){:host(.variant-login){grid-template-areas:"topbar topbar" "content sidebar"}}:host(.variant-login) .sidebar{display:none;flex:1 1 0%;overflow:hidden;padding:.5rem;width:unset}@media (min-width:80rem){:host(.variant-login) .sidebar{display:flex}}:host(.variant-login) .sidebar .inner-content{padding:.5rem}:host(.variant-login) .content{align-items:center;padding:calc(env(safe-area-inset-top) + 3.5rem) 1rem 1.5rem}@media (min-width:80rem){:host(.variant-login) .content{justify-content:center;padding:1.5rem 4.5rem 0}}:host(.variant-login) .content .inner-content{box-sizing:border-box;flex:unset;width:100%}@media (min-width:40rem){:host(.variant-login) .content .inner-content{width:21rem}}@media (min-width:80rem){:host(.variant-office) .content .inner-content{width:58rem}}@media (min-width:90rem){:host(.variant-office) .content .inner-content{width:67rem}}@media (min-width:96rem){:host(.variant-office) .content .inner-content{width:73rem}}@media (min-width:105rem){:host(.variant-office) .content .inner-content{width:79rem}}@media (min-width:120rem){:host(.variant-office) .content .inner-content{width:82rem}}@media (min-width:160rem){:host(.variant-office) .content .inner-content{width:84.5rem}}@media (min-width:80rem){:host(.variant-office) .sidebar{width:19rem}}@media (min-width:105rem){:host(.variant-office) .sidebar{width:22rem}}@media (min-width:80rem){.layout-1280\:flex{display:flex!important}.layout-1280\:w-\[19rem\]{width:19rem!important}.layout-1280\:w-\[58rem\]{width:58rem!important}.layout-1280\:p-6{padding:1.5rem!important}.layout-1280\:px-18{padding-left:4.5rem!important;padding-right:4.5rem!important}}@media (min-width:90rem){.layout-1440\:w-\[67rem\]{width:67rem!important}}@media (min-width:96rem){.layout-1536\:w-\[73rem\]{width:73rem!important}}@media (min-width:105rem){.layout-1680\:w-\[22rem\]{width:22rem!important}.layout-1680\:w-\[79rem\]{width:79rem!important}}@media (min-width:120rem){.layout-1920\:w-\[82rem\]{width:82rem!important}.layout-1920\:pl-20{padding-left:5rem!important}.layout-1920\:pr-8{padding-right:2rem!important}}@media (min-width:160rem){.layout-2560\:w-\[84\.5rem\]{width:84.5rem!important}.layout-2560\:pb-\[7\.5rem\]{padding-bottom:7.5rem!important}.layout-2560\:pl-\[7\.5rem\]{padding-left:7.5rem!important}.layout-2560\:pt-16{padding-top:4rem!important}}.static{position:static!important}

package/dist/components/p-layout.js

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-BLaYz0fg.js';
 
-const layoutComponentCss = ".relative{position:relative!important}.sticky{position:sticky!important}.box-border{box-sizing:border-box!important}.flex{display:flex!important}.grid{display:grid!important}.hidden{display:none!important}.h-dvh{height:100dvh!important}.h-full{height:100%!important}.w-full{width:100%!important}.w-unset{width:unset!important}.flex-1{flex:1 1 0%!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.overflow-y-auto{overflow-y:auto!important}.px-content-mobile-x{padding-left:1rem!important;padding-right:1rem!important}*{box-sizing:border-box}:host{display:grid;gap:0;grid-template-areas:\"sidebar\" \"topbar\" \"content\";grid-template-columns:1fr;grid-template-rows:repeat(2,min-content) 1fr;height:100dvh;width:100dvw}@media (min-width:80rem){:host{grid-template-areas:\"topbar topbar\" \"sidebar content\";grid-template-columns:auto 1fr;grid-template-rows:min-content 1fr}}:host .content,:host .sidebar,:host .topbar{align-self:flex-start}:host .topbar{grid-area:topbar;position:sticky;width:100%}:host .sidebar{box-sizing:border-box;display:flex;grid-area:sidebar;height:100%;width:100%}@media (min-width:80rem){:host .sidebar{width:15rem}}@media (min-width:105rem){:host .sidebar{width:18rem}}:host .content{display:flex;flex-direction:column;grid-area:content;height:100%;overflow-x:hidden;overflow-y:auto;padding:1.5rem 1rem;position:relative}@media (min-width:40rem){:host .content{padding:2rem}}@media (min-width:80rem){:host .content{padding:2rem 1.5rem 1.5rem}}@media (min-width:90rem){:host .content{padding:2rem}}@media (min-width:120rem){:host .content{padding-bottom:5rem;padding-left:5rem;padding-right:2rem}}@media (min-width:160rem){:host .content{padding-bottom:7.5rem;padding-left:7.5rem;padding-top:4rem}}:host .content .inner-content{flex:1 1 0%;position:relative}@media (min-width:80rem){:host .content .inner-content{width:62rem}}@media (min-width:90rem){:host .content .inner-content{width:71rem}}@media (min-width:96rem){:host .content .inner-content{width:77rem}}@media (min-width:105rem){:host .content .inner-content{width:83rem}}:host(.variant-default) .content{flex:1 1 0%}:host(.variant-login){grid-template-areas:\"topbar topbar\" \"content content\"}@media (min-width:80rem){:host(.variant-login){grid-template-areas:\"topbar topbar\" \"content sidebar\"}}:host(.variant-login) .sidebar{display:none;flex:1 1 0%;overflow:hidden;padding:.5rem;width:unset}@media (min-width:80rem){:host(.variant-login) .sidebar{display:flex}}:host(.variant-login) .sidebar .inner-content{padding:.5rem}:host(.variant-login) .content{align-items:center;padding:calc(env(safe-area-inset-top) + 3.5rem) 1rem 1.5rem}@media (min-width:80rem){:host(.variant-login) .content{justify-content:center;padding:1.5rem 4.5rem 0}}:host(.variant-login) .content .inner-content{box-sizing:border-box;flex:unset;width:100%}@media (min-width:40rem){:host(.variant-login) .content .inner-content{width:21rem}}@media (min-width:80rem){:host(.variant-office) .content .inner-content{width:58rem}}@media (min-width:90rem){:host(.variant-office) .content .inner-content{width:67rem}}@media (min-width:96rem){:host(.variant-office) .content .inner-content{width:73rem}}@media (min-width:105rem){:host(.variant-office) .content .inner-content{width:79rem}}@media (min-width:120rem){:host(.variant-office) .content .inner-content{width:82rem}}@media (min-width:160rem){:host(.variant-office) .content .inner-content{width:84.5rem}}@media (min-width:80rem){:host(.variant-office) .sidebar{width:19rem}}@media (min-width:105rem){:host(.variant-office) .sidebar{width:22rem}}@media (min-width:80rem){.layout-1280\\:flex{display:flex!important}.layout-1280\\:w-60{width:15rem!important}.layout-1280\\:w-\\[19rem\\]{width:19rem!important}.layout-1280\\:w-\\[58rem\\]{width:58rem!important}.layout-1280\\:p-6{padding:1.5rem!important}.layout-1280\\:px-18{padding-left:4.5rem!important;padding-right:4.5rem!important}}@media (min-width:90rem){.layout-1440\\:w-\\[67rem\\]{width:67rem!important}}@media (min-width:96rem){.layout-1536\\:w-\\[73rem\\]{width:73rem!important}}@media (min-width:105rem){.layout-1680\\:w-\\[22rem\\]{width:22rem!important}.layout-1680\\:w-\\[79rem\\]{width:79rem!important}}@media (min-width:120rem){.layout-1920\\:w-\\[82rem\\]{width:82rem!important}.layout-1920\\:pl-20{padding-left:5rem!important}.layout-1920\\:pr-8{padding-right:2rem!important}}@media (min-width:160rem){.layout-2560\\:w-\\[84\\.5rem\\]{width:84.5rem!important}.layout-2560\\:pb-\\[7\\.5rem\\]{padding-bottom:7.5rem!important}.layout-2560\\:pl-\\[7\\.5rem\\]{padding-left:7.5rem!important}.layout-2560\\:pt-16{padding-top:4rem!important}}.static{position:static!important}";
+const layoutComponentCss = ".relative{position:relative!important}.sticky{position:sticky!important}.box-border{box-sizing:border-box!important}.flex{display:flex!important}.grid{display:grid!important}.hidden{display:none!important}.h-dvh{height:100dvh!important}.h-full{height:100%!important}.w-full{width:100%!important}.w-unset{width:unset!important}.flex-1{flex:1 1 0%!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.overflow-y-auto{overflow-y:auto!important}.px-content-mobile-x{padding-left:1rem!important;padding-right:1rem!important}*{box-sizing:border-box}:host{display:grid;gap:0;grid-template-areas:\"sidebar\" \"topbar\" \"content\";grid-template-columns:1fr;grid-template-rows:repeat(2,min-content) 1fr;height:100dvh;width:100dvw}@media (min-width:80rem){:host{grid-template-areas:\"topbar topbar\" \"sidebar content\";grid-template-columns:auto 1fr;grid-template-rows:min-content 1fr}}:host .content,:host .sidebar,:host .topbar{align-self:flex-start}:host .topbar{grid-area:topbar;position:sticky;width:100%}:host .sidebar{box-sizing:border-box;display:flex;grid-area:sidebar;height:100%;width:100%}@media (min-width:80rem){:host .sidebar{width:15rem}}:host .content{display:flex;flex-direction:column;grid-area:content;height:100%;overflow-x:hidden;overflow-y:auto;padding:1.5rem 1rem;position:relative}@media (min-width:40rem){:host .content{padding:2rem}}@media (min-width:80rem){:host .content{padding:2rem 1.5rem 1.5rem}}@media (min-width:90rem){:host .content{padding:2rem}}@media (min-width:120rem){:host .content{padding-bottom:5rem;padding-left:5rem;padding-right:2rem}}@media (min-width:160rem){:host .content{padding-bottom:7.5rem;padding-left:7.5rem;padding-top:4rem}}:host .content .inner-content{flex:1 1 0%;position:relative}@media (min-width:80rem){:host .content .inner-content{width:62rem}}@media (min-width:90rem){:host .content .inner-content{width:71rem}}@media (min-width:96rem){:host .content .inner-content{width:77rem}}@media (min-width:105rem){:host .content .inner-content{width:83rem}}:host(.variant-default) .content{flex:1 1 0%}:host(.variant-login){grid-template-areas:\"topbar topbar\" \"content content\"}@media (min-width:80rem){:host(.variant-login){grid-template-areas:\"topbar topbar\" \"content sidebar\"}}:host(.variant-login) .sidebar{display:none;flex:1 1 0%;overflow:hidden;padding:.5rem;width:unset}@media (min-width:80rem){:host(.variant-login) .sidebar{display:flex}}:host(.variant-login) .sidebar .inner-content{padding:.5rem}:host(.variant-login) .content{align-items:center;padding:calc(env(safe-area-inset-top) + 3.5rem) 1rem 1.5rem}@media (min-width:80rem){:host(.variant-login) .content{justify-content:center;padding:1.5rem 4.5rem 0}}:host(.variant-login) .content .inner-content{box-sizing:border-box;flex:unset;width:100%}@media (min-width:40rem){:host(.variant-login) .content .inner-content{width:21rem}}@media (min-width:80rem){:host(.variant-office) .content .inner-content{width:58rem}}@media (min-width:90rem){:host(.variant-office) .content .inner-content{width:67rem}}@media (min-width:96rem){:host(.variant-office) .content .inner-content{width:73rem}}@media (min-width:105rem){:host(.variant-office) .content .inner-content{width:79rem}}@media (min-width:120rem){:host(.variant-office) .content .inner-content{width:82rem}}@media (min-width:160rem){:host(.variant-office) .content .inner-content{width:84.5rem}}@media (min-width:80rem){:host(.variant-office) .sidebar{width:19rem}}@media (min-width:105rem){:host(.variant-office) .sidebar{width:22rem}}@media (min-width:80rem){.layout-1280\\:flex{display:flex!important}.layout-1280\\:w-\\[19rem\\]{width:19rem!important}.layout-1280\\:w-\\[58rem\\]{width:58rem!important}.layout-1280\\:p-6{padding:1.5rem!important}.layout-1280\\:px-18{padding-left:4.5rem!important;padding-right:4.5rem!important}}@media (min-width:90rem){.layout-1440\\:w-\\[67rem\\]{width:67rem!important}}@media (min-width:96rem){.layout-1536\\:w-\\[73rem\\]{width:73rem!important}}@media (min-width:105rem){.layout-1680\\:w-\\[22rem\\]{width:22rem!important}.layout-1680\\:w-\\[79rem\\]{width:79rem!important}}@media (min-width:120rem){.layout-1920\\:w-\\[82rem\\]{width:82rem!important}.layout-1920\\:pl-20{padding-left:5rem!important}.layout-1920\\:pr-8{padding-right:2rem!important}}@media (min-width:160rem){.layout-2560\\:w-\\[84\\.5rem\\]{width:84.5rem!important}.layout-2560\\:pb-\\[7\\.5rem\\]{padding-bottom:7.5rem!important}.layout-2560\\:pl-\\[7\\.5rem\\]{padding-left:7.5rem!important}.layout-2560\\:pt-16{padding-top:4rem!important}}.static{position:static!important}";
 
 const Layout = /*@__PURE__*/ proxyCustomElement(class Layout extends H {
     constructor() {

package/dist/components/p-layout.js.map

@@ -1 +1 @@
-{"file":"p-layout.js","mappings":";;AAAA,MAAM,kBAAkB,GAAG,4lJAA4lJ;;MCO1mJ,MAAM,iBAAAA,kBAAA,CAAA,MAAA,MAAA,SAAAC,CAAA,CAAA;;;;;;;AAClB;;AAEG;IACK,OAAO,GAAmC,SAAS;AAE3D;;AAEG;AACM,IAAA,MAAM;IAEf,MAAM,GAAA;AACL,QAAA,QACC,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,CAAA,iBAAA,EAAoB,IAAI,CAAC,OAAO,CAAE,CAAA,EAAA,EAC9C,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,KAAK,EAAC,SAAS,EACf,QAAQ,EAAE,EAAE,IAAI,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,EAAA,EAEpC,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,eAAe,EAAA,EACzB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,SAAS,EAAA,CAAG,CAClB,CACD,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,SAAS,EAAA,EACnB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,SAAS,EAAA,CAAG,CAClB,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,QAAQ,EAAA,EAClB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,QAAQ,GAAG,CACjB,CACA;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/deprecated/atoms/layout/layout.component.scss?tag=p-layout&encapsulation=shadow","src/components/deprecated/atoms/layout/layout.component.tsx"],"sourcesContent":[":host {\n\t@apply grid h-dvh w-dvw;\n\n\tgrid-template-columns: 1fr;\n\tgrid-template-rows: repeat(2, min-content) 1fr;\n\tgap: 0;\n\tgrid-template-areas:\n\t\t'sidebar'\n\t\t'topbar'\n\t\t'content';\n\n\t@screen layout-1280 {\n\t\tgrid-template-columns: auto 1fr;\n\t\tgrid-template-rows: min-content 1fr;\n\t\tgrid-template-areas:\n\t\t\t'topbar topbar'\n\t\t\t'sidebar content';\n\t}\n\n\t.topbar,\n\t.sidebar,\n\t.content {\n\t\t@apply self-start;\n\t}\n\n\t.topbar {\n\t\tgrid-area: topbar;\n\n\t\t@apply sticky w-full;\n\t}\n\n\t.sidebar {\n\t\tgrid-area: sidebar;\n\n\t\t@apply box-border flex h-full;\n\t\t@apply w-full;\n\t\t@apply layout-1280:w-60 layout-1680:w-72;\n\t}\n\n\t.content {\n\t\tgrid-area: content;\n\n\t\t@apply relative flex h-full flex-col overflow-y-auto overflow-x-hidden;\n\t\t@apply pb-24;\n\n\t\t@apply px-content-mobile-x py-content-mobile-y;\n\t\t@apply tablet:p-8;\n\t\t@apply layout-1280:p-6 layout-1280:pt-8;\n\t\t@apply layout-1440:p-8;\n\t\t@apply layout-1920:pr-8 layout-1920:pl-20 layout-1920:pb-20;\n\t\t@apply layout-2560:pt-16 layout-2560:pl-[7.5rem] layout-2560:pb-[7.5rem];\n\n\t\t.inner-content {\n\t\t\t@apply relative flex-1;\n\n\t\t\t// https://linear.app/employes/issue/PRO-9053/%E2%9A%9B%EF%B8%8F-component-wijzigen-layout\n\t\t\t@apply layout-1280:w-content-1280;\n\t\t\t@apply layout-1440:w-content-1440;\n\t\t\t@apply layout-1536:w-content-1536;\n\t\t\t@apply layout-1680:w-content-1680;\n\t\t}\n\t}\n}\n\n:host(.variant-default) {\n\t.content {\n\t\t@apply flex-1;\n\t}\n}\n\n:host(.variant-login) {\n\tgrid-template-areas:\n\t\t'topbar topbar'\n\t\t'content content';\n\n\t@screen layout-1280 {\n\t\tgrid-template-areas:\n\t\t\t'topbar topbar'\n\t\t\t'content sidebar';\n\t}\n\n\t.sidebar {\n\t\t@apply hidden w-unset layout-1280:flex;\n\t\t@apply p-2;\n\t\t@apply flex-1 overflow-hidden;\n\n\t\t.inner-content {\n\t\t\t@apply p-2;\n\t\t}\n\t}\n\n\t.content {\n\t\t@apply items-center layout-1280:justify-center;\n\n\t\t@apply layout-1280:px-18 layout-1280:py-0;\n\t\t@apply px-content-mobile-x py-content-mobile-y;\n\t\tpadding-top: calc(env(safe-area-inset-top) + 3.5rem);\n\n\t\t@screen layout-1280 {\n\t\t\t@apply pt-content-mobile-y;\n\t\t}\n\n\t\t.inner-content {\n\t\t\t@apply box-border;\n\t\t\t@apply w-full tablet:w-content-desktop-login;\n\t\t\tflex: unset;\n\t\t}\n\t}\n}\n\n:host(.variant-office) {\n\t.content {\n\t\t.inner-content {\n\t\t\t@apply layout-1280:w-[58rem];\n\t\t\t@apply layout-1440:w-[67rem];\n\t\t\t@apply layout-1536:w-[73rem];\n\t\t\t@apply layout-1680:w-[79rem];\n\t\t\t@apply layout-1920:w-[82rem];\n\t\t\t@apply layout-2560:w-[84.5rem];\n\t\t}\n\t}\n\n\t.sidebar {\n\t\t@apply layout-1280:w-[19rem] layout-1680:w-[22rem];\n\t}\n}\n","import { Component, h, Host, Prop, Event, EventEmitter } from '@stencil/core';\n\n@Component({\n\ttag: 'p-layout',\n\tstyleUrl: 'layout.component.scss',\n\tshadow: true,\n})\nexport class Layout {\n\t/**\n\t * Variant of the layout\n\t */\n\t@Prop() variant: 'default' | 'login' | 'office' = 'default';\n\n\t/**\n\t * Event whenever the layout is being scrolled\n\t */\n\t@Event() scroll: EventEmitter<any>;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={`p-layout variant-${this.variant}`}>\n\t\t\t\t<div\n\t\t\t\t\tclass='content'\n\t\t\t\t\tonScroll={ev => this.scroll.emit(ev)}\n\t\t\t\t>\n\t\t\t\t\t<div class='inner-content'>\n\t\t\t\t\t\t<slot name='content' />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div class='sidebar'>\n\t\t\t\t\t<slot name='sidebar' />\n\t\t\t\t</div>\n\t\t\t\t<div class='topbar'>\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"],"version":3}
+{"file":"p-layout.js","mappings":";;AAAA,MAAM,kBAAkB,GAAG,4/IAA4/I;;MCO1gJ,MAAM,iBAAAA,kBAAA,CAAA,MAAA,MAAA,SAAAC,CAAA,CAAA;;;;;;;AAClB;;AAEG;IACK,OAAO,GAAmC,SAAS;AAE3D;;AAEG;AACM,IAAA,MAAM;IAEf,MAAM,GAAA;AACL,QAAA,QACC,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,CAAA,iBAAA,EAAoB,IAAI,CAAC,OAAO,CAAE,CAAA,EAAA,EAC9C,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,KAAK,EAAC,SAAS,EACf,QAAQ,EAAE,EAAE,IAAI,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,EAAA,EAEpC,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,eAAe,EAAA,EACzB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,SAAS,EAAA,CAAG,CAClB,CACD,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,SAAS,EAAA,EACnB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,SAAS,EAAA,CAAG,CAClB,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,QAAQ,EAAA,EAClB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,QAAQ,GAAG,CACjB,CACA;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/deprecated/atoms/layout/layout.component.scss?tag=p-layout&encapsulation=shadow","src/components/deprecated/atoms/layout/layout.component.tsx"],"sourcesContent":[":host {\n\t@apply grid h-dvh w-dvw;\n\n\tgrid-template-columns: 1fr;\n\tgrid-template-rows: repeat(2, min-content) 1fr;\n\tgap: 0;\n\tgrid-template-areas:\n\t\t'sidebar'\n\t\t'topbar'\n\t\t'content';\n\n\t@screen layout-1280 {\n\t\tgrid-template-columns: auto 1fr;\n\t\tgrid-template-rows: min-content 1fr;\n\t\tgrid-template-areas:\n\t\t\t'topbar topbar'\n\t\t\t'sidebar content';\n\t}\n\n\t.topbar,\n\t.sidebar,\n\t.content {\n\t\t@apply self-start;\n\t}\n\n\t.topbar {\n\t\tgrid-area: topbar;\n\n\t\t@apply sticky w-full;\n\t}\n\n\t.sidebar {\n\t\tgrid-area: sidebar;\n\n\t\t@apply box-border flex h-full;\n\t\t@apply w-full;\n\t\t@apply layout-1280:w-60;\n\t}\n\n\t.content {\n\t\tgrid-area: content;\n\n\t\t@apply relative flex h-full flex-col overflow-y-auto overflow-x-hidden;\n\t\t@apply pb-24;\n\n\t\t@apply px-content-mobile-x py-content-mobile-y;\n\t\t@apply tablet:p-8;\n\t\t@apply layout-1280:p-6 layout-1280:pt-8;\n\t\t@apply layout-1440:p-8;\n\t\t@apply layout-1920:pr-8 layout-1920:pl-20 layout-1920:pb-20;\n\t\t@apply layout-2560:pt-16 layout-2560:pl-[7.5rem] layout-2560:pb-[7.5rem];\n\n\t\t.inner-content {\n\t\t\t@apply relative flex-1;\n\n\t\t\t// https://linear.app/employes/issue/PRO-9053/%E2%9A%9B%EF%B8%8F-component-wijzigen-layout\n\t\t\t@apply layout-1280:w-content-1280;\n\t\t\t@apply layout-1440:w-content-1440;\n\t\t\t@apply layout-1536:w-content-1536;\n\t\t\t@apply layout-1680:w-content-1680;\n\t\t}\n\t}\n}\n\n:host(.variant-default) {\n\t.content {\n\t\t@apply flex-1;\n\t}\n}\n\n:host(.variant-login) {\n\tgrid-template-areas:\n\t\t'topbar topbar'\n\t\t'content content';\n\n\t@screen layout-1280 {\n\t\tgrid-template-areas:\n\t\t\t'topbar topbar'\n\t\t\t'content sidebar';\n\t}\n\n\t.sidebar {\n\t\t@apply hidden w-unset layout-1280:flex;\n\t\t@apply p-2;\n\t\t@apply flex-1 overflow-hidden;\n\n\t\t.inner-content {\n\t\t\t@apply p-2;\n\t\t}\n\t}\n\n\t.content {\n\t\t@apply items-center layout-1280:justify-center;\n\n\t\t@apply layout-1280:px-18 layout-1280:py-0;\n\t\t@apply px-content-mobile-x py-content-mobile-y;\n\t\tpadding-top: calc(env(safe-area-inset-top) + 3.5rem);\n\n\t\t@screen layout-1280 {\n\t\t\t@apply pt-content-mobile-y;\n\t\t}\n\n\t\t.inner-content {\n\t\t\t@apply box-border;\n\t\t\t@apply w-full tablet:w-content-desktop-login;\n\t\t\tflex: unset;\n\t\t}\n\t}\n}\n\n:host(.variant-office) {\n\t.content {\n\t\t.inner-content {\n\t\t\t@apply layout-1280:w-[58rem];\n\t\t\t@apply layout-1440:w-[67rem];\n\t\t\t@apply layout-1536:w-[73rem];\n\t\t\t@apply layout-1680:w-[79rem];\n\t\t\t@apply layout-1920:w-[82rem];\n\t\t\t@apply layout-2560:w-[84.5rem];\n\t\t}\n\t}\n\n\t.sidebar {\n\t\t@apply layout-1280:w-[19rem] layout-1680:w-[22rem];\n\t}\n}\n","import { Component, h, Host, Prop, Event, EventEmitter } from '@stencil/core';\n\n@Component({\n\ttag: 'p-layout',\n\tstyleUrl: 'layout.component.scss',\n\tshadow: true,\n})\nexport class Layout {\n\t/**\n\t * Variant of the layout\n\t */\n\t@Prop() variant: 'default' | 'login' | 'office' = 'default';\n\n\t/**\n\t * Event whenever the layout is being scrolled\n\t */\n\t@Event() scroll: EventEmitter<any>;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={`p-layout variant-${this.variant}`}>\n\t\t\t\t<div\n\t\t\t\t\tclass='content'\n\t\t\t\t\tonScroll={ev => this.scroll.emit(ev)}\n\t\t\t\t>\n\t\t\t\t\t<div class='inner-content'>\n\t\t\t\t\t\t<slot name='content' />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div class='sidebar'>\n\t\t\t\t\t<slot name='sidebar' />\n\t\t\t\t</div>\n\t\t\t\t<div class='topbar'>\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"],"version":3}

package/dist/esm/p-layout.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-I9JY9uxk.js';
 
-const layoutComponentCss = ".relative{position:relative!important}.sticky{position:sticky!important}.box-border{box-sizing:border-box!important}.flex{display:flex!important}.grid{display:grid!important}.hidden{display:none!important}.h-dvh{height:100dvh!important}.h-full{height:100%!important}.w-full{width:100%!important}.w-unset{width:unset!important}.flex-1{flex:1 1 0%!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.overflow-y-auto{overflow-y:auto!important}.px-content-mobile-x{padding-left:1rem!important;padding-right:1rem!important}*{box-sizing:border-box}:host{display:grid;gap:0;grid-template-areas:\"sidebar\" \"topbar\" \"content\";grid-template-columns:1fr;grid-template-rows:repeat(2,min-content) 1fr;height:100dvh;width:100dvw}@media (min-width:80rem){:host{grid-template-areas:\"topbar topbar\" \"sidebar content\";grid-template-columns:auto 1fr;grid-template-rows:min-content 1fr}}:host .content,:host .sidebar,:host .topbar{align-self:flex-start}:host .topbar{grid-area:topbar;position:sticky;width:100%}:host .sidebar{box-sizing:border-box;display:flex;grid-area:sidebar;height:100%;width:100%}@media (min-width:80rem){:host .sidebar{width:15rem}}@media (min-width:105rem){:host .sidebar{width:18rem}}:host .content{display:flex;flex-direction:column;grid-area:content;height:100%;overflow-x:hidden;overflow-y:auto;padding:1.5rem 1rem;position:relative}@media (min-width:40rem){:host .content{padding:2rem}}@media (min-width:80rem){:host .content{padding:2rem 1.5rem 1.5rem}}@media (min-width:90rem){:host .content{padding:2rem}}@media (min-width:120rem){:host .content{padding-bottom:5rem;padding-left:5rem;padding-right:2rem}}@media (min-width:160rem){:host .content{padding-bottom:7.5rem;padding-left:7.5rem;padding-top:4rem}}:host .content .inner-content{flex:1 1 0%;position:relative}@media (min-width:80rem){:host .content .inner-content{width:62rem}}@media (min-width:90rem){:host .content .inner-content{width:71rem}}@media (min-width:96rem){:host .content .inner-content{width:77rem}}@media (min-width:105rem){:host .content .inner-content{width:83rem}}:host(.variant-default) .content{flex:1 1 0%}:host(.variant-login){grid-template-areas:\"topbar topbar\" \"content content\"}@media (min-width:80rem){:host(.variant-login){grid-template-areas:\"topbar topbar\" \"content sidebar\"}}:host(.variant-login) .sidebar{display:none;flex:1 1 0%;overflow:hidden;padding:.5rem;width:unset}@media (min-width:80rem){:host(.variant-login) .sidebar{display:flex}}:host(.variant-login) .sidebar .inner-content{padding:.5rem}:host(.variant-login) .content{align-items:center;padding:calc(env(safe-area-inset-top) + 3.5rem) 1rem 1.5rem}@media (min-width:80rem){:host(.variant-login) .content{justify-content:center;padding:1.5rem 4.5rem 0}}:host(.variant-login) .content .inner-content{box-sizing:border-box;flex:unset;width:100%}@media (min-width:40rem){:host(.variant-login) .content .inner-content{width:21rem}}@media (min-width:80rem){:host(.variant-office) .content .inner-content{width:58rem}}@media (min-width:90rem){:host(.variant-office) .content .inner-content{width:67rem}}@media (min-width:96rem){:host(.variant-office) .content .inner-content{width:73rem}}@media (min-width:105rem){:host(.variant-office) .content .inner-content{width:79rem}}@media (min-width:120rem){:host(.variant-office) .content .inner-content{width:82rem}}@media (min-width:160rem){:host(.variant-office) .content .inner-content{width:84.5rem}}@media (min-width:80rem){:host(.variant-office) .sidebar{width:19rem}}@media (min-width:105rem){:host(.variant-office) .sidebar{width:22rem}}@media (min-width:80rem){.layout-1280\\:flex{display:flex!important}.layout-1280\\:w-60{width:15rem!important}.layout-1280\\:w-\\[19rem\\]{width:19rem!important}.layout-1280\\:w-\\[58rem\\]{width:58rem!important}.layout-1280\\:p-6{padding:1.5rem!important}.layout-1280\\:px-18{padding-left:4.5rem!important;padding-right:4.5rem!important}}@media (min-width:90rem){.layout-1440\\:w-\\[67rem\\]{width:67rem!important}}@media (min-width:96rem){.layout-1536\\:w-\\[73rem\\]{width:73rem!important}}@media (min-width:105rem){.layout-1680\\:w-\\[22rem\\]{width:22rem!important}.layout-1680\\:w-\\[79rem\\]{width:79rem!important}}@media (min-width:120rem){.layout-1920\\:w-\\[82rem\\]{width:82rem!important}.layout-1920\\:pl-20{padding-left:5rem!important}.layout-1920\\:pr-8{padding-right:2rem!important}}@media (min-width:160rem){.layout-2560\\:w-\\[84\\.5rem\\]{width:84.5rem!important}.layout-2560\\:pb-\\[7\\.5rem\\]{padding-bottom:7.5rem!important}.layout-2560\\:pl-\\[7\\.5rem\\]{padding-left:7.5rem!important}.layout-2560\\:pt-16{padding-top:4rem!important}}.static{position:static!important}";
+const layoutComponentCss = ".relative{position:relative!important}.sticky{position:sticky!important}.box-border{box-sizing:border-box!important}.flex{display:flex!important}.grid{display:grid!important}.hidden{display:none!important}.h-dvh{height:100dvh!important}.h-full{height:100%!important}.w-full{width:100%!important}.w-unset{width:unset!important}.flex-1{flex:1 1 0%!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.overflow-y-auto{overflow-y:auto!important}.px-content-mobile-x{padding-left:1rem!important;padding-right:1rem!important}*{box-sizing:border-box}:host{display:grid;gap:0;grid-template-areas:\"sidebar\" \"topbar\" \"content\";grid-template-columns:1fr;grid-template-rows:repeat(2,min-content) 1fr;height:100dvh;width:100dvw}@media (min-width:80rem){:host{grid-template-areas:\"topbar topbar\" \"sidebar content\";grid-template-columns:auto 1fr;grid-template-rows:min-content 1fr}}:host .content,:host .sidebar,:host .topbar{align-self:flex-start}:host .topbar{grid-area:topbar;position:sticky;width:100%}:host .sidebar{box-sizing:border-box;display:flex;grid-area:sidebar;height:100%;width:100%}@media (min-width:80rem){:host .sidebar{width:15rem}}:host .content{display:flex;flex-direction:column;grid-area:content;height:100%;overflow-x:hidden;overflow-y:auto;padding:1.5rem 1rem;position:relative}@media (min-width:40rem){:host .content{padding:2rem}}@media (min-width:80rem){:host .content{padding:2rem 1.5rem 1.5rem}}@media (min-width:90rem){:host .content{padding:2rem}}@media (min-width:120rem){:host .content{padding-bottom:5rem;padding-left:5rem;padding-right:2rem}}@media (min-width:160rem){:host .content{padding-bottom:7.5rem;padding-left:7.5rem;padding-top:4rem}}:host .content .inner-content{flex:1 1 0%;position:relative}@media (min-width:80rem){:host .content .inner-content{width:62rem}}@media (min-width:90rem){:host .content .inner-content{width:71rem}}@media (min-width:96rem){:host .content .inner-content{width:77rem}}@media (min-width:105rem){:host .content .inner-content{width:83rem}}:host(.variant-default) .content{flex:1 1 0%}:host(.variant-login){grid-template-areas:\"topbar topbar\" \"content content\"}@media (min-width:80rem){:host(.variant-login){grid-template-areas:\"topbar topbar\" \"content sidebar\"}}:host(.variant-login) .sidebar{display:none;flex:1 1 0%;overflow:hidden;padding:.5rem;width:unset}@media (min-width:80rem){:host(.variant-login) .sidebar{display:flex}}:host(.variant-login) .sidebar .inner-content{padding:.5rem}:host(.variant-login) .content{align-items:center;padding:calc(env(safe-area-inset-top) + 3.5rem) 1rem 1.5rem}@media (min-width:80rem){:host(.variant-login) .content{justify-content:center;padding:1.5rem 4.5rem 0}}:host(.variant-login) .content .inner-content{box-sizing:border-box;flex:unset;width:100%}@media (min-width:40rem){:host(.variant-login) .content .inner-content{width:21rem}}@media (min-width:80rem){:host(.variant-office) .content .inner-content{width:58rem}}@media (min-width:90rem){:host(.variant-office) .content .inner-content{width:67rem}}@media (min-width:96rem){:host(.variant-office) .content .inner-content{width:73rem}}@media (min-width:105rem){:host(.variant-office) .content .inner-content{width:79rem}}@media (min-width:120rem){:host(.variant-office) .content .inner-content{width:82rem}}@media (min-width:160rem){:host(.variant-office) .content .inner-content{width:84.5rem}}@media (min-width:80rem){:host(.variant-office) .sidebar{width:19rem}}@media (min-width:105rem){:host(.variant-office) .sidebar{width:22rem}}@media (min-width:80rem){.layout-1280\\:flex{display:flex!important}.layout-1280\\:w-\\[19rem\\]{width:19rem!important}.layout-1280\\:w-\\[58rem\\]{width:58rem!important}.layout-1280\\:p-6{padding:1.5rem!important}.layout-1280\\:px-18{padding-left:4.5rem!important;padding-right:4.5rem!important}}@media (min-width:90rem){.layout-1440\\:w-\\[67rem\\]{width:67rem!important}}@media (min-width:96rem){.layout-1536\\:w-\\[73rem\\]{width:73rem!important}}@media (min-width:105rem){.layout-1680\\:w-\\[22rem\\]{width:22rem!important}.layout-1680\\:w-\\[79rem\\]{width:79rem!important}}@media (min-width:120rem){.layout-1920\\:w-\\[82rem\\]{width:82rem!important}.layout-1920\\:pl-20{padding-left:5rem!important}.layout-1920\\:pr-8{padding-right:2rem!important}}@media (min-width:160rem){.layout-2560\\:w-\\[84\\.5rem\\]{width:84.5rem!important}.layout-2560\\:pb-\\[7\\.5rem\\]{padding-bottom:7.5rem!important}.layout-2560\\:pl-\\[7\\.5rem\\]{padding-left:7.5rem!important}.layout-2560\\:pt-16{padding-top:4rem!important}}.static{position:static!important}";
 
 const Layout = class {
     constructor(hostRef) {

package/dist/esm/p-layout.entry.js.map

@@ -1 +1 @@
-{"version":3,"file":"p-layout.entry.js","sources":["src/components/deprecated/atoms/layout/layout.component.scss?tag=p-layout&encapsulation=shadow","src/components/deprecated/atoms/layout/layout.component.tsx"],"sourcesContent":[":host {\n\t@apply grid h-dvh w-dvw;\n\n\tgrid-template-columns: 1fr;\n\tgrid-template-rows: repeat(2, min-content) 1fr;\n\tgap: 0;\n\tgrid-template-areas:\n\t\t'sidebar'\n\t\t'topbar'\n\t\t'content';\n\n\t@screen layout-1280 {\n\t\tgrid-template-columns: auto 1fr;\n\t\tgrid-template-rows: min-content 1fr;\n\t\tgrid-template-areas:\n\t\t\t'topbar topbar'\n\t\t\t'sidebar content';\n\t}\n\n\t.topbar,\n\t.sidebar,\n\t.content {\n\t\t@apply self-start;\n\t}\n\n\t.topbar {\n\t\tgrid-area: topbar;\n\n\t\t@apply sticky w-full;\n\t}\n\n\t.sidebar {\n\t\tgrid-area: sidebar;\n\n\t\t@apply box-border flex h-full;\n\t\t@apply w-full;\n\t\t@apply layout-1280:w-60 layout-1680:w-72;\n\t}\n\n\t.content {\n\t\tgrid-area: content;\n\n\t\t@apply relative flex h-full flex-col overflow-y-auto overflow-x-hidden;\n\t\t@apply pb-24;\n\n\t\t@apply px-content-mobile-x py-content-mobile-y;\n\t\t@apply tablet:p-8;\n\t\t@apply layout-1280:p-6 layout-1280:pt-8;\n\t\t@apply layout-1440:p-8;\n\t\t@apply layout-1920:pr-8 layout-1920:pl-20 layout-1920:pb-20;\n\t\t@apply layout-2560:pt-16 layout-2560:pl-[7.5rem] layout-2560:pb-[7.5rem];\n\n\t\t.inner-content {\n\t\t\t@apply relative flex-1;\n\n\t\t\t// https://linear.app/employes/issue/PRO-9053/%E2%9A%9B%EF%B8%8F-component-wijzigen-layout\n\t\t\t@apply layout-1280:w-content-1280;\n\t\t\t@apply layout-1440:w-content-1440;\n\t\t\t@apply layout-1536:w-content-1536;\n\t\t\t@apply layout-1680:w-content-1680;\n\t\t}\n\t}\n}\n\n:host(.variant-default) {\n\t.content {\n\t\t@apply flex-1;\n\t}\n}\n\n:host(.variant-login) {\n\tgrid-template-areas:\n\t\t'topbar topbar'\n\t\t'content content';\n\n\t@screen layout-1280 {\n\t\tgrid-template-areas:\n\t\t\t'topbar topbar'\n\t\t\t'content sidebar';\n\t}\n\n\t.sidebar {\n\t\t@apply hidden w-unset layout-1280:flex;\n\t\t@apply p-2;\n\t\t@apply flex-1 overflow-hidden;\n\n\t\t.inner-content {\n\t\t\t@apply p-2;\n\t\t}\n\t}\n\n\t.content {\n\t\t@apply items-center layout-1280:justify-center;\n\n\t\t@apply layout-1280:px-18 layout-1280:py-0;\n\t\t@apply px-content-mobile-x py-content-mobile-y;\n\t\tpadding-top: calc(env(safe-area-inset-top) + 3.5rem);\n\n\t\t@screen layout-1280 {\n\t\t\t@apply pt-content-mobile-y;\n\t\t}\n\n\t\t.inner-content {\n\t\t\t@apply box-border;\n\t\t\t@apply w-full tablet:w-content-desktop-login;\n\t\t\tflex: unset;\n\t\t}\n\t}\n}\n\n:host(.variant-office) {\n\t.content {\n\t\t.inner-content {\n\t\t\t@apply layout-1280:w-[58rem];\n\t\t\t@apply layout-1440:w-[67rem];\n\t\t\t@apply layout-1536:w-[73rem];\n\t\t\t@apply layout-1680:w-[79rem];\n\t\t\t@apply layout-1920:w-[82rem];\n\t\t\t@apply layout-2560:w-[84.5rem];\n\t\t}\n\t}\n\n\t.sidebar {\n\t\t@apply layout-1280:w-[19rem] layout-1680:w-[22rem];\n\t}\n}\n","import { Component, h, Host, Prop, Event, EventEmitter } from '@stencil/core';\n\n@Component({\n\ttag: 'p-layout',\n\tstyleUrl: 'layout.component.scss',\n\tshadow: true,\n})\nexport class Layout {\n\t/**\n\t * Variant of the layout\n\t */\n\t@Prop() variant: 'default' | 'login' | 'office' = 'default';\n\n\t/**\n\t * Event whenever the layout is being scrolled\n\t */\n\t@Event() scroll: EventEmitter<any>;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={`p-layout variant-${this.variant}`}>\n\t\t\t\t<div\n\t\t\t\t\tclass='content'\n\t\t\t\t\tonScroll={ev => this.scroll.emit(ev)}\n\t\t\t\t>\n\t\t\t\t\t<div class='inner-content'>\n\t\t\t\t\t\t<slot name='content' />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div class='sidebar'>\n\t\t\t\t\t<slot name='sidebar' />\n\t\t\t\t</div>\n\t\t\t\t<div class='topbar'>\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"],"names":[],"mappings":";;AAAA,MAAM,kBAAkB,GAAG,4lJAA4lJ;;MCO1mJ,MAAM,GAAA,MAAA;;;;;AAClB;;AAEG;IACK,OAAO,GAAmC,SAAS;AAE3D;;AAEG;AACM,IAAA,MAAM;IAEf,MAAM,GAAA;AACL,QAAA,QACC,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,CAAA,iBAAA,EAAoB,IAAI,CAAC,OAAO,CAAE,CAAA,EAAA,EAC9C,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,KAAK,EAAC,SAAS,EACf,QAAQ,EAAE,EAAE,IAAI,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,EAAA,EAEpC,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,eAAe,EAAA,EACzB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,SAAS,EAAA,CAAG,CAClB,CACD,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,SAAS,EAAA,EACnB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,SAAS,EAAA,CAAG,CAClB,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,QAAQ,EAAA,EAClB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,QAAQ,GAAG,CACjB,CACA;;;;;;;"}
+{"version":3,"file":"p-layout.entry.js","sources":["src/components/deprecated/atoms/layout/layout.component.scss?tag=p-layout&encapsulation=shadow","src/components/deprecated/atoms/layout/layout.component.tsx"],"sourcesContent":[":host {\n\t@apply grid h-dvh w-dvw;\n\n\tgrid-template-columns: 1fr;\n\tgrid-template-rows: repeat(2, min-content) 1fr;\n\tgap: 0;\n\tgrid-template-areas:\n\t\t'sidebar'\n\t\t'topbar'\n\t\t'content';\n\n\t@screen layout-1280 {\n\t\tgrid-template-columns: auto 1fr;\n\t\tgrid-template-rows: min-content 1fr;\n\t\tgrid-template-areas:\n\t\t\t'topbar topbar'\n\t\t\t'sidebar content';\n\t}\n\n\t.topbar,\n\t.sidebar,\n\t.content {\n\t\t@apply self-start;\n\t}\n\n\t.topbar {\n\t\tgrid-area: topbar;\n\n\t\t@apply sticky w-full;\n\t}\n\n\t.sidebar {\n\t\tgrid-area: sidebar;\n\n\t\t@apply box-border flex h-full;\n\t\t@apply w-full;\n\t\t@apply layout-1280:w-60;\n\t}\n\n\t.content {\n\t\tgrid-area: content;\n\n\t\t@apply relative flex h-full flex-col overflow-y-auto overflow-x-hidden;\n\t\t@apply pb-24;\n\n\t\t@apply px-content-mobile-x py-content-mobile-y;\n\t\t@apply tablet:p-8;\n\t\t@apply layout-1280:p-6 layout-1280:pt-8;\n\t\t@apply layout-1440:p-8;\n\t\t@apply layout-1920:pr-8 layout-1920:pl-20 layout-1920:pb-20;\n\t\t@apply layout-2560:pt-16 layout-2560:pl-[7.5rem] layout-2560:pb-[7.5rem];\n\n\t\t.inner-content {\n\t\t\t@apply relative flex-1;\n\n\t\t\t// https://linear.app/employes/issue/PRO-9053/%E2%9A%9B%EF%B8%8F-component-wijzigen-layout\n\t\t\t@apply layout-1280:w-content-1280;\n\t\t\t@apply layout-1440:w-content-1440;\n\t\t\t@apply layout-1536:w-content-1536;\n\t\t\t@apply layout-1680:w-content-1680;\n\t\t}\n\t}\n}\n\n:host(.variant-default) {\n\t.content {\n\t\t@apply flex-1;\n\t}\n}\n\n:host(.variant-login) {\n\tgrid-template-areas:\n\t\t'topbar topbar'\n\t\t'content content';\n\n\t@screen layout-1280 {\n\t\tgrid-template-areas:\n\t\t\t'topbar topbar'\n\t\t\t'content sidebar';\n\t}\n\n\t.sidebar {\n\t\t@apply hidden w-unset layout-1280:flex;\n\t\t@apply p-2;\n\t\t@apply flex-1 overflow-hidden;\n\n\t\t.inner-content {\n\t\t\t@apply p-2;\n\t\t}\n\t}\n\n\t.content {\n\t\t@apply items-center layout-1280:justify-center;\n\n\t\t@apply layout-1280:px-18 layout-1280:py-0;\n\t\t@apply px-content-mobile-x py-content-mobile-y;\n\t\tpadding-top: calc(env(safe-area-inset-top) + 3.5rem);\n\n\t\t@screen layout-1280 {\n\t\t\t@apply pt-content-mobile-y;\n\t\t}\n\n\t\t.inner-content {\n\t\t\t@apply box-border;\n\t\t\t@apply w-full tablet:w-content-desktop-login;\n\t\t\tflex: unset;\n\t\t}\n\t}\n}\n\n:host(.variant-office) {\n\t.content {\n\t\t.inner-content {\n\t\t\t@apply layout-1280:w-[58rem];\n\t\t\t@apply layout-1440:w-[67rem];\n\t\t\t@apply layout-1536:w-[73rem];\n\t\t\t@apply layout-1680:w-[79rem];\n\t\t\t@apply layout-1920:w-[82rem];\n\t\t\t@apply layout-2560:w-[84.5rem];\n\t\t}\n\t}\n\n\t.sidebar {\n\t\t@apply layout-1280:w-[19rem] layout-1680:w-[22rem];\n\t}\n}\n","import { Component, h, Host, Prop, Event, EventEmitter } from '@stencil/core';\n\n@Component({\n\ttag: 'p-layout',\n\tstyleUrl: 'layout.component.scss',\n\tshadow: true,\n})\nexport class Layout {\n\t/**\n\t * Variant of the layout\n\t */\n\t@Prop() variant: 'default' | 'login' | 'office' = 'default';\n\n\t/**\n\t * Event whenever the layout is being scrolled\n\t */\n\t@Event() scroll: EventEmitter<any>;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={`p-layout variant-${this.variant}`}>\n\t\t\t\t<div\n\t\t\t\t\tclass='content'\n\t\t\t\t\tonScroll={ev => this.scroll.emit(ev)}\n\t\t\t\t>\n\t\t\t\t\t<div class='inner-content'>\n\t\t\t\t\t\t<slot name='content' />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div class='sidebar'>\n\t\t\t\t\t<slot name='sidebar' />\n\t\t\t\t</div>\n\t\t\t\t<div class='topbar'>\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"],"names":[],"mappings":";;AAAA,MAAM,kBAAkB,GAAG,4/IAA4/I;;MCO1gJ,MAAM,GAAA,MAAA;;;;;AAClB;;AAEG;IACK,OAAO,GAAmC,SAAS;AAE3D;;AAEG;AACM,IAAA,MAAM;IAEf,MAAM,GAAA;AACL,QAAA,QACC,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,CAAA,iBAAA,EAAoB,IAAI,CAAC,OAAO,CAAE,CAAA,EAAA,EAC9C,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,KAAK,EAAC,SAAS,EACf,QAAQ,EAAE,EAAE,IAAI,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,EAAA,EAEpC,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,eAAe,EAAA,EACzB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,SAAS,EAAA,CAAG,CAClB,CACD,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,SAAS,EAAA,EACnB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,SAAS,EAAA,CAAG,CAClB,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,QAAQ,EAAA,EAClB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,QAAQ,GAAG,CACjB,CACA;;;;;;;"}