@govtechsg/sgds-web-component 3.30.1-rc.8 → 3.30.1-rc.9

package/components/Dropdown/dropdown-item.js

@@ -1,6 +1,6 @@
 import { css } from "lit";
 //#region src/components/Dropdown/dropdown-item.css
-var css_248z = css`:host([disabled]){cursor:not-allowed}.dropdown-item{align-items:center;background-color:var(--sgds-bg-transparent);clear:both;color:var(--sgds-color-default);cursor:pointer;display:flex;font-size:var(--sgds-font-size-label-sm);gap:var(--sgds-gap-sm);padding:var(--sgds-padding-sm) var(--sgds-padding-lg);text-align:inherit}.dropdown-item:hover{background-color:var(--sgds-bg-translucent-subtle)}.dropdown-item:focus,.dropdown-item:focus-visible{background-color:var(--sgds-bg-translucent-subtle)}.dropdown-item:focus-visible{outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}.dropdown-item.active{background-color:var(--sgds-bg-translucent-subtle);color:var(--sgds-primary-color-default);text-decoration:none}.dropdown-item.disabled,.dropdown-item:disabled{opacity:var(--sgds-opacity-40);pointer-events:none}.dropdown-item.readonly{cursor:default}.dropdown-item.readonly:focus,.dropdown-item.readonly:focus-visible,.dropdown-item.readonly:hover{background-color:var(--sgds-bg-transparent);outline:none}::slotted(*){color:inherit!important;display:flex;gap:var(--sgds-gap-sm);text-decoration:none!important}::slotted(a),::slotted(sgds-checkbox){flex:1;margin:calc(var(--sgds-padding-sm)*-1) calc(var(--sgds-padding-lg)*-1);padding:var(--sgds-padding-sm) var(--sgds-padding-lg)}.dropdown-item.mainnav-dropdown-link{padding:var(--sgds-padding-none)}.dropdown-item.mainnav-dropdown-link ::slotted(*){box-sizing:border-box;margin:auto;max-width:var(--sgds-mainnav-max-width,1440px);padding:var(--sgds-padding-sm) var(--sgds-mainnav-mobile-padding-x)}@media screen and (min-width:1024px){.dropdown-item.mainnav-dropdown-link ::slotted(*){padding:var(--sgds-padding-sm) var(--sgds-mainnav-padding-x)}}`;
+var css_248z = css`:host([disabled]){cursor:not-allowed}.dropdown-item{align-items:center;background-color:var(--sgds-bg-transparent);clear:both;color:var(--sgds-color-default);cursor:pointer;display:flex;font-size:var(--sgds-font-size-label-sm);gap:var(--sgds-gap-sm);padding:var(--sgds-padding-sm) var(--sgds-padding-lg);text-align:inherit}.dropdown-item:hover{background-color:var(--sgds-bg-translucent-subtle)}.dropdown-item:focus,.dropdown-item:focus-visible{background-color:var(--sgds-bg-translucent-subtle)}.dropdown-item:focus-visible{outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}.dropdown-item.active{background-color:var(--sgds-bg-translucent-subtle);color:var(--sgds-primary-color-default);text-decoration:none}.dropdown-item.disabled,.dropdown-item:disabled{opacity:var(--sgds-opacity-40);pointer-events:none}.dropdown-item.readonly{cursor:default}.dropdown-item.readonly:focus,.dropdown-item.readonly:focus-visible,.dropdown-item.readonly:hover{background-color:var(--sgds-bg-transparent);outline:none}::slotted(*){color:inherit!important;display:flex;gap:var(--sgds-gap-sm);text-decoration:none!important}::slotted(a),::slotted(sgds-checkbox){flex:1;margin:calc(var(--sgds-padding-sm)*-1) calc(var(--sgds-padding-lg)*-1);padding:var(--sgds-padding-sm) var(--sgds-padding-lg)}.dropdown-item.mainnav-dropdown-link{box-sizing:border-box;max-width:var(--sgds-mainnav-max-width,1440px);padding:var(--sgds-padding-none)}.dropdown-item.mainnav-dropdown-link ::slotted(*){margin:auto;padding:var(--sgds-padding-sm) var(--sgds-mainnav-mobile-padding-x)}@media screen and (min-width:1024px){.dropdown-item.mainnav-dropdown-link ::slotted(*){padding:var(--sgds-padding-sm) var(--sgds-mainnav-padding-x)}}`;
 //#endregion
 export { css_248z as default };
 

package/components/Dropdown/dropdown-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-item.js","names":[],"sources":["../../../src/components/Dropdown/dropdown-item.css"],"sourcesContent":[":host([disabled]) {\n  cursor: not-allowed;\n}\n\n.dropdown-item {\n  background-color: var(--sgds-bg-transparent);\n  padding: var(--sgds-padding-sm) var(--sgds-padding-lg);\n  clear: both;\n  display: flex;\n  gap: var(--sgds-gap-sm);\n  align-items: center;\n  color: var(--sgds-color-default);\n  text-align: inherit;\n  cursor: pointer;\n  font-size: var(--sgds-font-size-label-sm);\n}\n\n.dropdown-item:hover {\n  background-color: var(--sgds-bg-translucent-subtle);\n}\n\n.dropdown-item:focus,\n.dropdown-item:focus-visible {\n  background-color: var(--sgds-bg-translucent-subtle);\n}\n.dropdown-item:focus-visible {\n  outline: var(--sgds-outline-focus);\n  outline-offset: var(--sgds-outline-offset-focus);\n}\n\n.dropdown-item.active {\n  color: var(--sgds-primary-color-default);\n  background-color: var(--sgds-bg-translucent-subtle);\n  text-decoration: none;\n}\n\n.dropdown-item.disabled,\n.dropdown-item:disabled {\n  opacity: var(--sgds-opacity-40);\n  pointer-events: none;\n}\n\n.dropdown-item.readonly {\n  cursor: default;\n}\n\n.dropdown-item.readonly:hover,\n.dropdown-item.readonly:focus,\n.dropdown-item.readonly:focus-visible {\n  background-color: var(--sgds-bg-transparent);\n  outline: none;\n}\n\n::slotted(*) {\n  display: flex;\n  gap: var(--sgds-gap-sm);\n  text-decoration: none !important;\n  color: inherit !important;\n}\n\n/* Expand slotted anchors and checkboxes to fill the full item hit area including padding,\n   so clicking anywhere in the item activates them without JS click delegation. */\n::slotted(a),\n::slotted(sgds-checkbox) {\n  flex: 1;\n  margin: calc(var(--sgds-padding-sm) * -1) calc(var(--sgds-padding-lg) * -1);\n  padding: var(--sgds-padding-sm) var(--sgds-padding-lg);\n}\n\n/** to style the mainnav dropdown in mobile */\n.dropdown-item.mainnav-dropdown-link {\n  padding: var(--sgds-padding-none);\n}\n.dropdown-item.mainnav-dropdown-link ::slotted(*) {\n  padding: var(--sgds-padding-sm) var(--sgds-mainnav-mobile-padding-x);\n  max-width: var(--sgds-mainnav-max-width, 1440px);\n  margin: auto;\n  box-sizing: border-box;\n}\n\n@media screen and (min-width: 1024px) {\n  .dropdown-item.mainnav-dropdown-link ::slotted(*) {\n    padding: var(--sgds-padding-sm) var(--sgds-mainnav-padding-x);\n  }\n}"],"mappings":""}
+{"version":3,"file":"dropdown-item.js","names":[],"sources":["../../../src/components/Dropdown/dropdown-item.css"],"sourcesContent":[":host([disabled]) {\n  cursor: not-allowed;\n}\n\n.dropdown-item {\n  background-color: var(--sgds-bg-transparent);\n  padding: var(--sgds-padding-sm) var(--sgds-padding-lg);\n  clear: both;\n  display: flex;\n  gap: var(--sgds-gap-sm);\n  align-items: center;\n  color: var(--sgds-color-default);\n  text-align: inherit;\n  cursor: pointer;\n  font-size: var(--sgds-font-size-label-sm);\n}\n\n.dropdown-item:hover {\n  background-color: var(--sgds-bg-translucent-subtle);\n}\n\n.dropdown-item:focus,\n.dropdown-item:focus-visible {\n  background-color: var(--sgds-bg-translucent-subtle);\n}\n.dropdown-item:focus-visible {\n  outline: var(--sgds-outline-focus);\n  outline-offset: var(--sgds-outline-offset-focus);\n}\n\n.dropdown-item.active {\n  color: var(--sgds-primary-color-default);\n  background-color: var(--sgds-bg-translucent-subtle);\n  text-decoration: none;\n}\n\n.dropdown-item.disabled,\n.dropdown-item:disabled {\n  opacity: var(--sgds-opacity-40);\n  pointer-events: none;\n}\n\n.dropdown-item.readonly {\n  cursor: default;\n}\n\n.dropdown-item.readonly:hover,\n.dropdown-item.readonly:focus,\n.dropdown-item.readonly:focus-visible {\n  background-color: var(--sgds-bg-transparent);\n  outline: none;\n}\n\n::slotted(*) {\n  display: flex;\n  gap: var(--sgds-gap-sm);\n  text-decoration: none !important;\n  color: inherit !important;\n}\n\n/* Expand slotted anchors and checkboxes to fill the full item hit area including padding,\n   so clicking anywhere in the item activates them without JS click delegation. */\n::slotted(a),\n::slotted(sgds-checkbox) {\n  flex: 1;\n  margin: calc(var(--sgds-padding-sm) * -1) calc(var(--sgds-padding-lg) * -1);\n  padding: var(--sgds-padding-sm) var(--sgds-padding-lg);\n}\n\n/** to style the mainnav dropdown in mobile */\n.dropdown-item.mainnav-dropdown-link {\n  padding: var(--sgds-padding-none);\n  max-width: var(--sgds-mainnav-max-width, 1440px);\n  box-sizing: border-box;\n}\n.dropdown-item.mainnav-dropdown-link ::slotted(*) {\n  padding: var(--sgds-padding-sm) var(--sgds-mainnav-mobile-padding-x);\n  margin: auto;\n}\n\n@media screen and (min-width: 1024px) {\n  .dropdown-item.mainnav-dropdown-link ::slotted(*) {\n    padding: var(--sgds-padding-sm) var(--sgds-mainnav-padding-x);\n  }\n}"],"mappings":""}

package/components/Dropdown/index.umd.min.js

@@ -2365,7 +2365,7 @@ let He=(e,t,n)=>(n.configurable=!0,n.enumerable=!0,Reflect.decorate&&typeof t!=`
       clip-rule="evenodd"
     />
   </svg>
-`}));let xh={announcement:()=>Promise.resolve().then(()=>(or(),ir)),archive:()=>Promise.resolve().then(()=>(lr(),sr)),"arrow-bar-down":()=>Promise.resolve().then(()=>(fr(),ur)),"arrow-bar-left":()=>Promise.resolve().then(()=>(hr(),pr)),"arrow-bar-right":()=>Promise.resolve().then(()=>(vr(),gr)),"arrow-bar-up":()=>Promise.resolve().then(()=>(xr(),yr)),"arrow-circle-down":()=>Promise.resolve().then(()=>(wr(),Sr)),"arrow-circle-left":()=>Promise.resolve().then(()=>(Dr(),Tr)),"arrow-circle-right":()=>Promise.resolve().then(()=>(Ar(),Or)),"arrow-circle-up":()=>Promise.resolve().then(()=>(Nr(),jr)),"arrow-clockwise":()=>Promise.resolve().then(()=>(Ir(),Pr)),"arrow-down":()=>Promise.resolve().then(()=>(zr(),Lr)),"arrow-left":()=>Promise.resolve().then(()=>(Hr(),Br)),"arrow-repeat":()=>Promise.resolve().then(()=>(Gr(),Ur)),"arrow-right":()=>Promise.resolve().then(()=>(Jr(),Kr)),"arrow-square-down":()=>Promise.resolve().then(()=>(Zr(),Yr)),"arrow-square-left":()=>Promise.resolve().then(()=>(ei(),Qr)),"arrow-square-right":()=>Promise.resolve().then(()=>(ri(),ti)),"arrow-square-up":()=>Promise.resolve().then(()=>(oi(),ii)),"arrow-up":()=>Promise.resolve().then(()=>(li(),si)),"bank-fill":()=>Promise.resolve().then(()=>(fi(),ui)),"bell-slash":()=>Promise.resolve().then(()=>(hi(),pi)),bell:()=>Promise.resolve().then(()=>(vi(),gi)),"bi-funnel":()=>Promise.resolve().then(()=>(xi(),yi)),"bookmark-fill":()=>Promise.resolve().then(()=>(wi(),Si)),bookmark:()=>Promise.resolve().then(()=>(Di(),Ti)),"box-arrow-up-right":()=>Promise.resolve().then(()=>(Ai(),Oi)),"box-seam":()=>Promise.resolve().then(()=>(Ni(),ji)),building:()=>Promise.resolve().then(()=>(Ii(),Pi)),bus:()=>Promise.resolve().then(()=>(zi(),Li)),calculator:()=>Promise.resolve().then(()=>(Hi(),Bi)),"calendar-check":()=>Promise.resolve().then(()=>(Gi(),Ui)),"calendar-heart":()=>Promise.resolve().then(()=>(Ji(),Ki)),"calendar-x":()=>Promise.resolve().then(()=>(Zi(),Yi)),calendar:()=>Promise.resolve().then(()=>(ea(),Qi)),camera:()=>Promise.resolve().then(()=>(ra(),ta)),car:()=>Promise.resolve().then(()=>(oa(),ia)),"chat-dots":()=>Promise.resolve().then(()=>(la(),sa)),"chat-left-text":()=>Promise.resolve().then(()=>(fa(),ua)),chat:()=>Promise.resolve().then(()=>(ha(),pa)),"check-circle-fill":()=>Promise.resolve().then(()=>(va(),ga)),"check-circle":()=>Promise.resolve().then(()=>(xa(),ya)),check:()=>Promise.resolve().then(()=>(wa(),Sa)),"chevron-down":()=>Promise.resolve().then(()=>(Da(),Ta)),"chevron-left":()=>Promise.resolve().then(()=>(Aa(),Oa)),"chevron-right":()=>Promise.resolve().then(()=>(Na(),ja)),"chevron-selector-vertical":()=>Promise.resolve().then(()=>(Ia(),Pa)),"chevron-up":()=>Promise.resolve().then(()=>(za(),La)),clock:()=>Promise.resolve().then(()=>(Ha(),Ba)),"cloud-check":()=>Promise.resolve().then(()=>(Ga(),Ua)),"cloud-download":()=>Promise.resolve().then(()=>(Ja(),Ka)),"cloud-upload":()=>Promise.resolve().then(()=>(Za(),Ya)),cloud:()=>Promise.resolve().then(()=>(eo(),Qa)),"code-square":()=>Promise.resolve().then(()=>(ro(),to)),"coins-hand":()=>Promise.resolve().then(()=>(oo(),io)),compass:()=>Promise.resolve().then(()=>(lo(),so)),copy:()=>Promise.resolve().then(()=>(po(),uo)),"cpu-chip-ai":()=>Promise.resolve().then(()=>(go(),mo)),cross:()=>Promise.resolve().then(()=>(yo(),_o)),"cursor-fill":()=>Promise.resolve().then(()=>(So(),bo)),cursor:()=>Promise.resolve().then(()=>(To(),Co)),"dash-circle":()=>Promise.resolve().then(()=>(Oo(),Eo)),"dash-square":()=>Promise.resolve().then(()=>(jo(),ko)),dash:()=>Promise.resolve().then(()=>(Po(),Mo)),database:()=>Promise.resolve().then(()=>(Lo(),Fo)),dataflow:()=>Promise.resolve().then(()=>(Bo(),Ro)),download:()=>Promise.resolve().then(()=>(Uo(),Vo)),edit:()=>Promise.resolve().then(()=>(Ko(),Wo)),"exclamation-circle-fill":()=>Promise.resolve().then(()=>(Yo(),qo)),"exclamation-circle":()=>Promise.resolve().then(()=>(Qo(),Xo)),"exclamation-triangle-fill":()=>Promise.resolve().then(()=>(ts(),$o)),"exclamation-triangle":()=>Promise.resolve().then(()=>(is(),ns)),exclamation:()=>Promise.resolve().then(()=>(ss(),as)),"eye-fill":()=>Promise.resolve().then(()=>(us(),cs)),"eye-slash-fill":()=>Promise.resolve().then(()=>(ps(),ds)),"eye-slash":()=>Promise.resolve().then(()=>(gs(),ms)),eye:()=>Promise.resolve().then(()=>(ys(),_s)),"face-smile-fill":()=>Promise.resolve().then(()=>(Ss(),bs)),"face-smile":()=>Promise.resolve().then(()=>(Ts(),Cs)),facebook:()=>Promise.resolve().then(()=>(Os(),Es)),"file-earmark-text":()=>Promise.resolve().then(()=>(js(),ks)),"file-pdf":()=>Promise.resolve().then(()=>(Ps(),Ms)),"file-plus":()=>Promise.resolve().then(()=>(Ls(),Fs)),"file-text":()=>Promise.resolve().then(()=>(Bs(),Rs)),file:()=>Promise.resolve().then(()=>(Us(),Vs)),files:()=>Promise.resolve().then(()=>(Ks(),Ws)),fingerprint:()=>Promise.resolve().then(()=>(Ys(),qs)),flash:()=>Promise.resolve().then(()=>(Qs(),Xs)),"folder-check":()=>Promise.resolve().then(()=>(tc(),$s)),"folder-minus":()=>Promise.resolve().then(()=>(ic(),nc)),"folder-plus":()=>Promise.resolve().then(()=>(sc(),ac)),folder:()=>Promise.resolve().then(()=>(uc(),cc)),gear:()=>Promise.resolve().then(()=>(pc(),dc)),"geo-alt":()=>Promise.resolve().then(()=>(gc(),mc)),"geo-fill":()=>Promise.resolve().then(()=>(yc(),_c)),geo:()=>Promise.resolve().then(()=>(Sc(),bc)),"globe-alt":()=>Promise.resolve().then(()=>(Tc(),Cc)),globe:()=>Promise.resolve().then(()=>(Oc(),Ec)),google:()=>Promise.resolve().then(()=>(jc(),kc)),"grid-alt":()=>Promise.resolve().then(()=>(Pc(),Mc)),"grid-fill":()=>Promise.resolve().then(()=>(Lc(),Fc)),"hand-thumbs-down":()=>Promise.resolve().then(()=>(Bc(),Rc)),"hand-thumbs-up":()=>Promise.resolve().then(()=>(Uc(),Vc)),"hard-drive":()=>Promise.resolve().then(()=>(Kc(),Wc)),heart:()=>Promise.resolve().then(()=>(Yc(),qc)),"house-door":()=>Promise.resolve().then(()=>(Qc(),Xc)),house:()=>Promise.resolve().then(()=>(tl(),$c)),image:()=>Promise.resolve().then(()=>(il(),nl)),"in-box":()=>Promise.resolve().then(()=>(sl(),al)),"info-circle-fill":()=>Promise.resolve().then(()=>(ul(),cl)),"info-circle":()=>Promise.resolve().then(()=>(pl(),dl)),instagram:()=>Promise.resolve().then(()=>(gl(),ml)),key:()=>Promise.resolve().then(()=>(yl(),_l)),"laptop-gear":()=>Promise.resolve().then(()=>(Sl(),bl)),laptop:()=>Promise.resolve().then(()=>(Tl(),Cl)),layers:()=>Promise.resolve().then(()=>(Ol(),El)),"layout-text-window-reverse":()=>Promise.resolve().then(()=>(jl(),kl)),"layout-text-window":()=>Promise.resolve().then(()=>(Pl(),Ml)),layout:()=>Promise.resolve().then(()=>(Ll(),Fl)),"life-buoy":()=>Promise.resolve().then(()=>(Bl(),Rl)),lightbulb:()=>Promise.resolve().then(()=>(Ul(),Vl)),link:()=>Promise.resolve().then(()=>(Kl(),Wl)),linkedin:()=>Promise.resolve().then(()=>(Yl(),ql)),list:()=>Promise.resolve().then(()=>(Ql(),Xl)),"lock-fill":()=>Promise.resolve().then(()=>(tu(),$l)),lock:()=>Promise.resolve().then(()=>(iu(),nu)),login:()=>Promise.resolve().then(()=>(su(),au)),logout:()=>Promise.resolve().then(()=>(uu(),cu)),luggage:()=>Promise.resolve().then(()=>(pu(),du)),"mail-open":()=>Promise.resolve().then(()=>(gu(),mu)),mail:()=>Promise.resolve().then(()=>(yu(),_u)),map:()=>Promise.resolve().then(()=>(Su(),bu)),meetup:()=>Promise.resolve().then(()=>(Tu(),Cu)),menu:()=>Promise.resolve().then(()=>(Ou(),Eu)),microphone:()=>Promise.resolve().then(()=>(ju(),ku)),monitor:()=>Promise.resolve().then(()=>(Pu(),Mu)),moon:()=>Promise.resolve().then(()=>(Lu(),Fu)),move:()=>Promise.resolve().then(()=>(Bu(),Ru)),paperclip:()=>Promise.resolve().then(()=>(Uu(),Vu)),passcode:()=>Promise.resolve().then(()=>(Ku(),Wu)),passport:()=>Promise.resolve().then(()=>(Yu(),qu)),pause:()=>Promise.resolve().then(()=>(Qu(),Xu)),pencil:()=>Promise.resolve().then(()=>(td(),$u)),"pending-circle":()=>Promise.resolve().then(()=>(id(),nd)),"person-dash":()=>Promise.resolve().then(()=>(sd(),ad)),"person-plus":()=>Promise.resolve().then(()=>(ud(),cd)),"person-x":()=>Promise.resolve().then(()=>(pd(),dd)),person:()=>Promise.resolve().then(()=>(gd(),md)),phone:()=>Promise.resolve().then(()=>(yd(),_d)),"pin-map-fill":()=>Promise.resolve().then(()=>(Sd(),bd)),pin:()=>Promise.resolve().then(()=>(Td(),Cd)),placeholder:()=>Promise.resolve().then(()=>(Od(),Ed)),plane:()=>Promise.resolve().then(()=>(jd(),kd)),play:()=>Promise.resolve().then(()=>(Pd(),Md)),"plus-circle":()=>Promise.resolve().then(()=>(Ld(),Fd)),"plus-square":()=>Promise.resolve().then(()=>(Bd(),Rd)),plus:()=>Promise.resolve().then(()=>(Ud(),Vd)),printer:()=>Promise.resolve().then(()=>(Kd(),Wd)),"question-circle":()=>Promise.resolve().then(()=>(Yd(),qd)),rocket:()=>Promise.resolve().then(()=>(Qd(),Xd)),save:()=>Promise.resolve().then(()=>(tf(),$d)),search:()=>Promise.resolve().then(()=>(af(),nf)),send:()=>Promise.resolve().then(()=>(cf(),of)),"sg-crest":()=>Promise.resolve().then(()=>(df(),lf)),share:()=>Promise.resolve().then(()=>(mf(),ff)),"shield-tick":()=>Promise.resolve().then(()=>(_f(),hf)),"sidebar-collapse":()=>Promise.resolve().then(()=>(bf(),vf)),"sidebar-expand":()=>Promise.resolve().then(()=>(Cf(),xf)),"slash-circle":()=>Promise.resolve().then(()=>(Ef(),wf)),"slash-divider":()=>Promise.resolve().then(()=>(kf(),Df)),sliders:()=>Promise.resolve().then(()=>(Mf(),Af)),"sort-ascending":()=>Promise.resolve().then(()=>(Ff(),Nf)),"sort-descending":()=>Promise.resolve().then(()=>(Rf(),If)),speedometer:()=>Promise.resolve().then(()=>(Vf(),zf)),"star-ai":()=>Promise.resolve().then(()=>(Wf(),Hf)),"star-fill":()=>Promise.resolve().then(()=>(qf(),Gf)),star:()=>Promise.resolve().then(()=>(Xf(),Jf)),stoplights:()=>Promise.resolve().then(()=>($f(),Zf)),sun:()=>Promise.resolve().then(()=>(np(),ep)),"switch-horizontal":()=>Promise.resolve().then(()=>(ap(),rp)),"switch-vertical":()=>Promise.resolve().then(()=>(cp(),op)),tablet:()=>Promise.resolve().then(()=>(dp(),lp)),telegram:()=>Promise.resolve().then(()=>(mp(),fp)),telephone:()=>Promise.resolve().then(()=>(_p(),hp)),"three-dots-vertical":()=>Promise.resolve().then(()=>(bp(),vp)),"three-dots":()=>Promise.resolve().then(()=>(Cp(),xp)),ticket:()=>Promise.resolve().then(()=>(Ep(),wp)),"toggle-off":()=>Promise.resolve().then(()=>(kp(),Dp)),"toggle-on":()=>Promise.resolve().then(()=>(Mp(),Ap)),train:()=>Promise.resolve().then(()=>(Fp(),Np)),translate:()=>Promise.resolve().then(()=>(Rp(),Ip)),trash:()=>Promise.resolve().then(()=>(Vp(),zp)),"trend-down":()=>Promise.resolve().then(()=>(Wp(),Hp)),"trend-up":()=>Promise.resolve().then(()=>(qp(),Gp)),truck:()=>Promise.resolve().then(()=>(Xp(),Jp)),"twitter-x":()=>Promise.resolve().then(()=>($p(),Zp)),unlock:()=>Promise.resolve().then(()=>(nm(),em)),upload:()=>Promise.resolve().then(()=>(am(),rm)),"user-check":()=>Promise.resolve().then(()=>(cm(),om)),"user-circle":()=>Promise.resolve().then(()=>(dm(),lm)),"user-pause":()=>Promise.resolve().then(()=>(mm(),fm)),"user-square":()=>Promise.resolve().then(()=>(_m(),hm)),users:()=>Promise.resolve().then(()=>(bm(),vm)),"video-recorder":()=>Promise.resolve().then(()=>(Cm(),xm)),"volume-max":()=>Promise.resolve().then(()=>(Em(),wm)),"volume-x":()=>Promise.resolve().then(()=>(km(),Dm)),"window-dash":()=>Promise.resolve().then(()=>(Mm(),Am)),"window-desktop":()=>Promise.resolve().then(()=>(Fm(),Nm)),"window-dock":()=>Promise.resolve().then(()=>(Rm(),Im)),"window-fullscreen":()=>Promise.resolve().then(()=>(Vm(),zm)),"window-plus":()=>Promise.resolve().then(()=>(Wm(),Hm)),"window-sidebar":()=>Promise.resolve().then(()=>(qm(),Gm)),"window-split":()=>Promise.resolve().then(()=>(Xm(),Jm)),"window-stack":()=>Promise.resolve().then(()=>($m(),Zm)),"window-x":()=>Promise.resolve().then(()=>(nh(),eh)),window:()=>Promise.resolve().then(()=>(ah(),rh)),"xcircle-fill":()=>Promise.resolve().then(()=>(ch(),oh)),xcircle:()=>Promise.resolve().then(()=>(dh(),lh)),youtube:()=>Promise.resolve().then(()=>(mh(),fh)),"zoom-in":()=>Promise.resolve().then(()=>(_h(),hh)),"zoom-out":()=>Promise.resolve().then(()=>(bh(),vh))};L();var Sh=l`:host{color:inherit;display:inline-flex;vertical-align:bottom}:host(.icon-left){margin-right:.25rem}:host(.icon-right){margin-left:.25rem}:host([size=xs]) svg{height:var(--sgds-icon-size-xs);width:var(--sgds-icon-size-xs)}:host([size=sm]) svg{height:var(--sgds-icon-size-sm);width:var(--sgds-icon-size-sm)}:host([size=md]) svg{height:var(--sgds-icon-size-md);width:var(--sgds-icon-size-md)}:host([size=xl]) svg{height:var(--sgds-icon-size-xl);width:var(--sgds-icon-size-xl)}:host([size="2-xl"]) svg{height:var(--sgds-icon-size-2-xl);width:var(--sgds-icon-size-2-xl)}:host([size="3-xl"]) svg{height:var(--sgds-icon-size-3-xl);width:var(--sgds-icon-size-3-xl)}svg{display:inline-block;height:var(--sgds-icon-size-lg);width:var(--sgds-icon-size-lg)}`;L();let Ch=/* @__PURE__ */ new Map;var wh=class extends Hn{constructor(...e){super(...e),this.size=`lg`}static{this.styles=[...Hn.styles,Sh]}willUpdate(e){e.has(`name`)&&this._loadIcon(this.name)}async _loadIcon(e){if(!e){this._icon=void 0;return}if(Ch.has(e)){this._icon=Ch.get(e);return}let t=xh[e];if(!t){console.warn(`Icon not found: ${e}`),this._icon=void 0;return}try{let n=await t();Ch.set(e,n.default),this._icon=n.default}catch{console.warn(`Failed to load icon: ${e}`),this._icon=void 0}}updated(){let e=this.shadowRoot?.querySelector(`svg`);e&&(this.ariaLabel?(e.removeAttribute(`aria-hidden`),e.setAttribute(`aria-label`,this.ariaLabel)):(e.removeAttribute(`aria-label`),e.setAttribute(`aria-hidden`,`true`)))}render(){return this._icon??N}};Z([R({type:String,reflect:!0})],wh.prototype,`name`,void 0),Z([R({type:String,reflect:!0})],wh.prototype,`size`,void 0),Z([R({type:String})],wh.prototype,`ariaLabel`,void 0),Z([Ve()],wh.prototype,`_icon`,void 0),L();var Th=l`:host([disabled]){cursor:not-allowed}.dropdown-item{align-items:center;background-color:var(--sgds-bg-transparent);clear:both;color:var(--sgds-color-default);cursor:pointer;display:flex;font-size:var(--sgds-font-size-label-sm);gap:var(--sgds-gap-sm);padding:var(--sgds-padding-sm) var(--sgds-padding-lg);text-align:inherit}.dropdown-item:hover{background-color:var(--sgds-bg-translucent-subtle)}.dropdown-item:focus,.dropdown-item:focus-visible{background-color:var(--sgds-bg-translucent-subtle)}.dropdown-item:focus-visible{outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}.dropdown-item.active{background-color:var(--sgds-bg-translucent-subtle);color:var(--sgds-primary-color-default);text-decoration:none}.dropdown-item.disabled,.dropdown-item:disabled{opacity:var(--sgds-opacity-40);pointer-events:none}.dropdown-item.readonly{cursor:default}.dropdown-item.readonly:focus,.dropdown-item.readonly:focus-visible,.dropdown-item.readonly:hover{background-color:var(--sgds-bg-transparent);outline:none}::slotted(*){color:inherit!important;display:flex;gap:var(--sgds-gap-sm);text-decoration:none!important}::slotted(a),::slotted(sgds-checkbox){flex:1;margin:calc(var(--sgds-padding-sm)*-1) calc(var(--sgds-padding-lg)*-1);padding:var(--sgds-padding-sm) var(--sgds-padding-lg)}.dropdown-item.mainnav-dropdown-link{padding:var(--sgds-padding-none)}.dropdown-item.mainnav-dropdown-link ::slotted(*){box-sizing:border-box;margin:auto;max-width:var(--sgds-mainnav-max-width,1440px);padding:var(--sgds-padding-sm) var(--sgds-mainnav-mobile-padding-x)}@media screen and (min-width:1024px){.dropdown-item.mainnav-dropdown-link ::slotted(*){padding:var(--sgds-padding-sm) var(--sgds-mainnav-padding-x)}}`;L();var Eh=class extends Hn{constructor(...e){super(...e),this.active=!1,this.disabled=!1,this.readonly=!1,this.ariaLabel=``}static{this.styles=[tr,Th]}static{this.dependencies={"sgds-icon":wh}}connectedCallback(){super.connectedCallback(),this.addEventListener(`keydown`,e=>{e.key===`Enter`&&this.anchor.length>0&&this.anchor[0].click()}),this.setAttribute(`role`,`menuitem`),this.setAttribute(`aria-disabled`,`${this.disabled}`)}render(){return j`
+`}));let xh={announcement:()=>Promise.resolve().then(()=>(or(),ir)),archive:()=>Promise.resolve().then(()=>(lr(),sr)),"arrow-bar-down":()=>Promise.resolve().then(()=>(fr(),ur)),"arrow-bar-left":()=>Promise.resolve().then(()=>(hr(),pr)),"arrow-bar-right":()=>Promise.resolve().then(()=>(vr(),gr)),"arrow-bar-up":()=>Promise.resolve().then(()=>(xr(),yr)),"arrow-circle-down":()=>Promise.resolve().then(()=>(wr(),Sr)),"arrow-circle-left":()=>Promise.resolve().then(()=>(Dr(),Tr)),"arrow-circle-right":()=>Promise.resolve().then(()=>(Ar(),Or)),"arrow-circle-up":()=>Promise.resolve().then(()=>(Nr(),jr)),"arrow-clockwise":()=>Promise.resolve().then(()=>(Ir(),Pr)),"arrow-down":()=>Promise.resolve().then(()=>(zr(),Lr)),"arrow-left":()=>Promise.resolve().then(()=>(Hr(),Br)),"arrow-repeat":()=>Promise.resolve().then(()=>(Gr(),Ur)),"arrow-right":()=>Promise.resolve().then(()=>(Jr(),Kr)),"arrow-square-down":()=>Promise.resolve().then(()=>(Zr(),Yr)),"arrow-square-left":()=>Promise.resolve().then(()=>(ei(),Qr)),"arrow-square-right":()=>Promise.resolve().then(()=>(ri(),ti)),"arrow-square-up":()=>Promise.resolve().then(()=>(oi(),ii)),"arrow-up":()=>Promise.resolve().then(()=>(li(),si)),"bank-fill":()=>Promise.resolve().then(()=>(fi(),ui)),"bell-slash":()=>Promise.resolve().then(()=>(hi(),pi)),bell:()=>Promise.resolve().then(()=>(vi(),gi)),"bi-funnel":()=>Promise.resolve().then(()=>(xi(),yi)),"bookmark-fill":()=>Promise.resolve().then(()=>(wi(),Si)),bookmark:()=>Promise.resolve().then(()=>(Di(),Ti)),"box-arrow-up-right":()=>Promise.resolve().then(()=>(Ai(),Oi)),"box-seam":()=>Promise.resolve().then(()=>(Ni(),ji)),building:()=>Promise.resolve().then(()=>(Ii(),Pi)),bus:()=>Promise.resolve().then(()=>(zi(),Li)),calculator:()=>Promise.resolve().then(()=>(Hi(),Bi)),"calendar-check":()=>Promise.resolve().then(()=>(Gi(),Ui)),"calendar-heart":()=>Promise.resolve().then(()=>(Ji(),Ki)),"calendar-x":()=>Promise.resolve().then(()=>(Zi(),Yi)),calendar:()=>Promise.resolve().then(()=>(ea(),Qi)),camera:()=>Promise.resolve().then(()=>(ra(),ta)),car:()=>Promise.resolve().then(()=>(oa(),ia)),"chat-dots":()=>Promise.resolve().then(()=>(la(),sa)),"chat-left-text":()=>Promise.resolve().then(()=>(fa(),ua)),chat:()=>Promise.resolve().then(()=>(ha(),pa)),"check-circle-fill":()=>Promise.resolve().then(()=>(va(),ga)),"check-circle":()=>Promise.resolve().then(()=>(xa(),ya)),check:()=>Promise.resolve().then(()=>(wa(),Sa)),"chevron-down":()=>Promise.resolve().then(()=>(Da(),Ta)),"chevron-left":()=>Promise.resolve().then(()=>(Aa(),Oa)),"chevron-right":()=>Promise.resolve().then(()=>(Na(),ja)),"chevron-selector-vertical":()=>Promise.resolve().then(()=>(Ia(),Pa)),"chevron-up":()=>Promise.resolve().then(()=>(za(),La)),clock:()=>Promise.resolve().then(()=>(Ha(),Ba)),"cloud-check":()=>Promise.resolve().then(()=>(Ga(),Ua)),"cloud-download":()=>Promise.resolve().then(()=>(Ja(),Ka)),"cloud-upload":()=>Promise.resolve().then(()=>(Za(),Ya)),cloud:()=>Promise.resolve().then(()=>(eo(),Qa)),"code-square":()=>Promise.resolve().then(()=>(ro(),to)),"coins-hand":()=>Promise.resolve().then(()=>(oo(),io)),compass:()=>Promise.resolve().then(()=>(lo(),so)),copy:()=>Promise.resolve().then(()=>(po(),uo)),"cpu-chip-ai":()=>Promise.resolve().then(()=>(go(),mo)),cross:()=>Promise.resolve().then(()=>(yo(),_o)),"cursor-fill":()=>Promise.resolve().then(()=>(So(),bo)),cursor:()=>Promise.resolve().then(()=>(To(),Co)),"dash-circle":()=>Promise.resolve().then(()=>(Oo(),Eo)),"dash-square":()=>Promise.resolve().then(()=>(jo(),ko)),dash:()=>Promise.resolve().then(()=>(Po(),Mo)),database:()=>Promise.resolve().then(()=>(Lo(),Fo)),dataflow:()=>Promise.resolve().then(()=>(Bo(),Ro)),download:()=>Promise.resolve().then(()=>(Uo(),Vo)),edit:()=>Promise.resolve().then(()=>(Ko(),Wo)),"exclamation-circle-fill":()=>Promise.resolve().then(()=>(Yo(),qo)),"exclamation-circle":()=>Promise.resolve().then(()=>(Qo(),Xo)),"exclamation-triangle-fill":()=>Promise.resolve().then(()=>(ts(),$o)),"exclamation-triangle":()=>Promise.resolve().then(()=>(is(),ns)),exclamation:()=>Promise.resolve().then(()=>(ss(),as)),"eye-fill":()=>Promise.resolve().then(()=>(us(),cs)),"eye-slash-fill":()=>Promise.resolve().then(()=>(ps(),ds)),"eye-slash":()=>Promise.resolve().then(()=>(gs(),ms)),eye:()=>Promise.resolve().then(()=>(ys(),_s)),"face-smile-fill":()=>Promise.resolve().then(()=>(Ss(),bs)),"face-smile":()=>Promise.resolve().then(()=>(Ts(),Cs)),facebook:()=>Promise.resolve().then(()=>(Os(),Es)),"file-earmark-text":()=>Promise.resolve().then(()=>(js(),ks)),"file-pdf":()=>Promise.resolve().then(()=>(Ps(),Ms)),"file-plus":()=>Promise.resolve().then(()=>(Ls(),Fs)),"file-text":()=>Promise.resolve().then(()=>(Bs(),Rs)),file:()=>Promise.resolve().then(()=>(Us(),Vs)),files:()=>Promise.resolve().then(()=>(Ks(),Ws)),fingerprint:()=>Promise.resolve().then(()=>(Ys(),qs)),flash:()=>Promise.resolve().then(()=>(Qs(),Xs)),"folder-check":()=>Promise.resolve().then(()=>(tc(),$s)),"folder-minus":()=>Promise.resolve().then(()=>(ic(),nc)),"folder-plus":()=>Promise.resolve().then(()=>(sc(),ac)),folder:()=>Promise.resolve().then(()=>(uc(),cc)),gear:()=>Promise.resolve().then(()=>(pc(),dc)),"geo-alt":()=>Promise.resolve().then(()=>(gc(),mc)),"geo-fill":()=>Promise.resolve().then(()=>(yc(),_c)),geo:()=>Promise.resolve().then(()=>(Sc(),bc)),"globe-alt":()=>Promise.resolve().then(()=>(Tc(),Cc)),globe:()=>Promise.resolve().then(()=>(Oc(),Ec)),google:()=>Promise.resolve().then(()=>(jc(),kc)),"grid-alt":()=>Promise.resolve().then(()=>(Pc(),Mc)),"grid-fill":()=>Promise.resolve().then(()=>(Lc(),Fc)),"hand-thumbs-down":()=>Promise.resolve().then(()=>(Bc(),Rc)),"hand-thumbs-up":()=>Promise.resolve().then(()=>(Uc(),Vc)),"hard-drive":()=>Promise.resolve().then(()=>(Kc(),Wc)),heart:()=>Promise.resolve().then(()=>(Yc(),qc)),"house-door":()=>Promise.resolve().then(()=>(Qc(),Xc)),house:()=>Promise.resolve().then(()=>(tl(),$c)),image:()=>Promise.resolve().then(()=>(il(),nl)),"in-box":()=>Promise.resolve().then(()=>(sl(),al)),"info-circle-fill":()=>Promise.resolve().then(()=>(ul(),cl)),"info-circle":()=>Promise.resolve().then(()=>(pl(),dl)),instagram:()=>Promise.resolve().then(()=>(gl(),ml)),key:()=>Promise.resolve().then(()=>(yl(),_l)),"laptop-gear":()=>Promise.resolve().then(()=>(Sl(),bl)),laptop:()=>Promise.resolve().then(()=>(Tl(),Cl)),layers:()=>Promise.resolve().then(()=>(Ol(),El)),"layout-text-window-reverse":()=>Promise.resolve().then(()=>(jl(),kl)),"layout-text-window":()=>Promise.resolve().then(()=>(Pl(),Ml)),layout:()=>Promise.resolve().then(()=>(Ll(),Fl)),"life-buoy":()=>Promise.resolve().then(()=>(Bl(),Rl)),lightbulb:()=>Promise.resolve().then(()=>(Ul(),Vl)),link:()=>Promise.resolve().then(()=>(Kl(),Wl)),linkedin:()=>Promise.resolve().then(()=>(Yl(),ql)),list:()=>Promise.resolve().then(()=>(Ql(),Xl)),"lock-fill":()=>Promise.resolve().then(()=>(tu(),$l)),lock:()=>Promise.resolve().then(()=>(iu(),nu)),login:()=>Promise.resolve().then(()=>(su(),au)),logout:()=>Promise.resolve().then(()=>(uu(),cu)),luggage:()=>Promise.resolve().then(()=>(pu(),du)),"mail-open":()=>Promise.resolve().then(()=>(gu(),mu)),mail:()=>Promise.resolve().then(()=>(yu(),_u)),map:()=>Promise.resolve().then(()=>(Su(),bu)),meetup:()=>Promise.resolve().then(()=>(Tu(),Cu)),menu:()=>Promise.resolve().then(()=>(Ou(),Eu)),microphone:()=>Promise.resolve().then(()=>(ju(),ku)),monitor:()=>Promise.resolve().then(()=>(Pu(),Mu)),moon:()=>Promise.resolve().then(()=>(Lu(),Fu)),move:()=>Promise.resolve().then(()=>(Bu(),Ru)),paperclip:()=>Promise.resolve().then(()=>(Uu(),Vu)),passcode:()=>Promise.resolve().then(()=>(Ku(),Wu)),passport:()=>Promise.resolve().then(()=>(Yu(),qu)),pause:()=>Promise.resolve().then(()=>(Qu(),Xu)),pencil:()=>Promise.resolve().then(()=>(td(),$u)),"pending-circle":()=>Promise.resolve().then(()=>(id(),nd)),"person-dash":()=>Promise.resolve().then(()=>(sd(),ad)),"person-plus":()=>Promise.resolve().then(()=>(ud(),cd)),"person-x":()=>Promise.resolve().then(()=>(pd(),dd)),person:()=>Promise.resolve().then(()=>(gd(),md)),phone:()=>Promise.resolve().then(()=>(yd(),_d)),"pin-map-fill":()=>Promise.resolve().then(()=>(Sd(),bd)),pin:()=>Promise.resolve().then(()=>(Td(),Cd)),placeholder:()=>Promise.resolve().then(()=>(Od(),Ed)),plane:()=>Promise.resolve().then(()=>(jd(),kd)),play:()=>Promise.resolve().then(()=>(Pd(),Md)),"plus-circle":()=>Promise.resolve().then(()=>(Ld(),Fd)),"plus-square":()=>Promise.resolve().then(()=>(Bd(),Rd)),plus:()=>Promise.resolve().then(()=>(Ud(),Vd)),printer:()=>Promise.resolve().then(()=>(Kd(),Wd)),"question-circle":()=>Promise.resolve().then(()=>(Yd(),qd)),rocket:()=>Promise.resolve().then(()=>(Qd(),Xd)),save:()=>Promise.resolve().then(()=>(tf(),$d)),search:()=>Promise.resolve().then(()=>(af(),nf)),send:()=>Promise.resolve().then(()=>(cf(),of)),"sg-crest":()=>Promise.resolve().then(()=>(df(),lf)),share:()=>Promise.resolve().then(()=>(mf(),ff)),"shield-tick":()=>Promise.resolve().then(()=>(_f(),hf)),"sidebar-collapse":()=>Promise.resolve().then(()=>(bf(),vf)),"sidebar-expand":()=>Promise.resolve().then(()=>(Cf(),xf)),"slash-circle":()=>Promise.resolve().then(()=>(Ef(),wf)),"slash-divider":()=>Promise.resolve().then(()=>(kf(),Df)),sliders:()=>Promise.resolve().then(()=>(Mf(),Af)),"sort-ascending":()=>Promise.resolve().then(()=>(Ff(),Nf)),"sort-descending":()=>Promise.resolve().then(()=>(Rf(),If)),speedometer:()=>Promise.resolve().then(()=>(Vf(),zf)),"star-ai":()=>Promise.resolve().then(()=>(Wf(),Hf)),"star-fill":()=>Promise.resolve().then(()=>(qf(),Gf)),star:()=>Promise.resolve().then(()=>(Xf(),Jf)),stoplights:()=>Promise.resolve().then(()=>($f(),Zf)),sun:()=>Promise.resolve().then(()=>(np(),ep)),"switch-horizontal":()=>Promise.resolve().then(()=>(ap(),rp)),"switch-vertical":()=>Promise.resolve().then(()=>(cp(),op)),tablet:()=>Promise.resolve().then(()=>(dp(),lp)),telegram:()=>Promise.resolve().then(()=>(mp(),fp)),telephone:()=>Promise.resolve().then(()=>(_p(),hp)),"three-dots-vertical":()=>Promise.resolve().then(()=>(bp(),vp)),"three-dots":()=>Promise.resolve().then(()=>(Cp(),xp)),ticket:()=>Promise.resolve().then(()=>(Ep(),wp)),"toggle-off":()=>Promise.resolve().then(()=>(kp(),Dp)),"toggle-on":()=>Promise.resolve().then(()=>(Mp(),Ap)),train:()=>Promise.resolve().then(()=>(Fp(),Np)),translate:()=>Promise.resolve().then(()=>(Rp(),Ip)),trash:()=>Promise.resolve().then(()=>(Vp(),zp)),"trend-down":()=>Promise.resolve().then(()=>(Wp(),Hp)),"trend-up":()=>Promise.resolve().then(()=>(qp(),Gp)),truck:()=>Promise.resolve().then(()=>(Xp(),Jp)),"twitter-x":()=>Promise.resolve().then(()=>($p(),Zp)),unlock:()=>Promise.resolve().then(()=>(nm(),em)),upload:()=>Promise.resolve().then(()=>(am(),rm)),"user-check":()=>Promise.resolve().then(()=>(cm(),om)),"user-circle":()=>Promise.resolve().then(()=>(dm(),lm)),"user-pause":()=>Promise.resolve().then(()=>(mm(),fm)),"user-square":()=>Promise.resolve().then(()=>(_m(),hm)),users:()=>Promise.resolve().then(()=>(bm(),vm)),"video-recorder":()=>Promise.resolve().then(()=>(Cm(),xm)),"volume-max":()=>Promise.resolve().then(()=>(Em(),wm)),"volume-x":()=>Promise.resolve().then(()=>(km(),Dm)),"window-dash":()=>Promise.resolve().then(()=>(Mm(),Am)),"window-desktop":()=>Promise.resolve().then(()=>(Fm(),Nm)),"window-dock":()=>Promise.resolve().then(()=>(Rm(),Im)),"window-fullscreen":()=>Promise.resolve().then(()=>(Vm(),zm)),"window-plus":()=>Promise.resolve().then(()=>(Wm(),Hm)),"window-sidebar":()=>Promise.resolve().then(()=>(qm(),Gm)),"window-split":()=>Promise.resolve().then(()=>(Xm(),Jm)),"window-stack":()=>Promise.resolve().then(()=>($m(),Zm)),"window-x":()=>Promise.resolve().then(()=>(nh(),eh)),window:()=>Promise.resolve().then(()=>(ah(),rh)),"xcircle-fill":()=>Promise.resolve().then(()=>(ch(),oh)),xcircle:()=>Promise.resolve().then(()=>(dh(),lh)),youtube:()=>Promise.resolve().then(()=>(mh(),fh)),"zoom-in":()=>Promise.resolve().then(()=>(_h(),hh)),"zoom-out":()=>Promise.resolve().then(()=>(bh(),vh))};L();var Sh=l`:host{color:inherit;display:inline-flex;vertical-align:bottom}:host(.icon-left){margin-right:.25rem}:host(.icon-right){margin-left:.25rem}:host([size=xs]) svg{height:var(--sgds-icon-size-xs);width:var(--sgds-icon-size-xs)}:host([size=sm]) svg{height:var(--sgds-icon-size-sm);width:var(--sgds-icon-size-sm)}:host([size=md]) svg{height:var(--sgds-icon-size-md);width:var(--sgds-icon-size-md)}:host([size=xl]) svg{height:var(--sgds-icon-size-xl);width:var(--sgds-icon-size-xl)}:host([size="2-xl"]) svg{height:var(--sgds-icon-size-2-xl);width:var(--sgds-icon-size-2-xl)}:host([size="3-xl"]) svg{height:var(--sgds-icon-size-3-xl);width:var(--sgds-icon-size-3-xl)}svg{display:inline-block;height:var(--sgds-icon-size-lg);width:var(--sgds-icon-size-lg)}`;L();let Ch=/* @__PURE__ */ new Map;var wh=class extends Hn{constructor(...e){super(...e),this.size=`lg`}static{this.styles=[...Hn.styles,Sh]}willUpdate(e){e.has(`name`)&&this._loadIcon(this.name)}async _loadIcon(e){if(!e){this._icon=void 0;return}if(Ch.has(e)){this._icon=Ch.get(e);return}let t=xh[e];if(!t){console.warn(`Icon not found: ${e}`),this._icon=void 0;return}try{let n=await t();Ch.set(e,n.default),this._icon=n.default}catch{console.warn(`Failed to load icon: ${e}`),this._icon=void 0}}updated(){let e=this.shadowRoot?.querySelector(`svg`);e&&(this.ariaLabel?(e.removeAttribute(`aria-hidden`),e.setAttribute(`aria-label`,this.ariaLabel)):(e.removeAttribute(`aria-label`),e.setAttribute(`aria-hidden`,`true`)))}render(){return this._icon??N}};Z([R({type:String,reflect:!0})],wh.prototype,`name`,void 0),Z([R({type:String,reflect:!0})],wh.prototype,`size`,void 0),Z([R({type:String})],wh.prototype,`ariaLabel`,void 0),Z([Ve()],wh.prototype,`_icon`,void 0),L();var Th=l`:host([disabled]){cursor:not-allowed}.dropdown-item{align-items:center;background-color:var(--sgds-bg-transparent);clear:both;color:var(--sgds-color-default);cursor:pointer;display:flex;font-size:var(--sgds-font-size-label-sm);gap:var(--sgds-gap-sm);padding:var(--sgds-padding-sm) var(--sgds-padding-lg);text-align:inherit}.dropdown-item:hover{background-color:var(--sgds-bg-translucent-subtle)}.dropdown-item:focus,.dropdown-item:focus-visible{background-color:var(--sgds-bg-translucent-subtle)}.dropdown-item:focus-visible{outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}.dropdown-item.active{background-color:var(--sgds-bg-translucent-subtle);color:var(--sgds-primary-color-default);text-decoration:none}.dropdown-item.disabled,.dropdown-item:disabled{opacity:var(--sgds-opacity-40);pointer-events:none}.dropdown-item.readonly{cursor:default}.dropdown-item.readonly:focus,.dropdown-item.readonly:focus-visible,.dropdown-item.readonly:hover{background-color:var(--sgds-bg-transparent);outline:none}::slotted(*){color:inherit!important;display:flex;gap:var(--sgds-gap-sm);text-decoration:none!important}::slotted(a),::slotted(sgds-checkbox){flex:1;margin:calc(var(--sgds-padding-sm)*-1) calc(var(--sgds-padding-lg)*-1);padding:var(--sgds-padding-sm) var(--sgds-padding-lg)}.dropdown-item.mainnav-dropdown-link{box-sizing:border-box;max-width:var(--sgds-mainnav-max-width,1440px);padding:var(--sgds-padding-none)}.dropdown-item.mainnav-dropdown-link ::slotted(*){margin:auto;padding:var(--sgds-padding-sm) var(--sgds-mainnav-mobile-padding-x)}@media screen and (min-width:1024px){.dropdown-item.mainnav-dropdown-link ::slotted(*){padding:var(--sgds-padding-sm) var(--sgds-mainnav-padding-x)}}`;L();var Eh=class extends Hn{constructor(...e){super(...e),this.active=!1,this.disabled=!1,this.readonly=!1,this.ariaLabel=``}static{this.styles=[tr,Th]}static{this.dependencies={"sgds-icon":wh}}connectedCallback(){super.connectedCallback(),this.addEventListener(`keydown`,e=>{e.key===`Enter`&&this.anchor.length>0&&this.anchor[0].click()}),this.setAttribute(`role`,`menuitem`),this.setAttribute(`aria-disabled`,`${this.disabled}`)}render(){return j`
       <div
         class="dropdown-item ${nr({disabled:this.disabled,active:this.active,readonly:this.readonly})}"
         tabindex=${this.disabled||this.readonly?`-1`:`0`}