@sula-tech/webcomponents 0.19.2 → 0.19.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/index.cjs.js.map +1 -1
- package/dist/cjs/sula-avatar_31.cjs.entry.js +81 -26
- package/dist/cjs/sula-avatar_31.cjs.entry.js.map +1 -1
- package/dist/collection/components/sula-menu/model/sula-menu.model.js.map +1 -1
- package/dist/collection/components/sula-menu/sula-menu.css +1 -1
- package/dist/collection/components/sula-menu/sula-menu.js +80 -25
- package/dist/collection/components/sula-menu/sula-menu.js.map +1 -1
- package/dist/collection/components/sula-menu/sula-menu.stories.js +79 -2
- package/dist/collection/components/sula-menu/sula-menu.stories.js.map +1 -1
- package/dist/components/index.js.map +1 -1
- package/dist/components/sula-menu.js +81 -26
- package/dist/components/sula-menu.js.map +1 -1
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/sula-avatar_31.entry.js +81 -26
- package/dist/esm/sula-avatar_31.entry.js.map +1 -1
- package/dist/types/components/sula-menu/model/sula-menu.model.d.ts +1 -0
- package/dist/types/components/sula-menu/sula-menu.d.ts +5 -4
- package/dist/types/components/sula-menu/sula-menu.stories.d.ts +1 -0
- package/dist/webcomponents/index.esm.js.map +1 -1
- package/dist/webcomponents/{p-c2f9f164.entry.js → p-95ca03c9.entry.js} +99 -43
- package/dist/webcomponents/p-95ca03c9.entry.js.map +1 -0
- package/dist/webcomponents/webcomponents.esm.js +1 -1
- package/package.json +1 -1
- package/dist/webcomponents/p-c2f9f164.entry.js.map +0 -1
|
@@ -88,13 +88,14 @@ export declare class SulaMenu {
|
|
|
88
88
|
isSelectedGrandchild(parentItemId: string, parentChildId: string, grandchildId: string): boolean;
|
|
89
89
|
isItemActive(item: Pick<SulaMenuMainItem, 'id' | 'expanded' | 'children'>): boolean;
|
|
90
90
|
isSubItemActive(parentItemId: string, item: Pick<SulaMenuSubItem, 'id' | 'expanded' | 'children'>): boolean;
|
|
91
|
+
isItemFaded(item: Pick<SulaMenuItem, 'disabled'>, active: boolean): boolean;
|
|
91
92
|
handleItemClick(clickedItem: SulaMenuMainItem): void;
|
|
92
93
|
handleSubItemClick(parentItemId: string, clickedChild: SulaMenuSubItem): void;
|
|
93
94
|
handleGrandchildClick(parentItemId: string, parentChildId: string, clickedGrandchild: NonNullable<SulaMenuSubItem['children']>[number]): void;
|
|
94
|
-
getItemIconClass(item: SulaMenuMainItem): "text-negative-negative-1 text-xl" | "text-icon-primary text-2xl";
|
|
95
|
-
getSubItemIconClass(
|
|
96
|
-
getSubItemCaretIconClass():
|
|
97
|
-
getCaretIconClass(item: SulaMenuMainItem): "text-text-primary text-base" | "text-text-secondary text-base";
|
|
95
|
+
getItemIconClass(item: SulaMenuMainItem): "text-icon-disabled text-2xl" | "text-negative-negative-1 text-xl" | "text-icon-primary text-2xl";
|
|
96
|
+
getSubItemIconClass(item: SulaMenuSubItem, active: boolean): "text-icon-disabled text-xl" | "text-icon-primary text-xl";
|
|
97
|
+
getSubItemCaretIconClass(item: SulaMenuSubItem, active: boolean): "text-icon-disabled text-base" | "text-icon-primary text-base";
|
|
98
|
+
getCaretIconClass(item: SulaMenuMainItem): "text-text-disabled text-base" | "text-text-primary text-base" | "text-text-secondary text-base";
|
|
98
99
|
toggleMenu(): void;
|
|
99
100
|
handleMenuMouseEnter(): void;
|
|
100
101
|
handleMenuMouseLeave(): void;
|
|
@@ -94,4 +94,5 @@ export declare const WithTruncatedLongLabels: any;
|
|
|
94
94
|
export declare const WithLongLabelsCustomLayout: any;
|
|
95
95
|
export declare const WithComfortableDensity: any;
|
|
96
96
|
export declare const WithHiddenItems: any;
|
|
97
|
+
export declare const WithDisabledItems: any;
|
|
97
98
|
export declare const WithoutBrandImage: any;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.esm.js","sources":["src/components/sula-menu/model/sula-menu.model.ts"],"sourcesContent":["export enum SulaMenuDensity {\n Compact = 'compact',\n Default = 'default',\n Comfortable = 'comfortable',\n}\n\nexport enum SulaMenuLabelOverflow {\n Truncate = 'truncate',\n Wrap = 'wrap',\n}\n\nexport interface SulaMenuMainItem extends SulaMenuItem {\n children?: SulaMenuSubItem[];\n}\n\nexport interface SulaMenuSubItem extends SulaMenuItem {\n children?: SulaMenuItem[];\n}\n\nexport interface SulaMenuItem {\n id: string;\n label: string;\n icon: string;\n hidden?: boolean;\n open?: boolean;\n route?: string;\n expanded?: boolean;\n selected?: boolean;\n}\n\nexport type SelectedMenuItem = {\n id: string;\n parentItemId?: string;\n parentChildId?: string;\n};\n"],"names":[],"mappings":"IAAY;AAAZ,CAAA,UAAY,eAAe,EAAA;AACzB,IAAA,eAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACnB,IAAA,eAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACnB,IAAA,eAAA,CAAA,aAAA,CAAA,GAAA,aAA2B;AAC7B,CAAC,EAJW,eAAe,KAAf,eAAe,GAI1B,EAAA,CAAA,CAAA;IAEW;AAAZ,CAAA,UAAY,qBAAqB,EAAA;AAC/B,IAAA,qBAAA,CAAA,UAAA,CAAA,GAAA,UAAqB;AACrB,IAAA,qBAAA,CAAA,MAAA,CAAA,GAAA,MAAa;AACf,CAAC,EAHW,qBAAqB,KAArB,qBAAqB,GAGhC,EAAA,CAAA,CAAA;;;;"}
|
|
1
|
+
{"version":3,"file":"index.esm.js","sources":["src/components/sula-menu/model/sula-menu.model.ts"],"sourcesContent":["export enum SulaMenuDensity {\n Compact = 'compact',\n Default = 'default',\n Comfortable = 'comfortable',\n}\n\nexport enum SulaMenuLabelOverflow {\n Truncate = 'truncate',\n Wrap = 'wrap',\n}\n\nexport interface SulaMenuMainItem extends SulaMenuItem {\n children?: SulaMenuSubItem[];\n}\n\nexport interface SulaMenuSubItem extends SulaMenuItem {\n children?: SulaMenuItem[];\n}\n\nexport interface SulaMenuItem {\n id: string;\n label: string;\n icon: string;\n hidden?: boolean;\n open?: boolean;\n route?: string;\n expanded?: boolean;\n selected?: boolean;\n disabled?: boolean;\n}\n\nexport type SelectedMenuItem = {\n id: string;\n parentItemId?: string;\n parentChildId?: string;\n};\n"],"names":[],"mappings":"IAAY;AAAZ,CAAA,UAAY,eAAe,EAAA;AACzB,IAAA,eAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACnB,IAAA,eAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACnB,IAAA,eAAA,CAAA,aAAA,CAAA,GAAA,aAA2B;AAC7B,CAAC,EAJW,eAAe,KAAf,eAAe,GAI1B,EAAA,CAAA,CAAA;IAEW;AAAZ,CAAA,UAAY,qBAAqB,EAAA;AAC/B,IAAA,qBAAA,CAAA,UAAA,CAAA,GAAA,UAAqB;AACrB,IAAA,qBAAA,CAAA,MAAA,CAAA,GAAA,MAAa;AACf,CAAC,EAHW,qBAAqB,KAArB,qBAAqB,GAGhC,EAAA,CAAA,CAAA;;;;"}
|
|
@@ -53032,7 +53032,7 @@ const SulaLoader = class {
|
|
|
53032
53032
|
|
|
53033
53033
|
SulaLoader.style = sulaLoaderCss;
|
|
53034
53034
|
|
|
53035
|
-
const sulaMenuCss = '*,:after,:before{--tw-ring-color:rgba(59,130,246,.5);--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(147,197,253,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-ring-color:rgba(59,130,246,.5);--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(147,197,253,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{font-family:Figtree;line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.block{display:block}.flex{display:flex}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}:host,:host button,:host input,:host option,:host select,:host textarea{font-family:Figtree,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:host{--sula-menu-width:256px;--sula-menu-collapsed-width:88px;--sula-menu-main-item-font-size:0.875rem;--sula-menu-main-item-line-height:1.25rem;--sula-menu-main-item-max-lines:2;--sula-menu-main-item-padding-block:0.5rem;display:block;height:100%;overflow:visible;position:relative;transition:width .36s cubic-bezier(.22,1,.36,1);width:var(--sula-menu-width)}:host(.menu-host--density-compact){--sula-menu-main-item-font-size:0.75rem;--sula-menu-main-item-line-height:1rem;--sula-menu-main-item-padding-block:0.375rem}:host(.menu-host--density-comfortable){--sula-menu-main-item-font-size:1rem;--sula-menu-main-item-line-height:1.5rem;--sula-menu-main-item-padding-block:0.625rem}:host(.menu-host--collapsed){width:var(--sula-menu-collapsed-width)}.menu-shell{min-height:100%;overflow:hidden;transform-origin:left top;transition:width .36s cubic-bezier(.22,1,.36,1),transform .36s cubic-bezier(.22,1,.36,1),box-shadow .36s cubic-bezier(.22,1,.36,1),border-radius .28s cubic-bezier(.4,0,.2,1),background-color .22s cubic-bezier(.4,0,.2,1);width:100%;will-change:width,transform,box-shadow,border-radius}.menu-shell--expanded{box-shadow:0 10px 24px rgba(15,23,42,.08),0 2px 8px rgba(15,23,42,.06)}.menu-shell--collapsed{box-shadow:0 8px 18px rgba(15,23,42,.06),0 1px 4px rgba(15,23,42,.04)}.menu-shell--preview{border-radius:0 24px 24px 0;bottom:0;box-shadow:0 28px 60px rgba(15,23,42,.18),0 10px 24px rgba(15,23,42,.12);left:0;position:absolute;top:0;transform:translateX(0);width:var(--sula-menu-width);z-index:2}.menu-header{gap:0;transition:padding .36s cubic-bezier(.22,1,.36,1),gap .24s cubic-bezier(.4,0,.2,1)}.menu-nav,.menu-toggle-wrapper{transition:padding .36s cubic-bezier(.22,1,.36,1)}.menu-brand-image{flex:0 0 auto;transition:margin .32s cubic-bezier(.22,1,.36,1),transform .32s cubic-bezier(.22,1,.36,1)}.menu-copy{display:block;max-width:220px;min-width:0;opacity:1;overflow:hidden;transform:translateX(0);transform-origin:left center;transition:max-width .32s cubic-bezier(.22,1,.36,1),opacity .2s cubic-bezier(.4,0,.2,1),transform .32s cubic-bezier(.22,1,.36,1),margin-left .32s cubic-bezier(.22,1,.36,1);white-space:nowrap;will-change:opacity,transform,max-width,margin-left}.menu-copy--visible{max-width:100%;opacity:1;pointer-events:auto;transform:translateX(0)}.menu-copy--hidden{max-width:0;opacity:0;pointer-events:none;transform:translateX(-10px)}.menu-title{flex:1 1 auto;min-width:0}.menu-title.menu-copy--visible{max-width:100%}.menu-item-label{flex:1 1 auto;font-size:var(--sula-menu-main-item-font-size);line-height:var(--sula-menu-main-item-line-height)}.menu-item-label--truncate{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-item-label--wrap{-webkit-box-orient:vertical;-webkit-line-clamp:var(--sula-menu-main-item-max-lines);line-clamp:var(--sula-menu-main-item-max-lines);display:-webkit-box;overflow:hidden;overflow-wrap:anywhere;text-overflow:clip;white-space:normal;word-break:break-word}.menu-item{padding-block:var(--sula-menu-main-item-padding-block);transition:background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1),padding .32s cubic-bezier(.22,1,.36,1)}.menu-item-caret{max-width:16px;opacity:1;overflow:hidden;transition:transform .28s cubic-bezier(.22,1,.36,1),opacity .18s cubic-bezier(.4,0,.2,1),max-width .28s cubic-bezier(.22,1,.36,1),margin-left .28s cubic-bezier(.22,1,.36,1)}.menu-item-caret--visible{margin-left:12px;max-width:16px;opacity:1}.menu-item-caret--hidden{margin-left:0;max-width:0;opacity:0;transform:translateX(-8px)}.menu-item-caret--expanded{transform:rotate(180deg)}.submenu{max-height:0;opacity:0;overflow:hidden;pointer-events:none;transform:translateY(-6px);transform-origin:top left;transition:max-height .26s cubic-bezier(.22,1,.36,1),opacity .12s cubic-bezier(.4,0,.2,1),transform .18s cubic-bezier(.22,1,.36,1);will-change:max-height,opacity,transform}.submenu--expanded{max-height:999px;opacity:1;pointer-events:auto;transform:translateY(0)}.submenu-item{transition:background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1),transform .24s cubic-bezier(.22,1,.36,1)}.submenu-item--branch{transition:background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1),border-color .24s cubic-bezier(.22,1,.36,1),margin-left .24s cubic-bezier(.22,1,.36,1)}.submenu-item-branch-content{min-width:0}.submenu-branch{transform-origin:top left}.submenu-grandchild-item{transition:background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1),transform .24s cubic-bezier(.22,1,.36,1)}.submenu-grandchild-label{display:block}.menu-toggle{transition:background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1),padding .32s cubic-bezier(.22,1,.36,1)}.menu-toggle-icon{flex:0 0 auto;transition:transform .32s cubic-bezier(.22,1,.36,1),border-color .22s cubic-bezier(.4,0,.2,1),background-color .22s cubic-bezier(.4,0,.2,1)}.menu-toggle-label{margin-left:0;white-space:nowrap}.menu-toggle-label.menu-copy--visible{margin-left:12px}@media (prefers-reduced-motion:reduce){.menu-brand-image,.menu-copy,.menu-header,.menu-item,.menu-item-caret,.menu-nav,.menu-shell,.menu-toggle,.menu-toggle-icon,.menu-toggle-wrapper,.submenu,.submenu-item,:host{transition:none}}@font-face{font-display:swap;font-family:Figtree;font-style:normal;font-weight:300;src:local("Figtree"),url(@sula-tech/tailwind-css-plugin/assets/fonts/Figtree-Light.ttf) format("truetype")}@font-face{font-display:swap;font-family:Figtree;font-style:italic;font-weight:300;src:local("Figtree"),url(@sula-tech/tailwind-css-plugin/assets/fonts/Figtree-LightItalic.ttf) format("truetype")}@font-face{font-display:swap;font-family:Figtree;font-style:normal;font-weight:400;src:local("Figtree"),url(@sula-tech/tailwind-css-plugin/assets/fonts/Figtree-Regular.ttf) format("truetype")}@font-face{font-display:swap;font-family:Figtree;font-style:italic;font-weight:400;src:local("Figtree"),url(@sula-tech/tailwind-css-plugin/assets/fonts/Figtree-Italic.ttf) format("truetype")}@font-face{font-display:swap;font-family:Figtree;font-style:normal;font-weight:500;src:local("Figtree"),url(@sula-tech/tailwind-css-plugin/assets/fonts/Figtree-Medium.ttf) format("truetype")}@font-face{font-display:swap;font-family:Figtree;font-style:italic;font-weight:500;src:local("Figtree"),url(@sula-tech/tailwind-css-plugin/assets/fonts/Figtree-MediumItalic.ttf) format("truetype")}@font-face{font-display:swap;font-family:Figtree;font-style:normal;font-weight:600;src:local("Figtree"),url(@sula-tech/tailwind-css-plugin/assets/fonts/Figtree-SemiBold.ttf) format("truetype")}@font-face{font-display:swap;font-family:Figtree;font-style:italic;font-weight:600;src:local("Figtree"),url(@sula-tech/tailwind-css-plugin/assets/fonts/Figtree-SemiBoldItalic.ttf) format("truetype")}@font-face{font-display:swap;font-family:Figtree;font-style:normal;font-weight:700;src:local("Figtree"),url(@sula-tech/tailwind-css-plugin/assets/fonts/Figtree-Bold.ttf) format("truetype")}@font-face{font-display:swap;font-family:Figtree;font-style:italic;font-weight:700;src:local("Figtree"),url(@sula-tech/tailwind-css-plugin/assets/fonts/Figtree-BoldItalic.ttf) format("truetype")}@font-face{font-display:swap;font-family:Figtree;font-style:normal;font-weight:800;src:local("Figtree"),url(@sula-tech/tailwind-css-plugin/assets/fonts/Figtree-ExtraBold.ttf) format("truetype")}@font-face{font-display:swap;font-family:Figtree;font-style:italic;font-weight:800;src:local("Figtree"),url(@sula-tech/tailwind-css-plugin/assets/fonts/Figtree-ExtraBoldItalic.ttf) format("truetype")}@font-face{font-display:swap;font-family:Figtree;font-style:normal;font-weight:900;src:local("Figtree"),url(@sula-tech/tailwind-css-plugin/assets/fonts/Figtree-Black.ttf) format("truetype")}@font-face{font-display:swap;font-family:Figtree;font-style:italic;font-weight:900;src:local("Figtree"),url(@sula-tech/tailwind-css-plugin/assets/fonts/Figtree-BlackItalic.ttf) format("truetype")}:root{--color-green-50:#f1f9f4;--color-green-100:#e6f4ed;--color-green-200:#cae7d8;--color-green-300:#a0d4b8;--color-green-400:#68bb8e;--color-green-500:#04843f;--color-green-600:#037236;--color-green-700:#03632f;--color-green-800:#035428;--color-green-900:#024521;--color-green-950:#012b15;--color-red-50:#fef6f6;--color-red-100:#fde8e8;--color-red-200:#fad1d1;--color-red-300:#f7abab;--color-red-400:#f17474;--color-red-500:#c80505;--color-red-600:#b30404;--color-red-700:#9f0404;--color-red-800:#860303;--color-red-900:#6d0303;--color-red-950:#330d00;--color-yellow-50:#fdf4e7;--color-yellow-100:#fcedd9;--color-yellow-200:#fae0bd;--color-yellow-300:#f6c788;--color-yellow-400:#f3b159;--color-yellow-500:#ef9928;--color-yellow-600:#e49226;--color-yellow-700:#d17e10;--color-yellow-800:#b46d0e;--color-yellow-900:#93590b;--color-yellow-950:#402705;--color-orange-50:#fef4f1;--color-orange-100:#fde8e2;--color-orange-200:#fbd2c6;--color-orange-300:#f8b4a0;--color-orange-400:#f58e70;--color-orange-500:#f05223;--color-orange-600:#ea4210;--color-orange-700:#d23b0e;--color-orange-800:#b5330c;--color-orange-900:#942a0a;--color-orange-950:#401204;--color-blue-50:#ecf0f9;--color-blue-100:#dde3f4;--color-blue-200:#b2c2e5;--color-blue-300:#7994d2;--color-blue-400:#4066bf;--color-blue-500:#001e64;--color-blue-600:#001c5c;--color-blue-700:#00174c;--color-blue-800:#00123d;--color-blue-900:#000f33;--color-blue-950:#000d2b;--color-ambar-50:#fff6eb;--color-ambar-100:#ffefdc;--color-ambar-200:#fedfb9;--color-ambar-300:#fdca8b;--color-ambar-400:#fdb359;--color-ambar-500:#fc9c26;--color-ambar-600:#ec8403;--color-ambar-700:#d87803;--color-ambar-800:#ba6803;--color-ambar-900:#975402;--color-ambar-950:#402301;--color-gray-50:#fff;--color-gray-100:#f3f4f4;--color-gray-200:#e5e6e6;--color-gray-300:#bfc0c0;--color-gray-400:#acaeae;--color-gray-500:#949595;--color-gray-600:#737575;--color-gray-700:#6c6e6e;--color-gray-800:#313333;--color-gray-900:#272929;--color-gray-950:#191d1d;--color-white-opacity-50:#ffffff0d;--color-white-opacity-100:#ffffff1a;--color-white-opacity-200:#ffffff26;--color-white-opacity-300:#ffffff45;--color-white-opacity-400:#ffffff5c;--color-white-opacity-500:#ffffff80;--color-white-opacity-600:#ffffff8c;--color-white-opacity-700:#ffffffa3;--color-white-opacity-800:#ffffffba;--color-white-opacity-900:#fffc;--color-white-opacity-950:#ffffffe8;--color-ciano-50:#f1f6fe;--color-ciano-100:#dfeafc;--color-ciano-200:#c3d9f9;--color-ciano-300:#90b9f4;--color-ciano-400:#5d98ee;--color-ciano-500:#1769e0;--color-ciano-600:#155fcb;--color-ciano-700:#1355b4;--color-ciano-800:#104899;--color-ciano-900:#0d3b7d;--color-ciano-950:#071e40;--color-extra-color-blue-light:#e7f0f4;--color-extra-color-blue-dark:#162931;--color-black-opacity-50:rgba(25,29,29,.02);--color-black-opacity-100:rgba(25,29,29,.05);--color-black-opacity-200:rgba(25,29,29,.11);--color-black-opacity-300:rgba(25,29,29,.28);--color-black-opacity-400:rgba(25,29,29,.36);--color-black-opacity-500:rgba(25,29,29,.44);--color-black-opacity-600:rgba(25,29,29,.62);--color-black-opacity-700:rgba(25,29,29,.64);--color-black-opacity-800:rgba(25,29,29,.72);--color-black-opacity-900:rgba(25,29,29,.8);--color-black-opacity-950:rgba(25,29,29,.96);--color-shadow-opacity-50:rgba(0,0,0,.04);--color-shadow-opacity-100:rgba(0,0,0,.06);--color-shadow-opacity-200:rgba(0,0,0,.12);--color-shadow-opacity-300:rgba(0,0,0,.2);--color-shadow-opacity-400:rgba(0,0,0,.32);--color-shadow-opacity-500:rgba(0,0,0,.5);--color-shadow-opacity-600:rgba(0,0,0,.55);--color-shadow-opacity-700:rgba(0,0,0,.64);--color-shadow-opacity-800:rgba(0,0,0,.73);--color-shadow-opacity-900:rgba(0,0,0,.8);--color-shadow-opacity-950:rgba(0,0,0,.91);--color-feedback-success:#04843f;--color-feedback-error:#c80505;--color-feedback-informational:#1355b4;--color-feedback-alert:#ef9928;--color-brand-primary:#f05223;--color-brand-secondary:#001c5c;--color-brand-tertiary-1:#1769e0;--color-brand-tertiary-2:#fc9c26;--color-surface-body:#fff;--color-surface-on-body:#f3f4f4;--color-surface-on-body-blue:#e7f0f4;--color-surface-on-body-brand:#fff6eb;--color-surface-on-body-feedback-success:#e6f4ed;--color-surface-on-body-feedback-error:#fde8e8;--color-surface-on-body-feedback-alert:#fdf4e7;--color-surface-on-body-feedback-info:#dfeafc;--color-text-brand:#f05223;--color-text-primary:#313333;--color-text-secondary:#6c6e6e;--color-text-disabled:#949595;--color-text-link:#1355b4;--color-states-empty-bg-hover:rgba(25,29,29,.05);--color-states-empty-bg-pressed:rgba(25,29,29,.11);--color-states-bg-disabled:rgba(25,29,29,.02);--color-states-bg-focus:#1355b4;--color-states-primary-hover:#ea4210;--color-states-primary-pressed:#d23b0e;--color-states-danger-hover:#b30404;--color-states-danger-pressed:#9f0404;--color-states-negative-hover:#e5e6e6;--color-states-negative-pressed:#bfc0c0;--color-icon-primary:#6c6e6e;--color-icon-secondary:#fff;--color-icon-tertiary:#b30404;--color-icon-disabled:#acaeae;--color-neutral-neutral-1:#fff;--color-neutral-neutral-2:#f3f4f4;--color-neutral-neutral-3:#acaeae;--color-neutral-neutral-4:#949595;--color-neutral-neutral-5:#737575;--color-neutral-neutral-6:#6c6e6e;--color-neutral-neutral-7:#313333;--color-neutral-neutral-8:#272929;--color-negative-negative-1:#fff;--color-negative-negative-2:#313333;--color-opacity-body:#fffc;--color-opacity-on-body:rgba(25,29,29,.02);--color-opacity-overlay:rgba(25,29,29,.62);--color-opacity-on-overlay:#ffffff1a;--color-line-input:#949595;--color-line-general-strong:#bfc0c0;--color-line-general:#e5e6e6;--color-line-hair:rgba(25,29,29,.05);--color-box-shadow-body:#fff;--color-box-shadow-shadow-color-1:rgba(0,0,0,.04);--color-box-shadow-shadow-color-2:rgba(0,0,0,.06)}.static{position:static}.z-50{z-index:50}.mb-0{margin-bottom:0}.mb-3{margin-bottom:.75rem}.ml-8{margin-left:.5rem}.ml-\\[-2px\\]{margin-left:-2px}.ml-\\[1\\.6rem\\]{margin-left:1.6rem}.mr-6{margin-right:1.5rem}.h-10{height:2.5rem}.h-9{height:2.25rem}.h-full{height:100%}.max-h-10{max-height:2.5rem}.w-10{width:2.5rem}.w-9{width:2.25rem}.w-full{width:100%}.min-w-0{min-width:0}.max-w-10{max-width:2.5rem}.flex-1{flex:1 1 0%}.flex-none{flex:none}.cursor-pointer{cursor:pointer}.select-none{user-select:none}.list-none{list-style-type:none}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.space-x-8>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded-full{border-radius:9999px}.rounded-xs{border-radius:.5rem}.border{border-width:1px}.border-l{border-left-width:1px}.border-l-2{border-left-width:2px}.border-line-general{border-color:var(--color-line-general)}.border-negative-negative-1{border-color:var(--color-negative-negative-1)}.bg-box-shadow-body{background-color:var(--color-box-shadow-body)}.bg-brand-primary{background-color:var(--color-brand-primary)}.bg-surface-body{background-color:var(--color-surface-body)}.p-8{padding:.5rem}.px-0{padding-left:0;padding-right:0}.px-12{padding-left:.75rem;padding-right:.75rem}.px-20{padding-left:1.25rem;padding-right:1.25rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.py-16{padding-bottom:1rem;padding-top:1rem}.pb-12{padding-bottom:.75rem}.pb-16{padding-bottom:1rem}.pl-16{padding-left:1rem}.pl-20{padding-left:1.25rem}.pl-24{padding-left:1.5rem}.pl-8{padding-left:.5rem}.pt-12{padding-top:.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-base{font-size:1rem;line-height:1.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.leading-tight{line-height:1.25}.text-icon-primary{color:var(--color-icon-primary)}.text-negative-negative-1{color:var(--color-negative-negative-1)}.text-text-primary{color:var(--color-text-primary)}.text-text-secondary{color:var(--color-text-secondary)}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-md{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.hover\\:bg-box-shadow-body:hover{background-color:var(--color-box-shadow-body)}';
|
|
53035
|
+
const sulaMenuCss = '*,:after,:before{--tw-ring-color:rgba(59,130,246,.5);--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(147,197,253,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-ring-color:rgba(59,130,246,.5);--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(147,197,253,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{font-family:Figtree;line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.block{display:block}.flex{display:flex}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}:host,:host button,:host input,:host option,:host select,:host textarea{font-family:Figtree,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:host{--sula-menu-width:256px;--sula-menu-collapsed-width:88px;--sula-menu-main-item-font-size:0.875rem;--sula-menu-main-item-line-height:1.25rem;--sula-menu-main-item-max-lines:2;--sula-menu-main-item-padding-block:0.5rem;display:block;height:100%;overflow:visible;position:relative;transition:width .36s cubic-bezier(.22,1,.36,1);width:var(--sula-menu-width)}:host(.menu-host--density-compact){--sula-menu-main-item-font-size:0.75rem;--sula-menu-main-item-line-height:1rem;--sula-menu-main-item-padding-block:0.375rem}:host(.menu-host--density-comfortable){--sula-menu-main-item-font-size:1rem;--sula-menu-main-item-line-height:1.5rem;--sula-menu-main-item-padding-block:0.625rem}:host(.menu-host--collapsed){width:var(--sula-menu-collapsed-width)}.menu-shell{min-height:100%;overflow:hidden;transform-origin:left top;transition:width .36s cubic-bezier(.22,1,.36,1),transform .36s cubic-bezier(.22,1,.36,1),box-shadow .36s cubic-bezier(.22,1,.36,1),border-radius .28s cubic-bezier(.4,0,.2,1),background-color .22s cubic-bezier(.4,0,.2,1);width:100%;will-change:width,transform,box-shadow,border-radius}.menu-shell--expanded{box-shadow:0 10px 24px rgba(15,23,42,.08),0 2px 8px rgba(15,23,42,.06)}.menu-shell--collapsed{box-shadow:0 8px 18px rgba(15,23,42,.06),0 1px 4px rgba(15,23,42,.04)}.menu-shell--preview{border-radius:0 24px 24px 0;bottom:0;box-shadow:0 28px 60px rgba(15,23,42,.18),0 10px 24px rgba(15,23,42,.12);left:0;position:absolute;top:0;transform:translateX(0);width:var(--sula-menu-width);z-index:2}.menu-header{gap:0;transition:padding .36s cubic-bezier(.22,1,.36,1),gap .24s cubic-bezier(.4,0,.2,1)}.menu-nav,.menu-toggle-wrapper{transition:padding .36s cubic-bezier(.22,1,.36,1)}.menu-brand-image{flex:0 0 auto;transition:margin .32s cubic-bezier(.22,1,.36,1),transform .32s cubic-bezier(.22,1,.36,1)}.menu-copy{display:block;max-width:220px;min-width:0;opacity:1;overflow:hidden;transform:translateX(0);transform-origin:left center;transition:max-width .32s cubic-bezier(.22,1,.36,1),opacity .2s cubic-bezier(.4,0,.2,1),transform .32s cubic-bezier(.22,1,.36,1),margin-left .32s cubic-bezier(.22,1,.36,1);white-space:nowrap;will-change:opacity,transform,max-width,margin-left}.menu-copy--visible{max-width:100%;opacity:1;pointer-events:auto;transform:translateX(0)}.menu-copy--hidden{max-width:0;opacity:0;pointer-events:none;transform:translateX(-10px)}.menu-title{flex:1 1 auto;min-width:0}.menu-title.menu-copy--visible{max-width:100%}.menu-item-label{flex:1 1 auto;font-size:var(--sula-menu-main-item-font-size);line-height:var(--sula-menu-main-item-line-height)}.menu-item-label--truncate{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-item-label--wrap{-webkit-box-orient:vertical;-webkit-line-clamp:var(--sula-menu-main-item-max-lines);line-clamp:var(--sula-menu-main-item-max-lines);display:-webkit-box;overflow:hidden;overflow-wrap:anywhere;text-overflow:clip;white-space:normal;word-break:break-word}.menu-item{padding-block:var(--sula-menu-main-item-padding-block);transition:background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1),padding .32s cubic-bezier(.22,1,.36,1)}.menu-item-caret{max-width:16px;opacity:1;overflow:hidden;transition:transform .28s cubic-bezier(.22,1,.36,1),opacity .18s cubic-bezier(.4,0,.2,1),max-width .28s cubic-bezier(.22,1,.36,1),margin-left .28s cubic-bezier(.22,1,.36,1)}.menu-item-caret--visible{margin-left:12px;max-width:16px;opacity:1}.menu-item-caret--hidden{margin-left:0;max-width:0;opacity:0;transform:translateX(-8px)}.menu-item-caret--expanded{transform:rotate(180deg)}.submenu{max-height:0;opacity:0;overflow:hidden;pointer-events:none;transform:translateY(-6px);transform-origin:top left;transition:max-height .26s cubic-bezier(.22,1,.36,1),opacity .12s cubic-bezier(.4,0,.2,1),transform .18s cubic-bezier(.22,1,.36,1);will-change:max-height,opacity,transform}.submenu--expanded{max-height:999px;opacity:1;pointer-events:auto;transform:translateY(0)}.submenu-item{transition:background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1),transform .24s cubic-bezier(.22,1,.36,1)}.submenu-item--branch{transition:background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1),border-color .24s cubic-bezier(.22,1,.36,1),margin-left .24s cubic-bezier(.22,1,.36,1)}.submenu-item-branch-content{min-width:0}.submenu-branch{transform-origin:top left}.submenu-grandchild-item{transition:background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1),transform .24s cubic-bezier(.22,1,.36,1)}.submenu-grandchild-label{display:block}.menu-toggle{transition:background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1),padding .32s cubic-bezier(.22,1,.36,1)}.menu-toggle-icon{flex:0 0 auto;transition:transform .32s cubic-bezier(.22,1,.36,1),border-color .22s cubic-bezier(.4,0,.2,1),background-color .22s cubic-bezier(.4,0,.2,1)}.menu-toggle-label{margin-left:0;white-space:nowrap}.menu-toggle-label.menu-copy--visible{margin-left:12px}@media (prefers-reduced-motion:reduce){.menu-brand-image,.menu-copy,.menu-header,.menu-item,.menu-item-caret,.menu-nav,.menu-shell,.menu-toggle,.menu-toggle-icon,.menu-toggle-wrapper,.submenu,.submenu-item,:host{transition:none}}@font-face{font-display:swap;font-family:Figtree;font-style:normal;font-weight:300;src:local("Figtree"),url(@sula-tech/tailwind-css-plugin/assets/fonts/Figtree-Light.ttf) format("truetype")}@font-face{font-display:swap;font-family:Figtree;font-style:italic;font-weight:300;src:local("Figtree"),url(@sula-tech/tailwind-css-plugin/assets/fonts/Figtree-LightItalic.ttf) format("truetype")}@font-face{font-display:swap;font-family:Figtree;font-style:normal;font-weight:400;src:local("Figtree"),url(@sula-tech/tailwind-css-plugin/assets/fonts/Figtree-Regular.ttf) format("truetype")}@font-face{font-display:swap;font-family:Figtree;font-style:italic;font-weight:400;src:local("Figtree"),url(@sula-tech/tailwind-css-plugin/assets/fonts/Figtree-Italic.ttf) format("truetype")}@font-face{font-display:swap;font-family:Figtree;font-style:normal;font-weight:500;src:local("Figtree"),url(@sula-tech/tailwind-css-plugin/assets/fonts/Figtree-Medium.ttf) format("truetype")}@font-face{font-display:swap;font-family:Figtree;font-style:italic;font-weight:500;src:local("Figtree"),url(@sula-tech/tailwind-css-plugin/assets/fonts/Figtree-MediumItalic.ttf) format("truetype")}@font-face{font-display:swap;font-family:Figtree;font-style:normal;font-weight:600;src:local("Figtree"),url(@sula-tech/tailwind-css-plugin/assets/fonts/Figtree-SemiBold.ttf) format("truetype")}@font-face{font-display:swap;font-family:Figtree;font-style:italic;font-weight:600;src:local("Figtree"),url(@sula-tech/tailwind-css-plugin/assets/fonts/Figtree-SemiBoldItalic.ttf) format("truetype")}@font-face{font-display:swap;font-family:Figtree;font-style:normal;font-weight:700;src:local("Figtree"),url(@sula-tech/tailwind-css-plugin/assets/fonts/Figtree-Bold.ttf) format("truetype")}@font-face{font-display:swap;font-family:Figtree;font-style:italic;font-weight:700;src:local("Figtree"),url(@sula-tech/tailwind-css-plugin/assets/fonts/Figtree-BoldItalic.ttf) format("truetype")}@font-face{font-display:swap;font-family:Figtree;font-style:normal;font-weight:800;src:local("Figtree"),url(@sula-tech/tailwind-css-plugin/assets/fonts/Figtree-ExtraBold.ttf) format("truetype")}@font-face{font-display:swap;font-family:Figtree;font-style:italic;font-weight:800;src:local("Figtree"),url(@sula-tech/tailwind-css-plugin/assets/fonts/Figtree-ExtraBoldItalic.ttf) format("truetype")}@font-face{font-display:swap;font-family:Figtree;font-style:normal;font-weight:900;src:local("Figtree"),url(@sula-tech/tailwind-css-plugin/assets/fonts/Figtree-Black.ttf) format("truetype")}@font-face{font-display:swap;font-family:Figtree;font-style:italic;font-weight:900;src:local("Figtree"),url(@sula-tech/tailwind-css-plugin/assets/fonts/Figtree-BlackItalic.ttf) format("truetype")}:root{--color-green-50:#f1f9f4;--color-green-100:#e6f4ed;--color-green-200:#cae7d8;--color-green-300:#a0d4b8;--color-green-400:#68bb8e;--color-green-500:#04843f;--color-green-600:#037236;--color-green-700:#03632f;--color-green-800:#035428;--color-green-900:#024521;--color-green-950:#012b15;--color-red-50:#fef6f6;--color-red-100:#fde8e8;--color-red-200:#fad1d1;--color-red-300:#f7abab;--color-red-400:#f17474;--color-red-500:#c80505;--color-red-600:#b30404;--color-red-700:#9f0404;--color-red-800:#860303;--color-red-900:#6d0303;--color-red-950:#330d00;--color-yellow-50:#fdf4e7;--color-yellow-100:#fcedd9;--color-yellow-200:#fae0bd;--color-yellow-300:#f6c788;--color-yellow-400:#f3b159;--color-yellow-500:#ef9928;--color-yellow-600:#e49226;--color-yellow-700:#d17e10;--color-yellow-800:#b46d0e;--color-yellow-900:#93590b;--color-yellow-950:#402705;--color-orange-50:#fef4f1;--color-orange-100:#fde8e2;--color-orange-200:#fbd2c6;--color-orange-300:#f8b4a0;--color-orange-400:#f58e70;--color-orange-500:#f05223;--color-orange-600:#ea4210;--color-orange-700:#d23b0e;--color-orange-800:#b5330c;--color-orange-900:#942a0a;--color-orange-950:#401204;--color-blue-50:#ecf0f9;--color-blue-100:#dde3f4;--color-blue-200:#b2c2e5;--color-blue-300:#7994d2;--color-blue-400:#4066bf;--color-blue-500:#001e64;--color-blue-600:#001c5c;--color-blue-700:#00174c;--color-blue-800:#00123d;--color-blue-900:#000f33;--color-blue-950:#000d2b;--color-ambar-50:#fff6eb;--color-ambar-100:#ffefdc;--color-ambar-200:#fedfb9;--color-ambar-300:#fdca8b;--color-ambar-400:#fdb359;--color-ambar-500:#fc9c26;--color-ambar-600:#ec8403;--color-ambar-700:#d87803;--color-ambar-800:#ba6803;--color-ambar-900:#975402;--color-ambar-950:#402301;--color-gray-50:#fff;--color-gray-100:#f3f4f4;--color-gray-200:#e5e6e6;--color-gray-300:#bfc0c0;--color-gray-400:#acaeae;--color-gray-500:#949595;--color-gray-600:#737575;--color-gray-700:#6c6e6e;--color-gray-800:#313333;--color-gray-900:#272929;--color-gray-950:#191d1d;--color-white-opacity-50:#ffffff0d;--color-white-opacity-100:#ffffff1a;--color-white-opacity-200:#ffffff26;--color-white-opacity-300:#ffffff45;--color-white-opacity-400:#ffffff5c;--color-white-opacity-500:#ffffff80;--color-white-opacity-600:#ffffff8c;--color-white-opacity-700:#ffffffa3;--color-white-opacity-800:#ffffffba;--color-white-opacity-900:#fffc;--color-white-opacity-950:#ffffffe8;--color-ciano-50:#f1f6fe;--color-ciano-100:#dfeafc;--color-ciano-200:#c3d9f9;--color-ciano-300:#90b9f4;--color-ciano-400:#5d98ee;--color-ciano-500:#1769e0;--color-ciano-600:#155fcb;--color-ciano-700:#1355b4;--color-ciano-800:#104899;--color-ciano-900:#0d3b7d;--color-ciano-950:#071e40;--color-extra-color-blue-light:#e7f0f4;--color-extra-color-blue-dark:#162931;--color-black-opacity-50:rgba(25,29,29,.02);--color-black-opacity-100:rgba(25,29,29,.05);--color-black-opacity-200:rgba(25,29,29,.11);--color-black-opacity-300:rgba(25,29,29,.28);--color-black-opacity-400:rgba(25,29,29,.36);--color-black-opacity-500:rgba(25,29,29,.44);--color-black-opacity-600:rgba(25,29,29,.62);--color-black-opacity-700:rgba(25,29,29,.64);--color-black-opacity-800:rgba(25,29,29,.72);--color-black-opacity-900:rgba(25,29,29,.8);--color-black-opacity-950:rgba(25,29,29,.96);--color-shadow-opacity-50:rgba(0,0,0,.04);--color-shadow-opacity-100:rgba(0,0,0,.06);--color-shadow-opacity-200:rgba(0,0,0,.12);--color-shadow-opacity-300:rgba(0,0,0,.2);--color-shadow-opacity-400:rgba(0,0,0,.32);--color-shadow-opacity-500:rgba(0,0,0,.5);--color-shadow-opacity-600:rgba(0,0,0,.55);--color-shadow-opacity-700:rgba(0,0,0,.64);--color-shadow-opacity-800:rgba(0,0,0,.73);--color-shadow-opacity-900:rgba(0,0,0,.8);--color-shadow-opacity-950:rgba(0,0,0,.91);--color-feedback-success:#04843f;--color-feedback-error:#c80505;--color-feedback-informational:#1355b4;--color-feedback-alert:#ef9928;--color-brand-primary:#f05223;--color-brand-secondary:#001c5c;--color-brand-tertiary-1:#1769e0;--color-brand-tertiary-2:#fc9c26;--color-surface-body:#fff;--color-surface-on-body:#f3f4f4;--color-surface-on-body-blue:#e7f0f4;--color-surface-on-body-brand:#fff6eb;--color-surface-on-body-feedback-success:#e6f4ed;--color-surface-on-body-feedback-error:#fde8e8;--color-surface-on-body-feedback-alert:#fdf4e7;--color-surface-on-body-feedback-info:#dfeafc;--color-text-brand:#f05223;--color-text-primary:#313333;--color-text-secondary:#6c6e6e;--color-text-disabled:#949595;--color-text-link:#1355b4;--color-states-empty-bg-hover:rgba(25,29,29,.05);--color-states-empty-bg-pressed:rgba(25,29,29,.11);--color-states-bg-disabled:rgba(25,29,29,.02);--color-states-bg-focus:#1355b4;--color-states-primary-hover:#ea4210;--color-states-primary-pressed:#d23b0e;--color-states-danger-hover:#b30404;--color-states-danger-pressed:#9f0404;--color-states-negative-hover:#e5e6e6;--color-states-negative-pressed:#bfc0c0;--color-icon-primary:#6c6e6e;--color-icon-secondary:#fff;--color-icon-tertiary:#b30404;--color-icon-disabled:#acaeae;--color-neutral-neutral-1:#fff;--color-neutral-neutral-2:#f3f4f4;--color-neutral-neutral-3:#acaeae;--color-neutral-neutral-4:#949595;--color-neutral-neutral-5:#737575;--color-neutral-neutral-6:#6c6e6e;--color-neutral-neutral-7:#313333;--color-neutral-neutral-8:#272929;--color-negative-negative-1:#fff;--color-negative-negative-2:#313333;--color-opacity-body:#fffc;--color-opacity-on-body:rgba(25,29,29,.02);--color-opacity-overlay:rgba(25,29,29,.62);--color-opacity-on-overlay:#ffffff1a;--color-line-input:#949595;--color-line-general-strong:#bfc0c0;--color-line-general:#e5e6e6;--color-line-hair:rgba(25,29,29,.05);--color-box-shadow-body:#fff;--color-box-shadow-shadow-color-1:rgba(0,0,0,.04);--color-box-shadow-shadow-color-2:rgba(0,0,0,.06)}.static{position:static}.z-50{z-index:50}.mb-0{margin-bottom:0}.mb-3{margin-bottom:.75rem}.ml-8{margin-left:.5rem}.ml-\\[-2px\\]{margin-left:-2px}.ml-\\[1\\.6rem\\]{margin-left:1.6rem}.mr-6{margin-right:1.5rem}.h-10{height:2.5rem}.h-9{height:2.25rem}.h-full{height:100%}.max-h-10{max-height:2.5rem}.w-10{width:2.5rem}.w-9{width:2.25rem}.w-full{width:100%}.min-w-0{min-width:0}.max-w-10{max-width:2.5rem}.flex-1{flex:1 1 0%}.flex-none{flex:none}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{user-select:none}.list-none{list-style-type:none}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.space-x-8>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded-full{border-radius:9999px}.rounded-xs{border-radius:.5rem}.border{border-width:1px}.border-l{border-left-width:1px}.border-l-2{border-left-width:2px}.border-line-general{border-color:var(--color-line-general)}.border-negative-negative-1{border-color:var(--color-negative-negative-1)}.bg-box-shadow-body{background-color:var(--color-box-shadow-body)}.bg-brand-primary{background-color:var(--color-brand-primary)}.bg-surface-body{background-color:var(--color-surface-body)}.p-8{padding:.5rem}.px-0{padding-left:0;padding-right:0}.px-12{padding-left:.75rem;padding-right:.75rem}.px-20{padding-left:1.25rem;padding-right:1.25rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.py-16{padding-bottom:1rem;padding-top:1rem}.pb-12{padding-bottom:.75rem}.pb-16{padding-bottom:1rem}.pl-16{padding-left:1rem}.pl-20{padding-left:1.25rem}.pl-24{padding-left:1.5rem}.pl-8{padding-left:.5rem}.pt-12{padding-top:.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-base{font-size:1rem;line-height:1.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.leading-tight{line-height:1.25}.text-icon-disabled{color:var(--color-icon-disabled)}.text-icon-primary{color:var(--color-icon-primary)}.text-negative-negative-1{color:var(--color-negative-negative-1)}.text-text-disabled{color:var(--color-text-disabled)}.text-text-primary{color:var(--color-text-primary)}.text-text-secondary{color:var(--color-text-secondary)}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-md{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.hover\\:bg-box-shadow-body:hover{background-color:var(--color-box-shadow-body)}';
|
|
53036
53036
|
|
|
53037
53037
|
const SulaMenu = class {
|
|
53038
53038
|
constructor(e) {
|
|
@@ -53166,7 +53166,13 @@ const SulaMenu = class {
|
|
|
53166
53166
|
isSubItemActive(e, t) {
|
|
53167
53167
|
return this.isSelectedSubItem(e, t.id) || this.hasSelectedGrandchild(e, t.id) || !!t.expanded && this.hasVisibleGrandchildren(t);
|
|
53168
53168
|
}
|
|
53169
|
+
isItemFaded(e, t) {
|
|
53170
|
+
return !!e.disabled && !t;
|
|
53171
|
+
}
|
|
53169
53172
|
handleItemClick(e) {
|
|
53173
|
+
if (e.disabled) {
|
|
53174
|
+
return;
|
|
53175
|
+
}
|
|
53170
53176
|
this.itemClicked.emit(e);
|
|
53171
53177
|
if (!this.hasVisibleSubItems(e)) {
|
|
53172
53178
|
this.selectedItem = {
|
|
@@ -53180,6 +53186,9 @@ const SulaMenu = class {
|
|
|
53180
53186
|
}) : t));
|
|
53181
53187
|
}
|
|
53182
53188
|
handleSubItemClick(e, t) {
|
|
53189
|
+
if (t.disabled) {
|
|
53190
|
+
return;
|
|
53191
|
+
}
|
|
53183
53192
|
this.itemClicked.emit(t);
|
|
53184
53193
|
if (!this.hasVisibleGrandchildren(t)) {
|
|
53185
53194
|
this.selectedItem = {
|
|
@@ -53199,6 +53208,9 @@ const SulaMenu = class {
|
|
|
53199
53208
|
}));
|
|
53200
53209
|
}
|
|
53201
53210
|
handleGrandchildClick(e, t, o) {
|
|
53211
|
+
if (o.disabled) {
|
|
53212
|
+
return;
|
|
53213
|
+
}
|
|
53202
53214
|
this.itemClicked.emit(o);
|
|
53203
53215
|
this.selectedItem = {
|
|
53204
53216
|
id: o.id,
|
|
@@ -53208,20 +53220,34 @@ const SulaMenu = class {
|
|
|
53208
53220
|
this.itemSelected.emit(o);
|
|
53209
53221
|
}
|
|
53210
53222
|
getItemIconClass(e) {
|
|
53211
|
-
|
|
53223
|
+
const t = this.isItemActive(e);
|
|
53224
|
+
if (this.isItemFaded(e, t)) {
|
|
53225
|
+
return "text-icon-disabled text-2xl";
|
|
53226
|
+
}
|
|
53227
|
+
if (t) {
|
|
53212
53228
|
return "text-negative-negative-1 text-xl";
|
|
53213
53229
|
} else {
|
|
53214
53230
|
return "text-icon-primary text-2xl";
|
|
53215
53231
|
}
|
|
53216
53232
|
}
|
|
53217
|
-
getSubItemIconClass(e) {
|
|
53233
|
+
getSubItemIconClass(e, t) {
|
|
53234
|
+
if (this.isItemFaded(e, t)) {
|
|
53235
|
+
return "text-icon-disabled text-xl";
|
|
53236
|
+
}
|
|
53218
53237
|
return "text-icon-primary text-xl";
|
|
53219
53238
|
}
|
|
53220
|
-
getSubItemCaretIconClass() {
|
|
53239
|
+
getSubItemCaretIconClass(e, t) {
|
|
53240
|
+
if (this.isItemFaded(e, t)) {
|
|
53241
|
+
return "text-icon-disabled text-base";
|
|
53242
|
+
}
|
|
53221
53243
|
return "text-icon-primary text-base";
|
|
53222
53244
|
}
|
|
53223
53245
|
getCaretIconClass(e) {
|
|
53224
|
-
|
|
53246
|
+
const t = this.isItemActive(e);
|
|
53247
|
+
if (this.isItemFaded(e, t)) {
|
|
53248
|
+
return "text-text-disabled text-base";
|
|
53249
|
+
}
|
|
53250
|
+
if (t) {
|
|
53225
53251
|
return "text-text-primary text-base";
|
|
53226
53252
|
}
|
|
53227
53253
|
return "text-text-secondary text-base";
|
|
@@ -53252,20 +53278,28 @@ const SulaMenu = class {
|
|
|
53252
53278
|
const r = this.hasVisibleGrandchildren(o);
|
|
53253
53279
|
const c = t && !!o.expanded;
|
|
53254
53280
|
const i = this.isSubItemActive(e.id, o);
|
|
53281
|
+
const a = this.isItemFaded(o, i);
|
|
53255
53282
|
if (!r) {
|
|
53256
53283
|
return h$1("li", {
|
|
53257
53284
|
class: "list-none",
|
|
53258
53285
|
key: o.id
|
|
53259
53286
|
}, h$1("a", {
|
|
53260
|
-
class:
|
|
53287
|
+
class: {
|
|
53288
|
+
"submenu-item flex min-w-0 items-center rounded-xs py-16 pl-24 select-none": true,
|
|
53289
|
+
"cursor-pointer hover:bg-box-shadow-body": !o.disabled,
|
|
53290
|
+
"cursor-not-allowed": !!o.disabled
|
|
53291
|
+
},
|
|
53261
53292
|
title: o.label,
|
|
53293
|
+
"aria-disabled": !!o.disabled,
|
|
53262
53294
|
onClick: () => this.handleSubItemClick(e.id, o)
|
|
53263
53295
|
}, h$1("sula-icon", {
|
|
53264
53296
|
icon: o.icon,
|
|
53265
|
-
customClass: this.getSubItemIconClass(o)
|
|
53297
|
+
customClass: this.getSubItemIconClass(o, i)
|
|
53266
53298
|
}), h$1("span", {
|
|
53267
53299
|
class: {
|
|
53268
|
-
"ml-8 truncate text-sm
|
|
53300
|
+
"ml-8 truncate text-sm": true,
|
|
53301
|
+
"text-text-primary": !a,
|
|
53302
|
+
"text-text-disabled": a,
|
|
53269
53303
|
"font-bold": i
|
|
53270
53304
|
}
|
|
53271
53305
|
}, o.label)));
|
|
@@ -53275,26 +53309,31 @@ const SulaMenu = class {
|
|
|
53275
53309
|
key: o.id
|
|
53276
53310
|
}, h$1("a", {
|
|
53277
53311
|
class: {
|
|
53278
|
-
"submenu-item submenu-item--branch flex w-full
|
|
53312
|
+
"submenu-item submenu-item--branch flex w-full items-center rounded-xs py-16 pl-24 select-none": true,
|
|
53313
|
+
"cursor-pointer hover:bg-box-shadow-body": !o.disabled,
|
|
53314
|
+
"cursor-not-allowed": !!o.disabled,
|
|
53279
53315
|
"ml-[-2px] border-l-2 border-negative-negative-1 font-bold": i
|
|
53280
53316
|
},
|
|
53281
53317
|
title: o.label,
|
|
53318
|
+
"aria-disabled": !!o.disabled,
|
|
53282
53319
|
onClick: () => this.handleSubItemClick(e.id, o)
|
|
53283
53320
|
}, h$1("div", {
|
|
53284
53321
|
class: "submenu-item-branch-content flex min-w-0 flex-1 items-center"
|
|
53285
53322
|
}, h$1("sula-icon", {
|
|
53286
53323
|
icon: o.icon,
|
|
53287
|
-
customClass: this.getSubItemIconClass(o)
|
|
53324
|
+
customClass: this.getSubItemIconClass(o, i)
|
|
53288
53325
|
}), h$1("span", {
|
|
53289
53326
|
class: {
|
|
53290
|
-
"ml-8 truncate text-sm
|
|
53327
|
+
"ml-8 truncate text-sm": true,
|
|
53328
|
+
"text-text-primary": !a,
|
|
53329
|
+
"text-text-disabled": a,
|
|
53291
53330
|
"font-bold": i
|
|
53292
53331
|
}
|
|
53293
53332
|
}, o.label)), h$1("div", {
|
|
53294
53333
|
class: "submenu-item-branch-caret flex flex-none items-center justify-end pl-8"
|
|
53295
53334
|
}, h$1("sula-icon", {
|
|
53296
53335
|
icon: `ph-bold ph-caret-${c ? "up" : "down"}`,
|
|
53297
|
-
customClass: this.getSubItemCaretIconClass()
|
|
53336
|
+
customClass: this.getSubItemCaretIconClass(o, i)
|
|
53298
53337
|
}))), h$1("ul", {
|
|
53299
53338
|
"aria-hidden": !c,
|
|
53300
53339
|
class: {
|
|
@@ -53302,25 +53341,36 @@ const SulaMenu = class {
|
|
|
53302
53341
|
"submenu--expanded": c,
|
|
53303
53342
|
"submenu-branch ml-[-2px] pl-20 border-l-2 border-negative-negative-1": true
|
|
53304
53343
|
}
|
|
53305
|
-
}, this.getVisibleGrandchildren(o).map((t =>
|
|
53306
|
-
|
|
53307
|
-
|
|
53308
|
-
|
|
53309
|
-
|
|
53310
|
-
|
|
53311
|
-
|
|
53312
|
-
|
|
53313
|
-
|
|
53314
|
-
|
|
53315
|
-
|
|
53316
|
-
|
|
53317
|
-
|
|
53344
|
+
}, this.getVisibleGrandchildren(o).map((t => {
|
|
53345
|
+
const r = this.isSelectedGrandchild(e.id, o.id, t.id);
|
|
53346
|
+
const c = this.isItemFaded(t, r);
|
|
53347
|
+
return h$1("li", {
|
|
53348
|
+
class: "list-none",
|
|
53349
|
+
key: t.id
|
|
53350
|
+
}, h$1("a", {
|
|
53351
|
+
class: {
|
|
53352
|
+
"submenu-grandchild-item flex items-center rounded-xs p-8 text-sm": true,
|
|
53353
|
+
"cursor-pointer hover:bg-box-shadow-body": !t.disabled,
|
|
53354
|
+
"cursor-not-allowed": !!t.disabled,
|
|
53355
|
+
"text-text-primary": !c,
|
|
53356
|
+
"text-text-disabled": c
|
|
53357
|
+
},
|
|
53358
|
+
"aria-disabled": !!t.disabled,
|
|
53359
|
+
onClick: () => this.handleGrandchildClick(e.id, o.id, t)
|
|
53360
|
+
}, h$1("span", {
|
|
53361
|
+
class: {
|
|
53362
|
+
"submenu-grandchild-label truncate pl-16 text-sm": true,
|
|
53363
|
+
"font-bold": r
|
|
53364
|
+
},
|
|
53365
|
+
title: t.label
|
|
53366
|
+
}, t.label)));
|
|
53367
|
+
}))));
|
|
53318
53368
|
}));
|
|
53319
53369
|
}
|
|
53320
53370
|
render() {
|
|
53321
53371
|
const e = !this.collapsed || this.previewExpanded;
|
|
53322
53372
|
return h$1(Host, {
|
|
53323
|
-
key: "
|
|
53373
|
+
key: "6ac5f4be864c6c7fe904ed4e7b9bd972ef3712ee",
|
|
53324
53374
|
class: {
|
|
53325
53375
|
"menu-host--collapsed": this.collapsed,
|
|
53326
53376
|
"menu-host--density-compact": this.density === SulaMenuDensity.Compact,
|
|
@@ -53328,7 +53378,7 @@ const SulaMenu = class {
|
|
|
53328
53378
|
},
|
|
53329
53379
|
style: this.hostStyleVariables
|
|
53330
53380
|
}, h$1("aside", {
|
|
53331
|
-
key: "
|
|
53381
|
+
key: "20482baeca3b66bf1c6814e36449e1326c5cd185",
|
|
53332
53382
|
part: "shell",
|
|
53333
53383
|
onMouseEnter: () => this.handleMenuMouseEnter(),
|
|
53334
53384
|
onMouseLeave: () => this.handleMenuMouseLeave(),
|
|
@@ -53339,24 +53389,24 @@ const SulaMenu = class {
|
|
|
53339
53389
|
"menu-shell--preview": this.collapsed && this.previewExpanded
|
|
53340
53390
|
}
|
|
53341
53391
|
}, h$1("div", {
|
|
53342
|
-
key: "
|
|
53392
|
+
key: "9c82ea881535b698d62341f05c47d55f73d9291d",
|
|
53343
53393
|
class: {
|
|
53344
53394
|
"menu-header flex items-center pb-12": true,
|
|
53345
53395
|
"mb-3 px-7": e,
|
|
53346
53396
|
"mb-0 justify-center px-0": !e
|
|
53347
53397
|
}
|
|
53348
53398
|
}, this.image && h$1("div", {
|
|
53349
|
-
key: "
|
|
53399
|
+
key: "a3b140eb5a58db588171824fdfacaeb3753390ba",
|
|
53350
53400
|
class: {
|
|
53351
53401
|
"menu-brand-image max-h-10 max-w-10 overflow-hidden": true,
|
|
53352
53402
|
"mr-6": e
|
|
53353
53403
|
}
|
|
53354
53404
|
}, h$1("img", {
|
|
53355
|
-
key: "
|
|
53405
|
+
key: "84cbed65f274042f333d3975a2f83518967c9bf7",
|
|
53356
53406
|
src: this.image,
|
|
53357
53407
|
alt: this.menuTitle
|
|
53358
53408
|
})), h$1("div", {
|
|
53359
|
-
key: "
|
|
53409
|
+
key: "94d2c33c27b361f4f73fc33fa517c455b2db1838",
|
|
53360
53410
|
"aria-hidden": !e,
|
|
53361
53411
|
title: e ? this.menuTitle : undefined,
|
|
53362
53412
|
class: {
|
|
@@ -53365,11 +53415,11 @@ const SulaMenu = class {
|
|
|
53365
53415
|
"menu-copy--hidden": !e
|
|
53366
53416
|
}
|
|
53367
53417
|
}, h$1("h1", {
|
|
53368
|
-
key: "
|
|
53418
|
+
key: "f5f470c893d61b33cc7126adef4effbf55e79ece",
|
|
53369
53419
|
part: "title",
|
|
53370
53420
|
class: "truncate text-xl font-semibold leading-tight text-text-primary"
|
|
53371
53421
|
}, this.menuTitle))), h$1("nav", {
|
|
53372
|
-
key: "
|
|
53422
|
+
key: "a8a04e84487fc9ca3e0496428e5ff512c958f76d",
|
|
53373
53423
|
class: {
|
|
53374
53424
|
"menu-nav flex h-full flex-col overflow-y-auto overflow-x-hidden pb-16": true,
|
|
53375
53425
|
"px-20": e,
|
|
@@ -53377,16 +53427,21 @@ const SulaMenu = class {
|
|
|
53377
53427
|
}
|
|
53378
53428
|
}, this.getVisibleItems(this.items).map((t => {
|
|
53379
53429
|
const o = this.hasVisibleSubItems(t);
|
|
53430
|
+
const r = this.isItemActive(t);
|
|
53431
|
+
const c = this.isItemFaded(t, r);
|
|
53380
53432
|
return h$1("li", {
|
|
53381
53433
|
class: "decoration-none list-none",
|
|
53382
53434
|
key: t.id
|
|
53383
53435
|
}, h$1("div", {
|
|
53384
53436
|
class: {
|
|
53385
|
-
"menu-item flex w-full
|
|
53437
|
+
"menu-item flex w-full items-center rounded-xs p-8": true,
|
|
53438
|
+
"cursor-pointer hover:bg-box-shadow-body": !t.disabled,
|
|
53439
|
+
"cursor-not-allowed": !!t.disabled,
|
|
53386
53440
|
"justify-between": e,
|
|
53387
53441
|
"justify-center": !e
|
|
53388
53442
|
},
|
|
53389
53443
|
title: !e ? t.label : undefined,
|
|
53444
|
+
"aria-disabled": !!t.disabled,
|
|
53390
53445
|
onClick: () => this.handleItemClick(t)
|
|
53391
53446
|
}, h$1("div", {
|
|
53392
53447
|
class: {
|
|
@@ -53397,7 +53452,7 @@ const SulaMenu = class {
|
|
|
53397
53452
|
}, h$1("div", {
|
|
53398
53453
|
class: {
|
|
53399
53454
|
"flex flex-none items-center justify-center": true,
|
|
53400
|
-
"h-9 w-9 rounded-full bg-brand-primary":
|
|
53455
|
+
"h-9 w-9 rounded-full bg-brand-primary": r
|
|
53401
53456
|
}
|
|
53402
53457
|
}, h$1("sula-icon", {
|
|
53403
53458
|
icon: t.icon,
|
|
@@ -53413,8 +53468,9 @@ const SulaMenu = class {
|
|
|
53413
53468
|
"menu-item-label--wrap": this.labelOverflow !== SulaMenuLabelOverflow.Truncate,
|
|
53414
53469
|
"menu-copy--visible": e,
|
|
53415
53470
|
"menu-copy--hidden": !e,
|
|
53416
|
-
"font-bold text-text-primary":
|
|
53417
|
-
"text-text-
|
|
53471
|
+
"font-bold text-text-primary": r,
|
|
53472
|
+
"text-text-disabled": c,
|
|
53473
|
+
"text-text-secondary": !r && !c
|
|
53418
53474
|
}
|
|
53419
53475
|
}, t.label)), o && h$1("sula-icon", {
|
|
53420
53476
|
"aria-hidden": !e,
|
|
@@ -53435,14 +53491,14 @@ const SulaMenu = class {
|
|
|
53435
53491
|
}
|
|
53436
53492
|
}, this.renderSubmenuItems(t, e)));
|
|
53437
53493
|
}))), h$1("div", {
|
|
53438
|
-
key: "
|
|
53494
|
+
key: "b26f82dcb98d573bd22425962ab5fa68ba46a157",
|
|
53439
53495
|
class: {
|
|
53440
53496
|
"menu-toggle-wrapper pb-16": true,
|
|
53441
53497
|
"px-20": e,
|
|
53442
53498
|
"px-12": !e
|
|
53443
53499
|
}
|
|
53444
53500
|
}, h$1("button", {
|
|
53445
|
-
key: "
|
|
53501
|
+
key: "4dcfa3c0de3c81b535c0c8f546ea9fe92cef2323",
|
|
53446
53502
|
type: "button",
|
|
53447
53503
|
class: {
|
|
53448
53504
|
"menu-toggle flex w-full cursor-pointer items-center rounded-xs p-8 hover:bg-box-shadow-body": true,
|
|
@@ -53452,14 +53508,14 @@ const SulaMenu = class {
|
|
|
53452
53508
|
title: this.collapsed ? "Fixar menu" : "Ocultar menu",
|
|
53453
53509
|
onClick: () => this.toggleMenu()
|
|
53454
53510
|
}, h$1("div", {
|
|
53455
|
-
key: "
|
|
53511
|
+
key: "b55252be76564d8c791c0b6be718c752ea67f717",
|
|
53456
53512
|
class: "menu-toggle-icon flex h-10 w-10 items-center justify-center rounded-full border border-line-general bg-surface-body"
|
|
53457
53513
|
}, h$1("sula-icon", {
|
|
53458
|
-
key: "
|
|
53514
|
+
key: "3c196506dc2e00426a3258e96240aee88c51e9fe",
|
|
53459
53515
|
icon: `ph ph-arrow-${this.collapsed ? "right" : "left"}`,
|
|
53460
53516
|
customClass: "text-text-secondary text-xl"
|
|
53461
53517
|
})), h$1("span", {
|
|
53462
|
-
key: "
|
|
53518
|
+
key: "a3684820fa7fe39602c50deb8ab4ff2c7a99db2c",
|
|
53463
53519
|
part: "toggle-label",
|
|
53464
53520
|
"aria-hidden": !e,
|
|
53465
53521
|
class: {
|
|
@@ -57583,4 +57639,4 @@ SulaTooltip.style = sulaTooltipCss;
|
|
|
57583
57639
|
|
|
57584
57640
|
export { SulaAvatar as sula_avatar, SulaBadge as sula_badge, SulaBreadcrumb as sula_breadcrumb, SulaButton as sula_button, SulaCheckbox as sula_checkbox, SulaChip as sula_chip, SulaDropdown as sula_dropdown, SulaIcon as sula_icon, SulaIconPicker as sula_icon_picker, SulaLoader as sula_loader, SulaMenu as sula_menu, SulaMenuSelectList as sula_menu_select_list, SulaModal as sula_modal, SulaProgressBar as sula_progress_bar, SulaRadioButton as sula_radio_button, SulaSearchBar as sula_search_bar, SulaSegmentedControl as sula_segmented_control, SulaSwitch as sula_switch, SulaTable as sula_table, SulaTableBody as sula_table_body, SulaTableCell as sula_table_cell, SulaTableHeadCell as sula_table_head_cell, SulaTableHeader as sula_table_header, SulaTableRow as sula_table_row, SulaTag as sula_tag, SulaTextarea as sula_textarea, SulaTextfield as sula_textfield, SulaTiles as sula_tiles, SulaTimelineList as sula_timeline_list, SulaToggle as sula_toggle, SulaTooltip as sula_tooltip };
|
|
57585
57641
|
//# sourceMappingURL=sula-avatar.sula-badge.sula-breadcrumb.sula-button.sula-checkbox.sula-chip.sula-dropdown.sula-icon.sula-icon-picker.sula-loader.sula-menu.sula-menu-select-list.sula-modal.sula-progress-bar.sula-radio-button.sula-search-bar.sula-segmented-control.sula-switch.sula-table.sula-table-body.sula-table-cell.sula-table-head-cell.sula-table-header.sula-table-row.sula-tag.sula-textarea.sula-textfield.sula-tiles.sula-timeline-list.sula-toggle.sula-tooltip.entry.esm.js.map
|
|
57586
|
-
//# sourceMappingURL=p-
|
|
57642
|
+
//# sourceMappingURL=p-95ca03c9.entry.js.map
|