@mozaic-ds/web-components 1.6.0 → 1.8.0

package/dist/components/segmentedcontrol/SegmentedControl.spec.js

@@ -2,15 +2,25 @@ import { describe, it, expect, vi } from 'vitest';
 import { render, fireEvent } from '@testing-library/svelte';
 import SegmentedControl from './SegmentedControl.svelte';
 describe('m-segmented-control component', () => {
-    const baseProps = {
+    const numberBasedProps = {
         segments: [{ label: 'Segment 1' }, { label: 'Segment 2' }, { label: 'Segment 3' }],
         selected: 1,
         size: 's',
         full: false,
     };
+    const stringBasedProps = {
+        segments: [
+            { id: '1', label: 'Segment 1' },
+            { id: '2', label: 'Segment 2' },
+            { id: '3', label: 'Segment 3' },
+        ],
+        selected: '2',
+        size: 's',
+        full: false,
+    };
     it('renders correct number of segments with labels', () => {
         const { getAllByRole } = render(SegmentedControl, {
-            props: baseProps,
+            props: numberBasedProps,
         });
         const buttons = getAllByRole('radio');
         expect(buttons.length).toBe(3);
@@ -18,32 +28,59 @@ describe('m-segmented-control component', () => {
         expect(buttons[1].textContent).toBe('Segment 2');
         expect(buttons[2].textContent).toBe('Segment 3');
     });
-    it('sets the correct initial selected segment', () => {
-        const { getAllByRole } = render(SegmentedControl, { props: baseProps });
-        const buttons = getAllByRole('radio');
-        expect(buttons[1].getAttribute('aria-checked')).toBe('true');
-        expect(buttons[1].tabIndex).toBe(0);
-        expect(buttons[0].getAttribute('aria-checked')).toBe('false');
-        expect(buttons[0].tabIndex).toBe(-1);
+    describe('Segment selection - number type', () => {
+        it('sets the correct initial selected segment', () => {
+            const { getAllByRole } = render(SegmentedControl, { props: numberBasedProps });
+            const buttons = getAllByRole('radio');
+            expect(buttons[1].getAttribute('aria-checked')).toBe('true');
+            expect(buttons[1].tabIndex).toBe(0);
+            expect(buttons[0].getAttribute('aria-checked')).toBe('false');
+            expect(buttons[0].tabIndex).toBe(-1);
+        });
+        it('updates selected segment and dispatches event on click', async () => {
+            const { container, getAllByRole } = render(SegmentedControl, {
+                props: numberBasedProps,
+            });
+            const buttons = getAllByRole('radio');
+            const handler = vi.fn();
+            container.firstChild?.addEventListener('change', handler);
+            await fireEvent.click(buttons[2]);
+            expect(handler).toHaveBeenCalledTimes(1);
+            expect(handler.mock.calls[0][0].detail).toBe(2);
+            expect(buttons[2].getAttribute('aria-checked')).toBe('true');
+            expect(buttons[2].tabIndex).toBe(0);
+            expect(buttons[1].getAttribute('aria-checked')).toBe('false');
+            expect(buttons[1].tabIndex).toBe(-1);
+        });
     });
-    it('updates selected segment and dispatches event on click', async () => {
-        const { container, getAllByRole } = render(SegmentedControl, {
-            props: baseProps,
+    describe('Segment selection - string type', () => {
+        it('sets the correct initial selected segment', () => {
+            const { getAllByRole } = render(SegmentedControl, { props: stringBasedProps });
+            const buttons = getAllByRole('radio');
+            expect(buttons[1].getAttribute('aria-checked')).toBe('true');
+            expect(buttons[1].tabIndex).toBe(0);
+            expect(buttons[0].getAttribute('aria-checked')).toBe('false');
+            expect(buttons[0].tabIndex).toBe(-1);
+        });
+        it('updates selected segment and dispatches event on click', async () => {
+            const { container, getAllByRole } = render(SegmentedControl, {
+                props: stringBasedProps,
+            });
+            const buttons = getAllByRole('radio');
+            const handler = vi.fn();
+            container.firstChild?.addEventListener('change', handler);
+            await fireEvent.click(buttons[2]);
+            expect(handler).toHaveBeenCalledTimes(1);
+            expect(handler.mock.calls[0][0].detail).toBe('3');
+            expect(buttons[2].getAttribute('aria-checked')).toBe('true');
+            expect(buttons[2].tabIndex).toBe(0);
+            expect(buttons[1].getAttribute('aria-checked')).toBe('false');
+            expect(buttons[1].tabIndex).toBe(-1);
         });
-        const buttons = getAllByRole('radio');
-        const handler = vi.fn();
-        container.firstChild?.addEventListener('change', handler);
-        await fireEvent.click(buttons[2]);
-        expect(handler).toHaveBeenCalledTimes(1);
-        expect(handler.mock.calls[0][0].detail).toBe(2);
-        expect(buttons[2].getAttribute('aria-checked')).toBe('true');
-        expect(buttons[2].tabIndex).toBe(0);
-        expect(buttons[1].getAttribute('aria-checked')).toBe('false');
-        expect(buttons[1].tabIndex).toBe(-1);
     });
     it('applies size and full classes correctly', () => {
         const { container } = render(SegmentedControl, {
-            props: { ...baseProps, size: 'm', full: true },
+            props: { ...numberBasedProps, size: 'm', full: true },
         });
         const rootDiv = container.querySelector('.mc-segmented-control');
         expect(rootDiv.classList.contains('mc-segmented-control--m')).toBe(true);

package/dist/components/segmentedcontrol/SegmentedControl.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentedControl.stories.d.ts","sourceRoot":"","sources":["../../../src/components/segmentedcontrol/SegmentedControl.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAIrE,OAAO,2BAA2B,CAAC;AAEnC,QAAA,MAAM,IAAI,EAAE,IA4CX,CAAC;AACF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AAEtB,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,IAAI,EAAE,KAElB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAElB,CAAC"}
+{"version":3,"file":"SegmentedControl.stories.d.ts","sourceRoot":"","sources":["../../../src/components/segmentedcontrol/SegmentedControl.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAIrE,OAAO,2BAA2B,CAAC;AAEnC,QAAA,MAAM,IAAI,EAAE,IAiDX,CAAC;AACF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AAEtB,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,IAAI,EAAE,KAElB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAElB,CAAC"}

package/dist/components/segmentedcontrol/SegmentedControl.stories.js

@@ -16,17 +16,22 @@ const meta = {
         },
     },
     args: {
+        selected: 'label2',
         segments: [
             {
+                id: 'label1',
                 label: 'Label',
             },
             {
+                id: 'label2',
                 label: 'Label',
             },
             {
+                id: 'label3',
                 label: 'Label',
             },
             {
+                id: 'label4',
                 label: 'Label',
             },
         ],
@@ -35,7 +40,7 @@ const meta = {
         const onChange = action('change');
         return html `
       <m-segmented-control
-        selected=${ifDefined(args.selected)}
+        selected="${args.selected}"
         ?full=${args.full}
         size=${ifDefined(args.size)}
         .segments=${ifDefined(args.segments)}

package/dist/components/segmentedcontrol/SegmentedControl.svelte

@@ -11,13 +11,16 @@
   /**
    * A Segmented Control allows users to switch between multiple options or views within a single container. It provides a compact and efficient way to toggle between sections without requiring a dropdown or separate navigation. Segmented Controls are commonly used in filters, tabbed navigation, and content selection to enhance user interaction and accessibility.
    *
-   * @event change {CustomEvent<number>} - Emits when the selected segment changes.
+   * @event change {CustomEvent<number | string | undefined>} - Emits when the selected segment changes.
    */
   interface Props {
     /**
-     * The selected segment index, bound via v-model.
+     * Defines the currently active tab.
+     *
+     * - If a `number` is provided, it represents the index of the segment.
+     * - If a `string` is provided, it must match the `id` of one of the segments.
      */
-    selected?: number;
+    selected?: number | string;
     /**
      * if `true`, the segmented control take the full width.
      */
@@ -30,6 +33,10 @@
      * An array of objects that allows you to provide all the data needed to generate the content for each segment.
      */
     segments: Array<{
+      /**
+       * Unique identifier for the segment.
+       */
+      id?: string;
       /**
        * The label displayed for the segment.
        */
@@ -40,16 +47,22 @@
   let { selected = $bindable(0), full, size = 's', segments }: Props = $props();
   let element: HTMLElement;
 
-  const onClick = (index: number) => {
-    selected = index;
+  const onClick = (index: number, id?: string) => {
+    const value = typeof selected === 'string' ? id || '' : index;
+    selected = value;
 
     const event = new CustomEvent('change', {
-      detail: index,
+      detail: value,
       bubbles: true,
       composed: true,
     });
     element.dispatchEvent(event);
   };
+
+  const isSegmentSelected = (index: number, id?: string) => {
+    const value = typeof selected === 'string' ? id || '' : index;
+    return selected === value;
+  };
 </script>
 
 <div
@@ -66,12 +79,12 @@
       type="button"
       class={[
         'mc-segmented-control__segment',
-        selected === index && 'mc-segmented-control__segment--selected',
+        isSegmentSelected(index, segment.id) && 'mc-segmented-control__segment--selected',
       ]}
       role="radio"
-      tabindex={selected === index ? 0 : -1}
-      aria-checked={selected === index ? 'true' : 'false'}
-      onclick={() => onClick(index)}
+      tabindex={isSegmentSelected(index, segment.id) ? 0 : -1}
+      aria-checked={isSegmentSelected(index, segment.id) ? 'true' : 'false'}
+      onclick={() => onClick(index, segment.id)}
     >
       {segment.label}
     </button>

package/dist/components/segmentedcontrol/SegmentedControl.svelte.d.ts

@@ -1,13 +1,16 @@
 /**
  * A Segmented Control allows users to switch between multiple options or views within a single container. It provides a compact and efficient way to toggle between sections without requiring a dropdown or separate navigation. Segmented Controls are commonly used in filters, tabbed navigation, and content selection to enhance user interaction and accessibility.
  *
- * @event change {CustomEvent<number>} - Emits when the selected segment changes.
+ * @event change {CustomEvent<number | string | undefined>} - Emits when the selected segment changes.
  */
 interface Props {
     /**
-     * The selected segment index, bound via v-model.
+     * Defines the currently active tab.
+     *
+     * - If a `number` is provided, it represents the index of the segment.
+     * - If a `string` is provided, it must match the `id` of one of the segments.
      */
-    selected?: number;
+    selected?: number | string;
     /**
      * if `true`, the segmented control take the full width.
      */
@@ -20,6 +23,10 @@ interface Props {
      * An array of objects that allows you to provide all the data needed to generate the content for each segment.
      */
     segments: Array<{
+        /**
+         * Unique identifier for the segment.
+         */
+        id?: string;
         /**
          * The label displayed for the segment.
          */

package/dist/components/segmentedcontrol/SegmentedControl.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentedControl.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/segmentedcontrol/SegmentedControl.svelte.ts"],"names":[],"mappings":"AAGE;;;;GAIG;AACH,UAAU,KAAK;IACb;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;IACjB;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC;QACd;;WAEG;QACH,KAAK,EAAE,MAAM,CAAC;KACf,CAAC,CAAC;CACJ;AA6CH,QAAA,MAAM,gBAAgB,mDAAwC,CAAC;AAC/D,KAAK,gBAAgB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAC5D,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"SegmentedControl.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/segmentedcontrol/SegmentedControl.svelte.ts"],"names":[],"mappings":"AAGE;;;;GAIG;AACH,UAAU,KAAK;IACb;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;IACjB;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC;QACd;;WAEG;QACH,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ;;WAEG;QACH,KAAK,EAAE,MAAM,CAAC;KACf,CAAC,CAAC;CACJ;AAmDH,QAAA,MAAM,gBAAgB,mDAAwC,CAAC;AAC/D,KAAK,gBAAgB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAC5D,eAAe,gBAAgB,CAAC"}

package/dist/components/select/Select.js

@@ -1,7 +1,7 @@
-import{c as A,e as D,a as F,p as t,k as Y,t as w,b as z,d as q,f as y,n as G,j as d,i as a,r as c,m as C,s as H,h as I,l as v}from"../../custom-element.js";import{i as J}from"../../if.js";import{e as K,i as N}from"../../each.js";import{a as O,d as P}from"../../attributes.js";import{c as Q}from"../../custom-element-forward-events.js";import"../../branches.js";var R=y('<option disabled="" selected=""> </option>'),T=y("<option> </option>"),U=y("<div><select><!><!></select></div>");const V={hash:"svelte-6nznl5",code:`/**
+import{c as A,e as D,a as F,p as t,s as Y,t as w,j as q,n as G,b as z,d as H,f as y,l as I,h as d,m as a,r as c,k as C,i as v}from"../../custom-element.js";import{i as J}from"../../if.js";import{e as K,i as N}from"../../each.js";import{a as O,d as P}from"../../attributes.js";import{c as Q}from"../../custom-element-forward-events.js";import"../../branches.js";var R=y('<option disabled="" selected=""> </option>'),T=y("<option> </option>"),U=y("<div><select><!><!></select></div>");const V={hash:"svelte-6nznl5",code:`/**
  * Do not edit directly, this file was auto-generated.
  */
 /* stylelint-disable string-no-newline */.mc-select.svelte-6nznl5 {position:relative;display:block;width:100%;}.mc-select.svelte-6nznl5::after {content:"";pointer-events:none;position:absolute;top:50%;right:1rem;transform:translateY(-50%);width:1rem;height:1rem;background-color:var(--forms-color-icon-interactive, #000000);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' viewBox='0 0 16 16'%3E%3Cpath d='M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E") no-repeat center/contain;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' viewBox='0 0 16 16'%3E%3Cpath d='M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E") no-repeat center/contain;}.mc-select__control.svelte-6nznl5 {appearance:none;font-family:inherit;transition:box-shadow 200ms ease;font-size:var(--font-size-150, 1rem);line-height:var(--line-height-s, 1.3);height:3rem;padding:0 3rem 0 0.75rem;background-position:right 1rem center;border:var(--border-width-s, 0.0625rem) solid var(--forms-color-border-default, #666666);display:block;width:100%;color:var(--forms-color-text-default, #000000);background-color:var(--forms-color-background-default, #ffffff);text-overflow:ellipsis;border-radius:var(--border-radius-s, 0.25rem);}.mc-select__control.svelte-6nznl5:hover {border-color:var(--forms-color-border-hover, #4d4d4d);box-shadow:0 0 0 var(--border-width-s, 0.0625rem) var(--forms-color-border-hover, #4d4d4d);}.mc-select__control.svelte-6nznl5:focus {box-shadow:0 0 0 0.125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)), 0 0 0 0.25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:0.125rem solid transparent;outline-offset:0.125rem;}.mc-select__control.svelte-6nznl5:disabled {background-color:var(--forms-color-background-disabled, #d9d9d9);border-color:transparent;cursor:not-allowed;box-shadow:none;color:var(--forms-color-text-disabled, #737373);}.mc-select__control--readonly.svelte-6nznl5 {border-color:var(--forms-color-border-read-only, #cccccc);pointer-events:none;}.mc-select__control.is-invalid.svelte-6nznl5 {border-color:var(--forms-color-border-invalid, #ea302d);box-shadow:0 0 0 var(--border-width-s, 0.0625rem) var(--forms-color-border-invalid, #ea302d);}.mc-select__control.is-invalid.svelte-6nznl5:hover {border-color:var(--forms-color-border-invalid-hover, #c61112);box-shadow:0 0 0 var(--border-width-s, 0.0625rem) var(--forms-color-border-invalid-hover, #c61112);}.mc-select--s.svelte-6nznl5 .mc-select__control:where(.svelte-6nznl5) {font-size:var(--font-size-100, 0.875rem);line-height:var(--line-height-s, 1.3);height:2rem;padding:0 2rem 0 0.5rem;background-position:right 0.5rem center;}
 
-/* stylelint-enable string-no-newline */`};function W(x,r){D(r,!0),F(x,V);let m=t(r,"id",7),u=t(r,"name",7),f=t(r,"value",15),s=t(r,"placeholder",7),h=t(r,"size",7,"m"),b=t(r,"isinvalid",7),g=t(r,"disabled",7),p=t(r,"readonly",7),_=t(r,"options",7),B=G(r,["$$slots","$$events","$$legacy","$$host","id","name","value","placeholder","size","isinvalid","disabled","readonly","options"]);var L={get id(){return m()},set id(e){m(e),a()},get name(){return u()},set name(e){u(e),a()},get value(){return f()},set value(e){f(e),a()},get placeholder(){return s()},set placeholder(e){s(e),a()},get size(){return h()},set size(e="m"){h(e),a()},get isinvalid(){return b()},set isinvalid(e){b(e),a()},get disabled(){return g()},set disabled(e){g(e),a()},get readonly(){return p()},set readonly(e){p(e),a()},get options(){return _()},set options(e){_(e),a()}},n=U(),i=d(n);O(i,()=>({id:m(),class:["mc-select__control",p()&&"mc-select__control--readonly",b()&&"is-invalid"],name:u(),disabled:g(),...B}),void 0,void 0,void 0,"svelte-6nznl5");var k=d(i);{var M=e=>{var o=R(),l=d(o);c(o),o.value=o.__value="",w(()=>C(l,`-- ${s()??""} --`)),z(e,o)};J(k,e=>{s()&&e(M)})}var S=Y(k);return K(S,17,_,N,(e,o)=>{var l=T(),j=d(l,!0);c(l);var E={};w(()=>{l.disabled=v(o).disabled,C(j,v(o).text),E!==(E=v(o).value)&&(l.value=(l.__value=v(o).value)??"")}),z(e,l)}),c(i),c(n),w(()=>H(n,1,I(["mc-select",`mc-select--${h()}`]),"svelte-6nznl5")),P(i,f),z(x,n),q(L)}customElements.define("m-select",A(W,{options:{attribute:"options",type:"Array"},isinvalid:{attribute:"isinvalid",reflect:!0,type:"Boolean"},disabled:{attribute:"disabled",reflect:!0,type:"Boolean"},readonly:{attribute:"readonly",reflect:!0,type:"Boolean"},id:{},name:{},value:{},placeholder:{},size:{}},[],[],{mode:"open"},Q));
+/* stylelint-enable string-no-newline */`};function W(x,r){D(r,!0),F(x,V);let m=t(r,"id",7),u=t(r,"name",7),f=t(r,"value",15),s=t(r,"placeholder",7),h=t(r,"size",7,"m"),b=t(r,"isinvalid",7),g=t(r,"disabled",7),p=t(r,"readonly",7),_=t(r,"options",7),B=I(r,["$$slots","$$events","$$legacy","$$host","id","name","value","placeholder","size","isinvalid","disabled","readonly","options"]);var L={get id(){return m()},set id(e){m(e),a()},get name(){return u()},set name(e){u(e),a()},get value(){return f()},set value(e){f(e),a()},get placeholder(){return s()},set placeholder(e){s(e),a()},get size(){return h()},set size(e="m"){h(e),a()},get isinvalid(){return b()},set isinvalid(e){b(e),a()},get disabled(){return g()},set disabled(e){g(e),a()},get readonly(){return p()},set readonly(e){p(e),a()},get options(){return _()},set options(e){_(e),a()}},n=U(),i=d(n);O(i,()=>({id:m(),class:["mc-select__control",p()&&"mc-select__control--readonly",b()&&"is-invalid"],name:u(),disabled:g(),...B}),void 0,void 0,void 0,"svelte-6nznl5");var k=d(i);{var M=e=>{var o=R(),l=d(o);c(o),o.value=o.__value="",w(()=>C(l,`-- ${s()??""} --`)),z(e,o)};J(k,e=>{s()&&e(M)})}var S=Y(k);return K(S,17,_,N,(e,o)=>{var l=T(),j=d(l,!0);c(l);var E={};w(()=>{l.disabled=v(o).disabled,C(j,v(o).text),E!==(E=v(o).value)&&(l.value=(l.__value=v(o).value)??"")}),z(e,l)}),c(i),c(n),w(()=>q(n,1,G(["mc-select",`mc-select--${h()}`]),"svelte-6nznl5")),P(i,f),z(x,n),H(L)}customElements.define("m-select",A(W,{options:{attribute:"options",type:"Array"},isinvalid:{attribute:"isinvalid",reflect:!0,type:"Boolean"},disabled:{attribute:"disabled",reflect:!0,type:"Boolean"},readonly:{attribute:"readonly",reflect:!0,type:"Boolean"},id:{},name:{},value:{},placeholder:{},size:{}},[],[],{mode:"open"},Q));
 //# sourceMappingURL=Select.js.map

package/dist/components/sidebar/Sidebar.js

@@ -1,4 +1,4 @@
-import{c as M,e as B,a as S,p as v,B as I,k as l,t as q,b as D,d as P,f as Q,j as o,i as u,r as i,s as R,h as A,l as F,w as G}from"../../custom-element.js";import{o as H}from"../../index-client.js";import{s as d}from"../../slot.js";import{b as J}from"../../this.js";import{q as K}from"../../Condition20.js";import{I as N}from"../iconbutton/IconButton.js";import{M as O}from"../../media-query.js";import"../../attributes.js";import"../../if.js";import"../../branches.js";import"../loader/Loader.js";var T=Q('<aside><div class="mc-sidebar__wrapper svelte-l14y5r"><!> <!> <section class="mc-sidebar__container svelte-l14y5r"><nav class="mc-sidebar__menu svelte-l14y5r" aria-label="navigation items"><ul class="mc-sidebar__list svelte-l14y5r"><!></ul></nav></section> <!></div> <span class="mc-sidebar__close-button svelte-l14y5r"><!></span></aside>');const U={hash:"svelte-l14y5r",code:`/**
+import{c as M,e as B,a as S,p as v,B as I,s as l,t as q,j as D,n as P,b as Q,d as R,f as A,h as o,m as u,r as i,i as F,w as G}from"../../custom-element.js";import{o as H}from"../../index-client.js";import{s as d}from"../../slot.js";import{b as J}from"../../this.js";import{q as K}from"../../Condition20.js";import{I as N}from"../iconbutton/IconButton.js";import{M as O}from"../../media-query.js";import"../../attributes.js";import"../../if.js";import"../../branches.js";import"../loader/Loader.js";var T=A('<aside><div class="mc-sidebar__wrapper svelte-l14y5r"><!> <!> <section class="mc-sidebar__container svelte-l14y5r"><nav class="mc-sidebar__menu svelte-l14y5r" aria-label="navigation items"><ul class="mc-sidebar__list svelte-l14y5r"><!></ul></nav></section> <!></div> <span class="mc-sidebar__close-button svelte-l14y5r"><!></span></aside>');const U={hash:"svelte-l14y5r",code:`/**
  * Do not edit directly, this file was auto-generated.
  */.mc-sidebar.svelte-l14y5r {display:flex;align-items:start;font-size:var(--font-size-100, 0.875rem);color:var(--sidebar-color-text-default, #404040);box-sizing:border-box;background-color:var(--overlay-color-background, rgba(0, 0, 0, 0.5));padding-right:4rem;position:relative;}
 @media screen and (min-width: 680px) {.mc-sidebar.svelte-l14y5r {display:inline-flex;padding-right:0;}
@@ -14,5 +14,5 @@ import{c as M,e as B,a as S,p as v,B as I,k as l,t as q,b as D,d as P,f as Q,j a
 @media screen and (min-width: 680px) {.mc-sidebar__footer-expand--mobile.svelte-l14y5r {display:none;}
 }.mc-sidebar__footer-menu.svelte-l14y5r {width:19.75rem;box-sizing:border-box;padding:0.5rem 0.75rem;background-color:var(--listbox-color-background, #ffffff);border:1px solid var(--listbox-color-border, #cccccc);border-radius:var(--border-radius-m, 0.5rem);box-shadow:var(--shadow-bottom-s-x, 0px) var(--shadow-bottom-s-y, 5px) var(--shadow-bottom-s-blur, 10px) var(--shadow-bottom-s-spread, -2px) rgba(0, 0, 0, var(--shadow-bottom-s-opacity, 20%));}
 @media screen and (min-width: 680px) {.mc-sidebar__footer-menu.svelte-l14y5r {width:18.75rem;}
-}.mc-sidebar__header.svelte-l14y5r {display:flex;align-items:center;justify-content:center;gap:0.5rem;}.mc-sidebar__header-logo.svelte-l14y5r {width:2.5rem;height:2.5rem;}.mc-sidebar__header-title.svelte-l14y5r {font-size:var(--font-size-200, 1.125rem);font-weight:var(--font-weight-bold, 700);color:var(--sidebar-color-product-name, #000000);margin:0;flex-grow:1;display:none;}.mc-sidebar__listbox.svelte-l14y5r {min-width:18.75rem;border-radius:var(--border-radius-m, 0.5rem);background-color:var(--listbox-color-background, #ffffff);padding:1rem;display:flex;flex-direction:column;gap:0.25rem;box-shadow:var(--shadow-bottom-s-x, 0px) var(--shadow-bottom-s-y, 5px) var(--shadow-bottom-s-blur, 10px) var(--shadow-bottom-s-spread, -2px) rgba(0, 0, 0, var(--shadow-bottom-s-opacity, 20%));}.mc-sidebar__listbox-title.svelte-l14y5r {font-size:var(--font-size-150, 1rem);font-weight:var(--font-weight-semi-bold, 600);padding-bottom:0.75rem;margin:0;border-bottom:1px solid var(--divider-color-primary, #cccccc);color:var(--sidebar-color-shortcut-item-text-default, #404040);}.mc-sidebar__list.svelte-l14y5r {list-style-type:none;margin:0;padding:0;}.mc-sidebar__link.svelte-l14y5r {display:flex;align-items:center;gap:0.25rem;height:2.5rem;width:100%;padding-left:0.25rem;text-align:left;text-decoration:none;font-size:var(--font-size-150, 1rem);font-weight:var(--font-weight-semi-bold, 600);color:var(--sidebar-color-section-item-text-default, #404040);border-radius:var(--border-radius-m, 0.5rem);background:transparent;border:none;cursor:pointer;}.mc-sidebar__link--selected.svelte-l14y5r {color:var(--sidebar-color-section-item-text-selected, #006902);background:var(--sidebar-color-section-item-background-selected, #ebf5de);}.mc-sidebar__link--locked.svelte-l14y5r {pointer-events:none;}.mc-sidebar__link.svelte-l14y5r:not(.mc-sidebar__link--selected):hover {background:var(--sidebar-color-section-item-background-hover, rgba(0, 0, 0, 0.05));}.mc-sidebar__link.svelte-l14y5r:focus-visible {box-shadow:0 0 0 0.125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)), 0 0 0 0.25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:0.125rem solid transparent;outline-offset:0.125rem;}.mc-sidebar__icon.svelte-l14y5r {fill:currentcolor;width:1.5rem;height:1.5rem;}.mc-sidebar__indicator.svelte-l14y5r {fill:currentcolor;width:1.25rem;height:1.25rem;}.mc-sidebar__text.svelte-l14y5r {display:block;}.mc-sidebar__sub.svelte-l14y5r {width:1.25rem;height:1.25rem;}.mc-sidebar__sublist.svelte-l14y5r {list-style-type:none;margin:0;padding:0 0 0 2rem;display:flex;flex-direction:column;gap:0.25rem;}.mc-sidebar__item.svelte-l14y5r {position:relative;}.mc-sidebar__shortcut-wrapper.svelte-l14y5r {width:100%;display:grid;justify-content:center;position:relative;}.mc-sidebar__shortcut-list.svelte-l14y5r {display:flex;margin:0;}.mc-sidebar__shortcut-list--grid.svelte-l14y5r {padding:0;gap:0.5rem;align-items:center;}.mc-sidebar__shortcut-list--stacked.svelte-l14y5r {gap:0.25rem;flex-direction:column;padding:0;}.mc-sidebar__shortcut-list--stacked.svelte-l14y5r:not(.mc-sidebar__shortcut-list--floating) {padding:0 0 0.5rem 1rem;margin-bottom:0.5rem;border-bottom:1px solid var(--divider-color-primary, #cccccc);}.mc-sidebar__shortcut-item.svelte-l14y5r {cursor:pointer;display:flex;align-items:center;list-style:none;border-radius:var(--border-radius-m, 0.5rem);overflow:hidden;}.mc-sidebar__shortcut-item.svelte-l14y5r:hover {background-color:var(--sidebar-color-shortcut-item-background-hover, rgba(70, 78, 99, 0.2));}.mc-sidebar__shortcut-item.svelte-l14y5r:nth-child(n+5) {display:none;}.mc-sidebar__shortcut-item--grid.svelte-l14y5r {justify-content:center;padding:0 0.125rem;height:3rem;width:3.9375rem;background-color:var(--sidebar-color-shortcut-item-background-default, rgba(70, 78, 99, 0.1));}.mc-sidebar__shortcut-item--stacked.svelte-l14y5r {padding:0.125rem 0.25rem;width:12.5rem;height:2.5rem;}.mc-sidebar__shortcut-item--stacked.mc-sidebar__shortcut-item--floating.svelte-l14y5r {width:100%;padding:0.125rem 0 0.125rem 0.25rem;}.mc-sidebar__shortcut-item--selected.mc-sidebar__shortcut-item.svelte-l14y5r {background-color:var(--sidebar-color-shortcut-item-background-selected, #ebf5de);}.mc-sidebar__shortcut-item.svelte-l14y5r:is(.mc-sidebar__trigger:where(.svelte-l14y5r)) {width:3rem;height:3rem;justify-content:center;border:none;background-color:var(--sidebar-color-shortcut-item-background-default, rgba(70, 78, 99, 0.1));}.mc-sidebar__shortcut-item.svelte-l14y5r:is(.mc-sidebar__trigger:where(.svelte-l14y5r)):hover {background-color:var(--sidebar-color-shortcut-item-background-default, rgba(70, 78, 99, 0.1));}.mc-sidebar__shortcut-link.svelte-l14y5r:focus-visible {box-shadow:0 0 0 0.125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)), 0 0 0 0.25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:0.125rem solid transparent;outline-offset:0.125rem;}.mc-sidebar__shortcut-link.svelte-l14y5r {text-decoration:none;display:flex;align-items:center;justify-content:center;}.mc-sidebar__shortcut-label.svelte-l14y5r {font-size:var(--font-size-25, 0.625rem);font-weight:var(--font-weight-regular, 400);line-height:var(--line-height-s, 1.3);color:var(--sidebar-color-shortcut-item-text-default, #404040);white-space:nowrap;overflow:hidden;}.mc-sidebar__shortcut-icon.svelte-l14y5r {fill:var(--sidebar-color-shortcut-item-text-default, #404040);width:1.5rem;height:1.5rem;}`};function V(f,r){B(r,!0),S(f,U);let t=v(r,"expanded",15,!0),n=v(r,"onexpanded",7),c=v(r,"onclose",7),a;const k=G(()=>new O("(max-width: 780px)").current);function h(){t(!t())}I(()=>{n()?.(t()),a.dispatchEvent(new CustomEvent("update:expanded",{detail:t(),bubbles:!0,composed:!0}))});function z(){c()?.(),a.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0}))}function _(){F(k)&&t(!0)}H(()=>(document.addEventListener("toggle",h),window.addEventListener("resize",_),()=>{document.removeEventListener("toggle",h),window.removeEventListener("resize",_)}));var E={get expanded(){return t()},set expanded(e=!0){t(e),u()},get onexpanded(){return n()},set onexpanded(e){n(e),u()},get onclose(){return c()},set onclose(e){c(e),u()}},s=T(),m=o(s),p=o(m);d(p,r,"header",{},null);var g=l(p,2);d(g,r,"shortcuts",{},null);var b=l(g,2),y=o(b),x=o(y),j=o(x);d(j,r,"nav",{},null),i(x),i(y),i(b);var C=l(b,2);d(C,r,"footer",{},null),i(m);var w=l(m,2),L=o(w);return N(L,{ghost:!0,"aria-label":"Sidebar close button",onclick:z,$$slots:{icon:(e,W)=>{K(e,{slot:"icon"})}}}),i(w),i(s),J(s,e=>a=e,()=>a),q(()=>R(s,1,A(["mc-sidebar",`mc-sidebar--${t()?"expanded":"collapsed"}`]),"svelte-l14y5r")),D(f,s),P(E)}customElements.define("m-sidebar",M(V,{expanded:{attribute:"expanded",reflect:!0,type:"Boolean"},onexpanded:{},onclose:{}},["header","shortcuts","nav","footer"],[],{mode:"open"}));
+}.mc-sidebar__header.svelte-l14y5r {display:flex;align-items:center;justify-content:center;gap:0.5rem;}.mc-sidebar__header-logo.svelte-l14y5r {width:2.5rem;height:2.5rem;}.mc-sidebar__header-title.svelte-l14y5r {font-size:var(--font-size-200, 1.125rem);font-weight:var(--font-weight-bold, 700);color:var(--sidebar-color-product-name, #000000);margin:0;flex-grow:1;display:none;}.mc-sidebar__listbox.svelte-l14y5r {min-width:18.75rem;border-radius:var(--border-radius-m, 0.5rem);background-color:var(--listbox-color-background, #ffffff);padding:1rem;display:flex;flex-direction:column;gap:0.25rem;box-shadow:var(--shadow-bottom-s-x, 0px) var(--shadow-bottom-s-y, 5px) var(--shadow-bottom-s-blur, 10px) var(--shadow-bottom-s-spread, -2px) rgba(0, 0, 0, var(--shadow-bottom-s-opacity, 20%));}.mc-sidebar__listbox-title.svelte-l14y5r {font-size:var(--font-size-150, 1rem);font-weight:var(--font-weight-semi-bold, 600);padding-bottom:0.75rem;margin:0;border-bottom:1px solid var(--divider-color-primary, #cccccc);color:var(--sidebar-color-shortcut-item-text-default, #404040);}.mc-sidebar__list.svelte-l14y5r {list-style-type:none;margin:0;padding:0;}.mc-sidebar__link.svelte-l14y5r {display:flex;align-items:center;gap:0.25rem;height:2.5rem;width:100%;padding-left:0.25rem;text-align:left;text-decoration:none;font-size:var(--font-size-150, 1rem);font-weight:var(--font-weight-semi-bold, 600);color:var(--sidebar-color-section-item-text-default, #404040);border-radius:var(--border-radius-m, 0.5rem);background:transparent;border:none;cursor:pointer;}.mc-sidebar__link--selected.svelte-l14y5r {color:var(--sidebar-color-section-item-text-selected, #006902);background:var(--sidebar-color-section-item-background-selected, #ebf5de);}.mc-sidebar__link--locked.svelte-l14y5r {pointer-events:none;}.mc-sidebar__link.svelte-l14y5r:not(.mc-sidebar__link--selected):hover {background:var(--sidebar-color-section-item-background-hover, rgba(0, 0, 0, 0.05));}.mc-sidebar__link.svelte-l14y5r:focus-visible {box-shadow:0 0 0 0.125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)), 0 0 0 0.25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:0.125rem solid transparent;outline-offset:0.125rem;}.mc-sidebar__icon.svelte-l14y5r {fill:currentcolor;width:1.5rem;height:1.5rem;}.mc-sidebar__indicator.svelte-l14y5r {fill:currentcolor;width:1.25rem;height:1.25rem;}.mc-sidebar__text.svelte-l14y5r {display:block;}.mc-sidebar__sub.svelte-l14y5r {width:1.25rem;height:1.25rem;}.mc-sidebar__sublist.svelte-l14y5r {list-style-type:none;margin:0;padding:0 0 0 2rem;display:flex;flex-direction:column;gap:0.25rem;}.mc-sidebar__item.svelte-l14y5r {position:relative;}.mc-sidebar__shortcut-wrapper.svelte-l14y5r {width:100%;display:grid;justify-content:center;position:relative;}.mc-sidebar__shortcut-list.svelte-l14y5r {display:flex;margin:0;}.mc-sidebar__shortcut-list--grid.svelte-l14y5r {padding:0;gap:0.5rem;align-items:center;}.mc-sidebar__shortcut-list--stacked.svelte-l14y5r {gap:0.25rem;flex-direction:column;padding:0;}.mc-sidebar__shortcut-list--stacked.svelte-l14y5r:not(.mc-sidebar__shortcut-list--floating) {padding:0 0 0.5rem 1rem;margin-bottom:0.5rem;border-bottom:1px solid var(--divider-color-primary, #cccccc);}.mc-sidebar__shortcut-item.svelte-l14y5r {cursor:pointer;display:flex;align-items:center;list-style:none;border-radius:var(--border-radius-m, 0.5rem);overflow:hidden;}.mc-sidebar__shortcut-item.svelte-l14y5r:hover {background-color:var(--sidebar-color-shortcut-item-background-hover, rgba(70, 78, 99, 0.2));}.mc-sidebar__shortcut-item.svelte-l14y5r:nth-child(n+5) {display:none;}.mc-sidebar__shortcut-item--grid.svelte-l14y5r {justify-content:center;padding:0 0.125rem;height:3rem;width:3.9375rem;background-color:var(--sidebar-color-shortcut-item-background-default, rgba(70, 78, 99, 0.1));}.mc-sidebar__shortcut-item--stacked.svelte-l14y5r {padding:0.125rem 0.25rem;width:12.5rem;height:2.5rem;}.mc-sidebar__shortcut-item--stacked.mc-sidebar__shortcut-item--floating.svelte-l14y5r {width:100%;padding:0.125rem 0 0.125rem 0.25rem;}.mc-sidebar__shortcut-item--selected.mc-sidebar__shortcut-item.svelte-l14y5r {background-color:var(--sidebar-color-shortcut-item-background-selected, #ebf5de);}.mc-sidebar__shortcut-item.svelte-l14y5r:is(.mc-sidebar__trigger:where(.svelte-l14y5r)) {width:3rem;height:3rem;justify-content:center;border:none;background-color:var(--sidebar-color-shortcut-item-background-default, rgba(70, 78, 99, 0.1));}.mc-sidebar__shortcut-item.svelte-l14y5r:is(.mc-sidebar__trigger:where(.svelte-l14y5r)):hover {background-color:var(--sidebar-color-shortcut-item-background-default, rgba(70, 78, 99, 0.1));}.mc-sidebar__shortcut-link.svelte-l14y5r:focus-visible {box-shadow:0 0 0 0.125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)), 0 0 0 0.25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:0.125rem solid transparent;outline-offset:0.125rem;}.mc-sidebar__shortcut-link.svelte-l14y5r {text-decoration:none;display:flex;align-items:center;justify-content:center;}.mc-sidebar__shortcut-label.svelte-l14y5r {font-size:var(--font-size-25, 0.625rem);font-weight:var(--font-weight-regular, 400);line-height:var(--line-height-s, 1.3);color:var(--sidebar-color-shortcut-item-text-default, #404040);white-space:nowrap;overflow:hidden;}.mc-sidebar__shortcut-icon.svelte-l14y5r {fill:var(--sidebar-color-shortcut-item-text-default, #404040);width:1.5rem;height:1.5rem;}`};function V(f,r){B(r,!0),S(f,U);let t=v(r,"expanded",15,!0),n=v(r,"onexpanded",7),c=v(r,"onclose",7),a;const k=G(()=>new O("(max-width: 780px)").current);function h(){t(!t())}I(()=>{n()?.(t()),a.dispatchEvent(new CustomEvent("update:expanded",{detail:t(),bubbles:!0,composed:!0}))});function z(){c()?.(),a.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0}))}function _(){F(k)&&t(!0)}H(()=>(document.addEventListener("toggle",h),window.addEventListener("resize",_),()=>{document.removeEventListener("toggle",h),window.removeEventListener("resize",_)}));var E={get expanded(){return t()},set expanded(e=!0){t(e),u()},get onexpanded(){return n()},set onexpanded(e){n(e),u()},get onclose(){return c()},set onclose(e){c(e),u()}},s=T(),m=o(s),p=o(m);d(p,r,"header",{},null);var g=l(p,2);d(g,r,"shortcuts",{},null);var b=l(g,2),y=o(b),x=o(y),j=o(x);d(j,r,"nav",{},null),i(x),i(y),i(b);var C=l(b,2);d(C,r,"footer",{},null),i(m);var w=l(m,2),L=o(w);return N(L,{ghost:!0,"aria-label":"Sidebar close button",onclick:z,$$slots:{icon:(e,W)=>{K(e,{slot:"icon"})}}}),i(w),i(s),J(s,e=>a=e,()=>a),q(()=>D(s,1,P(["mc-sidebar",`mc-sidebar--${t()?"expanded":"collapsed"}`]),"svelte-l14y5r")),Q(f,s),R(E)}customElements.define("m-sidebar",M(V,{expanded:{attribute:"expanded",reflect:!0,type:"Boolean"},onexpanded:{},onclose:{}},["header","shortcuts","nav","footer"],[],{mode:"open"}));
 //# sourceMappingURL=Sidebar.js.map

package/dist/components/sidebarexpandableitem/SidebarExpandableItem.js

@@ -1,4 +1,4 @@
-import{o as ee,c as ae,e as te,a as se,p as B,l as u,y as ie,x as re,b as f,d as le,v as C,i as K,j as a,k as p,r as t,q as E,t as P,m as R,C as m,u as X,f as S}from"../../custom-element.js";import{i as L}from"../../if.js";import{a as oe,s as D}from"../../slot.js";import{c as M,s as w}from"../../attributes.js";import{b as G}from"../../this.js";import{u as ne}from"../../floating-item.svelte.js";import{p as de}from"../../Condition20.js";import{g as H,s as ce}from"../../sidebar-state.svelte.js";import"../../branches.js";import"../../media-query.js";var me=S('<span class="mc-sidebar__icon svelte-1c38lw3"><!></span>'),be=S('<li class="mc-sidebar__item svelte-1c38lw3"><details class="mc-sidebar__link-expand svelte-1c38lw3" open=""><summary class="mc-sidebar__link svelte-1c38lw3"><!> <span class="mc-sidebar__text svelte-1c38lw3"> </span> <span class="mc-sidebar__sub svelte-1c38lw3"><!></span></summary> <ul class="mc-sidebar__sublist svelte-1c38lw3"><!></ul></details></li>'),ve=S('<span class="mc-sidebar__icon svelte-1c38lw3"><!></span>'),_e=S('<div class="mc-sidebar__item svelte-1c38lw3"><button class="mc-sidebar__trigger mc-sidebar__link svelte-1c38lw3" aria-haspopup="listbox"><!></button> <div class="mc-sidebar__floating-item mc-sidebar__floating-item--hidden svelte-1c38lw3" tabindex="0" role="menu"><div class="mc-sidebar__listbox svelte-1c38lw3"><h3 class="mc-sidebar__listbox-title svelte-1c38lw3"> </h3> <ul class="mc-sidebar__list svelte-1c38lw3"><!></ul></div></div></div>');const ue={hash:"svelte-1c38lw3",code:`/**
+import{o as ee,c as ae,e as te,a as se,p as B,i as u,y as ie,x as re,b as f,d as le,v as C,m as K,h as a,s as p,r as t,q as E,t as R,k as X,C as m,u as j,f as S}from"../../custom-element.js";import{i as L}from"../../if.js";import{a as oe,s as D}from"../../slot.js";import{c as M,s as w}from"../../attributes.js";import{b as G}from"../../this.js";import{u as ne}from"../../floating-item.svelte.js";import{p as de}from"../../Condition20.js";import{g as H,s as ce}from"../../sidebar-state.svelte.js";import"../../branches.js";import"../../media-query.js";var me=S('<span class="mc-sidebar__icon svelte-1c38lw3"><!></span>'),be=S('<li class="mc-sidebar__item svelte-1c38lw3"><details class="mc-sidebar__link-expand svelte-1c38lw3" open=""><summary class="mc-sidebar__link svelte-1c38lw3"><!> <span class="mc-sidebar__text svelte-1c38lw3"> </span> <span class="mc-sidebar__sub svelte-1c38lw3"><!></span></summary> <ul class="mc-sidebar__sublist svelte-1c38lw3"><!></ul></details></li>'),ve=S('<span class="mc-sidebar__icon svelte-1c38lw3"><!></span>'),_e=S('<div class="mc-sidebar__item svelte-1c38lw3"><button class="mc-sidebar__trigger mc-sidebar__link svelte-1c38lw3" aria-haspopup="listbox"><!></button> <div class="mc-sidebar__floating-item mc-sidebar__floating-item--hidden svelte-1c38lw3" tabindex="0" role="menu"><div class="mc-sidebar__listbox svelte-1c38lw3"><h3 class="mc-sidebar__listbox-title svelte-1c38lw3"> </h3> <ul class="mc-sidebar__list svelte-1c38lw3"><!></ul></div></div></div>');const ue={hash:"svelte-1c38lw3",code:`/**
  * Do not edit directly, this file was auto-generated.
  */
 @media screen and (min-width: 680px) {
@@ -14,5 +14,5 @@ import{o as ee,c as ae,e as te,a as se,p as B,l as u,y as ie,x as re,b as f,d as
 @media screen and (min-width: 680px) {
 }
 @media screen and (min-width: 680px) {
-}.mc-sidebar__listbox.svelte-1c38lw3 {min-width:18.75rem;border-radius:var(--border-radius-m, 0.5rem);background-color:var(--listbox-color-background, #ffffff);padding:1rem;display:flex;flex-direction:column;gap:0.25rem;box-shadow:var(--shadow-bottom-s-x, 0px) var(--shadow-bottom-s-y, 5px) var(--shadow-bottom-s-blur, 10px) var(--shadow-bottom-s-spread, -2px) rgba(0, 0, 0, var(--shadow-bottom-s-opacity, 20%));}.mc-sidebar__listbox-title.svelte-1c38lw3 {font-size:var(--font-size-150, 1rem);font-weight:var(--font-weight-semi-bold, 600);padding-bottom:0.75rem;margin:0;border-bottom:1px solid var(--divider-color-primary, #cccccc);color:var(--sidebar-color-shortcut-item-text-default, #404040);}.mc-sidebar__list.svelte-1c38lw3 {list-style-type:none;margin:0;padding:0;}.mc-sidebar__link.svelte-1c38lw3 {display:flex;align-items:center;gap:0.25rem;height:2.5rem;width:100%;padding-left:0.25rem;text-align:left;text-decoration:none;font-size:var(--font-size-150, 1rem);font-weight:var(--font-weight-semi-bold, 600);color:var(--sidebar-color-section-item-text-default, #404040);border-radius:var(--border-radius-m, 0.5rem);background:transparent;border:none;cursor:pointer;}.mc-sidebar__link.svelte-1c38lw3:not(.mc-sidebar__link--selected):hover {background:var(--sidebar-color-section-item-background-hover, rgba(0, 0, 0, 0.05));}.mc-sidebar__link.svelte-1c38lw3:focus-visible {box-shadow:0 0 0 0.125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)), 0 0 0 0.25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:0.125rem solid transparent;outline-offset:0.125rem;}.mc-sidebar__link-expand.svelte-1c38lw3:open .mc-sidebar__sub:where(.svelte-1c38lw3) {transform:rotate(180deg);}.mc-sidebar__link.svelte-1c38lw3:is(summary:where(.svelte-1c38lw3)) .mc-sidebar__text:where(.svelte-1c38lw3) {flex-grow:1;}.mc-sidebar__icon.svelte-1c38lw3 {fill:currentcolor;width:1.5rem;height:1.5rem;}.mc-sidebar__text.svelte-1c38lw3 {display:block;}.mc-sidebar__sub.svelte-1c38lw3 {width:1.25rem;height:1.25rem;}.mc-sidebar__sublist.svelte-1c38lw3 {list-style-type:none;margin:0;padding:0 0 0 2rem;display:flex;flex-direction:column;gap:0.25rem;}.mc-sidebar__item.svelte-1c38lw3 {position:relative;}`};function fe(T,l){const j=oe(l);te(l,!0),se(T,ue);let b=B(l,"id",23,()=>crypto.randomUUID()),g=B(l,"label",7),z=B(l,"menulabel",7),U=C(null),A=C(null);const{floatingItemIsDisplayed:J,hideFloatingItem:h,showFloatingItem:q,onTriggerKeydown:O,onListboxKeydown:Q}=ne(()=>u(U),()=>u(A));let F=C(!1);var V={get id(){return b()},set id(s=crypto.randomUUID()){b(s),K()},get label(){return g()},set label(s){g(s),K()},get menulabel(){return z()},set menulabel(s){z(s),K()}},N=ie(),W=re(N);{var Y=s=>{var r=be(),e=a(r),d=a(e),x=a(d);{var o=n=>{var _=me(),$=a(_);D($,l,"icon",{},null),t(_),f(n,_)};L(x,n=>{j.icon&&n(o)})}var c=p(x,2),v=a(c,!0);t(c);var y=p(c,2),k=a(y);de(k,{}),t(y),t(d);var I=p(d,2),i=a(I);D(i,l,"default",{},null),t(I),t(e),t(r),M(r,()=>H({setExpanded:n=>E(F,n,!0)})),M(r,()=>ce("M-SIDEBAR-EXPANDABLE-ITEM")),P(()=>{w(d,"aria-label",g()),R(v,g())}),f(s,r)},Z=s=>{var r=_e(),e=a(r),d=a(e);{var x=i=>{var n=ve(),_=a(n);D(_,l,"icon",{},null),t(n),f(i,n)};L(d,i=>{j.icon&&i(x)})}t(e),G(e,i=>E(U,i),()=>u(U));var o=p(e,2),c=a(o),v=a(c),y=a(v,!0);t(v);var k=p(v,2),I=a(k);D(I,l,"default",{},null),t(k),t(c),t(o),G(o,i=>E(A,i),()=>u(A)),t(r),M(r,()=>H({setExpanded:i=>E(F,i,!0)})),P(()=>{w(e,"id",b()),w(e,"aria-expanded",J),w(e,"aria-controls",`listbox-${b()}`),w(o,"id",`listbox-${b()}`),R(y,z())}),m("mouseenter",e,q),m("focus",e,q),X("keydown",e,O),m("mouseleave",e,h),m("blur",e,h),X("keydown",o,Q),m("mouseleave",o,h),m("blur",o,h),f(s,r)};L(W,s=>{u(F)?s(Y):s(Z,!1)})}return f(T,N),le(V)}ee(["keydown"]);customElements.define("m-sidebar-expandable-item",ae(fe,{id:{},label:{},menulabel:{}},["icon","default"],[],{mode:"open"}));
+}.mc-sidebar__listbox.svelte-1c38lw3 {min-width:18.75rem;border-radius:var(--border-radius-m, 0.5rem);background-color:var(--listbox-color-background, #ffffff);padding:1rem;display:flex;flex-direction:column;gap:0.25rem;box-shadow:var(--shadow-bottom-s-x, 0px) var(--shadow-bottom-s-y, 5px) var(--shadow-bottom-s-blur, 10px) var(--shadow-bottom-s-spread, -2px) rgba(0, 0, 0, var(--shadow-bottom-s-opacity, 20%));}.mc-sidebar__listbox-title.svelte-1c38lw3 {font-size:var(--font-size-150, 1rem);font-weight:var(--font-weight-semi-bold, 600);padding-bottom:0.75rem;margin:0;border-bottom:1px solid var(--divider-color-primary, #cccccc);color:var(--sidebar-color-shortcut-item-text-default, #404040);}.mc-sidebar__list.svelte-1c38lw3 {list-style-type:none;margin:0;padding:0;}.mc-sidebar__link.svelte-1c38lw3 {display:flex;align-items:center;gap:0.25rem;height:2.5rem;width:100%;padding-left:0.25rem;text-align:left;text-decoration:none;font-size:var(--font-size-150, 1rem);font-weight:var(--font-weight-semi-bold, 600);color:var(--sidebar-color-section-item-text-default, #404040);border-radius:var(--border-radius-m, 0.5rem);background:transparent;border:none;cursor:pointer;}.mc-sidebar__link.svelte-1c38lw3:not(.mc-sidebar__link--selected):hover {background:var(--sidebar-color-section-item-background-hover, rgba(0, 0, 0, 0.05));}.mc-sidebar__link.svelte-1c38lw3:focus-visible {box-shadow:0 0 0 0.125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)), 0 0 0 0.25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:0.125rem solid transparent;outline-offset:0.125rem;}.mc-sidebar__link-expand.svelte-1c38lw3:open .mc-sidebar__sub:where(.svelte-1c38lw3) {transform:rotate(180deg);}.mc-sidebar__link.svelte-1c38lw3:is(summary:where(.svelte-1c38lw3)) .mc-sidebar__text:where(.svelte-1c38lw3) {flex-grow:1;}.mc-sidebar__icon.svelte-1c38lw3 {fill:currentcolor;width:1.5rem;height:1.5rem;}.mc-sidebar__text.svelte-1c38lw3 {display:block;}.mc-sidebar__sub.svelte-1c38lw3 {width:1.25rem;height:1.25rem;}.mc-sidebar__sublist.svelte-1c38lw3 {list-style-type:none;margin:0;padding:0 0 0 2rem;display:flex;flex-direction:column;gap:0.25rem;}.mc-sidebar__item.svelte-1c38lw3 {position:relative;}`};function fe(T,l){const q=oe(l);te(l,!0),se(T,ue);let b=B(l,"id",23,()=>crypto.randomUUID()),h=B(l,"label",7),z=B(l,"menulabel",7),U=C(null),A=C(null);const{floatingItemIsDisplayed:J,hideFloatingItem:g,showFloatingItem:N,onTriggerKeydown:O,onListboxKeydown:Q}=ne(()=>u(U),()=>u(A));let F=C(!1);var V={get id(){return b()},set id(s=crypto.randomUUID()){b(s),K()},get label(){return h()},set label(s){h(s),K()},get menulabel(){return z()},set menulabel(s){z(s),K()}},P=ie(),W=re(P);{var Y=s=>{var r=be(),e=a(r),d=a(e),x=a(d);{var o=n=>{var _=me(),$=a(_);D($,l,"icon",{},null),t(_),f(n,_)};L(x,n=>{q.icon&&n(o)})}var c=p(x,2),v=a(c,!0);t(c);var y=p(c,2),k=a(y);de(k,{}),t(y),t(d);var I=p(d,2),i=a(I);D(i,l,"default",{},null),t(I),t(e),t(r),M(r,()=>H({setExpanded:n=>E(F,n,!0)})),M(r,()=>ce("M-SIDEBAR-EXPANDABLE-ITEM")),R(()=>{w(d,"aria-label",h()),X(v,h())}),f(s,r)},Z=s=>{var r=_e(),e=a(r),d=a(e);{var x=i=>{var n=ve(),_=a(n);D(_,l,"icon",{},null),t(n),f(i,n)};L(d,i=>{q.icon&&i(x)})}t(e),G(e,i=>E(U,i),()=>u(U));var o=p(e,2),c=a(o),v=a(c),y=a(v,!0);t(v);var k=p(v,2),I=a(k);D(I,l,"default",{},null),t(k),t(c),t(o),G(o,i=>E(A,i),()=>u(A)),t(r),M(r,()=>H({setExpanded:i=>E(F,i,!0)})),R(()=>{w(e,"id",b()),w(e,"aria-expanded",J),w(e,"aria-controls",`listbox-${b()}`),w(o,"id",`listbox-${b()}`),X(y,z())}),m("mouseenter",e,N),m("focus",e,N),j("keydown",e,O),m("mouseleave",e,g),m("blur",e,g),j("keydown",o,Q),m("mouseleave",o,g),m("blur",o,g),f(s,r)};L(W,s=>{u(F)?s(Y):s(Z,-1)})}return f(T,P),le(V)}ee(["keydown"]);customElements.define("m-sidebar-expandable-item",ae(fe,{id:{},label:{},menulabel:{}},["icon","default"],[],{mode:"open"}));
 //# sourceMappingURL=SidebarExpandableItem.js.map

package/dist/components/sidebarfooter/SidebarFooter.js

@@ -1,4 +1,4 @@
-import{o as xe,c as we,e as ye,a as ze,p as x,l as o,k as v,q as O,t as S,b as a,d as Le,v as K,w as J,f as s,j as g,i as w,y as N,x as P,r as p,u as Ie,s as je,h as Ee,m as ne}from"../../custom-element.js";import{i as l}from"../../if.js";import{s as ae}from"../../slot.js";import{c as Oe}from"../../svelte-component.js";import{e as Se}from"../../svelte-element.js";import{c as de,a as Fe,s as V}from"../../attributes.js";import{b as W}from"../../this.js";import{m as De,n as Me,c as Te}from"../../Condition20.js";import{D as Ce}from"../divider/Divider.js";import{I as Ke}from"../iconbutton/IconButton.js";import{_ as ce}from"./_SidebarFooterMenu.js";import{u as Pe}from"../../floating-item.svelte.js";import{g as Ae,s as Be}from"../../sidebar-state.svelte.js";import{M as Re}from"../../media-query.js";import"../../branches.js";import"../loader/Loader.js";import"../sidebarnavitem/SidebarNavItem.js";import"../../index-client.js";import"../tooltip/Tooltip.js";var qe=s('<img class="mc-sidebar__footer-avatar svelte-15fp7dn" loading="lazy"/>'),Qe=s('<p class="mc-sidebar__footer-title svelte-15fp7dn"> </p>'),Ue=s('<p class="mc-sidebar__footer-subtitle svelte-15fp7dn"> </p>'),Ge=s('<div class="mc-sidebar__footer-content svelte-15fp7dn"><!> <!></div>'),He=s("<!> <!> <!>",1),Je=s('<span class="mc-sidebar__footer-expand svelte-15fp7dn"><!></span>'),Ne=s('<button class="mc-button mc-button--icon-button mc-button--ghost mc-sidebar__footer-expand--mobile svelte-15fp7dn" aria-label="Profile menu"><!> <!></button>'),Ve=s('<footer><!> <div class="mc-sidebar__footer-container svelte-15fp7dn"><!> <!> <!></div></footer>');const We={hash:"svelte-15fp7dn",code:`/**
+import{o as xe,c as we,e as ye,a as ze,p as x,i as o,s as v,t as O,j as Le,n as Ie,b as a,d as je,v as K,w as J,f as s,h as g,m as w,y as N,x as P,q as S,r as p,u as Ee,k as ne}from"../../custom-element.js";import{i as l}from"../../if.js";import{s as ae}from"../../slot.js";import{c as Oe}from"../../svelte-component.js";import{e as Se}from"../../svelte-element.js";import{c as de,a as Fe,s as V}from"../../attributes.js";import{b as W}from"../../this.js";import{m as De,n as Me,c as Te}from"../../Condition20.js";import{D as Ce}from"../divider/Divider.js";import{I as Ke}from"../iconbutton/IconButton.js";import{_ as ce}from"./_SidebarFooterMenu.js";import{u as Pe}from"../../floating-item.svelte.js";import{g as Ae,s as Be}from"../../sidebar-state.svelte.js";import{M as Re}from"../../media-query.js";import"../../branches.js";import"../loader/Loader.js";import"../sidebarnavitem/SidebarNavItem.js";import"../../index-client.js";import"../tooltip/Tooltip.js";var qe=s('<img class="mc-sidebar__footer-avatar svelte-15fp7dn" loading="lazy"/>'),Qe=s('<p class="mc-sidebar__footer-title svelte-15fp7dn"> </p>'),Ue=s('<p class="mc-sidebar__footer-subtitle svelte-15fp7dn"> </p>'),Ge=s('<div class="mc-sidebar__footer-content svelte-15fp7dn"><!> <!></div>'),He=s("<!> <!> <!>",1),Je=s('<span class="mc-sidebar__footer-expand svelte-15fp7dn"><!></span>'),Ne=s('<button class="mc-button mc-button--icon-button mc-button--ghost mc-sidebar__footer-expand--mobile svelte-15fp7dn" aria-label="Profile menu"><!> <!></button>'),Ve=s('<footer><!> <div class="mc-sidebar__footer-container svelte-15fp7dn"><!> <!> <!></div></footer>');const We={hash:"svelte-15fp7dn",code:`/**
  * Do not edit directly, this file was auto-generated.
  */.mc-sidebar.svelte-15fp7dn {display:flex;align-items:start;font-size:var(--font-size-100, 0.875rem);color:var(--sidebar-color-text-default, #404040);box-sizing:border-box;background-color:var(--overlay-color-background, rgba(0, 0, 0, 0.5));padding-right:4rem;position:relative;}
 @media screen and (min-width: 680px) {.mc-sidebar.svelte-15fp7dn {display:inline-flex;padding-right:0;}
@@ -14,5 +14,5 @@ import{o as xe,c as we,e as ye,a as ze,p as x,l as o,k as v,q as O,t as S,b as a
 @media screen and (min-width: 680px) {.mc-sidebar__footer-expand--mobile.svelte-15fp7dn {display:none;}
 }.mc-sidebar__footer--expanded.svelte-15fp7dn .mc-sidebar__footer-container:where(.svelte-15fp7dn) {flex-direction:row;justify-content:flex-end;height:3.5rem;}.mc-sidebar__footer--expanded.svelte-15fp7dn .mc-sidebar__footer-content:where(.svelte-15fp7dn) {display:block;}.mc-sidebar__footer--expanded.svelte-15fp7dn .mc-sidebar__footer-expand:where(.svelte-15fp7dn) {transform:rotate(180deg);}.mc-sidebar__footer--collapsed.svelte-15fp7dn .mc-sidebar__footer-container:where(.svelte-15fp7dn) {flex-direction:column;justify-content:flex-start;height:auto;}.mc-sidebar__footer--collapsed.svelte-15fp7dn .mc-sidebar__footer-content:where(.svelte-15fp7dn) {display:none;}.mc-sidebar__footer--collapsed.svelte-15fp7dn .mc-sidebar__footer-expand:where(.svelte-15fp7dn) {transform:none;}.mc-sidebar__footer-menu.svelte-15fp7dn {width:19.75rem;box-sizing:border-box;padding:0.5rem 0.75rem;background-color:var(--listbox-color-background, #ffffff);border:1px solid var(--listbox-color-border, #cccccc);border-radius:var(--border-radius-m, 0.5rem);box-shadow:var(--shadow-bottom-s-x, 0px) var(--shadow-bottom-s-y, 5px) var(--shadow-bottom-s-blur, 10px) var(--shadow-bottom-s-spread, -2px) rgba(0, 0, 0, var(--shadow-bottom-s-opacity, 20%));}
 @media screen and (min-width: 680px) {.mc-sidebar__footer-menu.svelte-15fp7dn {width:18.75rem;}
-}.mc-sidebar__header.svelte-15fp7dn {display:flex;align-items:center;justify-content:center;gap:0.5rem;}.mc-sidebar__header-logo.svelte-15fp7dn {width:2.5rem;height:2.5rem;}.mc-sidebar__header-title.svelte-15fp7dn {font-size:var(--font-size-200, 1.125rem);font-weight:var(--font-weight-bold, 700);color:var(--sidebar-color-product-name, #000000);margin:0;flex-grow:1;display:none;}.mc-sidebar__listbox.svelte-15fp7dn {min-width:18.75rem;border-radius:var(--border-radius-m, 0.5rem);background-color:var(--listbox-color-background, #ffffff);padding:1rem;display:flex;flex-direction:column;gap:0.25rem;box-shadow:var(--shadow-bottom-s-x, 0px) var(--shadow-bottom-s-y, 5px) var(--shadow-bottom-s-blur, 10px) var(--shadow-bottom-s-spread, -2px) rgba(0, 0, 0, var(--shadow-bottom-s-opacity, 20%));}.mc-sidebar__listbox-title.svelte-15fp7dn {font-size:var(--font-size-150, 1rem);font-weight:var(--font-weight-semi-bold, 600);padding-bottom:0.75rem;margin:0;border-bottom:1px solid var(--divider-color-primary, #cccccc);color:var(--sidebar-color-shortcut-item-text-default, #404040);}.mc-sidebar__list.svelte-15fp7dn {list-style-type:none;margin:0;padding:0;}.mc-sidebar__link.svelte-15fp7dn {display:flex;align-items:center;gap:0.25rem;height:2.5rem;width:100%;padding-left:0.25rem;text-align:left;text-decoration:none;font-size:var(--font-size-150, 1rem);font-weight:var(--font-weight-semi-bold, 600);color:var(--sidebar-color-section-item-text-default, #404040);border-radius:var(--border-radius-m, 0.5rem);background:transparent;border:none;cursor:pointer;}.mc-sidebar__link--selected.svelte-15fp7dn {color:var(--sidebar-color-section-item-text-selected, #006902);background:var(--sidebar-color-section-item-background-selected, #ebf5de);}.mc-sidebar__link--locked.svelte-15fp7dn {pointer-events:none;}.mc-sidebar__link.svelte-15fp7dn:not(.mc-sidebar__link--selected):hover {background:var(--sidebar-color-section-item-background-hover, rgba(0, 0, 0, 0.05));}.mc-sidebar__link.svelte-15fp7dn:focus-visible {box-shadow:0 0 0 0.125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)), 0 0 0 0.25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:0.125rem solid transparent;outline-offset:0.125rem;}.mc-sidebar__icon.svelte-15fp7dn {fill:currentcolor;width:1.5rem;height:1.5rem;}.mc-sidebar__indicator.svelte-15fp7dn {fill:currentcolor;width:1.25rem;height:1.25rem;}.mc-sidebar__text.svelte-15fp7dn {display:block;}.mc-sidebar__sub.svelte-15fp7dn {width:1.25rem;height:1.25rem;}.mc-sidebar__sublist.svelte-15fp7dn {list-style-type:none;margin:0;padding:0 0 0 2rem;display:flex;flex-direction:column;gap:0.25rem;}.mc-sidebar__item.svelte-15fp7dn {position:relative;}.mc-sidebar__shortcut-wrapper.svelte-15fp7dn {width:100%;display:grid;justify-content:center;position:relative;}.mc-sidebar__shortcut-list.svelte-15fp7dn {display:flex;margin:0;}.mc-sidebar__shortcut-list--grid.svelte-15fp7dn {padding:0;gap:0.5rem;align-items:center;}.mc-sidebar__shortcut-list--stacked.svelte-15fp7dn {gap:0.25rem;flex-direction:column;padding:0;}.mc-sidebar__shortcut-list--stacked.svelte-15fp7dn:not(.mc-sidebar__shortcut-list--floating) {padding:0 0 0.5rem 1rem;margin-bottom:0.5rem;border-bottom:1px solid var(--divider-color-primary, #cccccc);}.mc-sidebar__shortcut-item.svelte-15fp7dn {cursor:pointer;display:flex;align-items:center;list-style:none;border-radius:var(--border-radius-m, 0.5rem);overflow:hidden;}.mc-sidebar__shortcut-item.svelte-15fp7dn:hover {background-color:var(--sidebar-color-shortcut-item-background-hover, rgba(70, 78, 99, 0.2));}.mc-sidebar__shortcut-item.svelte-15fp7dn:nth-child(n+5) {display:none;}.mc-sidebar__shortcut-item--grid.svelte-15fp7dn {justify-content:center;padding:0 0.125rem;height:3rem;width:3.9375rem;background-color:var(--sidebar-color-shortcut-item-background-default, rgba(70, 78, 99, 0.1));}.mc-sidebar__shortcut-item--stacked.svelte-15fp7dn {padding:0.125rem 0.25rem;width:12.5rem;height:2.5rem;}.mc-sidebar__shortcut-item--stacked.mc-sidebar__shortcut-item--floating.svelte-15fp7dn {width:100%;padding:0.125rem 0 0.125rem 0.25rem;}.mc-sidebar__shortcut-item--selected.mc-sidebar__shortcut-item.svelte-15fp7dn {background-color:var(--sidebar-color-shortcut-item-background-selected, #ebf5de);}.mc-sidebar__shortcut-item.svelte-15fp7dn:is(.mc-sidebar__trigger:where(.svelte-15fp7dn)) {width:3rem;height:3rem;justify-content:center;border:none;background-color:var(--sidebar-color-shortcut-item-background-default, rgba(70, 78, 99, 0.1));}.mc-sidebar__shortcut-item.svelte-15fp7dn:is(.mc-sidebar__trigger:where(.svelte-15fp7dn)):hover {background-color:var(--sidebar-color-shortcut-item-background-default, rgba(70, 78, 99, 0.1));}.mc-sidebar__shortcut-link.svelte-15fp7dn:focus-visible {box-shadow:0 0 0 0.125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)), 0 0 0 0.25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:0.125rem solid transparent;outline-offset:0.125rem;}.mc-sidebar__shortcut-link.svelte-15fp7dn {text-decoration:none;display:flex;align-items:center;justify-content:center;}.mc-sidebar__shortcut-label.svelte-15fp7dn {font-size:var(--font-size-25, 0.625rem);font-weight:var(--font-weight-regular, 400);line-height:var(--line-height-s, 1.3);color:var(--sidebar-color-shortcut-item-text-default, #404040);white-space:nowrap;overflow:hidden;}.mc-sidebar__shortcut-icon.svelte-15fp7dn {fill:var(--sidebar-color-shortcut-item-text-default, #404040);width:1.5rem;height:1.5rem;}.mc-button.svelte-15fp7dn {color:var(--button-color-filled-standard-font, #ffffff);background-color:var(--button-color-filled-standard-background, #464e63);}.mc-button.svelte-15fp7dn:hover {background-color:var(--button-color-filled-standard-hover-background, #343b4c);}.mc-button.svelte-15fp7dn:active {background-color:var(--button-color-filled-standard-active-background, #242938);}.mc-button.svelte-15fp7dn:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button.svelte-15fp7dn {font-weight:var(--font-weight-semi-bold, 600);padding:0 calc(1rem - 0.125rem);min-height:3rem;min-width:3rem;border-radius:var(--button-border-radius-m, 0.25rem);}.mc-button.svelte-15fp7dn {display:inline-flex;justify-content:center;vertical-align:middle;text-align:center;border:2px solid transparent;transition:all ease 200ms;transition:box-shadow 200ms ease;align-items:center;box-sizing:border-box;font-family:inherit;fill:currentcolor;gap:0.25rem;cursor:pointer;}.mc-button__label.svelte-15fp7dn {font-size:var(--font-size-150, 1rem);}.mc-button__icon.svelte-15fp7dn {flex-shrink:0;width:1.5rem;height:1.5rem;}.mc-button.svelte-15fp7dn:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button.svelte-15fp7dn:focus-visible {box-shadow:0 0 0 0.125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)), 0 0 0 0.25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:0.125rem solid transparent;outline-offset:0.125rem;}.mc-button--s.svelte-15fp7dn {padding:0 calc(0.75rem - 0.125rem);min-height:2rem;min-width:2rem;border-radius:var(--button-border-radius-s, 0.25rem);}.mc-button--m.svelte-15fp7dn {padding:0 calc(1rem - 0.125rem);min-height:3rem;min-width:3rem;border-radius:var(--button-border-radius-m, 0.25rem);}.mc-button--l.svelte-15fp7dn {padding:0 calc(1.25rem - 0.125rem);min-height:4rem;min-width:4rem;border-radius:var(--button-border-radius-l, 0.25rem);}.mc-button--icon-only.svelte-15fp7dn {padding:0.25rem;}.mc-button--outlined.svelte-15fp7dn {color:var(--button-color-outlined-standard-font, #242938);border-color:var(--button-color-outlined-standard-border, #8891aa);background-color:var(--button-color-outlined-standard-background, #ffffff);}.mc-button--outlined.svelte-15fp7dn:hover {background-color:var(--button-color-outlined-standard-hover-background, #eff1f6);}.mc-button--outlined.svelte-15fp7dn:active {background-color:var(--button-color-outlined-standard-active-background, #c9d0de);}.mc-button--outlined.svelte-15fp7dn:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--ghost.svelte-15fp7dn {color:var(--button-color-ghost-standard-font, #242938);background-color:var(--button-color-ghost-standard-background, rgba(255, 255, 255, 0.01));}.mc-button--ghost.svelte-15fp7dn:hover {background-color:var(--button-color-ghost-standard-hover-background, rgba(70, 78, 99, 0.1));}.mc-button--ghost.svelte-15fp7dn:active {background-color:var(--button-color-ghost-standard-active-background, rgba(70, 78, 99, 0.2));}.mc-button--ghost.svelte-15fp7dn:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--accent.svelte-15fp7dn {color:var(--button-color-filled-accent-font, #ffffff);background-color:var(--button-color-filled-accent-background, #117f03);}.mc-button--accent.svelte-15fp7dn:hover {background-color:var(--button-color-filled-accent-hover-background, #006902);}.mc-button--accent.svelte-15fp7dn:active {background-color:var(--button-color-filled-accent-active-background, #035010);}.mc-button--accent.svelte-15fp7dn:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--danger.svelte-15fp7dn {color:var(--button-color-filled-danger-font, #ffffff);background-color:var(--button-color-filled-danger-background, #c61112);}.mc-button--danger.svelte-15fp7dn:hover {background-color:var(--button-color-filled-danger-hover-background, #8c0003);}.mc-button--danger.svelte-15fp7dn:active {background-color:var(--button-color-filled-danger-active-background, #530000);}.mc-button--danger.svelte-15fp7dn:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--inverse.svelte-15fp7dn {--focus-color-mid: var(--focus-color-outline-outer, #000000);--focus-color-outer: var(--focus-color-outline-mid, #ffffff);color:var(--button-color-filled-inverse-font, #242938);background-color:var(--button-color-filled-inverse-background, #ffffff);}.mc-button--inverse.svelte-15fp7dn:hover {background-color:var(--button-color-filled-inverse-hover-background, #e6e6e6);}.mc-button--inverse.svelte-15fp7dn:active {background-color:var(--button-color-filled-inverse-active-background, #cccccc);}.mc-button--inverse.svelte-15fp7dn:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--icon-button.svelte-15fp7dn {border-radius:var(--border-radius-full, 100%);padding:0;}.mc-button--loading.svelte-15fp7dn {pointer-events:none;}.mc-button--outlined.mc-button--standard.svelte-15fp7dn {color:var(--button-color-outlined-standard-font, #242938);border-color:var(--button-color-outlined-standard-border, #8891aa);background-color:var(--button-color-outlined-standard-background, #ffffff);}.mc-button--outlined.mc-button--standard.svelte-15fp7dn:hover {background-color:var(--button-color-outlined-standard-hover-background, #eff1f6);}.mc-button--outlined.mc-button--standard.svelte-15fp7dn:active {background-color:var(--button-color-outlined-standard-active-background, #c9d0de);}.mc-button--outlined.mc-button--standard.svelte-15fp7dn:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--outlined.mc-button--accent.svelte-15fp7dn {color:var(--button-color-outlined-accent-font, #117f03);border-color:var(--button-color-outlined-accent-border, #78be20);background-color:var(--button-color-outlined-accent-background, #ffffff);}.mc-button--outlined.mc-button--accent.svelte-15fp7dn:hover {background-color:var(--button-color-outlined-accent-hover-background, #ebf5de);}.mc-button--outlined.mc-button--accent.svelte-15fp7dn:active {background-color:var(--button-color-outlined-accent-active-background, #c5e39e);}.mc-button--outlined.mc-button--accent.svelte-15fp7dn:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--outlined.mc-button--danger.svelte-15fp7dn {color:var(--button-color-outlined-danger-font, #c61112);border-color:var(--button-color-outlined-danger-border, #ef5f5c);background-color:var(--button-color-outlined-danger-background, #ffffff);}.mc-button--outlined.mc-button--danger.svelte-15fp7dn:hover {background-color:var(--button-color-outlined-danger-hover-background, #fdeaea);}.mc-button--outlined.mc-button--danger.svelte-15fp7dn:active {background-color:var(--button-color-outlined-danger-active-background, #f8bcbb);}.mc-button--outlined.mc-button--danger.svelte-15fp7dn:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--outlined.mc-button--inverse.svelte-15fp7dn {color:var(--button-color-outlined-inverse-font, #ffffff);border-color:var(--button-color-outlined-inverse-border, #ffffff);background-color:var(--button-color-outlined-inverse-background, rgba(255, 255, 255, 0.01));}.mc-button--outlined.mc-button--inverse.svelte-15fp7dn:hover {background-color:var(--button-color-outlined-inverse-hover-background, rgba(255, 255, 255, 0.1));}.mc-button--outlined.mc-button--inverse.svelte-15fp7dn:active {background-color:var(--button-color-outlined-inverse-active-background, rgba(255, 255, 255, 0.2));}.mc-button--outlined.mc-button--inverse.svelte-15fp7dn:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--ghost.mc-button--standard.svelte-15fp7dn {color:var(--button-color-ghost-standard-font, #242938);background-color:var(--button-color-ghost-standard-background, rgba(255, 255, 255, 0.01));}.mc-button--ghost.mc-button--standard.svelte-15fp7dn:hover {background-color:var(--button-color-ghost-standard-hover-background, rgba(70, 78, 99, 0.1));}.mc-button--ghost.mc-button--standard.svelte-15fp7dn:active {background-color:var(--button-color-ghost-standard-active-background, rgba(70, 78, 99, 0.2));}.mc-button--ghost.mc-button--standard.svelte-15fp7dn:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--ghost.mc-button--accent.svelte-15fp7dn {color:var(--button-color-ghost-accent-font, #117f03);background-color:var(--button-color-ghost-accent-background, rgba(255, 255, 255, 0.01));}.mc-button--ghost.mc-button--accent.svelte-15fp7dn:hover {background-color:var(--button-color-ghost-accent-hover-background, rgba(17, 127, 3, 0.1));}.mc-button--ghost.mc-button--accent.svelte-15fp7dn:active {background-color:var(--button-color-ghost-accent-active-background, rgba(17, 127, 3, 0.2));}.mc-button--ghost.mc-button--accent.svelte-15fp7dn:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--ghost.mc-button--danger.svelte-15fp7dn {color:var(--button-color-ghost-danger-font, #c61112);background-color:var(--button-color-ghost-danger-background, rgba(255, 255, 255, 0.01));}.mc-button--ghost.mc-button--danger.svelte-15fp7dn:hover {background-color:var(--button-color-ghost-danger-hover-background, rgba(198, 17, 18, 0.1));}.mc-button--ghost.mc-button--danger.svelte-15fp7dn:active {background-color:var(--button-color-ghost-danger-active-background, rgba(198, 17, 18, 0.2));}.mc-button--ghost.mc-button--danger.svelte-15fp7dn:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--ghost.mc-button--inverse.svelte-15fp7dn {color:var(--button-color-ghost-inverse-font, #ffffff);background-color:var(--button-color-ghost-inverse-background, rgba(255, 255, 255, 0.01));}.mc-button--ghost.mc-button--inverse.svelte-15fp7dn:hover {background-color:var(--button-color-ghost-inverse-hover-background, rgba(255, 255, 255, 0.1));}.mc-button--ghost.mc-button--inverse.svelte-15fp7dn:active {background-color:var(--button-color-ghost-inverse-active-background, rgba(255, 255, 255, 0.2));}.mc-button--ghost.mc-button--inverse.svelte-15fp7dn:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}`};function Xe(X,c){ye(c,!0),ze(X,We);let i=x(c,"title",7),h=x(c,"subtitle",7),y=x(c,"avatar",7),A=x(c,"expandable",7,!0),F=x(c,"logOutLabel",7,"Log out"),B=x(c,"onlogout",7),D,b=K(!1),R=K(null),q=K(null),z=K(null);const L=J(()=>new Re("(max-width: 780px)").current),{floatingItemIsDisplayed:I,hideFloatingItem:M,showFloatingItem:T,onTriggerKeydown:le,onListboxKeydown:Y}=Pe(()=>o(L)?o(q):o(R),()=>o(z),{position:"top"});function se(){D.dispatchEvent(new CustomEvent("toggle",{bubbles:!0,composed:!0}))}const ie=J(()=>I?Me:Te),be=J(()=>{if(o(L))return{};const e={id:"trigger-footer","aria-expanded":I,"aria-haspopup":"listbox","aria-controls":"listbox-footer"};return o(b)?{...e,"aria-expanded":I,onclick:T}:{...e,"aria-expanded":I,onmouseenter:T,onfocus:T,onkeydown:le,onmouseleave:M,onblur:M}});function Z(){B()?.(),D.dispatchEvent(new CustomEvent("logout",{bubbles:!0,composed:!0}))}var ue={get title(){return i()},set title(e){i(e),w()},get subtitle(){return h()},set subtitle(e){h(e),w()},get avatar(){return y()},set avatar(e){y(e),w()},get expandable(){return A()},set expandable(e=!0){A(e),w()},get logOutLabel(){return F()},set logOutLabel(e="Log out"){F(e),w()},get onlogout(){return B()},set onlogout(e){B(e),w()}},u=Ve(),$=g(u);Ce($,{});var ee=v($,2),oe=g(ee);{var fe=e=>{var t=N(),_=P(t);Se(_,()=>o(L)?"div":"button",!1,(k,d)=>{W(k,r=>O(R,r,!0),()=>o(R)),Fe(k,()=>({class:"mc-sidebar__footer-profile mc-sidebar__footer-trigger",...o(be)}),void 0,void 0,void 0,"svelte-15fp7dn");var j=He(),E=P(j);{var Q=r=>{var n=qe();S(()=>{V(n,"src",y()),V(n,"alt",i())}),a(r,n)};l(E,r=>{y()&&r(Q)})}var re=v(E,2);{var pe=r=>{var n=Ge(),U=g(n);{var C=f=>{var m=Qe(),H=g(m,!0);p(m),S(()=>ne(H,i())),a(f,m)};l(U,f=>{i()&&f(C)})}var G=v(U,2);{var ke=f=>{var m=Ue(),H=g(m,!0);p(m),S(()=>ne(H,h())),a(f,m)};l(G,f=>{h()&&f(ke)})}p(n),a(r,n)};l(re,r=>{(i()||h())&&r(pe)})}var he=v(re,2);{var _e=r=>{ce(r,{get logOutLabel(){return F()},get expanded(){return o(b)},get onListboxKeydown(){return Y},get hideFloatingItem(){return M},onlogout:Z,get listbox(){return o(z)},set listbox(n){O(z,n,!0)},children:(n,U)=>{var C=N(),G=P(C);ae(G,c,"default",{},null),a(n,C)},$$slots:{default:!0}})};l(he,r=>{o(L)||r(_e)})}a(d,j)}),a(e,t)};l(oe,e=>{(y()||i()||h())&&e(fe)})}var te=v(oe,2);{var me=e=>{var t=Je(),_=g(t);Ke(_,{ghost:!0,"aria-label":"Expand",get"aria-expanded"(){return o(b)},onclick:()=>se(),$$slots:{icon:(k,d)=>{De(k,{slot:"icon"})}}}),p(t),a(e,t)};l(te,e=>{A()&&e(me)})}var ve=v(te,2);{var ge=e=>{var t=Ne(),_=g(t);Oe(_,()=>o(ie),(d,j)=>{j(d,{})});var k=v(_,2);ce(k,{get logOutLabel(){return F()},get expanded(){return o(b)},get onListboxKeydown(){return Y},get hideFloatingItem(){return M},onlogout:Z,get listbox(){return o(z)},set listbox(d){O(z,d,!0)},children:(d,j)=>{var E=N(),Q=P(E);ae(Q,c,"default",{},null),a(d,E)},$$slots:{default:!0}}),p(t),W(t,d=>O(q,d),()=>o(q)),S(()=>V(t,"aria-expanded",I)),Ie("click",t,()=>T()),a(e,t)};l(ve,e=>{o(L)&&e(ge)})}return p(ee),p(u),de(u,()=>Ae({setExpanded:e=>O(b,e,!0)})),de(u,()=>Be("M-SIDEBAR-FOOTER")),W(u,e=>D=e,()=>D),S(()=>je(u,1,Ee({"mc-sidebar__footer":!0,"mc-sidebar__footer--expanded":o(b),"mc-sidebar__footer--collapsed":!o(b)}),"svelte-15fp7dn")),a(X,u),Le(ue)}xe(["click"]);customElements.define("m-sidebar-footer",we(Xe,{expandable:{attribute:"expandable",reflect:!0,type:"Boolean"},title:{},subtitle:{},avatar:{},logOutLabel:{},onlogout:{}},["default"],[],{mode:"open"}));
+}.mc-sidebar__header.svelte-15fp7dn {display:flex;align-items:center;justify-content:center;gap:0.5rem;}.mc-sidebar__header-logo.svelte-15fp7dn {width:2.5rem;height:2.5rem;}.mc-sidebar__header-title.svelte-15fp7dn {font-size:var(--font-size-200, 1.125rem);font-weight:var(--font-weight-bold, 700);color:var(--sidebar-color-product-name, #000000);margin:0;flex-grow:1;display:none;}.mc-sidebar__listbox.svelte-15fp7dn {min-width:18.75rem;border-radius:var(--border-radius-m, 0.5rem);background-color:var(--listbox-color-background, #ffffff);padding:1rem;display:flex;flex-direction:column;gap:0.25rem;box-shadow:var(--shadow-bottom-s-x, 0px) var(--shadow-bottom-s-y, 5px) var(--shadow-bottom-s-blur, 10px) var(--shadow-bottom-s-spread, -2px) rgba(0, 0, 0, var(--shadow-bottom-s-opacity, 20%));}.mc-sidebar__listbox-title.svelte-15fp7dn {font-size:var(--font-size-150, 1rem);font-weight:var(--font-weight-semi-bold, 600);padding-bottom:0.75rem;margin:0;border-bottom:1px solid var(--divider-color-primary, #cccccc);color:var(--sidebar-color-shortcut-item-text-default, #404040);}.mc-sidebar__list.svelte-15fp7dn {list-style-type:none;margin:0;padding:0;}.mc-sidebar__link.svelte-15fp7dn {display:flex;align-items:center;gap:0.25rem;height:2.5rem;width:100%;padding-left:0.25rem;text-align:left;text-decoration:none;font-size:var(--font-size-150, 1rem);font-weight:var(--font-weight-semi-bold, 600);color:var(--sidebar-color-section-item-text-default, #404040);border-radius:var(--border-radius-m, 0.5rem);background:transparent;border:none;cursor:pointer;}.mc-sidebar__link--selected.svelte-15fp7dn {color:var(--sidebar-color-section-item-text-selected, #006902);background:var(--sidebar-color-section-item-background-selected, #ebf5de);}.mc-sidebar__link--locked.svelte-15fp7dn {pointer-events:none;}.mc-sidebar__link.svelte-15fp7dn:not(.mc-sidebar__link--selected):hover {background:var(--sidebar-color-section-item-background-hover, rgba(0, 0, 0, 0.05));}.mc-sidebar__link.svelte-15fp7dn:focus-visible {box-shadow:0 0 0 0.125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)), 0 0 0 0.25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:0.125rem solid transparent;outline-offset:0.125rem;}.mc-sidebar__icon.svelte-15fp7dn {fill:currentcolor;width:1.5rem;height:1.5rem;}.mc-sidebar__indicator.svelte-15fp7dn {fill:currentcolor;width:1.25rem;height:1.25rem;}.mc-sidebar__text.svelte-15fp7dn {display:block;}.mc-sidebar__sub.svelte-15fp7dn {width:1.25rem;height:1.25rem;}.mc-sidebar__sublist.svelte-15fp7dn {list-style-type:none;margin:0;padding:0 0 0 2rem;display:flex;flex-direction:column;gap:0.25rem;}.mc-sidebar__item.svelte-15fp7dn {position:relative;}.mc-sidebar__shortcut-wrapper.svelte-15fp7dn {width:100%;display:grid;justify-content:center;position:relative;}.mc-sidebar__shortcut-list.svelte-15fp7dn {display:flex;margin:0;}.mc-sidebar__shortcut-list--grid.svelte-15fp7dn {padding:0;gap:0.5rem;align-items:center;}.mc-sidebar__shortcut-list--stacked.svelte-15fp7dn {gap:0.25rem;flex-direction:column;padding:0;}.mc-sidebar__shortcut-list--stacked.svelte-15fp7dn:not(.mc-sidebar__shortcut-list--floating) {padding:0 0 0.5rem 1rem;margin-bottom:0.5rem;border-bottom:1px solid var(--divider-color-primary, #cccccc);}.mc-sidebar__shortcut-item.svelte-15fp7dn {cursor:pointer;display:flex;align-items:center;list-style:none;border-radius:var(--border-radius-m, 0.5rem);overflow:hidden;}.mc-sidebar__shortcut-item.svelte-15fp7dn:hover {background-color:var(--sidebar-color-shortcut-item-background-hover, rgba(70, 78, 99, 0.2));}.mc-sidebar__shortcut-item.svelte-15fp7dn:nth-child(n+5) {display:none;}.mc-sidebar__shortcut-item--grid.svelte-15fp7dn {justify-content:center;padding:0 0.125rem;height:3rem;width:3.9375rem;background-color:var(--sidebar-color-shortcut-item-background-default, rgba(70, 78, 99, 0.1));}.mc-sidebar__shortcut-item--stacked.svelte-15fp7dn {padding:0.125rem 0.25rem;width:12.5rem;height:2.5rem;}.mc-sidebar__shortcut-item--stacked.mc-sidebar__shortcut-item--floating.svelte-15fp7dn {width:100%;padding:0.125rem 0 0.125rem 0.25rem;}.mc-sidebar__shortcut-item--selected.mc-sidebar__shortcut-item.svelte-15fp7dn {background-color:var(--sidebar-color-shortcut-item-background-selected, #ebf5de);}.mc-sidebar__shortcut-item.svelte-15fp7dn:is(.mc-sidebar__trigger:where(.svelte-15fp7dn)) {width:3rem;height:3rem;justify-content:center;border:none;background-color:var(--sidebar-color-shortcut-item-background-default, rgba(70, 78, 99, 0.1));}.mc-sidebar__shortcut-item.svelte-15fp7dn:is(.mc-sidebar__trigger:where(.svelte-15fp7dn)):hover {background-color:var(--sidebar-color-shortcut-item-background-default, rgba(70, 78, 99, 0.1));}.mc-sidebar__shortcut-link.svelte-15fp7dn:focus-visible {box-shadow:0 0 0 0.125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)), 0 0 0 0.25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:0.125rem solid transparent;outline-offset:0.125rem;}.mc-sidebar__shortcut-link.svelte-15fp7dn {text-decoration:none;display:flex;align-items:center;justify-content:center;}.mc-sidebar__shortcut-label.svelte-15fp7dn {font-size:var(--font-size-25, 0.625rem);font-weight:var(--font-weight-regular, 400);line-height:var(--line-height-s, 1.3);color:var(--sidebar-color-shortcut-item-text-default, #404040);white-space:nowrap;overflow:hidden;}.mc-sidebar__shortcut-icon.svelte-15fp7dn {fill:var(--sidebar-color-shortcut-item-text-default, #404040);width:1.5rem;height:1.5rem;}.mc-button.svelte-15fp7dn {color:var(--button-color-filled-standard-font, #ffffff);background-color:var(--button-color-filled-standard-background, #464e63);}.mc-button.svelte-15fp7dn:hover {background-color:var(--button-color-filled-standard-hover-background, #343b4c);}.mc-button.svelte-15fp7dn:active {background-color:var(--button-color-filled-standard-active-background, #242938);}.mc-button.svelte-15fp7dn:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button.svelte-15fp7dn {font-weight:var(--font-weight-semi-bold, 600);padding:0 calc(1rem - 0.125rem);min-height:3rem;min-width:3rem;border-radius:var(--button-border-radius-m, 0.25rem);}.mc-button.svelte-15fp7dn {display:inline-flex;justify-content:center;vertical-align:middle;text-align:center;border:2px solid transparent;transition:all ease 200ms;transition:box-shadow 200ms ease;align-items:center;box-sizing:border-box;font-family:inherit;fill:currentcolor;gap:0.25rem;cursor:pointer;}.mc-button__label.svelte-15fp7dn {font-size:var(--font-size-150, 1rem);}.mc-button__icon.svelte-15fp7dn {flex-shrink:0;width:1.5rem;height:1.5rem;}.mc-button.svelte-15fp7dn:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button.svelte-15fp7dn:focus-visible {box-shadow:0 0 0 0.125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)), 0 0 0 0.25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:0.125rem solid transparent;outline-offset:0.125rem;}.mc-button--s.svelte-15fp7dn {padding:0 calc(0.75rem - 0.125rem);min-height:2rem;min-width:2rem;border-radius:var(--button-border-radius-s, 0.25rem);}.mc-button--m.svelte-15fp7dn {padding:0 calc(1rem - 0.125rem);min-height:3rem;min-width:3rem;border-radius:var(--button-border-radius-m, 0.25rem);}.mc-button--l.svelte-15fp7dn {padding:0 calc(1.25rem - 0.125rem);min-height:4rem;min-width:4rem;border-radius:var(--button-border-radius-l, 0.25rem);}.mc-button--icon-only.svelte-15fp7dn {padding:0.25rem;}.mc-button--outlined.svelte-15fp7dn {color:var(--button-color-outlined-standard-font, #242938);border-color:var(--button-color-outlined-standard-border, #8891aa);background-color:var(--button-color-outlined-standard-background, #ffffff);}.mc-button--outlined.svelte-15fp7dn:hover {background-color:var(--button-color-outlined-standard-hover-background, #eff1f6);}.mc-button--outlined.svelte-15fp7dn:active {background-color:var(--button-color-outlined-standard-active-background, #c9d0de);}.mc-button--outlined.svelte-15fp7dn:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--ghost.svelte-15fp7dn {color:var(--button-color-ghost-standard-font, #242938);background-color:var(--button-color-ghost-standard-background, rgba(255, 255, 255, 0.01));}.mc-button--ghost.svelte-15fp7dn:hover {background-color:var(--button-color-ghost-standard-hover-background, rgba(70, 78, 99, 0.1));}.mc-button--ghost.svelte-15fp7dn:active {background-color:var(--button-color-ghost-standard-active-background, rgba(70, 78, 99, 0.2));}.mc-button--ghost.svelte-15fp7dn:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--accent.svelte-15fp7dn {color:var(--button-color-filled-accent-font, #ffffff);background-color:var(--button-color-filled-accent-background, #117f03);}.mc-button--accent.svelte-15fp7dn:hover {background-color:var(--button-color-filled-accent-hover-background, #006902);}.mc-button--accent.svelte-15fp7dn:active {background-color:var(--button-color-filled-accent-active-background, #035010);}.mc-button--accent.svelte-15fp7dn:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--danger.svelte-15fp7dn {color:var(--button-color-filled-danger-font, #ffffff);background-color:var(--button-color-filled-danger-background, #c61112);}.mc-button--danger.svelte-15fp7dn:hover {background-color:var(--button-color-filled-danger-hover-background, #8c0003);}.mc-button--danger.svelte-15fp7dn:active {background-color:var(--button-color-filled-danger-active-background, #530000);}.mc-button--danger.svelte-15fp7dn:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--inverse.svelte-15fp7dn {--focus-color-mid: var(--focus-color-outline-outer, #000000);--focus-color-outer: var(--focus-color-outline-mid, #ffffff);color:var(--button-color-filled-inverse-font, #242938);background-color:var(--button-color-filled-inverse-background, #ffffff);}.mc-button--inverse.svelte-15fp7dn:hover {background-color:var(--button-color-filled-inverse-hover-background, #e6e6e6);}.mc-button--inverse.svelte-15fp7dn:active {background-color:var(--button-color-filled-inverse-active-background, #cccccc);}.mc-button--inverse.svelte-15fp7dn:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--icon-button.svelte-15fp7dn {border-radius:var(--border-radius-full, 100%);padding:0;}.mc-button--loading.svelte-15fp7dn {pointer-events:none;}.mc-button--outlined.mc-button--standard.svelte-15fp7dn {color:var(--button-color-outlined-standard-font, #242938);border-color:var(--button-color-outlined-standard-border, #8891aa);background-color:var(--button-color-outlined-standard-background, #ffffff);}.mc-button--outlined.mc-button--standard.svelte-15fp7dn:hover {background-color:var(--button-color-outlined-standard-hover-background, #eff1f6);}.mc-button--outlined.mc-button--standard.svelte-15fp7dn:active {background-color:var(--button-color-outlined-standard-active-background, #c9d0de);}.mc-button--outlined.mc-button--standard.svelte-15fp7dn:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--outlined.mc-button--accent.svelte-15fp7dn {color:var(--button-color-outlined-accent-font, #117f03);border-color:var(--button-color-outlined-accent-border, #78be20);background-color:var(--button-color-outlined-accent-background, #ffffff);}.mc-button--outlined.mc-button--accent.svelte-15fp7dn:hover {background-color:var(--button-color-outlined-accent-hover-background, #ebf5de);}.mc-button--outlined.mc-button--accent.svelte-15fp7dn:active {background-color:var(--button-color-outlined-accent-active-background, #c5e39e);}.mc-button--outlined.mc-button--accent.svelte-15fp7dn:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--outlined.mc-button--danger.svelte-15fp7dn {color:var(--button-color-outlined-danger-font, #c61112);border-color:var(--button-color-outlined-danger-border, #ef5f5c);background-color:var(--button-color-outlined-danger-background, #ffffff);}.mc-button--outlined.mc-button--danger.svelte-15fp7dn:hover {background-color:var(--button-color-outlined-danger-hover-background, #fdeaea);}.mc-button--outlined.mc-button--danger.svelte-15fp7dn:active {background-color:var(--button-color-outlined-danger-active-background, #f8bcbb);}.mc-button--outlined.mc-button--danger.svelte-15fp7dn:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--outlined.mc-button--inverse.svelte-15fp7dn {color:var(--button-color-outlined-inverse-font, #ffffff);border-color:var(--button-color-outlined-inverse-border, #ffffff);background-color:var(--button-color-outlined-inverse-background, rgba(255, 255, 255, 0.01));}.mc-button--outlined.mc-button--inverse.svelte-15fp7dn:hover {background-color:var(--button-color-outlined-inverse-hover-background, rgba(255, 255, 255, 0.1));}.mc-button--outlined.mc-button--inverse.svelte-15fp7dn:active {background-color:var(--button-color-outlined-inverse-active-background, rgba(255, 255, 255, 0.2));}.mc-button--outlined.mc-button--inverse.svelte-15fp7dn:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--ghost.mc-button--standard.svelte-15fp7dn {color:var(--button-color-ghost-standard-font, #242938);background-color:var(--button-color-ghost-standard-background, rgba(255, 255, 255, 0.01));}.mc-button--ghost.mc-button--standard.svelte-15fp7dn:hover {background-color:var(--button-color-ghost-standard-hover-background, rgba(70, 78, 99, 0.1));}.mc-button--ghost.mc-button--standard.svelte-15fp7dn:active {background-color:var(--button-color-ghost-standard-active-background, rgba(70, 78, 99, 0.2));}.mc-button--ghost.mc-button--standard.svelte-15fp7dn:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--ghost.mc-button--accent.svelte-15fp7dn {color:var(--button-color-ghost-accent-font, #117f03);background-color:var(--button-color-ghost-accent-background, rgba(255, 255, 255, 0.01));}.mc-button--ghost.mc-button--accent.svelte-15fp7dn:hover {background-color:var(--button-color-ghost-accent-hover-background, rgba(17, 127, 3, 0.1));}.mc-button--ghost.mc-button--accent.svelte-15fp7dn:active {background-color:var(--button-color-ghost-accent-active-background, rgba(17, 127, 3, 0.2));}.mc-button--ghost.mc-button--accent.svelte-15fp7dn:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--ghost.mc-button--danger.svelte-15fp7dn {color:var(--button-color-ghost-danger-font, #c61112);background-color:var(--button-color-ghost-danger-background, rgba(255, 255, 255, 0.01));}.mc-button--ghost.mc-button--danger.svelte-15fp7dn:hover {background-color:var(--button-color-ghost-danger-hover-background, rgba(198, 17, 18, 0.1));}.mc-button--ghost.mc-button--danger.svelte-15fp7dn:active {background-color:var(--button-color-ghost-danger-active-background, rgba(198, 17, 18, 0.2));}.mc-button--ghost.mc-button--danger.svelte-15fp7dn:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--ghost.mc-button--inverse.svelte-15fp7dn {color:var(--button-color-ghost-inverse-font, #ffffff);background-color:var(--button-color-ghost-inverse-background, rgba(255, 255, 255, 0.01));}.mc-button--ghost.mc-button--inverse.svelte-15fp7dn:hover {background-color:var(--button-color-ghost-inverse-hover-background, rgba(255, 255, 255, 0.1));}.mc-button--ghost.mc-button--inverse.svelte-15fp7dn:active {background-color:var(--button-color-ghost-inverse-active-background, rgba(255, 255, 255, 0.2));}.mc-button--ghost.mc-button--inverse.svelte-15fp7dn:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}`};function Xe(X,c){ye(c,!0),ze(X,We);let i=x(c,"title",7),h=x(c,"subtitle",7),y=x(c,"avatar",7),A=x(c,"expandable",7,!0),F=x(c,"logOutLabel",7,"Log out"),B=x(c,"onlogout",7),D,b=K(!1),R=K(null),q=K(null),z=K(null);const L=J(()=>new Re("(max-width: 780px)").current),{floatingItemIsDisplayed:I,hideFloatingItem:M,showFloatingItem:T,onTriggerKeydown:le,onListboxKeydown:Y}=Pe(()=>o(L)?o(q):o(R),()=>o(z),{position:"top"});function se(){D.dispatchEvent(new CustomEvent("toggle",{bubbles:!0,composed:!0}))}const ie=J(()=>I?Me:Te),be=J(()=>{if(o(L))return{};const e={id:"trigger-footer","aria-expanded":I,"aria-haspopup":"listbox","aria-controls":"listbox-footer"};return o(b)?{...e,"aria-expanded":I,onclick:T}:{...e,"aria-expanded":I,onmouseenter:T,onfocus:T,onkeydown:le,onmouseleave:M,onblur:M}});function Z(){B()?.(),D.dispatchEvent(new CustomEvent("logout",{bubbles:!0,composed:!0}))}var ue={get title(){return i()},set title(e){i(e),w()},get subtitle(){return h()},set subtitle(e){h(e),w()},get avatar(){return y()},set avatar(e){y(e),w()},get expandable(){return A()},set expandable(e=!0){A(e),w()},get logOutLabel(){return F()},set logOutLabel(e="Log out"){F(e),w()},get onlogout(){return B()},set onlogout(e){B(e),w()}},u=Ve(),$=g(u);Ce($,{});var ee=v($,2),oe=g(ee);{var fe=e=>{var t=N(),_=P(t);Se(_,()=>o(L)?"div":"button",!1,(k,d)=>{W(k,r=>S(R,r,!0),()=>o(R)),Fe(k,()=>({class:"mc-sidebar__footer-profile mc-sidebar__footer-trigger",...o(be)}),void 0,void 0,void 0,"svelte-15fp7dn");var j=He(),E=P(j);{var Q=r=>{var n=qe();O(()=>{V(n,"src",y()),V(n,"alt",i())}),a(r,n)};l(E,r=>{y()&&r(Q)})}var re=v(E,2);{var pe=r=>{var n=Ge(),U=g(n);{var C=f=>{var m=Qe(),H=g(m,!0);p(m),O(()=>ne(H,i())),a(f,m)};l(U,f=>{i()&&f(C)})}var G=v(U,2);{var ke=f=>{var m=Ue(),H=g(m,!0);p(m),O(()=>ne(H,h())),a(f,m)};l(G,f=>{h()&&f(ke)})}p(n),a(r,n)};l(re,r=>{(i()||h())&&r(pe)})}var he=v(re,2);{var _e=r=>{ce(r,{get logOutLabel(){return F()},get expanded(){return o(b)},get onListboxKeydown(){return Y},get hideFloatingItem(){return M},onlogout:Z,get listbox(){return o(z)},set listbox(n){S(z,n,!0)},children:(n,U)=>{var C=N(),G=P(C);ae(G,c,"default",{},null),a(n,C)},$$slots:{default:!0}})};l(he,r=>{o(L)||r(_e)})}a(d,j)}),a(e,t)};l(oe,e=>{(y()||i()||h())&&e(fe)})}var te=v(oe,2);{var me=e=>{var t=Je(),_=g(t);Ke(_,{ghost:!0,"aria-label":"Expand",get"aria-expanded"(){return o(b)},onclick:()=>se(),$$slots:{icon:(k,d)=>{De(k,{slot:"icon"})}}}),p(t),a(e,t)};l(te,e=>{A()&&e(me)})}var ve=v(te,2);{var ge=e=>{var t=Ne(),_=g(t);Oe(_,()=>o(ie),(d,j)=>{j(d,{})});var k=v(_,2);ce(k,{get logOutLabel(){return F()},get expanded(){return o(b)},get onListboxKeydown(){return Y},get hideFloatingItem(){return M},onlogout:Z,get listbox(){return o(z)},set listbox(d){S(z,d,!0)},children:(d,j)=>{var E=N(),Q=P(E);ae(Q,c,"default",{},null),a(d,E)},$$slots:{default:!0}}),p(t),W(t,d=>S(q,d),()=>o(q)),O(()=>V(t,"aria-expanded",I)),Ee("click",t,()=>T()),a(e,t)};l(ve,e=>{o(L)&&e(ge)})}return p(ee),p(u),de(u,()=>Ae({setExpanded:e=>S(b,e,!0)})),de(u,()=>Be("M-SIDEBAR-FOOTER")),W(u,e=>D=e,()=>D),O(()=>Le(u,1,Ie({"mc-sidebar__footer":!0,"mc-sidebar__footer--expanded":o(b),"mc-sidebar__footer--collapsed":!o(b)}),"svelte-15fp7dn")),a(X,u),je(ue)}xe(["click"]);customElements.define("m-sidebar-footer",we(Xe,{expandable:{attribute:"expandable",reflect:!0,type:"Boolean"},title:{},subtitle:{},avatar:{},logOutLabel:{},onlogout:{}},["default"],[],{mode:"open"}));
 //# sourceMappingURL=SidebarFooter.js.map

package/dist/components/sidebarfooter/_SidebarFooterMenu.js

@@ -1,4 +1,4 @@
-import{c as k,e as z,a as L,p as t,k as h,b as j,d as F,f as I,j as i,i as o,r as a}from"../../custom-element.js";import{s as O}from"../../slot.js";import{a as K}from"../../attributes.js";import{b as S}from"../../this.js";import{D}from"../divider/Divider.js";import{S as M}from"../sidebarnavitem/SidebarNavItem.js";import{L as N}from"../../Condition20.js";import"../../index-client.js";import"../../if.js";import"../../branches.js";import"../../svelte-component.js";import"../../svelte-element.js";import"../tooltip/Tooltip.js";import"../../floating-item.svelte.js";import"../../media-query.js";import"../../sidebar-state.svelte.js";var P=I('<div><div class="mc-sidebar__footer-menu svelte-191d4yd"><ul class="mc-sidebar__list svelte-191d4yd"><!></ul> <span class="mc-sidebar__footer-menu-divider svelte-191d4yd"><!></span> <div class="mc-sidebar__item mc-sidebar__item--sub svelte-191d4yd"><!></div></div></div>');const q={hash:"svelte-191d4yd",code:`/**
+import{c as k,e as z,a as L,p as t,s as h,b as j,d as F,f as I,h as i,m as o,r as a}from"../../custom-element.js";import{s as O}from"../../slot.js";import{a as K}from"../../attributes.js";import{b as S}from"../../this.js";import{D}from"../divider/Divider.js";import{S as M}from"../sidebarnavitem/SidebarNavItem.js";import{L as N}from"../../Condition20.js";import"../../index-client.js";import"../../if.js";import"../../branches.js";import"../../svelte-component.js";import"../../svelte-element.js";import"../tooltip/Tooltip.js";import"../../floating-item.svelte.js";import"../../media-query.js";import"../../sidebar-state.svelte.js";var P=I('<div><div class="mc-sidebar__footer-menu svelte-191d4yd"><ul class="mc-sidebar__list svelte-191d4yd"><!></ul> <span class="mc-sidebar__footer-menu-divider svelte-191d4yd"><!></span> <div class="mc-sidebar__item mc-sidebar__item--sub svelte-191d4yd"><!></div></div></div>');const q={hash:"svelte-191d4yd",code:`/**
  * Do not edit directly, this file was auto-generated.
  */.mc-sidebar.svelte-191d4yd {display:flex;align-items:start;font-size:var(--font-size-100, 0.875rem);color:var(--sidebar-color-text-default, #404040);box-sizing:border-box;background-color:var(--overlay-color-background, rgba(0, 0, 0, 0.5));padding-right:4rem;position:relative;}
 @media screen and (min-width: 680px) {.mc-sidebar.svelte-191d4yd {display:inline-flex;padding-right:0;}
@@ -14,5 +14,5 @@ import{c as k,e as z,a as L,p as t,k as h,b as j,d as F,f as I,j as i,i as o,r a
 @media screen and (min-width: 680px) {.mc-sidebar__footer-expand--mobile.svelte-191d4yd {display:none;}
 }.mc-sidebar__footer-menu.svelte-191d4yd {width:19.75rem;box-sizing:border-box;padding:0.5rem 0.75rem;background-color:var(--listbox-color-background, #ffffff);border:1px solid var(--listbox-color-border, #cccccc);border-radius:var(--border-radius-m, 0.5rem);box-shadow:var(--shadow-bottom-s-x, 0px) var(--shadow-bottom-s-y, 5px) var(--shadow-bottom-s-blur, 10px) var(--shadow-bottom-s-spread, -2px) rgba(0, 0, 0, var(--shadow-bottom-s-opacity, 20%));}
 @media screen and (min-width: 680px) {.mc-sidebar__footer-menu.svelte-191d4yd {width:18.75rem;}
-}.mc-sidebar__footer-menu.svelte-191d4yd .mc-sidebar__footer-menu-divider:where(.svelte-191d4yd) {margin:0.5rem 0.75rem;}.mc-sidebar__header.svelte-191d4yd {display:flex;align-items:center;justify-content:center;gap:0.5rem;}.mc-sidebar__header-logo.svelte-191d4yd {width:2.5rem;height:2.5rem;}.mc-sidebar__header-title.svelte-191d4yd {font-size:var(--font-size-200, 1.125rem);font-weight:var(--font-weight-bold, 700);color:var(--sidebar-color-product-name, #000000);margin:0;flex-grow:1;display:none;}.mc-sidebar__listbox.svelte-191d4yd {min-width:18.75rem;border-radius:var(--border-radius-m, 0.5rem);background-color:var(--listbox-color-background, #ffffff);padding:1rem;display:flex;flex-direction:column;gap:0.25rem;box-shadow:var(--shadow-bottom-s-x, 0px) var(--shadow-bottom-s-y, 5px) var(--shadow-bottom-s-blur, 10px) var(--shadow-bottom-s-spread, -2px) rgba(0, 0, 0, var(--shadow-bottom-s-opacity, 20%));}.mc-sidebar__listbox-title.svelte-191d4yd {font-size:var(--font-size-150, 1rem);font-weight:var(--font-weight-semi-bold, 600);padding-bottom:0.75rem;margin:0;border-bottom:1px solid var(--divider-color-primary, #cccccc);color:var(--sidebar-color-shortcut-item-text-default, #404040);}.mc-sidebar__list.svelte-191d4yd {list-style-type:none;margin:0;padding:0;}.mc-sidebar__link.svelte-191d4yd {display:flex;align-items:center;gap:0.25rem;height:2.5rem;width:100%;padding-left:0.25rem;text-align:left;text-decoration:none;font-size:var(--font-size-150, 1rem);font-weight:var(--font-weight-semi-bold, 600);color:var(--sidebar-color-section-item-text-default, #404040);border-radius:var(--border-radius-m, 0.5rem);background:transparent;border:none;cursor:pointer;}.mc-sidebar__link--selected.svelte-191d4yd {color:var(--sidebar-color-section-item-text-selected, #006902);background:var(--sidebar-color-section-item-background-selected, #ebf5de);}.mc-sidebar__link--locked.svelte-191d4yd {pointer-events:none;}.mc-sidebar__link.svelte-191d4yd:not(.mc-sidebar__link--selected):hover {background:var(--sidebar-color-section-item-background-hover, rgba(0, 0, 0, 0.05));}.mc-sidebar__link.svelte-191d4yd:focus-visible {box-shadow:0 0 0 0.125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)), 0 0 0 0.25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:0.125rem solid transparent;outline-offset:0.125rem;}.mc-sidebar__icon.svelte-191d4yd {fill:currentcolor;width:1.5rem;height:1.5rem;}.mc-sidebar__indicator.svelte-191d4yd {fill:currentcolor;width:1.25rem;height:1.25rem;}.mc-sidebar__text.svelte-191d4yd {display:block;}.mc-sidebar__sub.svelte-191d4yd {width:1.25rem;height:1.25rem;}.mc-sidebar__sublist.svelte-191d4yd {list-style-type:none;margin:0;padding:0 0 0 2rem;display:flex;flex-direction:column;gap:0.25rem;}.mc-sidebar__item.svelte-191d4yd {position:relative;}.mc-sidebar__shortcut-wrapper.svelte-191d4yd {width:100%;display:grid;justify-content:center;position:relative;}.mc-sidebar__shortcut-list.svelte-191d4yd {display:flex;margin:0;}.mc-sidebar__shortcut-list--grid.svelte-191d4yd {padding:0;gap:0.5rem;align-items:center;}.mc-sidebar__shortcut-list--stacked.svelte-191d4yd {gap:0.25rem;flex-direction:column;padding:0;}.mc-sidebar__shortcut-list--stacked.svelte-191d4yd:not(.mc-sidebar__shortcut-list--floating) {padding:0 0 0.5rem 1rem;margin-bottom:0.5rem;border-bottom:1px solid var(--divider-color-primary, #cccccc);}.mc-sidebar__shortcut-item.svelte-191d4yd {cursor:pointer;display:flex;align-items:center;list-style:none;border-radius:var(--border-radius-m, 0.5rem);overflow:hidden;}.mc-sidebar__shortcut-item.svelte-191d4yd:hover {background-color:var(--sidebar-color-shortcut-item-background-hover, rgba(70, 78, 99, 0.2));}.mc-sidebar__shortcut-item.svelte-191d4yd:nth-child(n+5) {display:none;}.mc-sidebar__shortcut-item--grid.svelte-191d4yd {justify-content:center;padding:0 0.125rem;height:3rem;width:3.9375rem;background-color:var(--sidebar-color-shortcut-item-background-default, rgba(70, 78, 99, 0.1));}.mc-sidebar__shortcut-item--stacked.svelte-191d4yd {padding:0.125rem 0.25rem;width:12.5rem;height:2.5rem;}.mc-sidebar__shortcut-item--stacked.mc-sidebar__shortcut-item--floating.svelte-191d4yd {width:100%;padding:0.125rem 0 0.125rem 0.25rem;}.mc-sidebar__shortcut-item--selected.mc-sidebar__shortcut-item.svelte-191d4yd {background-color:var(--sidebar-color-shortcut-item-background-selected, #ebf5de);}.mc-sidebar__shortcut-item.svelte-191d4yd:is(.mc-sidebar__trigger:where(.svelte-191d4yd)) {width:3rem;height:3rem;justify-content:center;border:none;background-color:var(--sidebar-color-shortcut-item-background-default, rgba(70, 78, 99, 0.1));}.mc-sidebar__shortcut-item.svelte-191d4yd:is(.mc-sidebar__trigger:where(.svelte-191d4yd)):hover {background-color:var(--sidebar-color-shortcut-item-background-default, rgba(70, 78, 99, 0.1));}.mc-sidebar__shortcut-link.svelte-191d4yd:focus-visible {box-shadow:0 0 0 0.125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)), 0 0 0 0.25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:0.125rem solid transparent;outline-offset:0.125rem;}.mc-sidebar__shortcut-link.svelte-191d4yd {text-decoration:none;display:flex;align-items:center;justify-content:center;}.mc-sidebar__shortcut-label.svelte-191d4yd {font-size:var(--font-size-25, 0.625rem);font-weight:var(--font-weight-regular, 400);line-height:var(--line-height-s, 1.3);color:var(--sidebar-color-shortcut-item-text-default, #404040);white-space:nowrap;overflow:hidden;}.mc-sidebar__shortcut-icon.svelte-191d4yd {fill:var(--sidebar-color-shortcut-item-text-default, #404040);width:1.5rem;height:1.5rem;}`};function A(f,r){z(r,!0),L(f,q);let c=t(r,"logOutLabel",7),s=t(r,"expanded",7),m=t(r,"onListboxKeydown",7),l=t(r,"hideFloatingItem",7),n=t(r,"listbox",15),b=t(r,"onlogout",7);var p={get logOutLabel(){return c()},set logOutLabel(e){c(e),o()},get expanded(){return s()},set expanded(e){s(e),o()},get onListboxKeydown(){return m()},set onListboxKeydown(e){m(e),o()},get hideFloatingItem(){return l()},set hideFloatingItem(e){l(e),o()},get listbox(){return n()},set listbox(e){n(e),o()},get onlogout(){return b()},set onlogout(e){b(e),o()}},d=P();K(d,()=>({id:"listbox-footer",tabindex:"0",role:"menu",class:{"mc-sidebar__floating-item mc-sidebar__floating-item--hidden":!0,"mc-sidebar__floating-item--expanded":s()},...s()?{}:{onkeydown:m(),onmouseleave:l(),onblur:l()}}),void 0,void 0,void 0,"svelte-191d4yd");var g=i(d),v=i(g),y=i(v);O(y,r,"default",{},null),a(v);var u=h(v,2),x=i(u);D(x,{}),a(u);var _=h(u,2),w=i(_);return M(w,{tag:"div",get label(){return c()},sub:!0,get onclick(){return b()},$$slots:{icon:(e,B)=>{N(e,{slot:"icon"})}}}),a(_),a(g),a(d),S(d,e=>n(e),()=>n()),j(f,d),F(p)}k(A,{logOutLabel:{},expanded:{},onListboxKeydown:{},hideFloatingItem:{},listbox:{},onlogout:{}},["default"],[],{mode:"open"});export{A as _};
+}.mc-sidebar__footer-menu.svelte-191d4yd .mc-sidebar__footer-menu-divider:where(.svelte-191d4yd) {margin:0.5rem 0.75rem;}.mc-sidebar__header.svelte-191d4yd {display:flex;align-items:center;justify-content:center;gap:0.5rem;}.mc-sidebar__header-logo.svelte-191d4yd {width:2.5rem;height:2.5rem;}.mc-sidebar__header-title.svelte-191d4yd {font-size:var(--font-size-200, 1.125rem);font-weight:var(--font-weight-bold, 700);color:var(--sidebar-color-product-name, #000000);margin:0;flex-grow:1;display:none;}.mc-sidebar__listbox.svelte-191d4yd {min-width:18.75rem;border-radius:var(--border-radius-m, 0.5rem);background-color:var(--listbox-color-background, #ffffff);padding:1rem;display:flex;flex-direction:column;gap:0.25rem;box-shadow:var(--shadow-bottom-s-x, 0px) var(--shadow-bottom-s-y, 5px) var(--shadow-bottom-s-blur, 10px) var(--shadow-bottom-s-spread, -2px) rgba(0, 0, 0, var(--shadow-bottom-s-opacity, 20%));}.mc-sidebar__listbox-title.svelte-191d4yd {font-size:var(--font-size-150, 1rem);font-weight:var(--font-weight-semi-bold, 600);padding-bottom:0.75rem;margin:0;border-bottom:1px solid var(--divider-color-primary, #cccccc);color:var(--sidebar-color-shortcut-item-text-default, #404040);}.mc-sidebar__list.svelte-191d4yd {list-style-type:none;margin:0;padding:0;}.mc-sidebar__link.svelte-191d4yd {display:flex;align-items:center;gap:0.25rem;height:2.5rem;width:100%;padding-left:0.25rem;text-align:left;text-decoration:none;font-size:var(--font-size-150, 1rem);font-weight:var(--font-weight-semi-bold, 600);color:var(--sidebar-color-section-item-text-default, #404040);border-radius:var(--border-radius-m, 0.5rem);background:transparent;border:none;cursor:pointer;}.mc-sidebar__link--selected.svelte-191d4yd {color:var(--sidebar-color-section-item-text-selected, #006902);background:var(--sidebar-color-section-item-background-selected, #ebf5de);}.mc-sidebar__link--locked.svelte-191d4yd {pointer-events:none;}.mc-sidebar__link.svelte-191d4yd:not(.mc-sidebar__link--selected):hover {background:var(--sidebar-color-section-item-background-hover, rgba(0, 0, 0, 0.05));}.mc-sidebar__link.svelte-191d4yd:focus-visible {box-shadow:0 0 0 0.125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)), 0 0 0 0.25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:0.125rem solid transparent;outline-offset:0.125rem;}.mc-sidebar__icon.svelte-191d4yd {fill:currentcolor;width:1.5rem;height:1.5rem;}.mc-sidebar__indicator.svelte-191d4yd {fill:currentcolor;width:1.25rem;height:1.25rem;}.mc-sidebar__text.svelte-191d4yd {display:block;}.mc-sidebar__sub.svelte-191d4yd {width:1.25rem;height:1.25rem;}.mc-sidebar__sublist.svelte-191d4yd {list-style-type:none;margin:0;padding:0 0 0 2rem;display:flex;flex-direction:column;gap:0.25rem;}.mc-sidebar__item.svelte-191d4yd {position:relative;}.mc-sidebar__shortcut-wrapper.svelte-191d4yd {width:100%;display:grid;justify-content:center;position:relative;}.mc-sidebar__shortcut-list.svelte-191d4yd {display:flex;margin:0;}.mc-sidebar__shortcut-list--grid.svelte-191d4yd {padding:0;gap:0.5rem;align-items:center;}.mc-sidebar__shortcut-list--stacked.svelte-191d4yd {gap:0.25rem;flex-direction:column;padding:0;}.mc-sidebar__shortcut-list--stacked.svelte-191d4yd:not(.mc-sidebar__shortcut-list--floating) {padding:0 0 0.5rem 1rem;margin-bottom:0.5rem;border-bottom:1px solid var(--divider-color-primary, #cccccc);}.mc-sidebar__shortcut-item.svelte-191d4yd {cursor:pointer;display:flex;align-items:center;list-style:none;border-radius:var(--border-radius-m, 0.5rem);overflow:hidden;}.mc-sidebar__shortcut-item.svelte-191d4yd:hover {background-color:var(--sidebar-color-shortcut-item-background-hover, rgba(70, 78, 99, 0.2));}.mc-sidebar__shortcut-item.svelte-191d4yd:nth-child(n+5) {display:none;}.mc-sidebar__shortcut-item--grid.svelte-191d4yd {justify-content:center;padding:0 0.125rem;height:3rem;width:3.9375rem;background-color:var(--sidebar-color-shortcut-item-background-default, rgba(70, 78, 99, 0.1));}.mc-sidebar__shortcut-item--stacked.svelte-191d4yd {padding:0.125rem 0.25rem;width:12.5rem;height:2.5rem;}.mc-sidebar__shortcut-item--stacked.mc-sidebar__shortcut-item--floating.svelte-191d4yd {width:100%;padding:0.125rem 0 0.125rem 0.25rem;}.mc-sidebar__shortcut-item--selected.mc-sidebar__shortcut-item.svelte-191d4yd {background-color:var(--sidebar-color-shortcut-item-background-selected, #ebf5de);}.mc-sidebar__shortcut-item.svelte-191d4yd:is(.mc-sidebar__trigger:where(.svelte-191d4yd)) {width:3rem;height:3rem;justify-content:center;border:none;background-color:var(--sidebar-color-shortcut-item-background-default, rgba(70, 78, 99, 0.1));}.mc-sidebar__shortcut-item.svelte-191d4yd:is(.mc-sidebar__trigger:where(.svelte-191d4yd)):hover {background-color:var(--sidebar-color-shortcut-item-background-default, rgba(70, 78, 99, 0.1));}.mc-sidebar__shortcut-link.svelte-191d4yd:focus-visible {box-shadow:0 0 0 0.125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)), 0 0 0 0.25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:0.125rem solid transparent;outline-offset:0.125rem;}.mc-sidebar__shortcut-link.svelte-191d4yd {text-decoration:none;display:flex;align-items:center;justify-content:center;}.mc-sidebar__shortcut-label.svelte-191d4yd {font-size:var(--font-size-25, 0.625rem);font-weight:var(--font-weight-regular, 400);line-height:var(--line-height-s, 1.3);color:var(--sidebar-color-shortcut-item-text-default, #404040);white-space:nowrap;overflow:hidden;}.mc-sidebar__shortcut-icon.svelte-191d4yd {fill:var(--sidebar-color-shortcut-item-text-default, #404040);width:1.5rem;height:1.5rem;}`};function A(f,r){z(r,!0),L(f,q);let m=t(r,"logOutLabel",7),s=t(r,"expanded",7),c=t(r,"onListboxKeydown",7),l=t(r,"hideFloatingItem",7),n=t(r,"listbox",15),b=t(r,"onlogout",7);var p={get logOutLabel(){return m()},set logOutLabel(e){m(e),o()},get expanded(){return s()},set expanded(e){s(e),o()},get onListboxKeydown(){return c()},set onListboxKeydown(e){c(e),o()},get hideFloatingItem(){return l()},set hideFloatingItem(e){l(e),o()},get listbox(){return n()},set listbox(e){n(e),o()},get onlogout(){return b()},set onlogout(e){b(e),o()}},d=P();K(d,()=>({id:"listbox-footer",tabindex:"0",role:"menu",class:{"mc-sidebar__floating-item mc-sidebar__floating-item--hidden":!0,"mc-sidebar__floating-item--expanded":s()},...s()?{}:{onkeydown:c(),onmouseleave:l(),onblur:l()}}),void 0,void 0,void 0,"svelte-191d4yd");var g=i(d),v=i(g),y=i(v);O(y,r,"default",{},null),a(v);var u=h(v,2),x=i(u);D(x,{}),a(u);var _=h(u,2),w=i(_);return M(w,{tag:"div",get label(){return m()},sub:!0,get onclick(){return b()},$$slots:{icon:(e,B)=>{N(e,{slot:"icon"})}}}),a(_),a(g),a(d),S(d,e=>n(e),()=>n()),j(f,d),F(p)}k(A,{logOutLabel:{},expanded:{},onListboxKeydown:{},hideFloatingItem:{},listbox:{},onlogout:{}},["default"],[],{mode:"open"});export{A as _};
 //# sourceMappingURL=_SidebarFooterMenu.js.map

package/dist/components/sidebarheader/SidebarHeader.js

@@ -1,4 +1,4 @@
-import{c as g,e as v,a as f,p as o,k as y,q as x,t as u,b as w,d as S,f as j,j as m,v as k,i as h,r as c,s as z,h as E,l as p,m as q}from"../../custom-element.js";import{c as D,s as H}from"../../attributes.js";import{g as A}from"../../sidebar-state.svelte.js";var B=j('<header><img class="mc-sidebar__header-logo svelte-1h67ayb" alt="logo"/> <p class="mc-sidebar__header-title svelte-1h67ayb"> </p></header>');const C={hash:"svelte-1h67ayb",code:`/**
+import{c as g,e as v,a as f,p as o,s as y,t as x,j as u,n as w,i as m,k as S,b as j,d as k,f as z,h,v as E,m as c,r as p,q}from"../../custom-element.js";import{c as D,s as H}from"../../attributes.js";import{g as A}from"../../sidebar-state.svelte.js";var B=z('<header><img class="mc-sidebar__header-logo svelte-1h67ayb" alt="logo"/> <p class="mc-sidebar__header-title svelte-1h67ayb"> </p></header>');const C={hash:"svelte-1h67ayb",code:`/**
  * Do not edit directly, this file was auto-generated.
  */
 @media screen and (min-width: 680px) {
@@ -14,5 +14,5 @@ import{c as g,e as v,a as f,p as o,k as y,q as x,t as u,b as w,d as S,f as j,j a
 @media screen and (min-width: 680px) {
 }
 @media screen and (min-width: 680px) {
-}.mc-sidebar__header.svelte-1h67ayb {display:flex;align-items:center;justify-content:center;gap:0.5rem;}.mc-sidebar__header-logo.svelte-1h67ayb {width:2.5rem;height:2.5rem;}.mc-sidebar__header-title.svelte-1h67ayb {font-size:var(--font-size-200, 1.125rem);font-weight:var(--font-weight-bold, 700);color:var(--sidebar-color-product-name, #000000);margin:0;flex-grow:1;display:none;}.mc-sidebar__header--expanded.svelte-1h67ayb .mc-sidebar__header-title:where(.svelte-1h67ayb) {display:block;}.mc-sidebar__header--collapsed.svelte-1h67ayb .mc-sidebar__header-title:where(.svelte-1h67ayb) {display:none;}`};function F(i,t){v(t,!0),f(i,C);let s=o(t,"title",7),r=o(t,"logo",7),d=k(!1);var b={get title(){return s()},set title(a){s(a),h()},get logo(){return r()},set logo(a){r(a),h()}},e=B(),n=m(e),l=y(n,2),_=m(l,!0);return c(l),c(e),D(e,()=>A({setExpanded:a=>x(d,a,!0)})),u(()=>{z(e,1,E({"mc-sidebar__header":!0,"mc-sidebar__header--expanded":p(d),"mc-sidebar__header--collapsed":!p(d)}),"svelte-1h67ayb"),H(n,"src",r()),q(_,s())}),w(i,e),S(b)}customElements.define("m-sidebar-header",g(F,{title:{},logo:{}},[],[],{mode:"open"}));
+}.mc-sidebar__header.svelte-1h67ayb {display:flex;align-items:center;justify-content:center;gap:0.5rem;}.mc-sidebar__header-logo.svelte-1h67ayb {width:2.5rem;height:2.5rem;}.mc-sidebar__header-title.svelte-1h67ayb {font-size:var(--font-size-200, 1.125rem);font-weight:var(--font-weight-bold, 700);color:var(--sidebar-color-product-name, #000000);margin:0;flex-grow:1;display:none;}.mc-sidebar__header--expanded.svelte-1h67ayb .mc-sidebar__header-title:where(.svelte-1h67ayb) {display:block;}.mc-sidebar__header--collapsed.svelte-1h67ayb .mc-sidebar__header-title:where(.svelte-1h67ayb) {display:none;}`};function F(i,t){v(t,!0),f(i,C);let s=o(t,"title",7),r=o(t,"logo",7),d=E(!1);var b={get title(){return s()},set title(a){s(a),c()},get logo(){return r()},set logo(a){r(a),c()}},e=B(),n=h(e),l=y(n,2),_=h(l,!0);return p(l),p(e),D(e,()=>A({setExpanded:a=>q(d,a,!0)})),x(()=>{u(e,1,w({"mc-sidebar__header":!0,"mc-sidebar__header--expanded":m(d),"mc-sidebar__header--collapsed":!m(d)}),"svelte-1h67ayb"),H(n,"src",r()),S(_,s())}),j(i,e),k(b)}customElements.define("m-sidebar-header",g(F,{title:{},logo:{}},[],[],{mode:"open"}));
 //# sourceMappingURL=SidebarHeader.js.map