@mozaic-ds/web-components 0.28.0 → 0.28.1-beta.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/public/adeo/components/sidebar/sidebar-segment.nested.js +1 -1
- package/public/adeo/components/sidebar/sidebar-segment.nested.js.map +1 -1
- package/public/adeo/components/sidebar/sidebar-segment.nested.svelte +1 -3
- package/public/bricoman/components/sidebar/sidebar-segment.nested.js +1 -1
- package/public/bricoman/components/sidebar/sidebar-segment.nested.js.map +1 -1
- package/public/bricoman/components/sidebar/sidebar-segment.nested.svelte +1 -3
- package/public/components/sidebar/sidebar-segment.nested.js +1 -1
- package/public/components/sidebar/sidebar-segment.nested.js.map +1 -1
- package/public/components/sidebar/sidebar-segment.nested.svelte +1 -3
package/package.json
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{H as e,i as s,s as t,I as i,T as
|
|
1
|
+
import{H as e,i as s,s as t,I as i,T as a,b as n,B as l,z as c,A as o,m as d,ag as r,p as m,e as v,d as k,v as b,h,k as p,x as g,C as f,y as u,Y as x,Z as _,_ as w,$,a4 as y}from"../../index-c222d0b7.js";import{a as j,s as P,i as z}from"../../sidebar-service-8aa10fb1.js";function A(e){i(e,"svelte-vehkk3",".mc-sidebar-segment.svelte-vehkk3.svelte-vehkk3{cursor:pointer;-webkit-box-flex:0;-ms-flex:0;flex:0;text-decoration:none;color:#ffffff;line-height:22px;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;min-height:40px}.mc-sidebar-segment__icon.svelte-vehkk3.svelte-vehkk3{fill:#ffffff;height:1.5rem;width:1.5rem}.mc-sidebar-segment__container.svelte-vehkk3.svelte-vehkk3{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;padding:8px 0px}.mc-sidebar-segment__text.svelte-vehkk3.svelte-vehkk3{margin-left:10px;width:200px;min-width:200px}.mc-sidebar-segment.is-selected.svelte-vehkk3.svelte-vehkk3{background:#5b737d}.mc-sidebar-segment.svelte-vehkk3.svelte-vehkk3:focus-visible{-webkit-box-shadow:none;box-shadow:none;border:none;outline:none}.mc-sidebar-segment.svelte-vehkk3:focus-visible .mc-sidebar-segment__container.svelte-vehkk3{-webkit-box-shadow:none;box-shadow:none;border:none;border-radius:6px;outline:1px solid #0b96cc}.mc-sidebar-segment.svelte-vehkk3.svelte-vehkk3:hover{background:#405d68}.mc-sidebar-segment.is-close.svelte-vehkk3 .mc-sidebar-segment__container.svelte-vehkk3{-webkit-transition:margin 300ms ease-in-out;transition:margin 300ms ease-in-out;margin:0 20px;width:24px}.mc-sidebar-segment.is-close.svelte-vehkk3 .mc-sidebar-segment__text.svelte-vehkk3{opacity:0}.mc-sidebar-segment.is-open.svelte-vehkk3 .mc-sidebar-segment__container.svelte-vehkk3{-webkit-transition:margin 300ms ease-in-out;transition:margin 300ms ease-in-out;margin:0 32px}.mc-sidebar-segment.is-open.svelte-vehkk3 .mc-sidebar-segment__text.svelte-vehkk3{opacity:1}")}const B=e=>({}),C=e=>({});function H(e){let s,t,i,a,r,m,x,_,w,$,y,j,P,z,A,B,C,H=e[0].label+"",Y=e[0].icon&&I(e),Z=e[4].icon&&N(e),q=e[0].iconPath&&T(e);return{c(){s=v("a"),t=v("div"),i=v("span"),Y&&Y.c(),a=k(),Z&&Z.c(),r=k(),q&&q.c(),m=k(),x=v("span"),_=b(H),h(i,"class","mc-sidebar-segment__icon svelte-vehkk3"),h(x,"aria-hidden",w=!e[2]),h(x,"class","mc-sidebar-segment__text svelte-vehkk3"),h(t,"class","mc-sidebar-segment__container svelte-vehkk3"),h(s,"id",$=e[0].code),h(s,"aria-label",y=e[0].label),h(s,"class",j="mc-sidebar-segment "+(e[0].code===e[1]?.lv0?.code?"is-selected":"")+" "+(e[2]?"is-open":"is-close")+" svelte-vehkk3"),h(s,"href",P=e[0].href??"javascript:void(null)"),h(s,"target",z=e[0].embedded)},m(l,c){n(l,s,c),p(s,t),p(t,i),Y&&Y.m(i,null),p(i,a),Z&&Z.m(i,null),p(i,r),q&&q.m(i,null),p(t,m),p(t,x),p(x,_),A=!0,B||(C=g(s,"click",e[3]),B=!0)},p(e,t){e[0].icon?Y?Y.p(e,t):(Y=I(e),Y.c(),Y.m(i,a)):Y&&(Y.d(1),Y=null),e[4].icon?Z?(Z.p(e,t),16&t&&l(Z,1)):(Z=N(e),Z.c(),l(Z,1),Z.m(i,r)):Z&&(f(),c(Z,1,1,(()=>{Z=null})),o()),e[0].iconPath?q?q.p(e,t):(q=T(e),q.c(),q.m(i,null)):q&&(q.d(1),q=null),(!A||1&t)&&H!==(H=e[0].label+"")&&u(_,H),(!A||4&t&&w!==(w=!e[2]))&&h(x,"aria-hidden",w),(!A||1&t&&$!==($=e[0].code))&&h(s,"id",$),(!A||1&t&&y!==(y=e[0].label))&&h(s,"aria-label",y),(!A||7&t&&j!==(j="mc-sidebar-segment "+(e[0].code===e[1]?.lv0?.code?"is-selected":"")+" "+(e[2]?"is-open":"is-close")+" svelte-vehkk3"))&&h(s,"class",j),(!A||1&t&&P!==(P=e[0].href??"javascript:void(null)"))&&h(s,"href",P),(!A||1&t&&z!==(z=e[0].embedded))&&h(s,"target",z)},i(e){A||(l(Z),A=!0)},o(e){c(Z),A=!1},d(e){e&&d(s),Y&&Y.d(),Z&&Z.d(),q&&q.d(),B=!1,C()}}}function I(e){let s,t,i=`<${Z(e[0].icon)} />`;return{c(){s=new y(!1),t=a(),s.a=t},m(e,a){s.m(i,e,a),n(e,t,a)},p(e,t){1&t&&i!==(i=`<${Z(e[0].icon)} />`)&&s.p(i)},d(e){e&&d(t),e&&s.d()}}}function N(e){let s;const t=e[6].icon,i=x(t,e,e[5],C);return{c(){i&&i.c()},m(e,t){i&&i.m(e,t),s=!0},p(e,a){i&&i.p&&(!s||32&a)&&_(i,t,e,e[5],s?$(t,e[5],a,B):w(e[5]),C)},i(e){s||(l(i,e),s=!0)},o(e){c(i,e),s=!1},d(e){i&&i.d(e)}}}function T(e){let s,t;return{c(){s=v("object"),h(s,"class","mc-sidebar-segment__icon svelte-vehkk3"),h(s,"aria-label","label"),h(s,"type","image/svg+xml"),h(s,"data",t=e[0].iconPath)},m(e,t){n(e,s,t)},p(e,i){1&i&&t!==(t=e[0].iconPath)&&h(s,"data",t)},d(e){e&&d(s)}}}function Y(e){let s,t,i=e[0]&&H(e);return{c(){i&&i.c(),s=a()},m(e,a){i&&i.m(e,a),n(e,s,a),t=!0},p(e,[t]){e[0]?i?(i.p(e,t),1&t&&l(i,1)):(i=H(e),i.c(),l(i,1),i.m(s.parentNode,s)):i&&(f(),c(i,1,1,(()=>{i=null})),o())},i(e){t||(l(i),t=!0)},o(e){c(i),t=!1},d(e){i&&i.d(e),e&&d(s)}}}function Z(e){return`${e} size="1.5rem"`}function q(e,s,t){let i,a;r(e,P,(e=>t(1,i=e))),r(e,z,(e=>t(2,a=e)));let{$$slots:n={},$$scope:l}=s;const c=m(n);let{data:o}=s;return e.$$set=e=>{"data"in e&&t(0,o=e.data),"$$scope"in e&&t(5,l=e.$$scope)},[o,i,a,function(){j(o.code)},c,l,n]}class D extends e{constructor(e){super(),s(this,e,q,Y,t,{data:0},A)}}export{D as default};
|
|
2
2
|
//# sourceMappingURL=sidebar-segment.nested.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sidebar-segment.nested.js","sources":["../../../../src/components/sidebar/sidebar-segment.nested.svelte"],"sourcesContent":["<svelte:options />\n\n<script lang=\"ts\">\n import type { Segment } from './sidebar.types';\n import {\n isSidebarOpen,\n selectedFeature,\n selectFeature,\n } from '../../utilities/sidebar-service';\n\n export let data: Segment;\n\n function generateIcon(iconname: string): string {\n return `${iconname} size=\"1.5rem\"`;\n }\n\n function handleClick() {\n selectFeature(data.code);\n }\n</script>\n\n{#if data}\n <a\n id={data.code}\n aria-label={data.label}\n class=\"mc-sidebar-segment {data.code === $selectedFeature?.lv0?.code\n ? 'is-selected'\n : ''} {$isSidebarOpen ? 'is-open' : 'is-close'}\"\n href={data.href ?? 'javascript:void(null)'}\n target={data.embedded}\n on:click={handleClick}\n >\n \n <div class=\"mc-sidebar-segment__container\">\n <span class=\"mc-sidebar-segment__icon\">\n {#if data.icon}\n {@html `<${generateIcon(data.icon)} />`}\n {/if}\n {#if $$slots.icon}\n <slot name=\"icon\" />\n {/if}\n {#if data.iconPath}\n
|
|
1
|
+
{"version":3,"file":"sidebar-segment.nested.js","sources":["../../../../src/components/sidebar/sidebar-segment.nested.svelte"],"sourcesContent":["<svelte:options />\n\n<script lang=\"ts\">\n import type { Segment } from './sidebar.types';\n import {\n isSidebarOpen,\n selectedFeature,\n selectFeature,\n } from '../../utilities/sidebar-service';\n\n export let data: Segment;\n\n function generateIcon(iconname: string): string {\n return `${iconname} size=\"1.5rem\"`;\n }\n\n function handleClick() {\n selectFeature(data.code);\n }\n</script>\n\n{#if data}\n <a\n id={data.code}\n aria-label={data.label}\n class=\"mc-sidebar-segment {data.code === $selectedFeature?.lv0?.code\n ? 'is-selected'\n : ''} {$isSidebarOpen ? 'is-open' : 'is-close'}\"\n href={data.href ?? 'javascript:void(null)'}\n target={data.embedded}\n on:click={handleClick}\n >\n \n <div class=\"mc-sidebar-segment__container\">\n <span class=\"mc-sidebar-segment__icon\">\n {#if data.icon}\n {@html `<${generateIcon(data.icon)} />`}\n {/if}\n {#if $$slots.icon}\n <slot name=\"icon\" />\n {/if}\n {#if data.iconPath}\n <object class=\"mc-sidebar-segment__icon\" aria-label=\"label\" type=\"image/svg+xml\" data={data.iconPath}></object>\n {/if}\n </span>\n <span aria-hidden={!$isSidebarOpen} class=\"mc-sidebar-segment__text\">\n {data.label}\n </span>\n </div>\n </a>\n{/if}\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/_all-settings';\n @import './_c.sidebar';\n\n .mc-sidebar-segment {\n cursor: pointer;\n flex: 0;\n text-decoration: none;\n color: $color-sidebar-text-color;\n line-height: 22px;\n display: flex;\n overflow: hidden;\n min-height: 40px;\n\n &__icon {\n fill: $color-sidebar-icon;\n height: 1.5rem;\n width: 1.5rem;\n }\n\n &__container {\n display: flex;\n align-items: center;\n width: 100%;\n padding: 8px 0px;\n }\n\n svg {\n fill: $color-sidebar-icon;\n }\n\n &__text {\n margin-left: 10px;\n width: 200px;\n min-width: 200px;\n }\n\n &.is-selected {\n background: $color-sidebar-feature-selected-background;\n }\n\n &:focus-visible {\n box-shadow: none;\n border: none;\n outline: none;\n\n .mc-sidebar-segment__container {\n box-shadow: none;\n border: none;\n border-radius: 6px;\n outline: 1px solid #0b96cc;\n }\n }\n\n &:hover {\n background: $color-sidebar-feature-hover-background;\n }\n\n &.is-close {\n .mc-sidebar-segment__container {\n @include transition(margin 300ms ease-in-out);\n margin: 0 20px;\n width: 24px;\n }\n\n .mc-sidebar-segment__text {\n opacity: 0;\n }\n }\n\n &.is-open {\n .mc-sidebar-segment__container {\n @include transition(margin 300ms ease-in-out);\n margin: 0 32px;\n }\n\n .mc-sidebar-segment__text {\n opacity: 1;\n }\n }\n }\n</style>\n"],"names":["t3_value","ctx","label","if_block0","icon","create_if_block_3","if_block1","create_if_block_2","if_block2","iconPath","create_if_block_1","attr","a","a_id_value","code","a_aria_label_value","a_class_value","lv0","href","a_target_value","embedded","insert","target","anchor","append","div","span0","span1","current","dirty","set_data","t3","generateIcon","html_tag","p","raw_value","object","object_data_value","create_if_block","iconname","data","$$props","selectFeature"],"mappings":"kgEA8CSA,EAAAC,KAAKC,MAAK,GAXRC,EAAAF,KAAKG,MAAIC,EAAAJ,GAGTK,EAAAL,KAAQG,MAAIG,EAAAN,GAGZO,EAAAP,KAAKQ,UAAQC,EAAAT,yLAIEA,EAAc,qHAtBhCU,EAAAC,EAAA,KAAAC,EAAAZ,KAAKa,MACGH,EAAAC,EAAA,aAAAG,EAAAd,KAAKC,OACUS,EAAAC,EAAA,QAAAI,EAAA,uBAAAf,KAAKa,OAASb,EAAkB,IAAAgB,KAAKH,KAC5D,cACA,IAAK,KAAAb,EAAiB,GAAA,UAAY,YAAU,+BAC1CA,EAAI,GAACiB,MAAQ,yBACXP,EAAAC,EAAA,SAAAO,EAAAlB,KAAKmB,kBAPfC,EA2BGC,EAAAV,EAAAW,GAhBDC,EAeKZ,EAAAa,GAdHD,EAUMC,EAAAC,qEACNF,EAEMC,EAAAE,iCAjBE1B,EAAW,kBAKdA,KAAKG,2DAGLH,KAAQG,mGAGRH,KAAKQ,oEAKPmB,GAAA,EAAAC,IAAA7B,KAAAA,EAAAC,KAAKC,MAAK,KAAA4B,EAAAC,EAAA/B,qBADOC,EAAc,6BAtBhC2B,GAAA,EAAAC,GAAAhB,KAAAA,EAAAZ,KAAKa,sBACGc,GAAA,EAAAC,GAAAd,KAAAA,EAAAd,KAAKC,+BACU0B,GAAA,EAAAC,GAAAb,KAAAA,EAAA,uBAAAf,KAAKa,OAASb,EAAkB,IAAAgB,KAAKH,KAC5D,cACA,IAAK,KAAAb,EAAiB,GAAA,UAAY,YAAU,oDAC1CA,EAAI,GAACiB,MAAQ,2CACXU,GAAA,EAAAC,GAAAV,KAAAA,EAAAlB,KAAKmB,iJAOIY,EAAa/B,EAAI,GAACG,kGAAlB4B,EAAa/B,EAAI,GAACG,aAAI6B,EAAAC,EAAAC,yZAMoDxB,EAAAyB,EAAA,OAAAC,EAAApC,KAAKQ,kBAA5FY,EAA8GC,EAAAc,EAAAb,WAAvB,EAAAM,GAAAQ,KAAAA,EAAApC,KAAKQ,iEArB/FR,EAAI,IAAAqC,EAAArC,yEAAJA,EAAI,0KATE,SAAA+B,EAAaO,YACVA,0IAHDC,GAAaC,kGAOtBC,EAAcF,EAAK1B"}
|
|
@@ -40,9 +40,7 @@
|
|
|
40
40
|
<slot name="icon" />
|
|
41
41
|
{/if}
|
|
42
42
|
{#if data.iconPath}
|
|
43
|
-
|
|
44
|
-
<use href={data.iconPath}></use>
|
|
45
|
-
</svg>
|
|
43
|
+
<object class="mc-sidebar-segment__icon" aria-label="label" type="image/svg+xml" data={data.iconPath}></object>
|
|
46
44
|
{/if}
|
|
47
45
|
</span>
|
|
48
46
|
<span aria-hidden={!$isSidebarOpen} class="mc-sidebar-segment__text">
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{H as e,i as s,s as t,I as i,T as
|
|
1
|
+
import{H as e,i as s,s as t,I as i,T as a,b as n,B as c,z as l,A as o,m as d,ag as r,p as f,e as m,d as b,v as h,h as p,k as v,x as g,C as k,y as u,Y as x,Z as _,_ as w,$,a4 as y}from"../../index-c222d0b7.js";import{a as j,s as P,i as z}from"../../sidebar-service-8aa10fb1.js";function A(e){i(e,"svelte-1chf8kf",".mc-sidebar-segment.svelte-1chf8kf.svelte-1chf8kf{cursor:pointer;-webkit-box-flex:0;-ms-flex:0;flex:0;text-decoration:none;color:#191919;line-height:22px;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;min-height:40px}.mc-sidebar-segment__icon.svelte-1chf8kf.svelte-1chf8kf{fill:#191919;height:1.5rem;width:1.5rem}.mc-sidebar-segment__container.svelte-1chf8kf.svelte-1chf8kf{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;padding:8px 0px}.mc-sidebar-segment__text.svelte-1chf8kf.svelte-1chf8kf{margin-left:10px;width:200px;min-width:200px}.mc-sidebar-segment.is-selected.svelte-1chf8kf.svelte-1chf8kf{background:#ffbf6b}.mc-sidebar-segment.svelte-1chf8kf.svelte-1chf8kf:focus-visible{-webkit-box-shadow:none;box-shadow:none;border:none;outline:none}.mc-sidebar-segment.svelte-1chf8kf:focus-visible .mc-sidebar-segment__container.svelte-1chf8kf{-webkit-box-shadow:none;box-shadow:none;border:none;border-radius:6px;outline:1px solid #0b96cc}.mc-sidebar-segment.svelte-1chf8kf.svelte-1chf8kf:hover{background:#ff941a}.mc-sidebar-segment.is-close.svelte-1chf8kf .mc-sidebar-segment__container.svelte-1chf8kf{-webkit-transition:margin 300ms ease-in-out;transition:margin 300ms ease-in-out;margin:0 20px;width:24px}.mc-sidebar-segment.is-close.svelte-1chf8kf .mc-sidebar-segment__text.svelte-1chf8kf{opacity:0}.mc-sidebar-segment.is-open.svelte-1chf8kf .mc-sidebar-segment__container.svelte-1chf8kf{-webkit-transition:margin 300ms ease-in-out;transition:margin 300ms ease-in-out;margin:0 32px}.mc-sidebar-segment.is-open.svelte-1chf8kf .mc-sidebar-segment__text.svelte-1chf8kf{opacity:1}")}const B=e=>({}),C=e=>({});function H(e){let s,t,i,a,r,f,x,_,w,$,y,j,P,z,A,B,C,H=e[0].label+"",Y=e[0].icon&&I(e),Z=e[4].icon&&N(e),q=e[0].iconPath&&T(e);return{c(){s=m("a"),t=m("div"),i=m("span"),Y&&Y.c(),a=b(),Z&&Z.c(),r=b(),q&&q.c(),f=b(),x=m("span"),_=h(H),p(i,"class","mc-sidebar-segment__icon svelte-1chf8kf"),p(x,"aria-hidden",w=!e[2]),p(x,"class","mc-sidebar-segment__text svelte-1chf8kf"),p(t,"class","mc-sidebar-segment__container svelte-1chf8kf"),p(s,"id",$=e[0].code),p(s,"aria-label",y=e[0].label),p(s,"class",j="mc-sidebar-segment "+(e[0].code===e[1]?.lv0?.code?"is-selected":"")+" "+(e[2]?"is-open":"is-close")+" svelte-1chf8kf"),p(s,"href",P=e[0].href??"javascript:void(null)"),p(s,"target",z=e[0].embedded)},m(c,l){n(c,s,l),v(s,t),v(t,i),Y&&Y.m(i,null),v(i,a),Z&&Z.m(i,null),v(i,r),q&&q.m(i,null),v(t,f),v(t,x),v(x,_),A=!0,B||(C=g(s,"click",e[3]),B=!0)},p(e,t){e[0].icon?Y?Y.p(e,t):(Y=I(e),Y.c(),Y.m(i,a)):Y&&(Y.d(1),Y=null),e[4].icon?Z?(Z.p(e,t),16&t&&c(Z,1)):(Z=N(e),Z.c(),c(Z,1),Z.m(i,r)):Z&&(k(),l(Z,1,1,(()=>{Z=null})),o()),e[0].iconPath?q?q.p(e,t):(q=T(e),q.c(),q.m(i,null)):q&&(q.d(1),q=null),(!A||1&t)&&H!==(H=e[0].label+"")&&u(_,H),(!A||4&t&&w!==(w=!e[2]))&&p(x,"aria-hidden",w),(!A||1&t&&$!==($=e[0].code))&&p(s,"id",$),(!A||1&t&&y!==(y=e[0].label))&&p(s,"aria-label",y),(!A||7&t&&j!==(j="mc-sidebar-segment "+(e[0].code===e[1]?.lv0?.code?"is-selected":"")+" "+(e[2]?"is-open":"is-close")+" svelte-1chf8kf"))&&p(s,"class",j),(!A||1&t&&P!==(P=e[0].href??"javascript:void(null)"))&&p(s,"href",P),(!A||1&t&&z!==(z=e[0].embedded))&&p(s,"target",z)},i(e){A||(c(Z),A=!0)},o(e){l(Z),A=!1},d(e){e&&d(s),Y&&Y.d(),Z&&Z.d(),q&&q.d(),B=!1,C()}}}function I(e){let s,t,i=`<${Z(e[0].icon)} />`;return{c(){s=new y(!1),t=a(),s.a=t},m(e,a){s.m(i,e,a),n(e,t,a)},p(e,t){1&t&&i!==(i=`<${Z(e[0].icon)} />`)&&s.p(i)},d(e){e&&d(t),e&&s.d()}}}function N(e){let s;const t=e[6].icon,i=x(t,e,e[5],C);return{c(){i&&i.c()},m(e,t){i&&i.m(e,t),s=!0},p(e,a){i&&i.p&&(!s||32&a)&&_(i,t,e,e[5],s?$(t,e[5],a,B):w(e[5]),C)},i(e){s||(c(i,e),s=!0)},o(e){l(i,e),s=!1},d(e){i&&i.d(e)}}}function T(e){let s,t;return{c(){s=m("object"),p(s,"class","mc-sidebar-segment__icon svelte-1chf8kf"),p(s,"aria-label","label"),p(s,"type","image/svg+xml"),p(s,"data",t=e[0].iconPath)},m(e,t){n(e,s,t)},p(e,i){1&i&&t!==(t=e[0].iconPath)&&p(s,"data",t)},d(e){e&&d(s)}}}function Y(e){let s,t,i=e[0]&&H(e);return{c(){i&&i.c(),s=a()},m(e,a){i&&i.m(e,a),n(e,s,a),t=!0},p(e,[t]){e[0]?i?(i.p(e,t),1&t&&c(i,1)):(i=H(e),i.c(),c(i,1),i.m(s.parentNode,s)):i&&(k(),l(i,1,1,(()=>{i=null})),o())},i(e){t||(c(i),t=!0)},o(e){l(i),t=!1},d(e){i&&i.d(e),e&&d(s)}}}function Z(e){return`${e} size="1.5rem"`}function q(e,s,t){let i,a;r(e,P,(e=>t(1,i=e))),r(e,z,(e=>t(2,a=e)));let{$$slots:n={},$$scope:c}=s;const l=f(n);let{data:o}=s;return e.$$set=e=>{"data"in e&&t(0,o=e.data),"$$scope"in e&&t(5,c=e.$$scope)},[o,i,a,function(){j(o.code)},l,c,n]}class D extends e{constructor(e){super(),s(this,e,q,Y,t,{data:0},A)}}export{D as default};
|
|
2
2
|
//# sourceMappingURL=sidebar-segment.nested.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sidebar-segment.nested.js","sources":["../../../../src/components/sidebar/sidebar-segment.nested.svelte"],"sourcesContent":["<svelte:options />\n\n<script lang=\"ts\">\n import type { Segment } from './sidebar.types';\n import {\n isSidebarOpen,\n selectedFeature,\n selectFeature,\n } from '../../utilities/sidebar-service';\n\n export let data: Segment;\n\n function generateIcon(iconname: string): string {\n return `${iconname} size=\"1.5rem\"`;\n }\n\n function handleClick() {\n selectFeature(data.code);\n }\n</script>\n\n{#if data}\n <a\n id={data.code}\n aria-label={data.label}\n class=\"mc-sidebar-segment {data.code === $selectedFeature?.lv0?.code\n ? 'is-selected'\n : ''} {$isSidebarOpen ? 'is-open' : 'is-close'}\"\n href={data.href ?? 'javascript:void(null)'}\n target={data.embedded}\n on:click={handleClick}\n >\n \n <div class=\"mc-sidebar-segment__container\">\n <span class=\"mc-sidebar-segment__icon\">\n {#if data.icon}\n {@html `<${generateIcon(data.icon)} />`}\n {/if}\n {#if $$slots.icon}\n <slot name=\"icon\" />\n {/if}\n {#if data.iconPath}\n
|
|
1
|
+
{"version":3,"file":"sidebar-segment.nested.js","sources":["../../../../src/components/sidebar/sidebar-segment.nested.svelte"],"sourcesContent":["<svelte:options />\n\n<script lang=\"ts\">\n import type { Segment } from './sidebar.types';\n import {\n isSidebarOpen,\n selectedFeature,\n selectFeature,\n } from '../../utilities/sidebar-service';\n\n export let data: Segment;\n\n function generateIcon(iconname: string): string {\n return `${iconname} size=\"1.5rem\"`;\n }\n\n function handleClick() {\n selectFeature(data.code);\n }\n</script>\n\n{#if data}\n <a\n id={data.code}\n aria-label={data.label}\n class=\"mc-sidebar-segment {data.code === $selectedFeature?.lv0?.code\n ? 'is-selected'\n : ''} {$isSidebarOpen ? 'is-open' : 'is-close'}\"\n href={data.href ?? 'javascript:void(null)'}\n target={data.embedded}\n on:click={handleClick}\n >\n \n <div class=\"mc-sidebar-segment__container\">\n <span class=\"mc-sidebar-segment__icon\">\n {#if data.icon}\n {@html `<${generateIcon(data.icon)} />`}\n {/if}\n {#if $$slots.icon}\n <slot name=\"icon\" />\n {/if}\n {#if data.iconPath}\n <object class=\"mc-sidebar-segment__icon\" aria-label=\"label\" type=\"image/svg+xml\" data={data.iconPath}></object>\n {/if}\n </span>\n <span aria-hidden={!$isSidebarOpen} class=\"mc-sidebar-segment__text\">\n {data.label}\n </span>\n </div>\n </a>\n{/if}\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/_all-settings';\n @import './_c.sidebar';\n\n .mc-sidebar-segment {\n cursor: pointer;\n flex: 0;\n text-decoration: none;\n color: $color-sidebar-text-color;\n line-height: 22px;\n display: flex;\n overflow: hidden;\n min-height: 40px;\n\n &__icon {\n fill: $color-sidebar-icon;\n height: 1.5rem;\n width: 1.5rem;\n }\n\n &__container {\n display: flex;\n align-items: center;\n width: 100%;\n padding: 8px 0px;\n }\n\n svg {\n fill: $color-sidebar-icon;\n }\n\n &__text {\n margin-left: 10px;\n width: 200px;\n min-width: 200px;\n }\n\n &.is-selected {\n background: $color-sidebar-feature-selected-background;\n }\n\n &:focus-visible {\n box-shadow: none;\n border: none;\n outline: none;\n\n .mc-sidebar-segment__container {\n box-shadow: none;\n border: none;\n border-radius: 6px;\n outline: 1px solid #0b96cc;\n }\n }\n\n &:hover {\n background: $color-sidebar-feature-hover-background;\n }\n\n &.is-close {\n .mc-sidebar-segment__container {\n @include transition(margin 300ms ease-in-out);\n margin: 0 20px;\n width: 24px;\n }\n\n .mc-sidebar-segment__text {\n opacity: 0;\n }\n }\n\n &.is-open {\n .mc-sidebar-segment__container {\n @include transition(margin 300ms ease-in-out);\n margin: 0 32px;\n }\n\n .mc-sidebar-segment__text {\n opacity: 1;\n }\n }\n }\n</style>\n"],"names":["t3_value","ctx","label","if_block0","icon","create_if_block_3","if_block1","create_if_block_2","if_block2","iconPath","create_if_block_1","attr","a","a_id_value","code","a_aria_label_value","a_class_value","lv0","href","a_target_value","embedded","insert","target","anchor","append","div","span0","span1","current","dirty","set_data","t3","generateIcon","html_tag","p","raw_value","object","object_data_value","create_if_block","iconname","data","$$props","selectFeature"],"mappings":"giEA8CSA,EAAAC,KAAKC,MAAK,GAXRC,EAAAF,KAAKG,MAAIC,EAAAJ,GAGTK,EAAAL,KAAQG,MAAIG,EAAAN,GAGZO,EAAAP,KAAKQ,UAAQC,EAAAT,0LAIEA,EAAc,uHAtBhCU,EAAAC,EAAA,KAAAC,EAAAZ,KAAKa,MACGH,EAAAC,EAAA,aAAAG,EAAAd,KAAKC,OACUS,EAAAC,EAAA,QAAAI,EAAA,uBAAAf,KAAKa,OAASb,EAAkB,IAAAgB,KAAKH,KAC5D,cACA,IAAK,KAAAb,EAAiB,GAAA,UAAY,YAAU,gCAC1CA,EAAI,GAACiB,MAAQ,yBACXP,EAAAC,EAAA,SAAAO,EAAAlB,KAAKmB,kBAPfC,EA2BGC,EAAAV,EAAAW,GAhBDC,EAeKZ,EAAAa,GAdHD,EAUMC,EAAAC,qEACNF,EAEMC,EAAAE,iCAjBE1B,EAAW,kBAKdA,KAAKG,2DAGLH,KAAQG,mGAGRH,KAAKQ,oEAKPmB,GAAA,EAAAC,IAAA7B,KAAAA,EAAAC,KAAKC,MAAK,KAAA4B,EAAAC,EAAA/B,qBADOC,EAAc,6BAtBhC2B,GAAA,EAAAC,GAAAhB,KAAAA,EAAAZ,KAAKa,sBACGc,GAAA,EAAAC,GAAAd,KAAAA,EAAAd,KAAKC,+BACU0B,GAAA,EAAAC,GAAAb,KAAAA,EAAA,uBAAAf,KAAKa,OAASb,EAAkB,IAAAgB,KAAKH,KAC5D,cACA,IAAK,KAAAb,EAAiB,GAAA,UAAY,YAAU,qDAC1CA,EAAI,GAACiB,MAAQ,2CACXU,GAAA,EAAAC,GAAAV,KAAAA,EAAAlB,KAAKmB,iJAOIY,EAAa/B,EAAI,GAACG,kGAAlB4B,EAAa/B,EAAI,GAACG,aAAI6B,EAAAC,EAAAC,0ZAMoDxB,EAAAyB,EAAA,OAAAC,EAAApC,KAAKQ,kBAA5FY,EAA8GC,EAAAc,EAAAb,WAAvB,EAAAM,GAAAQ,KAAAA,EAAApC,KAAKQ,iEArB/FR,EAAI,IAAAqC,EAAArC,yEAAJA,EAAI,0KATE,SAAA+B,EAAaO,YACVA,0IAHDC,GAAaC,kGAOtBC,EAAcF,EAAK1B"}
|
|
@@ -40,9 +40,7 @@
|
|
|
40
40
|
<slot name="icon" />
|
|
41
41
|
{/if}
|
|
42
42
|
{#if data.iconPath}
|
|
43
|
-
|
|
44
|
-
<use href={data.iconPath}></use>
|
|
45
|
-
</svg>
|
|
43
|
+
<object class="mc-sidebar-segment__icon" aria-label="label" type="image/svg+xml" data={data.iconPath}></object>
|
|
46
44
|
{/if}
|
|
47
45
|
</span>
|
|
48
46
|
<span aria-hidden={!$isSidebarOpen} class="mc-sidebar-segment__text">
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{H as e,i as s,s as t,I as i,T as l,b as
|
|
1
|
+
import{H as e,i as s,s as t,I as i,T as l,b as a,B as n,z as c,A as o,m as d,ag as r,p as f,e as m,d as v,v as b,h as p,k as w,x as g,C as u,y as x,Y as h,Z as _,_ as $,$ as k,a4 as y}from"../../index-c222d0b7.js";import{a as j,s as P,i as z}from"../../sidebar-service-8aa10fb1.js";function A(e){i(e,"svelte-1lfwvf",".mc-sidebar-segment.svelte-1lfwvf.svelte-1lfwvf{cursor:pointer;-webkit-box-flex:0;-ms-flex:0;flex:0;text-decoration:none;color:#191919;line-height:22px;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;min-height:40px}.mc-sidebar-segment__icon.svelte-1lfwvf.svelte-1lfwvf{fill:#191919;height:1.5rem;width:1.5rem}.mc-sidebar-segment__container.svelte-1lfwvf.svelte-1lfwvf{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;padding:8px 0px}.mc-sidebar-segment__text.svelte-1lfwvf.svelte-1lfwvf{margin-left:10px;width:200px;min-width:200px}.mc-sidebar-segment.is-selected.svelte-1lfwvf.svelte-1lfwvf{background:#cfd2d8}.mc-sidebar-segment.svelte-1lfwvf.svelte-1lfwvf:focus-visible{-webkit-box-shadow:none;box-shadow:none;border:none;outline:none}.mc-sidebar-segment.svelte-1lfwvf:focus-visible .mc-sidebar-segment__container.svelte-1lfwvf{-webkit-box-shadow:none;box-shadow:none;border:none;border-radius:6px;outline:1px solid #0b96cc}.mc-sidebar-segment.svelte-1lfwvf.svelte-1lfwvf:hover{background:#b3b7c1}.mc-sidebar-segment.is-close.svelte-1lfwvf .mc-sidebar-segment__container.svelte-1lfwvf{-webkit-transition:margin 300ms ease-in-out;transition:margin 300ms ease-in-out;margin:0 20px;width:24px}.mc-sidebar-segment.is-close.svelte-1lfwvf .mc-sidebar-segment__text.svelte-1lfwvf{opacity:0}.mc-sidebar-segment.is-open.svelte-1lfwvf .mc-sidebar-segment__container.svelte-1lfwvf{-webkit-transition:margin 300ms ease-in-out;transition:margin 300ms ease-in-out;margin:0 32px}.mc-sidebar-segment.is-open.svelte-1lfwvf .mc-sidebar-segment__text.svelte-1lfwvf{opacity:1}")}const B=e=>({}),C=e=>({});function H(e){let s,t,i,l,r,f,h,_,$,k,y,j,P,z,A,B,C,H=e[0].label+"",Y=e[0].icon&&I(e),Z=e[4].icon&&N(e),q=e[0].iconPath&&T(e);return{c(){s=m("a"),t=m("div"),i=m("span"),Y&&Y.c(),l=v(),Z&&Z.c(),r=v(),q&&q.c(),f=v(),h=m("span"),_=b(H),p(i,"class","mc-sidebar-segment__icon svelte-1lfwvf"),p(h,"aria-hidden",$=!e[2]),p(h,"class","mc-sidebar-segment__text svelte-1lfwvf"),p(t,"class","mc-sidebar-segment__container svelte-1lfwvf"),p(s,"id",k=e[0].code),p(s,"aria-label",y=e[0].label),p(s,"class",j="mc-sidebar-segment "+(e[0].code===e[1]?.lv0?.code?"is-selected":"")+" "+(e[2]?"is-open":"is-close")+" svelte-1lfwvf"),p(s,"href",P=e[0].href??"javascript:void(null)"),p(s,"target",z=e[0].embedded)},m(n,c){a(n,s,c),w(s,t),w(t,i),Y&&Y.m(i,null),w(i,l),Z&&Z.m(i,null),w(i,r),q&&q.m(i,null),w(t,f),w(t,h),w(h,_),A=!0,B||(C=g(s,"click",e[3]),B=!0)},p(e,t){e[0].icon?Y?Y.p(e,t):(Y=I(e),Y.c(),Y.m(i,l)):Y&&(Y.d(1),Y=null),e[4].icon?Z?(Z.p(e,t),16&t&&n(Z,1)):(Z=N(e),Z.c(),n(Z,1),Z.m(i,r)):Z&&(u(),c(Z,1,1,(()=>{Z=null})),o()),e[0].iconPath?q?q.p(e,t):(q=T(e),q.c(),q.m(i,null)):q&&(q.d(1),q=null),(!A||1&t)&&H!==(H=e[0].label+"")&&x(_,H),(!A||4&t&&$!==($=!e[2]))&&p(h,"aria-hidden",$),(!A||1&t&&k!==(k=e[0].code))&&p(s,"id",k),(!A||1&t&&y!==(y=e[0].label))&&p(s,"aria-label",y),(!A||7&t&&j!==(j="mc-sidebar-segment "+(e[0].code===e[1]?.lv0?.code?"is-selected":"")+" "+(e[2]?"is-open":"is-close")+" svelte-1lfwvf"))&&p(s,"class",j),(!A||1&t&&P!==(P=e[0].href??"javascript:void(null)"))&&p(s,"href",P),(!A||1&t&&z!==(z=e[0].embedded))&&p(s,"target",z)},i(e){A||(n(Z),A=!0)},o(e){c(Z),A=!1},d(e){e&&d(s),Y&&Y.d(),Z&&Z.d(),q&&q.d(),B=!1,C()}}}function I(e){let s,t,i=`<${Z(e[0].icon)} />`;return{c(){s=new y(!1),t=l(),s.a=t},m(e,l){s.m(i,e,l),a(e,t,l)},p(e,t){1&t&&i!==(i=`<${Z(e[0].icon)} />`)&&s.p(i)},d(e){e&&d(t),e&&s.d()}}}function N(e){let s;const t=e[6].icon,i=h(t,e,e[5],C);return{c(){i&&i.c()},m(e,t){i&&i.m(e,t),s=!0},p(e,l){i&&i.p&&(!s||32&l)&&_(i,t,e,e[5],s?k(t,e[5],l,B):$(e[5]),C)},i(e){s||(n(i,e),s=!0)},o(e){c(i,e),s=!1},d(e){i&&i.d(e)}}}function T(e){let s,t;return{c(){s=m("object"),p(s,"class","mc-sidebar-segment__icon svelte-1lfwvf"),p(s,"aria-label","label"),p(s,"type","image/svg+xml"),p(s,"data",t=e[0].iconPath)},m(e,t){a(e,s,t)},p(e,i){1&i&&t!==(t=e[0].iconPath)&&p(s,"data",t)},d(e){e&&d(s)}}}function Y(e){let s,t,i=e[0]&&H(e);return{c(){i&&i.c(),s=l()},m(e,l){i&&i.m(e,l),a(e,s,l),t=!0},p(e,[t]){e[0]?i?(i.p(e,t),1&t&&n(i,1)):(i=H(e),i.c(),n(i,1),i.m(s.parentNode,s)):i&&(u(),c(i,1,1,(()=>{i=null})),o())},i(e){t||(n(i),t=!0)},o(e){c(i),t=!1},d(e){i&&i.d(e),e&&d(s)}}}function Z(e){return`${e} size="1.5rem"`}function q(e,s,t){let i,l;r(e,P,(e=>t(1,i=e))),r(e,z,(e=>t(2,l=e)));let{$$slots:a={},$$scope:n}=s;const c=f(a);let{data:o}=s;return e.$$set=e=>{"data"in e&&t(0,o=e.data),"$$scope"in e&&t(5,n=e.$$scope)},[o,i,l,function(){j(o.code)},c,n,a]}class D extends e{constructor(e){super(),s(this,e,q,Y,t,{data:0},A)}}export{D as default};
|
|
2
2
|
//# sourceMappingURL=sidebar-segment.nested.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sidebar-segment.nested.js","sources":["../../../src/components/sidebar/sidebar-segment.nested.svelte"],"sourcesContent":["<svelte:options />\n\n<script lang=\"ts\">\n import type { Segment } from './sidebar.types';\n import {\n isSidebarOpen,\n selectedFeature,\n selectFeature,\n } from '../../utilities/sidebar-service';\n\n export let data: Segment;\n\n function generateIcon(iconname: string): string {\n return `${iconname} size=\"1.5rem\"`;\n }\n\n function handleClick() {\n selectFeature(data.code);\n }\n</script>\n\n{#if data}\n <a\n id={data.code}\n aria-label={data.label}\n class=\"mc-sidebar-segment {data.code === $selectedFeature?.lv0?.code\n ? 'is-selected'\n : ''} {$isSidebarOpen ? 'is-open' : 'is-close'}\"\n href={data.href ?? 'javascript:void(null)'}\n target={data.embedded}\n on:click={handleClick}\n >\n \n <div class=\"mc-sidebar-segment__container\">\n <span class=\"mc-sidebar-segment__icon\">\n {#if data.icon}\n {@html `<${generateIcon(data.icon)} />`}\n {/if}\n {#if $$slots.icon}\n <slot name=\"icon\" />\n {/if}\n {#if data.iconPath}\n
|
|
1
|
+
{"version":3,"file":"sidebar-segment.nested.js","sources":["../../../src/components/sidebar/sidebar-segment.nested.svelte"],"sourcesContent":["<svelte:options />\n\n<script lang=\"ts\">\n import type { Segment } from './sidebar.types';\n import {\n isSidebarOpen,\n selectedFeature,\n selectFeature,\n } from '../../utilities/sidebar-service';\n\n export let data: Segment;\n\n function generateIcon(iconname: string): string {\n return `${iconname} size=\"1.5rem\"`;\n }\n\n function handleClick() {\n selectFeature(data.code);\n }\n</script>\n\n{#if data}\n <a\n id={data.code}\n aria-label={data.label}\n class=\"mc-sidebar-segment {data.code === $selectedFeature?.lv0?.code\n ? 'is-selected'\n : ''} {$isSidebarOpen ? 'is-open' : 'is-close'}\"\n href={data.href ?? 'javascript:void(null)'}\n target={data.embedded}\n on:click={handleClick}\n >\n \n <div class=\"mc-sidebar-segment__container\">\n <span class=\"mc-sidebar-segment__icon\">\n {#if data.icon}\n {@html `<${generateIcon(data.icon)} />`}\n {/if}\n {#if $$slots.icon}\n <slot name=\"icon\" />\n {/if}\n {#if data.iconPath}\n <object class=\"mc-sidebar-segment__icon\" aria-label=\"label\" type=\"image/svg+xml\" data={data.iconPath}></object>\n {/if}\n </span>\n <span aria-hidden={!$isSidebarOpen} class=\"mc-sidebar-segment__text\">\n {data.label}\n </span>\n </div>\n </a>\n{/if}\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/_all-settings';\n @import './_c.sidebar';\n\n .mc-sidebar-segment {\n cursor: pointer;\n flex: 0;\n text-decoration: none;\n color: $color-sidebar-text-color;\n line-height: 22px;\n display: flex;\n overflow: hidden;\n min-height: 40px;\n\n &__icon {\n fill: $color-sidebar-icon;\n height: 1.5rem;\n width: 1.5rem;\n }\n\n &__container {\n display: flex;\n align-items: center;\n width: 100%;\n padding: 8px 0px;\n }\n\n svg {\n fill: $color-sidebar-icon;\n }\n\n &__text {\n margin-left: 10px;\n width: 200px;\n min-width: 200px;\n }\n\n &.is-selected {\n background: $color-sidebar-feature-selected-background;\n }\n\n &:focus-visible {\n box-shadow: none;\n border: none;\n outline: none;\n\n .mc-sidebar-segment__container {\n box-shadow: none;\n border: none;\n border-radius: 6px;\n outline: 1px solid #0b96cc;\n }\n }\n\n &:hover {\n background: $color-sidebar-feature-hover-background;\n }\n\n &.is-close {\n .mc-sidebar-segment__container {\n @include transition(margin 300ms ease-in-out);\n margin: 0 20px;\n width: 24px;\n }\n\n .mc-sidebar-segment__text {\n opacity: 0;\n }\n }\n\n &.is-open {\n .mc-sidebar-segment__container {\n @include transition(margin 300ms ease-in-out);\n margin: 0 32px;\n }\n\n .mc-sidebar-segment__text {\n opacity: 1;\n }\n }\n }\n</style>\n"],"names":["t3_value","ctx","label","if_block0","icon","create_if_block_3","if_block1","create_if_block_2","if_block2","iconPath","create_if_block_1","attr","a","a_id_value","code","a_aria_label_value","a_class_value","lv0","href","a_target_value","embedded","insert","target","anchor","append","div","span0","span1","current","dirty","set_data","t3","generateIcon","html_tag","p","raw_value","object","object_data_value","create_if_block","iconname","data","$$props","selectFeature"],"mappings":"4gEA8CSA,EAAAC,KAAKC,MAAK,GAXRC,EAAAF,KAAKG,MAAIC,EAAAJ,GAGTK,EAAAL,KAAQG,MAAIG,EAAAN,GAGZO,EAAAP,KAAKQ,UAAQC,EAAAT,yLAIEA,EAAc,qHAtBhCU,EAAAC,EAAA,KAAAC,EAAAZ,KAAKa,MACGH,EAAAC,EAAA,aAAAG,EAAAd,KAAKC,OACUS,EAAAC,EAAA,QAAAI,EAAA,uBAAAf,KAAKa,OAASb,EAAkB,IAAAgB,KAAKH,KAC5D,cACA,IAAK,KAAAb,EAAiB,GAAA,UAAY,YAAU,+BAC1CA,EAAI,GAACiB,MAAQ,yBACXP,EAAAC,EAAA,SAAAO,EAAAlB,KAAKmB,kBAPfC,EA2BGC,EAAAV,EAAAW,GAhBDC,EAeKZ,EAAAa,GAdHD,EAUMC,EAAAC,qEACNF,EAEMC,EAAAE,iCAjBE1B,EAAW,kBAKdA,KAAKG,2DAGLH,KAAQG,mGAGRH,KAAKQ,oEAKPmB,GAAA,EAAAC,IAAA7B,KAAAA,EAAAC,KAAKC,MAAK,KAAA4B,EAAAC,EAAA/B,qBADOC,EAAc,6BAtBhC2B,GAAA,EAAAC,GAAAhB,KAAAA,EAAAZ,KAAKa,sBACGc,GAAA,EAAAC,GAAAd,KAAAA,EAAAd,KAAKC,+BACU0B,GAAA,EAAAC,GAAAb,KAAAA,EAAA,uBAAAf,KAAKa,OAASb,EAAkB,IAAAgB,KAAKH,KAC5D,cACA,IAAK,KAAAb,EAAiB,GAAA,UAAY,YAAU,oDAC1CA,EAAI,GAACiB,MAAQ,2CACXU,GAAA,EAAAC,GAAAV,KAAAA,EAAAlB,KAAKmB,iJAOIY,EAAa/B,EAAI,GAACG,kGAAlB4B,EAAa/B,EAAI,GAACG,aAAI6B,EAAAC,EAAAC,yZAMoDxB,EAAAyB,EAAA,OAAAC,EAAApC,KAAKQ,kBAA5FY,EAA8GC,EAAAc,EAAAb,WAAvB,EAAAM,GAAAQ,KAAAA,EAAApC,KAAKQ,iEArB/FR,EAAI,IAAAqC,EAAArC,yEAAJA,EAAI,0KATE,SAAA+B,EAAaO,YACVA,0IAHDC,GAAaC,kGAOtBC,EAAcF,EAAK1B"}
|
|
@@ -40,9 +40,7 @@
|
|
|
40
40
|
<slot name="icon" />
|
|
41
41
|
{/if}
|
|
42
42
|
{#if data.iconPath}
|
|
43
|
-
|
|
44
|
-
<use href={data.iconPath}></use>
|
|
45
|
-
</svg>
|
|
43
|
+
<object class="mc-sidebar-segment__icon" aria-label="label" type="image/svg+xml" data={data.iconPath}></object>
|
|
46
44
|
{/if}
|
|
47
45
|
</span>
|
|
48
46
|
<span aria-hidden={!$isSidebarOpen} class="mc-sidebar-segment__text">
|