@uxland/primary-shell 7.41.2 → 7.41.3

package/dist/index.js

@@ -1,4 +1,4 @@
-import { E as s, d as e, x as t, z as r, P as n, b as o, v as l, Q as c, n as g, o as m, p, m as v, c as P, u as E, f as h, q as u, e as R, w as S, g as d, j as y, s as w, l as C, y as M } from "./index-CNpXjSPp.js";
+import { E as s, d as e, x as t, z as r, P as n, b as o, v as l, Q as c, n as g, o as m, p, m as v, c as P, u as E, f as h, q as u, e as R, w as S, g as d, j as y, s as w, l as C, y as M } from "./index-DSWQpDr0.js";
 export {
   s as EcapEventManager,
   e as ExitShell,

package/dist/index.umd.cjs

@@ -747,7 +747,7 @@ ${X.searchString?.length>1?ke$1`
     </div>
 `;var __defProp$g=Object.defineProperty,__getOwnPropDesc$6=Object.getOwnPropertyDescriptor,__decorateClass$k=(X,W,J,te)=>{for(var re=te>1?void 0:te?__getOwnPropDesc$6(W,J):W,oe=X.length-1,ne;oe>=0;oe--)(ne=X[oe])&&(re=(te?ne(W,J,re):ne(re))||re);return te&&re&&__defProp$g(W,J,re),re};let ActivityHistoryMain=class extends PrimariaRegionHost(h$q){constructor(){super(...arguments),this.subscriptions=[],this._searchTimeout=null,this.maximized=!1,this.searchQuery=""}render(){return ke$1`${template$e(this)}`}connectedCallback(){super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback(),this._unsubscribeEvents()}firstUpdated(){super.firstUpdated(),this._subscribeEvents()}_maximize(){this.maximized=!0}_minimize(){this.maximized=!1}_subscribeEvents(){const X=this.api.broker.subscribe("mainViewChanged",({viewId:W})=>{(W==="clinical-monitoring"||W==="admin-clinical-monitoring")&&(this.maximized=!1)});this.subscriptions.push(X)}_unsubscribeEvents(){this.subscriptions.forEach(X=>X.dispose())}_handleSelectDate(X){const W=parse(X,"dd/MM/yyyy",new Date);this.scrollToClosestDate(W)}_handleSearchChange(X){typeof X.detail=="string"&&(this.searchQuery=X.detail,this._searchTimeout&&clearTimeout(this._searchTimeout),this._searchTimeout=setTimeout(()=>{this.api.broker.send(new SearchActivityHistoryItems(this.searchQuery))},300))}async _raiseEcapCronogramEvent(){const X=await this.api.broker.send("get_patient_cip");this.api.ecapEventManager.publish("CRONOGRAMA","NO_TANCAR",{CIP:X})}scrollToClosestDate(X){const W=X.getTime();this.shadowRoot.querySelector("activity-history-timeline")._scrollIntoDate(W)}_refreshHistory(){this.api.broker.send(new HandleRefreshHistoryItems)}};ActivityHistoryMain.styles=i$U`
     ${r$L(styles$d)}
-  `,__decorateClass$k([n$A({type:Boolean,reflect:!0})],ActivityHistoryMain.prototype,"maximized",2),__decorateClass$k([lazyInject(TYPES.primaryApi)],ActivityHistoryMain.prototype,"api",2),__decorateClass$k([connectedProperty(activityHistoryGroupedItems)],ActivityHistoryMain.prototype,"historyGroups",2),__decorateClass$k([connectedProperty(isSomeCollectionLoadedAndOtherLoading)],ActivityHistoryMain.prototype,"isSomeCollectionLoadedAndOtherLoading",2),__decorateClass$k([connectedProperty(isAnyCollectionBusySelector)],ActivityHistoryMain.prototype,"isAnyCollectionBusy",2),__decorateClass$k([n$A()],ActivityHistoryMain.prototype,"searchQuery",2),ActivityHistoryMain=__decorateClass$k([t$x("activity-history-main")],ActivityHistoryMain);const IMPORTER_VIEW_ID="activity-history-importer",registerViews=X=>{X.regionManager.registerView(X.regionManager.regions.clinicalMonitoring.content,{id:X.pluginInfo.pluginId,factory:()=>Promise.resolve(new ActivityHistoryMain)}),X.regionManager.registerView(X.regionManager.regions.shell.importDataActivityHistory,{id:IMPORTER_VIEW_ID,factory:()=>Promise.resolve(new ActivityHistoryImporter),sortHint:"0020"})},unregisterViews=()=>{const X=container.get(TYPES.primaryApi);X.regionManager.removeView(X.regionManager.regions.clinicalMonitoring.content,X.pluginInfo.pluginId),X.regionManager.removeView(X.regionManager.regions.shell.importDataActivityHistory,IMPORTER_VIEW_ID)},bootstrapFeatures=X=>{bootstrapActivityHistoryItem(X)},teardownFeatures=()=>{teardownActivityHistoryItem()},initialize=async X=>(setShellApiForOwnSpec(X),registerViews(X),await initializeLocalization(X),bindDeps(X),bootstrapFeatures(X),Promise.resolve()),dispose=()=>(setShellApiForOwnSpec(null),teardownFeatures(),unregisterViews(),unbindDeps(),Promise.resolve());let bootstrappedPlugins=[];const internalPlugins=[{pluginId:"activity-history",importer:()=>Promise.resolve({initialize,dispose})}],bootstrapPlugins=async(X,W)=>{const J=internalPlugins.concat(X||[]);bootstrappedPlugins=await p$d(J,primariaApiFactory),handleStartupPlugin(bootstrappedPlugins,W)},handleStartupPlugin=(X,W)=>{if(X&&X.length>0&&W?.pluginId){const J=X.find(te=>te?.apiInstance.pluginInfo.pluginId===W.pluginId);J?.importedPlugin?.startup&&J?.importedPlugin?.startup?.(J.apiInstance,W.params)}},disposePlugins=async()=>Promise.all(bootstrappedPlugins.map(X=>X?.dispose()));var __getOwnPropDesc$5=Object.getOwnPropertyDescriptor,__decorateClass$j=(X,W,J,te)=>{for(var re=te>1?void 0:te?__getOwnPropDesc$5(W,J):W,oe=X.length-1,ne;oe>=0;oe--)(ne=X[oe])&&(re=ne(re)||re);return re},__decorateParam$2=(X,W)=>(J,te)=>W(J,te,X);let ExitShellHandler=class{constructor(X){this.api=X}async handle(X){const W=X&&X.ecapEvent!==void 0?X:void 0;try{if(!await this.api.exitGuardManager.canExit())return;await Promise.race([disposePlugins(),this.timeout(1e4)]),disposeShell(),this.emitClose(W)}catch{this.api.notificationService.error(translate$1("errors.exit")),this.emitClose(W)}}timeout(X){return new Promise(W=>setTimeout(W,X))}emitClose(X){X?raiseCustomCloseEvent(X):raiseCloseEvent()}};ExitShellHandler=__decorateClass$j([__decorateParam$2(0,inject(TYPES$1.primaryApi))],ExitShellHandler);class ExitShell{constructor(W,J){this.ecapEvent=W,this.payload=J}}let request$1;const useExitShell=X=>{disposeExitShell(),request$1=registerRequest$1(X,container$1)(ExitShell,ExitShellHandler)},disposeExitShell=()=>{request$1?.dispose()};var __getOwnPropDesc$4=Object.getOwnPropertyDescriptor,__decorateClass$i=(X,W,J,te)=>{for(var re=te>1?void 0:te?__getOwnPropDesc$4(W,J):W,oe=X.length-1,ne;oe>=0;oe--)(ne=X[oe])&&(re=ne(re)||re);return re},__decorateParam$1=(X,W)=>(J,te)=>W(J,te,X);let GetUserInfoBackendAdapter=class{constructor(X){this.api=X}getUserInfo(){const X=jwtDecode(this.api.tokenManager.getToken()),W={userId:this.getUserId(X.access_info),firstName:X.access_info.trace_user_given_name,familyName:X.access_info.trace_user_family_name,lastName:X.access_info.trace_user_last_name,registrationNumber:X.access_info.identifier.find(J=>J.type==="NUMCOL")?.value,workCenter:X.access_info.center_code,role:X.access_info.role_type,speciality:X.access_info.professional_category};return Promise.resolve(W)}getUserId(X){return X.identifier?.find(W=>W.type==="DNI")?.value||X.identifier?.find(W=>W.type==="NIE")?.value}};GetUserInfoBackendAdapter=__decorateClass$i([injectable(),__decorateParam$1(0,inject(TYPES$1.primaryApi))],GetUserInfoBackendAdapter);var __getOwnPropDesc$3=Object.getOwnPropertyDescriptor,__decorateClass$h=(X,W,J,te)=>{for(var re=te>1?void 0:te?__getOwnPropDesc$3(W,J):W,oe=X.length-1,ne;oe>=0;oe--)(ne=X[oe])&&(re=ne(re)||re);return re},__decorateParam=(X,W)=>(J,te)=>W(J,te,X);let GetUserInfoHandler=class{constructor(X,W){this.api=X,this.backendAdapter=W}async handle(X){try{const W=await this.backendAdapter.getUserInfo();return this.api.globalStateManager.setData("userInfo",W),W}catch(W){this.api.notificationService.error(W.message)}}};GetUserInfoHandler=__decorateClass$h([__decorateParam(0,inject(TYPES$1.primaryApi)),__decorateParam(1,inject(GetUserInfoBackendAdapter))],GetUserInfoHandler);class GetUserInfo{}let request;const useGetUserInfo=X=>{disposeGetUserInfo(),request=registerRequest$1(X,container$1)(GetUserInfo,GetUserInfoHandler),registerDep(GetUserInfoBackendAdapter)},disposeGetUserInfo=()=>{request?.dispose(),unregisterDep(GetUserInfoBackendAdapter)},useFeatures=X=>{container$1.bind(TYPES$1.primaryApi).toConstantValue(X),useGetUserInfo(X),useExitShell(X),X.broker.send(new GetUserInfo)},disposeFeatures=X=>{disposeGetUserInfo(),disposeExitShell(),container$1.unbindAll(),X.regionManager._destroy(),mediatorSettings.resolver.clear()},disposeShell=()=>{disposeFeatures(shellApi),shellApi.interactionService.dispose()},raiseCloseEvent=()=>{shellApi.ecapEventManager.publish("CLOSE_FORM","",{})},raiseCustomCloseEvent=X=>{shellApi.ecapEventManager.publish(X.ecapEvent,"",X.payload)};var shellViews=(X=>(X.shell="primaria-shell",X.error="primaria-error-view",X))(shellViews||{});const styles$c=":host{width:100%;overflow:hidden}#main-switcher{display:inherit}.container{width:100%;height:100%;display:flex;flex-direction:column;background:#fff}.main-container{min-height:1px;height:100%;display:flex}.main-container .sidebar{padding-inline:16px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;background:var(--color-primary-700);width:40px;height:100%;color:#fff}.main-container .sidebar .quick-actions-content{padding-top:24px;padding-bottom:22px;border-radius:8px}.main-container .sidebar .quick-actions-content .create-button-icon-badge{position:relative}.main-container .sidebar .quick-actions-content .create-button-icon-badge dss-notification-badge{position:absolute;top:-7px;right:-6px;z-index:1}.main-container .sidebar .quick-actions-content .create-button-icon-badge dss-icon{position:relative}.main-container .sidebar .icon{margin-left:8px}.main-container .sidebar #menu-region{width:100%;height:100%;min-height:1px}.main-container .sidebar #menu-region-container{padding-top:15px;min-height:1px;height:100%;width:100%;display:flex;flex-direction:column;gap:4px;overflow-y:auto;margin-right:-14px;padding-right:14px;scrollbar-color:var(--color-primary-200) var(--color-primary-700);scrollbar-width:thin}.main-container .sidebar #menu-region-container::-webkit-scrollbar{width:6px}.main-container .sidebar #menu-region-container::-webkit-scrollbar-track{background:var(--color-primary-700)}.main-container .sidebar #menu-region-container::-webkit-scrollbar-thumb{background-color:var(--color-primary-400);border-radius:4px}.main-container .sidebar .bottom-content{display:flex;flex-direction:column;gap:24px;width:100%}.main-container .sidebar .bottom-content .bottom-content-first{display:flex;flex-direction:column;gap:22px}.main-container .sidebar[expanded]{width:252px;align-items:flex-start}.main-container .sidebar .create-button-closed{cursor:pointer;background-color:#f0f0f0;color:var(--color-primary-700);border-radius:8px;width:40px;height:40px;display:flex;flex-direction:row;align-items:center;justify-content:center;transition:background-color .3s ease}.main-container .sidebar .create-button-closed:hover{background-color:var(--color-primary-900);color:#fff}.main-container .sidebar .create-button-opened{cursor:pointer;background-color:#f0f0f0;color:var(--color-primary-700);border-radius:8px;gap:8px;font-weight:600;width:220px;height:40px;display:flex;flex-direction:row;align-items:center;transition:background-color .3s ease}.main-container .sidebar .create-button-opened:hover{background-color:var(--color-primary-900);color:#fff}.main-container .content{display:flex;height:100%;width:100%;min-width:0}.main-container #main-region-container{min-height:1px;min-width:0;height:100%;flex:1}.main-container #navigation-menu-lower-region-container{display:flex;flex-direction:column;gap:4px}.footer{display:flex;height:48px;padding:12px 24px}.footer .footer-logo{align-self:center;display:flex;gap:16px}.divider-opened{width:220px}.divider-closed{width:40px}.toggle-button{margin-bottom:24px}@media (max-width: 1439px){.bottom-content-first{margin-bottom:24px}.toggle-button{display:none}.content{overflow-y:auto}}";let t$t="";function f$n(){return t$t}function s$D(X,W){const J=f$n(),te=`${X}${J}`;customElements.define(te,W)}const e$M="*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0;font-family:var(--font-family)}ul,ol{list-style:none}",n$x={type:Boolean,converter:{fromAttribute:X=>X!==null&&X!=="false",toAttribute:X=>X?"true":null}},o$X={fromAttribute:X=>!(X===null||X==="false"),toAttribute:X=>X?"":null},i$Q={type:Array,converter:{fromAttribute:X=>{if(!X)return[];const W=JSON.parse(X);return Array.isArray(W)?W.map(J=>J.toString()):[W.toString()]},toAttribute:X=>JSON.stringify(X)}},i$P=':host{display:flex;align-items:center}.dss-icon,.material-symbols-rounded{font-family:var(--icon-font);font-size:var(--icon-size-md);font-weight:400;font-style:normal;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.dss-icon--fill,.material-symbols-rounded--fill{font-variation-settings:"FILL" 1}.dss-icon--sm{font-size:var(--icon-size-sm)}.dss-icon--md{font-size:var(--icon-size-md)}.dss-icon--lg{font-size:var(--icon-size-lg)}.dss-icon--xl{font-size:var(--icon-size-xl)}.dss-icon-ghost{display:inline-block;height:var(--icon-size-md);width:var(--icon-size-md);overflow:hidden;background-color:transparent}.dss-icon-ghost--sm{height:var(--icon-size-sm);width:var(--icon-size-sm);border-radius:var(--dss-radius-xs)}.dss-icon-ghost--lg{height:var(--icon-size-lg);width:var(--icon-size-lg)}.dss-icon-ghost--xl{height:var(--icon-size-xl);width:var(--icon-size-xl)}.dss-icon--spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}';/**
+  `,__decorateClass$k([n$A({type:Boolean,reflect:!0})],ActivityHistoryMain.prototype,"maximized",2),__decorateClass$k([lazyInject(TYPES.primaryApi)],ActivityHistoryMain.prototype,"api",2),__decorateClass$k([connectedProperty(activityHistoryGroupedItems)],ActivityHistoryMain.prototype,"historyGroups",2),__decorateClass$k([connectedProperty(isSomeCollectionLoadedAndOtherLoading)],ActivityHistoryMain.prototype,"isSomeCollectionLoadedAndOtherLoading",2),__decorateClass$k([connectedProperty(isAnyCollectionBusySelector)],ActivityHistoryMain.prototype,"isAnyCollectionBusy",2),__decorateClass$k([n$A()],ActivityHistoryMain.prototype,"searchQuery",2),ActivityHistoryMain=__decorateClass$k([t$x("activity-history-main")],ActivityHistoryMain);const IMPORTER_VIEW_ID="activity-history-importer",registerViews=X=>{X.regionManager.registerView(X.regionManager.regions.clinicalMonitoring.content,{id:X.pluginInfo.pluginId,factory:()=>Promise.resolve(new ActivityHistoryMain)}),X.regionManager.registerView(X.regionManager.regions.shell.importDataActivityHistory,{id:IMPORTER_VIEW_ID,factory:()=>Promise.resolve(new ActivityHistoryImporter),sortHint:"0020"})},unregisterViews=()=>{const X=container.get(TYPES.primaryApi);X.regionManager.removeView(X.regionManager.regions.clinicalMonitoring.content,X.pluginInfo.pluginId),X.regionManager.removeView(X.regionManager.regions.shell.importDataActivityHistory,IMPORTER_VIEW_ID)},bootstrapFeatures=X=>{bootstrapActivityHistoryItem(X)},teardownFeatures=()=>{teardownActivityHistoryItem()},initialize=async X=>(setShellApiForOwnSpec(X),registerViews(X),await initializeLocalization(X),bindDeps(X),bootstrapFeatures(X),Promise.resolve()),dispose=()=>(setShellApiForOwnSpec(null),teardownFeatures(),unregisterViews(),unbindDeps(),Promise.resolve());let bootstrappedPlugins=[];const internalPlugins=[{pluginId:"activity-history",importer:()=>Promise.resolve({initialize,dispose})}],bootstrapPlugins=async(X,W)=>{const J=internalPlugins.concat(X||[]);bootstrappedPlugins=await p$d(J,primariaApiFactory),handleStartupPlugin(bootstrappedPlugins,W)},handleStartupPlugin=(X,W)=>{if(X&&X.length>0&&W?.pluginId){const J=X.find(te=>te?.apiInstance.pluginInfo.pluginId===W.pluginId);J?.importedPlugin?.startup&&J?.importedPlugin?.startup?.(J.apiInstance,W.params)}},disposePlugins=async()=>Promise.all(bootstrappedPlugins.map(X=>X?.dispose()));var __getOwnPropDesc$5=Object.getOwnPropertyDescriptor,__decorateClass$j=(X,W,J,te)=>{for(var re=te>1?void 0:te?__getOwnPropDesc$5(W,J):W,oe=X.length-1,ne;oe>=0;oe--)(ne=X[oe])&&(re=ne(re)||re);return re},__decorateParam$2=(X,W)=>(J,te)=>W(J,te,X);let ExitShellHandler=class{constructor(X){this.api=X}async handle(X){const W=X&&X.ecapEvent!==void 0?X:void 0;try{if(!await this.api.exitGuardManager.canExit())return;const te=this.api.pluginBusyManager.getTasks();if(te.length>0){const{confirmed:re}=await this.askForClose(te);if(!re)return}await Promise.race([disposePlugins(),this.timeout(1e4)]),disposeShell(),this.emitClose(W)}catch{this.api.notificationService.error(translate$1("errors.exit")),this.emitClose(W)}}timeout(X){return new Promise(W=>setTimeout(W,X))}askForClose(X){return this.api.interactionService.confirm({busyTasks:X},{component:PluginBusyList},{title:translate$1("actions.askExit"),state:"error",confirmButtonText:"Sí",cancelButtonText:"No"})}emitClose(X){X?raiseCustomCloseEvent(X):raiseCloseEvent()}};ExitShellHandler=__decorateClass$j([__decorateParam$2(0,inject(TYPES$1.primaryApi))],ExitShellHandler);class ExitShell{constructor(W,J){this.ecapEvent=W,this.payload=J}}let request$1;const useExitShell=X=>{disposeExitShell(),request$1=registerRequest$1(X,container$1)(ExitShell,ExitShellHandler)},disposeExitShell=()=>{request$1?.dispose()};var __getOwnPropDesc$4=Object.getOwnPropertyDescriptor,__decorateClass$i=(X,W,J,te)=>{for(var re=te>1?void 0:te?__getOwnPropDesc$4(W,J):W,oe=X.length-1,ne;oe>=0;oe--)(ne=X[oe])&&(re=ne(re)||re);return re},__decorateParam$1=(X,W)=>(J,te)=>W(J,te,X);let GetUserInfoBackendAdapter=class{constructor(X){this.api=X}getUserInfo(){const X=jwtDecode(this.api.tokenManager.getToken()),W={userId:this.getUserId(X.access_info),firstName:X.access_info.trace_user_given_name,familyName:X.access_info.trace_user_family_name,lastName:X.access_info.trace_user_last_name,registrationNumber:X.access_info.identifier.find(J=>J.type==="NUMCOL")?.value,workCenter:X.access_info.center_code,role:X.access_info.role_type,speciality:X.access_info.professional_category};return Promise.resolve(W)}getUserId(X){return X.identifier?.find(W=>W.type==="DNI")?.value||X.identifier?.find(W=>W.type==="NIE")?.value}};GetUserInfoBackendAdapter=__decorateClass$i([injectable(),__decorateParam$1(0,inject(TYPES$1.primaryApi))],GetUserInfoBackendAdapter);var __getOwnPropDesc$3=Object.getOwnPropertyDescriptor,__decorateClass$h=(X,W,J,te)=>{for(var re=te>1?void 0:te?__getOwnPropDesc$3(W,J):W,oe=X.length-1,ne;oe>=0;oe--)(ne=X[oe])&&(re=ne(re)||re);return re},__decorateParam=(X,W)=>(J,te)=>W(J,te,X);let GetUserInfoHandler=class{constructor(X,W){this.api=X,this.backendAdapter=W}async handle(X){try{const W=await this.backendAdapter.getUserInfo();return this.api.globalStateManager.setData("userInfo",W),W}catch(W){this.api.notificationService.error(W.message)}}};GetUserInfoHandler=__decorateClass$h([__decorateParam(0,inject(TYPES$1.primaryApi)),__decorateParam(1,inject(GetUserInfoBackendAdapter))],GetUserInfoHandler);class GetUserInfo{}let request;const useGetUserInfo=X=>{disposeGetUserInfo(),request=registerRequest$1(X,container$1)(GetUserInfo,GetUserInfoHandler),registerDep(GetUserInfoBackendAdapter)},disposeGetUserInfo=()=>{request?.dispose(),unregisterDep(GetUserInfoBackendAdapter)},useFeatures=X=>{container$1.bind(TYPES$1.primaryApi).toConstantValue(X),useGetUserInfo(X),useExitShell(X),X.broker.send(new GetUserInfo)},disposeFeatures=X=>{disposeGetUserInfo(),disposeExitShell(),container$1.unbindAll(),X.regionManager._destroy(),mediatorSettings.resolver.clear()},disposeShell=()=>{disposeFeatures(shellApi),shellApi.interactionService.dispose()},raiseCloseEvent=()=>{shellApi.ecapEventManager.publish("CLOSE_FORM","",{})},raiseCustomCloseEvent=X=>{shellApi.ecapEventManager.publish(X.ecapEvent,"",X.payload)};var shellViews=(X=>(X.shell="primaria-shell",X.error="primaria-error-view",X))(shellViews||{});const styles$c=":host{width:100%;overflow:hidden}#main-switcher{display:inherit}.container{width:100%;height:100%;display:flex;flex-direction:column;background:#fff}.main-container{min-height:1px;height:100%;display:flex}.main-container .sidebar{padding-inline:16px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;background:var(--color-primary-700);width:40px;height:100%;color:#fff}.main-container .sidebar .quick-actions-content{padding-top:24px;padding-bottom:22px;border-radius:8px}.main-container .sidebar .quick-actions-content .create-button-icon-badge{position:relative}.main-container .sidebar .quick-actions-content .create-button-icon-badge dss-notification-badge{position:absolute;top:-7px;right:-6px;z-index:1}.main-container .sidebar .quick-actions-content .create-button-icon-badge dss-icon{position:relative}.main-container .sidebar .icon{margin-left:8px}.main-container .sidebar #menu-region{width:100%;height:100%;min-height:1px}.main-container .sidebar #menu-region-container{padding-top:15px;min-height:1px;height:100%;width:100%;display:flex;flex-direction:column;gap:4px;overflow-y:auto;margin-right:-14px;padding-right:14px;scrollbar-color:var(--color-primary-200) var(--color-primary-700);scrollbar-width:thin}.main-container .sidebar #menu-region-container::-webkit-scrollbar{width:6px}.main-container .sidebar #menu-region-container::-webkit-scrollbar-track{background:var(--color-primary-700)}.main-container .sidebar #menu-region-container::-webkit-scrollbar-thumb{background-color:var(--color-primary-400);border-radius:4px}.main-container .sidebar .bottom-content{display:flex;flex-direction:column;gap:24px;width:100%}.main-container .sidebar .bottom-content .bottom-content-first{display:flex;flex-direction:column;gap:22px}.main-container .sidebar[expanded]{width:252px;align-items:flex-start}.main-container .sidebar .create-button-closed{cursor:pointer;background-color:#f0f0f0;color:var(--color-primary-700);border-radius:8px;width:40px;height:40px;display:flex;flex-direction:row;align-items:center;justify-content:center;transition:background-color .3s ease}.main-container .sidebar .create-button-closed:hover{background-color:var(--color-primary-900);color:#fff}.main-container .sidebar .create-button-opened{cursor:pointer;background-color:#f0f0f0;color:var(--color-primary-700);border-radius:8px;gap:8px;font-weight:600;width:220px;height:40px;display:flex;flex-direction:row;align-items:center;transition:background-color .3s ease}.main-container .sidebar .create-button-opened:hover{background-color:var(--color-primary-900);color:#fff}.main-container .content{display:flex;height:100%;width:100%;min-width:0}.main-container #main-region-container{min-height:1px;min-width:0;height:100%;flex:1}.main-container #navigation-menu-lower-region-container{display:flex;flex-direction:column;gap:4px}.footer{display:flex;height:48px;padding:12px 24px}.footer .footer-logo{align-self:center;display:flex;gap:16px}.divider-opened{width:220px}.divider-closed{width:40px}.toggle-button{margin-bottom:24px}@media (max-width: 1439px){.bottom-content-first{margin-bottom:24px}.toggle-button{display:none}.content{overflow-y:auto}}";let t$t="";function f$n(){return t$t}function s$D(X,W){const J=f$n(),te=`${X}${J}`;customElements.define(te,W)}const e$M="*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0;font-family:var(--font-family)}ul,ol{list-style:none}",n$x={type:Boolean,converter:{fromAttribute:X=>X!==null&&X!=="false",toAttribute:X=>X?"true":null}},o$X={fromAttribute:X=>!(X===null||X==="false"),toAttribute:X=>X?"":null},i$Q={type:Array,converter:{fromAttribute:X=>{if(!X)return[];const W=JSON.parse(X);return Array.isArray(W)?W.map(J=>J.toString()):[W.toString()]},toAttribute:X=>JSON.stringify(X)}},i$P=':host{display:flex;align-items:center}.dss-icon,.material-symbols-rounded{font-family:var(--icon-font);font-size:var(--icon-size-md);font-weight:400;font-style:normal;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.dss-icon--fill,.material-symbols-rounded--fill{font-variation-settings:"FILL" 1}.dss-icon--sm{font-size:var(--icon-size-sm)}.dss-icon--md{font-size:var(--icon-size-md)}.dss-icon--lg{font-size:var(--icon-size-lg)}.dss-icon--xl{font-size:var(--icon-size-xl)}.dss-icon-ghost{display:inline-block;height:var(--icon-size-md);width:var(--icon-size-md);overflow:hidden;background-color:transparent}.dss-icon-ghost--sm{height:var(--icon-size-sm);width:var(--icon-size-sm);border-radius:var(--dss-radius-xs)}.dss-icon-ghost--lg{height:var(--icon-size-lg);width:var(--icon-size-lg)}.dss-icon-ghost--xl{height:var(--icon-size-xl);width:var(--icon-size-xl)}.dss-icon--spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}';/**
  * @license
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause