@govtechsg/sgds-web-component 3.30.0 → 3.30.1-rc.0

package/react/close-button/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Component"],"sources":["../../../src/react/close-button/index.ts"],"sourcesContent":["import * as React from \"react\";\nimport { createComponent } from \"@lit/react\";\nimport Component from \"../../components/CloseButton/sgds-close-button\";\nimport { register } from \"../../utils/ce-registry\";\n\nregister(\"sgds-close-button\", Component);\n\nexport default createComponent({\n  react: React,\n  tagName: \"sgds-close-button\",\n  elementClass: Component,\n  events: {}\n});\n"],"mappings":";;;;;;AAKA,SAAS,qBAAqBA,eAAS;AAEvC,IAAA,uBAAe,gBAAgB;CAC7B,OAAO;CACP,SAAS;CACT,cAAcA;CACd,QAAQ,CAAC;AACX,CAAC"}
+{"version":3,"file":"index.js","names":["Component"],"sources":["../../../src/react/close-button/index.ts"],"sourcesContent":["import \"../_ssr-init\";\nimport * as React from \"react\";\nimport { createComponent } from \"@lit/react\";\nimport Component from \"../../components/CloseButton/sgds-close-button\";\nimport { register } from \"../../utils/ce-registry\";\n\nregister(\"sgds-close-button\", Component);\n\nexport default createComponent({\n  react: React,\n  tagName: \"sgds-close-button\",\n  elementClass: Component,\n  events: {}\n});\n"],"mappings":";;;;;;;AAMA,SAAS,qBAAqBA,eAAS;AAEvC,IAAA,uBAAe,gBAAgB;CAC7B,OAAO;CACP,SAAS;CACT,cAAcA;CACd,QAAQ,CAAC;AACX,CAAC"}

package/react/combo-box/index.cjs.js

@@ -1,5 +1,6 @@
 "use client";
 const require_runtime = require("../_virtual/_rolldown/runtime.cjs.js");
+require("../_ssr-init.cjs.js");
 const require_ce_registry = require("../utils/ce-registry.cjs.js");
 const require_sgds_combo_box = require("../components/ComboBox/sgds-combo-box.cjs.js");
 let react = require("react");

package/react/combo-box/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","names":["register","Component","createComponent","React"],"sources":["../../../src/react/combo-box/index.ts"],"sourcesContent":["import * as React from \"react\";\nimport { createComponent } from \"@lit/react\";\nimport Component from \"../../components/ComboBox/sgds-combo-box\";\nimport { register } from \"../../utils/ce-registry\";\n\nregister(\"sgds-combo-box\", Component);\n\nexport default createComponent({\n  react: React,\n  tagName: \"sgds-combo-box\",\n  elementClass: Component,\n  events: {\n    onSgdsSelect: \"sgds-select\",\n    onSgdsChange: \"sgds-change\",\n    onSgdsInput: \"sgds-input\",\n    onSgdsFocus: \"sgds-focus\",\n    onSgdsBlur: \"sgds-blur\",\n    onSgdsInvalid: \"sgds-invalid\",\n    onSgdsValid: \"sgds-valid\",\n    onSgdsScrollEnd: \"sgds-scroll-end\",\n    onSgdsCreateOption: \"sgds-create-option\",\n    onSgdsShow: \"sgds-show\",\n    onSgdsAfterShow: \"sgds-after-show\",\n    onSgdsHide: \"sgds-hide\",\n    onSgdsAfterHide: \"sgds-after-hide\"\n  }\n});\n"],"mappings":";;;;;;;;AAKAA,oBAAAA,SAAS,kBAAkBC,uBAAAA,YAAS;AAEpC,IAAA,qBAAA,GAAeC,WAAAA,gBAAAA,CAAgB;CACtBC;CACP,SAAS;CACT,cAAcF,uBAAAA;CACd,QAAQ;EACN,cAAc;EACd,cAAc;EACd,aAAa;EACb,aAAa;EACb,YAAY;EACZ,eAAe;EACf,aAAa;EACb,iBAAiB;EACjB,oBAAoB;EACpB,YAAY;EACZ,iBAAiB;EACjB,YAAY;EACZ,iBAAiB;CACnB;AACF,CAAC"}
+{"version":3,"file":"index.cjs.js","names":["register","Component","createComponent","React"],"sources":["../../../src/react/combo-box/index.ts"],"sourcesContent":["import \"../_ssr-init\";\nimport * as React from \"react\";\nimport { createComponent } from \"@lit/react\";\nimport Component from \"../../components/ComboBox/sgds-combo-box\";\nimport { register } from \"../../utils/ce-registry\";\n\nregister(\"sgds-combo-box\", Component);\n\nexport default createComponent({\n  react: React,\n  tagName: \"sgds-combo-box\",\n  elementClass: Component,\n  events: {\n    onSgdsSelect: \"sgds-select\",\n    onSgdsChange: \"sgds-change\",\n    onSgdsInput: \"sgds-input\",\n    onSgdsFocus: \"sgds-focus\",\n    onSgdsBlur: \"sgds-blur\",\n    onSgdsInvalid: \"sgds-invalid\",\n    onSgdsValid: \"sgds-valid\",\n    onSgdsScrollEnd: \"sgds-scroll-end\",\n    onSgdsCreateOption: \"sgds-create-option\",\n    onSgdsShow: \"sgds-show\",\n    onSgdsAfterShow: \"sgds-after-show\",\n    onSgdsHide: \"sgds-hide\",\n    onSgdsAfterHide: \"sgds-after-hide\"\n  }\n});\n"],"mappings":";;;;;;;;;AAMAA,oBAAAA,SAAS,kBAAkBC,uBAAAA,YAAS;AAEpC,IAAA,qBAAA,GAAeC,WAAAA,gBAAAA,CAAgB;CACtBC;CACP,SAAS;CACT,cAAcF,uBAAAA;CACd,QAAQ;EACN,cAAc;EACd,cAAc;EACd,aAAa;EACb,aAAa;EACb,YAAY;EACZ,eAAe;EACf,aAAa;EACb,iBAAiB;EACjB,oBAAoB;EACpB,YAAY;EACZ,iBAAiB;EACjB,YAAY;EACZ,iBAAiB;CACnB;AACF,CAAC"}

package/react/combo-box/index.js

@@ -1,4 +1,5 @@
 "use client";
+import "../_ssr-init.js";
 import { register } from "../utils/ce-registry.js";
 import { SgdsComboBox } from "../components/ComboBox/sgds-combo-box.js";
 import * as React from "react";

package/react/combo-box/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Component"],"sources":["../../../src/react/combo-box/index.ts"],"sourcesContent":["import * as React from \"react\";\nimport { createComponent } from \"@lit/react\";\nimport Component from \"../../components/ComboBox/sgds-combo-box\";\nimport { register } from \"../../utils/ce-registry\";\n\nregister(\"sgds-combo-box\", Component);\n\nexport default createComponent({\n  react: React,\n  tagName: \"sgds-combo-box\",\n  elementClass: Component,\n  events: {\n    onSgdsSelect: \"sgds-select\",\n    onSgdsChange: \"sgds-change\",\n    onSgdsInput: \"sgds-input\",\n    onSgdsFocus: \"sgds-focus\",\n    onSgdsBlur: \"sgds-blur\",\n    onSgdsInvalid: \"sgds-invalid\",\n    onSgdsValid: \"sgds-valid\",\n    onSgdsScrollEnd: \"sgds-scroll-end\",\n    onSgdsCreateOption: \"sgds-create-option\",\n    onSgdsShow: \"sgds-show\",\n    onSgdsAfterShow: \"sgds-after-show\",\n    onSgdsHide: \"sgds-hide\",\n    onSgdsAfterHide: \"sgds-after-hide\"\n  }\n});\n"],"mappings":";;;;;;AAKA,SAAS,kBAAkBA,YAAS;AAEpC,IAAA,oBAAe,gBAAgB;CAC7B,OAAO;CACP,SAAS;CACT,cAAcA;CACd,QAAQ;EACN,cAAc;EACd,cAAc;EACd,aAAa;EACb,aAAa;EACb,YAAY;EACZ,eAAe;EACf,aAAa;EACb,iBAAiB;EACjB,oBAAoB;EACpB,YAAY;EACZ,iBAAiB;EACjB,YAAY;EACZ,iBAAiB;CACnB;AACF,CAAC"}
+{"version":3,"file":"index.js","names":["Component"],"sources":["../../../src/react/combo-box/index.ts"],"sourcesContent":["import \"../_ssr-init\";\nimport * as React from \"react\";\nimport { createComponent } from \"@lit/react\";\nimport Component from \"../../components/ComboBox/sgds-combo-box\";\nimport { register } from \"../../utils/ce-registry\";\n\nregister(\"sgds-combo-box\", Component);\n\nexport default createComponent({\n  react: React,\n  tagName: \"sgds-combo-box\",\n  elementClass: Component,\n  events: {\n    onSgdsSelect: \"sgds-select\",\n    onSgdsChange: \"sgds-change\",\n    onSgdsInput: \"sgds-input\",\n    onSgdsFocus: \"sgds-focus\",\n    onSgdsBlur: \"sgds-blur\",\n    onSgdsInvalid: \"sgds-invalid\",\n    onSgdsValid: \"sgds-valid\",\n    onSgdsScrollEnd: \"sgds-scroll-end\",\n    onSgdsCreateOption: \"sgds-create-option\",\n    onSgdsShow: \"sgds-show\",\n    onSgdsAfterShow: \"sgds-after-show\",\n    onSgdsHide: \"sgds-hide\",\n    onSgdsAfterHide: \"sgds-after-hide\"\n  }\n});\n"],"mappings":";;;;;;;AAMA,SAAS,kBAAkBA,YAAS;AAEpC,IAAA,oBAAe,gBAAgB;CAC7B,OAAO;CACP,SAAS;CACT,cAAcA;CACd,QAAQ;EACN,cAAc;EACd,cAAc;EACd,aAAa;EACb,aAAa;EACb,YAAY;EACZ,eAAe;EACf,aAAa;EACb,iBAAiB;EACjB,oBAAoB;EACpB,YAAY;EACZ,iBAAiB;EACjB,YAAY;EACZ,iBAAiB;CACnB;AACF,CAAC"}

package/react/combo-box-option/index.cjs.js

@@ -1,5 +1,6 @@
 "use client";
 const require_runtime = require("../_virtual/_rolldown/runtime.cjs.js");
+require("../_ssr-init.cjs.js");
 const require_ce_registry = require("../utils/ce-registry.cjs.js");
 const require_sgds_combo_box_option = require("../components/ComboBox/sgds-combo-box-option.cjs.js");
 let react = require("react");

package/react/combo-box-option/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","names":["register","Component","createComponent","React"],"sources":["../../../src/react/combo-box-option/index.ts"],"sourcesContent":["import * as React from \"react\";\nimport { createComponent } from \"@lit/react\";\nimport Component from \"../../components/ComboBox/sgds-combo-box-option\";\nimport { register } from \"../../utils/ce-registry\";\n\nregister(\"sgds-combo-box-option\", Component);\n\nexport default createComponent({\n  react: React,\n  tagName: \"sgds-combo-box-option\",\n  elementClass: Component,\n  events: {}\n});\n"],"mappings":";;;;;;;;AAKAA,oBAAAA,SAAS,yBAAyBC,8BAAAA,kBAAS;AAE3C,IAAA,4BAAA,GAAeC,WAAAA,gBAAAA,CAAgB;CACtBC;CACP,SAAS;CACT,cAAcF,8BAAAA;CACd,QAAQ,CAAC;AACX,CAAC"}
+{"version":3,"file":"index.cjs.js","names":["register","Component","createComponent","React"],"sources":["../../../src/react/combo-box-option/index.ts"],"sourcesContent":["import \"../_ssr-init\";\nimport * as React from \"react\";\nimport { createComponent } from \"@lit/react\";\nimport Component from \"../../components/ComboBox/sgds-combo-box-option\";\nimport { register } from \"../../utils/ce-registry\";\n\nregister(\"sgds-combo-box-option\", Component);\n\nexport default createComponent({\n  react: React,\n  tagName: \"sgds-combo-box-option\",\n  elementClass: Component,\n  events: {}\n});\n"],"mappings":";;;;;;;;;AAMAA,oBAAAA,SAAS,yBAAyBC,8BAAAA,kBAAS;AAE3C,IAAA,4BAAA,GAAeC,WAAAA,gBAAAA,CAAgB;CACtBC;CACP,SAAS;CACT,cAAcF,8BAAAA;CACd,QAAQ,CAAC;AACX,CAAC"}

package/react/combo-box-option/index.js

@@ -1,4 +1,5 @@
 "use client";
+import "../_ssr-init.js";
 import { register } from "../utils/ce-registry.js";
 import { SgdsComboBoxOption } from "../components/ComboBox/sgds-combo-box-option.js";
 import * as React from "react";

package/react/combo-box-option/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Component"],"sources":["../../../src/react/combo-box-option/index.ts"],"sourcesContent":["import * as React from \"react\";\nimport { createComponent } from \"@lit/react\";\nimport Component from \"../../components/ComboBox/sgds-combo-box-option\";\nimport { register } from \"../../utils/ce-registry\";\n\nregister(\"sgds-combo-box-option\", Component);\n\nexport default createComponent({\n  react: React,\n  tagName: \"sgds-combo-box-option\",\n  elementClass: Component,\n  events: {}\n});\n"],"mappings":";;;;;;AAKA,SAAS,yBAAyBA,kBAAS;AAE3C,IAAA,2BAAe,gBAAgB;CAC7B,OAAO;CACP,SAAS;CACT,cAAcA;CACd,QAAQ,CAAC;AACX,CAAC"}
+{"version":3,"file":"index.js","names":["Component"],"sources":["../../../src/react/combo-box-option/index.ts"],"sourcesContent":["import \"../_ssr-init\";\nimport * as React from \"react\";\nimport { createComponent } from \"@lit/react\";\nimport Component from \"../../components/ComboBox/sgds-combo-box-option\";\nimport { register } from \"../../utils/ce-registry\";\n\nregister(\"sgds-combo-box-option\", Component);\n\nexport default createComponent({\n  react: React,\n  tagName: \"sgds-combo-box-option\",\n  elementClass: Component,\n  events: {}\n});\n"],"mappings":";;;;;;;AAMA,SAAS,yBAAyBA,kBAAS;AAE3C,IAAA,2BAAe,gBAAgB;CAC7B,OAAO;CACP,SAAS;CACT,cAAcA;CACd,QAAQ,CAAC;AACX,CAAC"}

package/react/components/Mainnav/mainnav.cjs.js

@@ -1,6 +1,6 @@
 "use client";
 //#region src/components/Mainnav/mainnav.css
-var css_248z = require("lit").css`:host{display:block}nav{background-color:var(--sgds-surface-default);box-shadow:0 2px 4px 0 hsla(0,0%,5%,.08);position:relative;z-index:var(--sgds-z-index-floating)}.navbar{align-items:stretch;display:flex;flex-wrap:wrap;font-size:var(--sgds-font-size-label-sm);gap:var(--sgds-gap-xs);justify-content:flex-start;margin:auto;max-width:var(--sgds-mainnav-max-width,1440px);min-height:var(--sgds-mainnav-height,72px);padding:0 var(--sgds-mainnav-mobile-padding-x);width:100%}:host([fluid]) .navbar{max-width:none}.navbar-brand,::slotted(.navbar-brand){align-items:center;align-self:center;color:var(--sgds-color-default);display:flex;height:var(--sgds-dimension-40);text-decoration:none;white-space:nowrap}.navbar-brand ::slotted(img){height:100%}.navbar-brand:focus-visible,::slotted(.navbar-brand:focus-visible){outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}.navbar-nav{display:flex;flex-direction:column;height:100%;margin-bottom:0;margin-top:0;width:100%}nav>.navbar-body{background-color:var(--sgds-surface-default);border-top:var(--sgds-border-width-1) solid var(--sgds-border-color-translucent);box-shadow:0 2px 4px 0 hsla(0,0%,5%,.08);padding:var(--sgds-padding-md) 0;position:absolute;transition:transform .2s ease-in-out;width:100%;z-index:var(--sgds-z-index-floating)}nav>.navbar-body .navbar-nav{height:100dvh;margin:auto;max-width:var(--sgds-mainnav-max-width,1440px)}nav>.navbar-body slot::slotted(:not(sgds-mainnav-item):not(sgds-mainnav-dropdown):not(sgds-mainnav-profile)){padding:var(--sgds-padding-sm) var(--sgds-mainnav-mobile-padding-x)}.navbar-collapse{align-items:center;flex-basis:100%;flex-grow:1}.navbar-toggler{align-self:center}@media (prefers-reduced-motion:reduce){.navbar-toggler{transition:none}}.navbar-nav-scroll{overflow-y:auto}@media (min-width:512px){.navbar-expand-sm{flex-wrap:nowrap;gap:var(--sgds-gap-xl);justify-content:flex-start}.navbar-expand-sm .navbar-nav{flex-direction:row}.navbar-expand-sm .navbar-nav-scroll{overflow:visible}.navbar-expand-sm .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}}@media (min-width:768px){.navbar-expand-md{flex-wrap:nowrap;gap:var(--sgds-gap-xl);justify-content:flex-start}.navbar-expand-md .navbar-nav{flex-direction:row}.navbar-expand-md .navbar-nav-scroll{overflow:visible}.navbar-expand-md .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}}@media (min-width:1024px){.navbar{padding:0 var(--sgds-mainnav-padding-x)}.navbar-expand-lg{flex-wrap:nowrap;gap:var(--sgds-gap-xl);justify-content:flex-start}.navbar-expand-lg .navbar-nav{flex-direction:row}.navbar-expand-lg .navbar-nav-scroll{overflow:visible}.navbar-expand-lg .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}}@media (min-width:1280px){.navbar-expand-xl{flex-wrap:nowrap;gap:var(--sgds-gap-xl);justify-content:flex-start}.navbar-expand-xl .navbar-nav{flex-direction:row}.navbar-expand-xl .navbar-nav .nav-link{padding-left:var(--mainnav-nav-link-padding-x);padding-right:var(--mainnav-nav-link-padding-x)}.navbar-expand-xl .navbar-nav-scroll{overflow:visible}.navbar-expand-xl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}}@media (min-width:1440px){.navbar-expand-xxl{flex-wrap:nowrap;gap:var(--sgds-gap-xl);justify-content:flex-start}.navbar-expand-xxl .navbar-nav{flex-direction:row}.navbar-expand-xxl .navbar-nav-scroll{overflow:visible}.navbar-expand-xxl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xxl .navbar-toggler{display:none}}.navbar-expand{flex-wrap:nowrap;gap:var(--sgds-gap-xl);justify-content:flex-start}.navbar-expand .navbar-nav{flex-direction:row}.navbar-expand .navbar-nav-scroll{overflow:visible}.navbar-expand .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-end{align-items:center;display:flex;gap:var(--sgds-gap-xs);margin-left:auto}slot[name=non-collapsible].slot-empty{display:none}slot[name=profile]{align-self:stretch;display:flex}slot[name=non-collapsible]{align-items:center;display:flex;gap:var(--sgds-spacer-4)}.slot-end{align-items:stretch;display:flex;gap:var(--sgds-gap-xs);height:inherit;margin-left:auto}.slot-end::slotted(:not([name$=-mainnav-item]):not([name$=-mainnav-dropdown])){align-self:center}`;
+var css_248z = require("lit").css`:host{display:block}nav{background-color:var(--sgds-surface-default);box-shadow:0 2px 4px 0 hsla(0,0%,5%,.08);position:relative;z-index:var(--sgds-z-index-floating)}.navbar{align-items:stretch;display:flex;flex-wrap:wrap;font-size:var(--sgds-font-size-label-sm);gap:var(--sgds-gap-xs);justify-content:flex-start;margin:auto;max-width:var(--sgds-mainnav-max-width,1440px);min-height:var(--sgds-mainnav-height,72px);padding:0 var(--sgds-mainnav-mobile-padding-x);width:100%}:host([fluid]) .navbar{max-width:none}.navbar-brand,::slotted(.navbar-brand){align-items:center;align-self:center;color:var(--sgds-color-default);display:flex;height:var(--sgds-dimension-40);text-decoration:none;white-space:nowrap}.navbar-brand ::slotted(img){height:100%}.navbar-brand:focus-visible,::slotted(.navbar-brand:focus-visible){outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}.navbar-nav{display:flex;flex-direction:column;height:100%;margin-bottom:0;margin-top:0;width:100%}nav>.navbar-body{background-color:var(--sgds-surface-default);border-top:var(--sgds-border-width-1) solid var(--sgds-border-color-translucent);box-shadow:0 2px 4px 0 hsla(0,0%,5%,.08);padding:var(--sgds-padding-md) 0;position:absolute;transition:transform .2s ease-in-out;width:100%;z-index:var(--sgds-z-index-floating)}nav>.navbar-body .navbar-nav{height:100dvh;margin:auto;max-width:var(--sgds-mainnav-max-width,1440px)}nav>.navbar-body slot::slotted(:not(sgds-mainnav-item):not(sgds-mainnav-dropdown):not(sgds-mainnav-profile)){padding:var(--sgds-padding-sm) var(--sgds-mainnav-mobile-padding-x)}.navbar-collapse{align-items:center;flex-basis:100%;flex-grow:1}.navbar-toggler{align-self:center}@media (prefers-reduced-motion:reduce){.navbar-toggler{transition:none}}.navbar-nav-scroll{overflow-y:auto}@media (min-width:512px){.navbar-expand-sm{flex-wrap:nowrap;gap:var(--sgds-gap-xl);justify-content:flex-start}.navbar-expand-sm .navbar-nav{flex-direction:row}.navbar-expand-sm .navbar-nav-scroll{overflow:visible}.navbar-expand-sm .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}}@media (min-width:768px){.navbar-expand-md{flex-wrap:nowrap;gap:var(--sgds-gap-xl);justify-content:flex-start}.navbar-expand-md .navbar-nav{flex-direction:row}.navbar-expand-md .navbar-nav-scroll{overflow:visible}.navbar-expand-md .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}}@media (min-width:1024px){.navbar{padding:0 var(--sgds-mainnav-padding-x)}.navbar-expand-lg{flex-wrap:nowrap;gap:var(--sgds-gap-xl);justify-content:flex-start}.navbar-expand-lg .navbar-nav{flex-direction:row}.navbar-expand-lg .navbar-nav-scroll{overflow:visible}.navbar-expand-lg .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}}@media (min-width:1280px){.navbar-expand-xl{flex-wrap:nowrap;gap:var(--sgds-gap-xl);justify-content:flex-start}.navbar-expand-xl .navbar-nav{flex-direction:row}.navbar-expand-xl .navbar-nav .nav-link{padding-left:var(--mainnav-nav-link-padding-x);padding-right:var(--mainnav-nav-link-padding-x)}.navbar-expand-xl .navbar-nav-scroll{overflow:visible}.navbar-expand-xl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}}@media (min-width:1440px){.navbar-expand-xxl{flex-wrap:nowrap;gap:var(--sgds-gap-xl);justify-content:flex-start}.navbar-expand-xxl .navbar-nav{flex-direction:row}.navbar-expand-xxl .navbar-nav-scroll{overflow:visible}.navbar-expand-xxl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xxl .navbar-toggler{display:none}}.navbar-expand{flex-wrap:nowrap;gap:var(--sgds-gap-xl);justify-content:flex-start}.navbar-expand .navbar-nav{flex-direction:row}.navbar-expand .navbar-nav-scroll{overflow:visible}.navbar-expand .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-end{align-items:center;display:flex;gap:var(--sgds-gap-xs);margin-left:auto}.navbar-end--empty{display:none}slot[name=profile]{align-self:stretch;display:flex}slot[name=non-collapsible]{align-items:center;display:flex;gap:var(--sgds-spacer-4)}.slot-end{align-items:stretch;display:flex;gap:var(--sgds-gap-xs);height:inherit;margin-left:auto}.slot-end::slotted(:not([name$=-mainnav-item]):not([name$=-mainnav-dropdown])){align-self:center}slot.slot-empty{display:none}`;
 //#endregion
 exports.default = css_248z;
 

package/react/components/Mainnav/mainnav.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"mainnav.cjs.js","names":[],"sources":["../../../../src/components/Mainnav/mainnav.css"],"sourcesContent":[":host {\n  display: block;\n}\n\n\nnav {\n  background-color: var(--sgds-surface-default);\n  box-shadow: 0px 2px 4px 0px rgba(14, 14, 14, 0.08);\n  position: relative;\n  z-index: var(--sgds-z-index-floating);\n}\n\n.navbar {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: stretch;\n  justify-content: flex-start;\n  gap: var(--sgds-gap-xs);\n  padding: 0px var(--sgds-mainnav-mobile-padding-x);\n  width: 100%;\n  max-width: var(--sgds-mainnav-max-width, 1440px);\n  min-height: var(--sgds-mainnav-height, 72px);\n  margin: auto;\n  font-size: var(--sgds-font-size-label-sm);\n}\n\n:host([fluid]) .navbar {\n  max-width: none;\n}\n\n.navbar-brand,\n::slotted(.navbar-brand) {\n  display: flex;\n  height: var(--sgds-dimension-40);\n  align-self: center;\n  align-items: center;\n  text-decoration: none;\n  white-space: nowrap;\n  color: var(--sgds-color-default);\n}\n\n.navbar-brand ::slotted(img) {\n  height: 100%;\n}\n\n.navbar-brand:focus-visible,\n::slotted(.navbar-brand:focus-visible) {\n  outline: var(--sgds-outline-focus);\n  outline-offset: var(--sgds-outline-offset-focus);\n}\n\n.navbar-nav {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  width: 100%;\n  margin-top: 0;\n  margin-bottom: 0;\n}\n\nnav > .navbar-body {\n  position: absolute;\n  z-index: var(--sgds-z-index-floating);\n  width: 100%;\n  background-color: var(--sgds-surface-default);\n  padding: var(--sgds-padding-md) 0px;\n  border-top: var(--sgds-border-width-1) solid var(--sgds-border-color-translucent);\n  box-shadow: 0px 2px 4px 0px rgba(14, 14, 14, 0.08);\n  transition: transform 0.2s ease-in-out;\n}\n\nnav > .navbar-body .navbar-nav {\n  height: 100dvh;\n  max-width: var(--sgds-mainnav-max-width, 1440px);\n  margin: auto;\n}\n\nnav > .navbar-body slot::slotted(:not(sgds-mainnav-item):not(sgds-mainnav-dropdown):not(sgds-mainnav-profile)) {\n  padding: var(--sgds-padding-sm) var(--sgds-mainnav-mobile-padding-x);\n}\n\n.navbar-collapse {\n  align-items: center;\n  flex-basis: 100%;\n  flex-grow: 1;\n}\n\n.navbar-toggler {\n  align-self: center;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .navbar-toggler {\n    transition: none;\n  }\n}\n\n.navbar-nav-scroll {\n  overflow-y: auto;\n}\n\n@media (min-width: 512px) {\n  .navbar-expand-sm {\n    flex-wrap: nowrap;\n    justify-content: flex-start;\n    gap: var(--sgds-gap-xl);\n  }\n\n  .navbar-expand-sm .navbar-nav {\n    flex-direction: row;\n  }\n\n  .navbar-expand-sm .navbar-nav-scroll {\n    overflow: visible;\n  }\n\n  .navbar-expand-sm .navbar-collapse {\n    display: flex !important;\n    flex-basis: auto;\n  }\n\n  .navbar-expand-sm .navbar-toggler {\n    display: none;\n  }\n}\n@media (min-width: 768px) {\n  .navbar-expand-md {\n    flex-wrap: nowrap;\n    justify-content: flex-start;\n    gap: var(--sgds-gap-xl);\n  }\n\n  .navbar-expand-md .navbar-nav {\n    flex-direction: row;\n  }\n\n  .navbar-expand-md .navbar-nav-scroll {\n    overflow: visible;\n  }\n\n  .navbar-expand-md .navbar-collapse {\n    display: flex !important;\n    flex-basis: auto;\n  }\n\n  .navbar-expand-md .navbar-toggler {\n    display: none;\n  }\n}\n@media (min-width: 1024px) {\n  .navbar {\n    padding: 0px var(--sgds-mainnav-padding-x);\n  }\n\n  .navbar-expand-lg {\n    flex-wrap: nowrap;\n    justify-content: flex-start;\n    gap: var(--sgds-gap-xl);\n  }\n\n  .navbar-expand-lg .navbar-nav {\n    flex-direction: row;\n  }\n\n  .navbar-expand-lg .navbar-nav-scroll {\n    overflow: visible;\n  }\n\n  .navbar-expand-lg .navbar-collapse {\n    display: flex !important;\n    flex-basis: auto;\n  }\n\n  .navbar-expand-lg .navbar-toggler {\n    display: none;\n  }\n}\n@media (min-width: 1280px) {\n  .navbar-expand-xl {\n    flex-wrap: nowrap;\n    justify-content: flex-start;\n    gap: var(--sgds-gap-xl);\n  }\n\n  .navbar-expand-xl .navbar-nav {\n    flex-direction: row;\n  }\n\n  .navbar-expand-xl .navbar-nav .nav-link {\n    padding-left: var(--mainnav-nav-link-padding-x);\n    padding-right: var(--mainnav-nav-link-padding-x);\n  }\n\n  .navbar-expand-xl .navbar-nav-scroll {\n    overflow: visible;\n  }\n\n  .navbar-expand-xl .navbar-collapse {\n    display: flex !important;\n    flex-basis: auto;\n  }\n\n  .navbar-expand-xl .navbar-toggler {\n    display: none;\n  }\n}\n@media (min-width: 1440px) {\n  .navbar-expand-xxl {\n    flex-wrap: nowrap;\n    justify-content: flex-start;\n    gap: var(--sgds-gap-xl);\n  }\n\n  .navbar-expand-xxl .navbar-nav {\n    flex-direction: row;\n  }\n\n  .navbar-expand-xxl .navbar-nav-scroll {\n    overflow: visible;\n  }\n\n  .navbar-expand-xxl .navbar-collapse {\n    display: flex !important;\n    flex-basis: auto;\n  }\n\n  .navbar-expand-xxl .navbar-toggler {\n    display: none;\n  }\n}\n\n.navbar-expand {\n  flex-wrap: nowrap;\n  justify-content: flex-start;\n  gap: var(--sgds-gap-xl);\n}\n.navbar-expand .navbar-nav {\n  flex-direction: row;\n}\n\n.navbar-expand .navbar-nav-scroll {\n  overflow: visible;\n}\n\n.navbar-expand .navbar-collapse {\n  display: flex !important;\n  flex-basis: auto;\n}\n\n.navbar-expand .navbar-toggler {\n  display: none;\n}\n\n/* slot */\n\n.navbar-end {\n  display: flex;\n  align-items: center;\n  gap: var(--sgds-gap-xs);\n  margin-left: auto;\n}\n\nslot[name=\"non-collapsible\"].slot-empty {\n  display: none;\n}\n\nslot[name=\"profile\"] {\n  display: flex;\n  align-self: stretch;\n}\n\nslot[name=\"non-collapsible\"] {\n  display: flex;\n  gap: var(--sgds-spacer-4);\n  align-items: center;\n}\n\n.slot-end {\n  display: flex;\n  margin-left: auto;\n  align-items: stretch;\n  height: inherit;\n  gap: var(--sgds-gap-xs);\n}\n\n\n/* there is no wildcard selector for element tag names in css */\n.slot-end::slotted(:not([name$=\"-mainnav-item\"]):not([name$=\"-mainnav-dropdown\"])) {\n  align-self: center;\n}\n"],"mappings":""}
+{"version":3,"file":"mainnav.cjs.js","names":[],"sources":["../../../../src/components/Mainnav/mainnav.css"],"sourcesContent":[":host {\n  display: block;\n}\n\nnav {\n  background-color: var(--sgds-surface-default);\n  box-shadow: 0px 2px 4px 0px rgba(14, 14, 14, 0.08);\n  position: relative;\n  z-index: var(--sgds-z-index-floating);\n}\n\n.navbar {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: stretch;\n  justify-content: flex-start;\n  gap: var(--sgds-gap-xs);\n  padding: 0px var(--sgds-mainnav-mobile-padding-x);\n  width: 100%;\n  max-width: var(--sgds-mainnav-max-width, 1440px);\n  min-height: var(--sgds-mainnav-height, 72px);\n  margin: auto;\n  font-size: var(--sgds-font-size-label-sm);\n}\n\n:host([fluid]) .navbar {\n  max-width: none;\n}\n\n.navbar-brand,\n::slotted(.navbar-brand) {\n  display: flex;\n  height: var(--sgds-dimension-40);\n  align-self: center;\n  align-items: center;\n  text-decoration: none;\n  white-space: nowrap;\n  color: var(--sgds-color-default);\n}\n\n.navbar-brand ::slotted(img) {\n  height: 100%;\n}\n\n.navbar-brand:focus-visible,\n::slotted(.navbar-brand:focus-visible) {\n  outline: var(--sgds-outline-focus);\n  outline-offset: var(--sgds-outline-offset-focus);\n}\n\n.navbar-nav {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  width: 100%;\n  margin-top: 0;\n  margin-bottom: 0;\n}\n\nnav > .navbar-body {\n  position: absolute;\n  z-index: var(--sgds-z-index-floating);\n  width: 100%;\n  background-color: var(--sgds-surface-default);\n  padding: var(--sgds-padding-md) 0px;\n  border-top: var(--sgds-border-width-1) solid var(--sgds-border-color-translucent);\n  box-shadow: 0px 2px 4px 0px rgba(14, 14, 14, 0.08);\n  transition: transform 0.2s ease-in-out;\n}\n\nnav > .navbar-body .navbar-nav {\n  height: 100dvh;\n  max-width: var(--sgds-mainnav-max-width, 1440px);\n  margin: auto;\n}\n\nnav > .navbar-body slot::slotted(:not(sgds-mainnav-item):not(sgds-mainnav-dropdown):not(sgds-mainnav-profile)) {\n  padding: var(--sgds-padding-sm) var(--sgds-mainnav-mobile-padding-x);\n}\n\n.navbar-collapse {\n  align-items: center;\n  flex-basis: 100%;\n  flex-grow: 1;\n}\n\n.navbar-toggler {\n  align-self: center;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .navbar-toggler {\n    transition: none;\n  }\n}\n\n.navbar-nav-scroll {\n  overflow-y: auto;\n}\n\n@media (min-width: 512px) {\n  .navbar-expand-sm {\n    flex-wrap: nowrap;\n    justify-content: flex-start;\n    gap: var(--sgds-gap-xl);\n  }\n\n  .navbar-expand-sm .navbar-nav {\n    flex-direction: row;\n  }\n\n  .navbar-expand-sm .navbar-nav-scroll {\n    overflow: visible;\n  }\n\n  .navbar-expand-sm .navbar-collapse {\n    display: flex !important;\n    flex-basis: auto;\n  }\n\n  .navbar-expand-sm .navbar-toggler {\n    display: none;\n  }\n}\n@media (min-width: 768px) {\n  .navbar-expand-md {\n    flex-wrap: nowrap;\n    justify-content: flex-start;\n    gap: var(--sgds-gap-xl);\n  }\n\n  .navbar-expand-md .navbar-nav {\n    flex-direction: row;\n  }\n\n  .navbar-expand-md .navbar-nav-scroll {\n    overflow: visible;\n  }\n\n  .navbar-expand-md .navbar-collapse {\n    display: flex !important;\n    flex-basis: auto;\n  }\n\n  .navbar-expand-md .navbar-toggler {\n    display: none;\n  }\n}\n@media (min-width: 1024px) {\n  .navbar {\n    padding: 0px var(--sgds-mainnav-padding-x);\n  }\n\n  .navbar-expand-lg {\n    flex-wrap: nowrap;\n    justify-content: flex-start;\n    gap: var(--sgds-gap-xl);\n  }\n\n  .navbar-expand-lg .navbar-nav {\n    flex-direction: row;\n  }\n\n  .navbar-expand-lg .navbar-nav-scroll {\n    overflow: visible;\n  }\n\n  .navbar-expand-lg .navbar-collapse {\n    display: flex !important;\n    flex-basis: auto;\n  }\n\n  .navbar-expand-lg .navbar-toggler {\n    display: none;\n  }\n}\n@media (min-width: 1280px) {\n  .navbar-expand-xl {\n    flex-wrap: nowrap;\n    justify-content: flex-start;\n    gap: var(--sgds-gap-xl);\n  }\n\n  .navbar-expand-xl .navbar-nav {\n    flex-direction: row;\n  }\n\n  .navbar-expand-xl .navbar-nav .nav-link {\n    padding-left: var(--mainnav-nav-link-padding-x);\n    padding-right: var(--mainnav-nav-link-padding-x);\n  }\n\n  .navbar-expand-xl .navbar-nav-scroll {\n    overflow: visible;\n  }\n\n  .navbar-expand-xl .navbar-collapse {\n    display: flex !important;\n    flex-basis: auto;\n  }\n\n  .navbar-expand-xl .navbar-toggler {\n    display: none;\n  }\n}\n@media (min-width: 1440px) {\n  .navbar-expand-xxl {\n    flex-wrap: nowrap;\n    justify-content: flex-start;\n    gap: var(--sgds-gap-xl);\n  }\n\n  .navbar-expand-xxl .navbar-nav {\n    flex-direction: row;\n  }\n\n  .navbar-expand-xxl .navbar-nav-scroll {\n    overflow: visible;\n  }\n\n  .navbar-expand-xxl .navbar-collapse {\n    display: flex !important;\n    flex-basis: auto;\n  }\n\n  .navbar-expand-xxl .navbar-toggler {\n    display: none;\n  }\n}\n\n.navbar-expand {\n  flex-wrap: nowrap;\n  justify-content: flex-start;\n  gap: var(--sgds-gap-xl);\n}\n.navbar-expand .navbar-nav {\n  flex-direction: row;\n}\n\n.navbar-expand .navbar-nav-scroll {\n  overflow: visible;\n}\n\n.navbar-expand .navbar-collapse {\n  display: flex !important;\n  flex-basis: auto;\n}\n\n.navbar-expand .navbar-toggler {\n  display: none;\n}\n\n/* slot */\n\n.navbar-end {\n  display: flex;\n  align-items: center;\n  gap: var(--sgds-gap-xs);\n  margin-left: auto;\n}\n\n.navbar-end--empty {\n  display: none;\n}\n\nslot[name=\"profile\"] {\n  display: flex;\n  align-self: stretch;\n}\n\nslot[name=\"non-collapsible\"] {\n  display: flex;\n  gap: var(--sgds-spacer-4);\n  align-items: center;\n}\n\n.slot-end {\n  display: flex;\n  margin-left: auto;\n  align-items: stretch;\n  height: inherit;\n  gap: var(--sgds-gap-xs);\n}\n\n/* there is no wildcard selector for element tag names in css */\n.slot-end::slotted(:not([name$=\"-mainnav-item\"]):not([name$=\"-mainnav-dropdown\"])) {\n  align-self: center;\n}\n\nslot.slot-empty {\n  display: none;\n}\n"],"mappings":""}

package/react/components/Mainnav/mainnav.js

@@ -1,7 +1,7 @@
 "use client";
 import { css } from "lit";
 //#region src/components/Mainnav/mainnav.css
-var css_248z = css`:host{display:block}nav{background-color:var(--sgds-surface-default);box-shadow:0 2px 4px 0 hsla(0,0%,5%,.08);position:relative;z-index:var(--sgds-z-index-floating)}.navbar{align-items:stretch;display:flex;flex-wrap:wrap;font-size:var(--sgds-font-size-label-sm);gap:var(--sgds-gap-xs);justify-content:flex-start;margin:auto;max-width:var(--sgds-mainnav-max-width,1440px);min-height:var(--sgds-mainnav-height,72px);padding:0 var(--sgds-mainnav-mobile-padding-x);width:100%}:host([fluid]) .navbar{max-width:none}.navbar-brand,::slotted(.navbar-brand){align-items:center;align-self:center;color:var(--sgds-color-default);display:flex;height:var(--sgds-dimension-40);text-decoration:none;white-space:nowrap}.navbar-brand ::slotted(img){height:100%}.navbar-brand:focus-visible,::slotted(.navbar-brand:focus-visible){outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}.navbar-nav{display:flex;flex-direction:column;height:100%;margin-bottom:0;margin-top:0;width:100%}nav>.navbar-body{background-color:var(--sgds-surface-default);border-top:var(--sgds-border-width-1) solid var(--sgds-border-color-translucent);box-shadow:0 2px 4px 0 hsla(0,0%,5%,.08);padding:var(--sgds-padding-md) 0;position:absolute;transition:transform .2s ease-in-out;width:100%;z-index:var(--sgds-z-index-floating)}nav>.navbar-body .navbar-nav{height:100dvh;margin:auto;max-width:var(--sgds-mainnav-max-width,1440px)}nav>.navbar-body slot::slotted(:not(sgds-mainnav-item):not(sgds-mainnav-dropdown):not(sgds-mainnav-profile)){padding:var(--sgds-padding-sm) var(--sgds-mainnav-mobile-padding-x)}.navbar-collapse{align-items:center;flex-basis:100%;flex-grow:1}.navbar-toggler{align-self:center}@media (prefers-reduced-motion:reduce){.navbar-toggler{transition:none}}.navbar-nav-scroll{overflow-y:auto}@media (min-width:512px){.navbar-expand-sm{flex-wrap:nowrap;gap:var(--sgds-gap-xl);justify-content:flex-start}.navbar-expand-sm .navbar-nav{flex-direction:row}.navbar-expand-sm .navbar-nav-scroll{overflow:visible}.navbar-expand-sm .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}}@media (min-width:768px){.navbar-expand-md{flex-wrap:nowrap;gap:var(--sgds-gap-xl);justify-content:flex-start}.navbar-expand-md .navbar-nav{flex-direction:row}.navbar-expand-md .navbar-nav-scroll{overflow:visible}.navbar-expand-md .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}}@media (min-width:1024px){.navbar{padding:0 var(--sgds-mainnav-padding-x)}.navbar-expand-lg{flex-wrap:nowrap;gap:var(--sgds-gap-xl);justify-content:flex-start}.navbar-expand-lg .navbar-nav{flex-direction:row}.navbar-expand-lg .navbar-nav-scroll{overflow:visible}.navbar-expand-lg .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}}@media (min-width:1280px){.navbar-expand-xl{flex-wrap:nowrap;gap:var(--sgds-gap-xl);justify-content:flex-start}.navbar-expand-xl .navbar-nav{flex-direction:row}.navbar-expand-xl .navbar-nav .nav-link{padding-left:var(--mainnav-nav-link-padding-x);padding-right:var(--mainnav-nav-link-padding-x)}.navbar-expand-xl .navbar-nav-scroll{overflow:visible}.navbar-expand-xl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}}@media (min-width:1440px){.navbar-expand-xxl{flex-wrap:nowrap;gap:var(--sgds-gap-xl);justify-content:flex-start}.navbar-expand-xxl .navbar-nav{flex-direction:row}.navbar-expand-xxl .navbar-nav-scroll{overflow:visible}.navbar-expand-xxl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xxl .navbar-toggler{display:none}}.navbar-expand{flex-wrap:nowrap;gap:var(--sgds-gap-xl);justify-content:flex-start}.navbar-expand .navbar-nav{flex-direction:row}.navbar-expand .navbar-nav-scroll{overflow:visible}.navbar-expand .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-end{align-items:center;display:flex;gap:var(--sgds-gap-xs);margin-left:auto}slot[name=non-collapsible].slot-empty{display:none}slot[name=profile]{align-self:stretch;display:flex}slot[name=non-collapsible]{align-items:center;display:flex;gap:var(--sgds-spacer-4)}.slot-end{align-items:stretch;display:flex;gap:var(--sgds-gap-xs);height:inherit;margin-left:auto}.slot-end::slotted(:not([name$=-mainnav-item]):not([name$=-mainnav-dropdown])){align-self:center}`;
+var css_248z = css`:host{display:block}nav{background-color:var(--sgds-surface-default);box-shadow:0 2px 4px 0 hsla(0,0%,5%,.08);position:relative;z-index:var(--sgds-z-index-floating)}.navbar{align-items:stretch;display:flex;flex-wrap:wrap;font-size:var(--sgds-font-size-label-sm);gap:var(--sgds-gap-xs);justify-content:flex-start;margin:auto;max-width:var(--sgds-mainnav-max-width,1440px);min-height:var(--sgds-mainnav-height,72px);padding:0 var(--sgds-mainnav-mobile-padding-x);width:100%}:host([fluid]) .navbar{max-width:none}.navbar-brand,::slotted(.navbar-brand){align-items:center;align-self:center;color:var(--sgds-color-default);display:flex;height:var(--sgds-dimension-40);text-decoration:none;white-space:nowrap}.navbar-brand ::slotted(img){height:100%}.navbar-brand:focus-visible,::slotted(.navbar-brand:focus-visible){outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}.navbar-nav{display:flex;flex-direction:column;height:100%;margin-bottom:0;margin-top:0;width:100%}nav>.navbar-body{background-color:var(--sgds-surface-default);border-top:var(--sgds-border-width-1) solid var(--sgds-border-color-translucent);box-shadow:0 2px 4px 0 hsla(0,0%,5%,.08);padding:var(--sgds-padding-md) 0;position:absolute;transition:transform .2s ease-in-out;width:100%;z-index:var(--sgds-z-index-floating)}nav>.navbar-body .navbar-nav{height:100dvh;margin:auto;max-width:var(--sgds-mainnav-max-width,1440px)}nav>.navbar-body slot::slotted(:not(sgds-mainnav-item):not(sgds-mainnav-dropdown):not(sgds-mainnav-profile)){padding:var(--sgds-padding-sm) var(--sgds-mainnav-mobile-padding-x)}.navbar-collapse{align-items:center;flex-basis:100%;flex-grow:1}.navbar-toggler{align-self:center}@media (prefers-reduced-motion:reduce){.navbar-toggler{transition:none}}.navbar-nav-scroll{overflow-y:auto}@media (min-width:512px){.navbar-expand-sm{flex-wrap:nowrap;gap:var(--sgds-gap-xl);justify-content:flex-start}.navbar-expand-sm .navbar-nav{flex-direction:row}.navbar-expand-sm .navbar-nav-scroll{overflow:visible}.navbar-expand-sm .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}}@media (min-width:768px){.navbar-expand-md{flex-wrap:nowrap;gap:var(--sgds-gap-xl);justify-content:flex-start}.navbar-expand-md .navbar-nav{flex-direction:row}.navbar-expand-md .navbar-nav-scroll{overflow:visible}.navbar-expand-md .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}}@media (min-width:1024px){.navbar{padding:0 var(--sgds-mainnav-padding-x)}.navbar-expand-lg{flex-wrap:nowrap;gap:var(--sgds-gap-xl);justify-content:flex-start}.navbar-expand-lg .navbar-nav{flex-direction:row}.navbar-expand-lg .navbar-nav-scroll{overflow:visible}.navbar-expand-lg .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}}@media (min-width:1280px){.navbar-expand-xl{flex-wrap:nowrap;gap:var(--sgds-gap-xl);justify-content:flex-start}.navbar-expand-xl .navbar-nav{flex-direction:row}.navbar-expand-xl .navbar-nav .nav-link{padding-left:var(--mainnav-nav-link-padding-x);padding-right:var(--mainnav-nav-link-padding-x)}.navbar-expand-xl .navbar-nav-scroll{overflow:visible}.navbar-expand-xl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}}@media (min-width:1440px){.navbar-expand-xxl{flex-wrap:nowrap;gap:var(--sgds-gap-xl);justify-content:flex-start}.navbar-expand-xxl .navbar-nav{flex-direction:row}.navbar-expand-xxl .navbar-nav-scroll{overflow:visible}.navbar-expand-xxl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xxl .navbar-toggler{display:none}}.navbar-expand{flex-wrap:nowrap;gap:var(--sgds-gap-xl);justify-content:flex-start}.navbar-expand .navbar-nav{flex-direction:row}.navbar-expand .navbar-nav-scroll{overflow:visible}.navbar-expand .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-end{align-items:center;display:flex;gap:var(--sgds-gap-xs);margin-left:auto}.navbar-end--empty{display:none}slot[name=profile]{align-self:stretch;display:flex}slot[name=non-collapsible]{align-items:center;display:flex;gap:var(--sgds-spacer-4)}.slot-end{align-items:stretch;display:flex;gap:var(--sgds-gap-xs);height:inherit;margin-left:auto}.slot-end::slotted(:not([name$=-mainnav-item]):not([name$=-mainnav-dropdown])){align-self:center}slot.slot-empty{display:none}`;
 //#endregion
 export { css_248z as default };
 

package/react/components/Mainnav/mainnav.js.map

@@ -1 +1 @@
-{"version":3,"file":"mainnav.js","names":[],"sources":["../../../../src/components/Mainnav/mainnav.css"],"sourcesContent":[":host {\n  display: block;\n}\n\n\nnav {\n  background-color: var(--sgds-surface-default);\n  box-shadow: 0px 2px 4px 0px rgba(14, 14, 14, 0.08);\n  position: relative;\n  z-index: var(--sgds-z-index-floating);\n}\n\n.navbar {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: stretch;\n  justify-content: flex-start;\n  gap: var(--sgds-gap-xs);\n  padding: 0px var(--sgds-mainnav-mobile-padding-x);\n  width: 100%;\n  max-width: var(--sgds-mainnav-max-width, 1440px);\n  min-height: var(--sgds-mainnav-height, 72px);\n  margin: auto;\n  font-size: var(--sgds-font-size-label-sm);\n}\n\n:host([fluid]) .navbar {\n  max-width: none;\n}\n\n.navbar-brand,\n::slotted(.navbar-brand) {\n  display: flex;\n  height: var(--sgds-dimension-40);\n  align-self: center;\n  align-items: center;\n  text-decoration: none;\n  white-space: nowrap;\n  color: var(--sgds-color-default);\n}\n\n.navbar-brand ::slotted(img) {\n  height: 100%;\n}\n\n.navbar-brand:focus-visible,\n::slotted(.navbar-brand:focus-visible) {\n  outline: var(--sgds-outline-focus);\n  outline-offset: var(--sgds-outline-offset-focus);\n}\n\n.navbar-nav {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  width: 100%;\n  margin-top: 0;\n  margin-bottom: 0;\n}\n\nnav > .navbar-body {\n  position: absolute;\n  z-index: var(--sgds-z-index-floating);\n  width: 100%;\n  background-color: var(--sgds-surface-default);\n  padding: var(--sgds-padding-md) 0px;\n  border-top: var(--sgds-border-width-1) solid var(--sgds-border-color-translucent);\n  box-shadow: 0px 2px 4px 0px rgba(14, 14, 14, 0.08);\n  transition: transform 0.2s ease-in-out;\n}\n\nnav > .navbar-body .navbar-nav {\n  height: 100dvh;\n  max-width: var(--sgds-mainnav-max-width, 1440px);\n  margin: auto;\n}\n\nnav > .navbar-body slot::slotted(:not(sgds-mainnav-item):not(sgds-mainnav-dropdown):not(sgds-mainnav-profile)) {\n  padding: var(--sgds-padding-sm) var(--sgds-mainnav-mobile-padding-x);\n}\n\n.navbar-collapse {\n  align-items: center;\n  flex-basis: 100%;\n  flex-grow: 1;\n}\n\n.navbar-toggler {\n  align-self: center;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .navbar-toggler {\n    transition: none;\n  }\n}\n\n.navbar-nav-scroll {\n  overflow-y: auto;\n}\n\n@media (min-width: 512px) {\n  .navbar-expand-sm {\n    flex-wrap: nowrap;\n    justify-content: flex-start;\n    gap: var(--sgds-gap-xl);\n  }\n\n  .navbar-expand-sm .navbar-nav {\n    flex-direction: row;\n  }\n\n  .navbar-expand-sm .navbar-nav-scroll {\n    overflow: visible;\n  }\n\n  .navbar-expand-sm .navbar-collapse {\n    display: flex !important;\n    flex-basis: auto;\n  }\n\n  .navbar-expand-sm .navbar-toggler {\n    display: none;\n  }\n}\n@media (min-width: 768px) {\n  .navbar-expand-md {\n    flex-wrap: nowrap;\n    justify-content: flex-start;\n    gap: var(--sgds-gap-xl);\n  }\n\n  .navbar-expand-md .navbar-nav {\n    flex-direction: row;\n  }\n\n  .navbar-expand-md .navbar-nav-scroll {\n    overflow: visible;\n  }\n\n  .navbar-expand-md .navbar-collapse {\n    display: flex !important;\n    flex-basis: auto;\n  }\n\n  .navbar-expand-md .navbar-toggler {\n    display: none;\n  }\n}\n@media (min-width: 1024px) {\n  .navbar {\n    padding: 0px var(--sgds-mainnav-padding-x);\n  }\n\n  .navbar-expand-lg {\n    flex-wrap: nowrap;\n    justify-content: flex-start;\n    gap: var(--sgds-gap-xl);\n  }\n\n  .navbar-expand-lg .navbar-nav {\n    flex-direction: row;\n  }\n\n  .navbar-expand-lg .navbar-nav-scroll {\n    overflow: visible;\n  }\n\n  .navbar-expand-lg .navbar-collapse {\n    display: flex !important;\n    flex-basis: auto;\n  }\n\n  .navbar-expand-lg .navbar-toggler {\n    display: none;\n  }\n}\n@media (min-width: 1280px) {\n  .navbar-expand-xl {\n    flex-wrap: nowrap;\n    justify-content: flex-start;\n    gap: var(--sgds-gap-xl);\n  }\n\n  .navbar-expand-xl .navbar-nav {\n    flex-direction: row;\n  }\n\n  .navbar-expand-xl .navbar-nav .nav-link {\n    padding-left: var(--mainnav-nav-link-padding-x);\n    padding-right: var(--mainnav-nav-link-padding-x);\n  }\n\n  .navbar-expand-xl .navbar-nav-scroll {\n    overflow: visible;\n  }\n\n  .navbar-expand-xl .navbar-collapse {\n    display: flex !important;\n    flex-basis: auto;\n  }\n\n  .navbar-expand-xl .navbar-toggler {\n    display: none;\n  }\n}\n@media (min-width: 1440px) {\n  .navbar-expand-xxl {\n    flex-wrap: nowrap;\n    justify-content: flex-start;\n    gap: var(--sgds-gap-xl);\n  }\n\n  .navbar-expand-xxl .navbar-nav {\n    flex-direction: row;\n  }\n\n  .navbar-expand-xxl .navbar-nav-scroll {\n    overflow: visible;\n  }\n\n  .navbar-expand-xxl .navbar-collapse {\n    display: flex !important;\n    flex-basis: auto;\n  }\n\n  .navbar-expand-xxl .navbar-toggler {\n    display: none;\n  }\n}\n\n.navbar-expand {\n  flex-wrap: nowrap;\n  justify-content: flex-start;\n  gap: var(--sgds-gap-xl);\n}\n.navbar-expand .navbar-nav {\n  flex-direction: row;\n}\n\n.navbar-expand .navbar-nav-scroll {\n  overflow: visible;\n}\n\n.navbar-expand .navbar-collapse {\n  display: flex !important;\n  flex-basis: auto;\n}\n\n.navbar-expand .navbar-toggler {\n  display: none;\n}\n\n/* slot */\n\n.navbar-end {\n  display: flex;\n  align-items: center;\n  gap: var(--sgds-gap-xs);\n  margin-left: auto;\n}\n\nslot[name=\"non-collapsible\"].slot-empty {\n  display: none;\n}\n\nslot[name=\"profile\"] {\n  display: flex;\n  align-self: stretch;\n}\n\nslot[name=\"non-collapsible\"] {\n  display: flex;\n  gap: var(--sgds-spacer-4);\n  align-items: center;\n}\n\n.slot-end {\n  display: flex;\n  margin-left: auto;\n  align-items: stretch;\n  height: inherit;\n  gap: var(--sgds-gap-xs);\n}\n\n\n/* there is no wildcard selector for element tag names in css */\n.slot-end::slotted(:not([name$=\"-mainnav-item\"]):not([name$=\"-mainnav-dropdown\"])) {\n  align-self: center;\n}\n"],"mappings":""}
+{"version":3,"file":"mainnav.js","names":[],"sources":["../../../../src/components/Mainnav/mainnav.css"],"sourcesContent":[":host {\n  display: block;\n}\n\nnav {\n  background-color: var(--sgds-surface-default);\n  box-shadow: 0px 2px 4px 0px rgba(14, 14, 14, 0.08);\n  position: relative;\n  z-index: var(--sgds-z-index-floating);\n}\n\n.navbar {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: stretch;\n  justify-content: flex-start;\n  gap: var(--sgds-gap-xs);\n  padding: 0px var(--sgds-mainnav-mobile-padding-x);\n  width: 100%;\n  max-width: var(--sgds-mainnav-max-width, 1440px);\n  min-height: var(--sgds-mainnav-height, 72px);\n  margin: auto;\n  font-size: var(--sgds-font-size-label-sm);\n}\n\n:host([fluid]) .navbar {\n  max-width: none;\n}\n\n.navbar-brand,\n::slotted(.navbar-brand) {\n  display: flex;\n  height: var(--sgds-dimension-40);\n  align-self: center;\n  align-items: center;\n  text-decoration: none;\n  white-space: nowrap;\n  color: var(--sgds-color-default);\n}\n\n.navbar-brand ::slotted(img) {\n  height: 100%;\n}\n\n.navbar-brand:focus-visible,\n::slotted(.navbar-brand:focus-visible) {\n  outline: var(--sgds-outline-focus);\n  outline-offset: var(--sgds-outline-offset-focus);\n}\n\n.navbar-nav {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  width: 100%;\n  margin-top: 0;\n  margin-bottom: 0;\n}\n\nnav > .navbar-body {\n  position: absolute;\n  z-index: var(--sgds-z-index-floating);\n  width: 100%;\n  background-color: var(--sgds-surface-default);\n  padding: var(--sgds-padding-md) 0px;\n  border-top: var(--sgds-border-width-1) solid var(--sgds-border-color-translucent);\n  box-shadow: 0px 2px 4px 0px rgba(14, 14, 14, 0.08);\n  transition: transform 0.2s ease-in-out;\n}\n\nnav > .navbar-body .navbar-nav {\n  height: 100dvh;\n  max-width: var(--sgds-mainnav-max-width, 1440px);\n  margin: auto;\n}\n\nnav > .navbar-body slot::slotted(:not(sgds-mainnav-item):not(sgds-mainnav-dropdown):not(sgds-mainnav-profile)) {\n  padding: var(--sgds-padding-sm) var(--sgds-mainnav-mobile-padding-x);\n}\n\n.navbar-collapse {\n  align-items: center;\n  flex-basis: 100%;\n  flex-grow: 1;\n}\n\n.navbar-toggler {\n  align-self: center;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .navbar-toggler {\n    transition: none;\n  }\n}\n\n.navbar-nav-scroll {\n  overflow-y: auto;\n}\n\n@media (min-width: 512px) {\n  .navbar-expand-sm {\n    flex-wrap: nowrap;\n    justify-content: flex-start;\n    gap: var(--sgds-gap-xl);\n  }\n\n  .navbar-expand-sm .navbar-nav {\n    flex-direction: row;\n  }\n\n  .navbar-expand-sm .navbar-nav-scroll {\n    overflow: visible;\n  }\n\n  .navbar-expand-sm .navbar-collapse {\n    display: flex !important;\n    flex-basis: auto;\n  }\n\n  .navbar-expand-sm .navbar-toggler {\n    display: none;\n  }\n}\n@media (min-width: 768px) {\n  .navbar-expand-md {\n    flex-wrap: nowrap;\n    justify-content: flex-start;\n    gap: var(--sgds-gap-xl);\n  }\n\n  .navbar-expand-md .navbar-nav {\n    flex-direction: row;\n  }\n\n  .navbar-expand-md .navbar-nav-scroll {\n    overflow: visible;\n  }\n\n  .navbar-expand-md .navbar-collapse {\n    display: flex !important;\n    flex-basis: auto;\n  }\n\n  .navbar-expand-md .navbar-toggler {\n    display: none;\n  }\n}\n@media (min-width: 1024px) {\n  .navbar {\n    padding: 0px var(--sgds-mainnav-padding-x);\n  }\n\n  .navbar-expand-lg {\n    flex-wrap: nowrap;\n    justify-content: flex-start;\n    gap: var(--sgds-gap-xl);\n  }\n\n  .navbar-expand-lg .navbar-nav {\n    flex-direction: row;\n  }\n\n  .navbar-expand-lg .navbar-nav-scroll {\n    overflow: visible;\n  }\n\n  .navbar-expand-lg .navbar-collapse {\n    display: flex !important;\n    flex-basis: auto;\n  }\n\n  .navbar-expand-lg .navbar-toggler {\n    display: none;\n  }\n}\n@media (min-width: 1280px) {\n  .navbar-expand-xl {\n    flex-wrap: nowrap;\n    justify-content: flex-start;\n    gap: var(--sgds-gap-xl);\n  }\n\n  .navbar-expand-xl .navbar-nav {\n    flex-direction: row;\n  }\n\n  .navbar-expand-xl .navbar-nav .nav-link {\n    padding-left: var(--mainnav-nav-link-padding-x);\n    padding-right: var(--mainnav-nav-link-padding-x);\n  }\n\n  .navbar-expand-xl .navbar-nav-scroll {\n    overflow: visible;\n  }\n\n  .navbar-expand-xl .navbar-collapse {\n    display: flex !important;\n    flex-basis: auto;\n  }\n\n  .navbar-expand-xl .navbar-toggler {\n    display: none;\n  }\n}\n@media (min-width: 1440px) {\n  .navbar-expand-xxl {\n    flex-wrap: nowrap;\n    justify-content: flex-start;\n    gap: var(--sgds-gap-xl);\n  }\n\n  .navbar-expand-xxl .navbar-nav {\n    flex-direction: row;\n  }\n\n  .navbar-expand-xxl .navbar-nav-scroll {\n    overflow: visible;\n  }\n\n  .navbar-expand-xxl .navbar-collapse {\n    display: flex !important;\n    flex-basis: auto;\n  }\n\n  .navbar-expand-xxl .navbar-toggler {\n    display: none;\n  }\n}\n\n.navbar-expand {\n  flex-wrap: nowrap;\n  justify-content: flex-start;\n  gap: var(--sgds-gap-xl);\n}\n.navbar-expand .navbar-nav {\n  flex-direction: row;\n}\n\n.navbar-expand .navbar-nav-scroll {\n  overflow: visible;\n}\n\n.navbar-expand .navbar-collapse {\n  display: flex !important;\n  flex-basis: auto;\n}\n\n.navbar-expand .navbar-toggler {\n  display: none;\n}\n\n/* slot */\n\n.navbar-end {\n  display: flex;\n  align-items: center;\n  gap: var(--sgds-gap-xs);\n  margin-left: auto;\n}\n\n.navbar-end--empty {\n  display: none;\n}\n\nslot[name=\"profile\"] {\n  display: flex;\n  align-self: stretch;\n}\n\nslot[name=\"non-collapsible\"] {\n  display: flex;\n  gap: var(--sgds-spacer-4);\n  align-items: center;\n}\n\n.slot-end {\n  display: flex;\n  margin-left: auto;\n  align-items: stretch;\n  height: inherit;\n  gap: var(--sgds-gap-xs);\n}\n\n/* there is no wildcard selector for element tag names in css */\n.slot-end::slotted(:not([name$=\"-mainnav-item\"]):not([name$=\"-mainnav-dropdown\"])) {\n  align-self: center;\n}\n\nslot.slot-empty {\n  display: none;\n}\n"],"mappings":""}

package/react/components/Mainnav/sgds-mainnav.cjs.js

@@ -31,8 +31,9 @@ var SgdsMainnav = class extends require_nav_element.default {
 		this._breakpointReached = false;
 		this._expanded = false;
 		this.hasNonCollapsibleSlot = false;
+		this.hasProfileSlot = false;
 		this.fluid = false;
-		this.hasSlotController = new require_slot.HasSlotController(this, "non-collapsible");
+		this.hasSlotController = new require_slot.HasSlotController(this, "non-collapsible", "profile");
 	}
 	static {
 		this.styles = [...require_nav_element.default.styles, require_mainnav.default];
@@ -47,6 +48,7 @@ var SgdsMainnav = class extends require_nav_element.default {
 	}
 	updated() {
 		if (!this.hasNonCollapsibleSlot) this.hasNonCollapsibleSlot = this.hasSlotController.test("non-collapsible");
+		if (!this.hasProfileSlot) this.hasProfileSlot = this.hasSlotController.test("profile");
 		this._expanded = this.expanded;
 	}
 	_onBreakpointReached(reached) {
@@ -67,7 +69,9 @@ var SgdsMainnav = class extends require_nav_element.default {
 		});
 	}
 	_handleProfileSlotChange(e) {
-		e.target.assignedElements({ flatten: true }).forEach((el) => {
+		const childElements = e.target.assignedElements({ flatten: true });
+		this.hasProfileSlot = childElements.length > 0;
+		childElements.forEach((el) => {
 			el.setAttribute("expand", this.expand);
 		});
 	}
@@ -95,9 +99,18 @@ var SgdsMainnav = class extends require_nav_element.default {
               ></slot>
             </div>
           </div>
-          <div class="navbar-end">
+          <div
+            class=${(0, lit_directives_class_map_js.classMap)({
+			"navbar-end": true,
+			"navbar-end--empty": !this.hasNonCollapsibleSlot && !this.hasProfileSlot && !this.breakpointReached
+		})}
+          >
             <slot name="non-collapsible" class=${(0, lit_directives_class_map_js.classMap)({ "slot-empty": !this.hasNonCollapsibleSlot })}></slot>
-            <slot name="profile" @slotchange=${this._handleProfileSlotChange}></slot>
+            <slot
+              name="profile"
+              class=${(0, lit_directives_class_map_js.classMap)({ "slot-empty": !this.hasProfileSlot })}
+              @slotchange=${this._handleProfileSlotChange}
+            ></slot>
             ${this._renderToggler()}
           </div>
         </div>
@@ -108,6 +121,7 @@ var SgdsMainnav = class extends require_nav_element.default {
 require_decorate.default([(0, _lit_context.provide)({ context: require_mainnav_context.MainnavBreakpointContext }), (0, lit_decorators_js.state)()], SgdsMainnav.prototype, "_breakpointReached", void 0);
 require_decorate.default([(0, _lit_context.provide)({ context: require_mainnav_context.MainnavExpandedContext }), (0, lit_decorators_js.state)()], SgdsMainnav.prototype, "_expanded", void 0);
 require_decorate.default([(0, lit_decorators_js.property)({ type: Boolean })], SgdsMainnav.prototype, "hasNonCollapsibleSlot", void 0);
+require_decorate.default([(0, lit_decorators_js.property)({ type: Boolean })], SgdsMainnav.prototype, "hasProfileSlot", void 0);
 require_decorate.default([(0, lit_decorators_js.property)({
 	type: Boolean,
 	reflect: true

package/react/components/Mainnav/sgds-mainnav.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"sgds-mainnav.cjs.js","names":["NavElement","HasSlotController","mainnavStyle","sanitizeHref","classMap","provide","MainnavBreakpointContext","state","MainnavExpandedContext","property","queryAssignedElements"],"sources":["../../../../src/components/Mainnav/sgds-mainnav.ts"],"sourcesContent":["import { provide } from \"@lit/context\";\nimport { html } from \"lit\";\nimport { property, queryAssignedElements, state } from \"lit/decorators.js\";\nimport { classMap } from \"lit/directives/class-map.js\";\nimport NavElement from \"../../base/nav-element\";\nimport { sanitizeHref } from \"../../utils/safeUrl\";\nimport { HasSlotController } from \"../../utils/slot\";\nimport { MainnavBreakpointContext, MainnavExpandedContext } from \"./mainnav-context\";\nimport mainnavStyle from \"./mainnav.css\";\nimport SgdsMainnavDropdown from \"./sgds-mainnav-dropdown\";\nimport SgdsMainnavItem from \"./sgds-mainnav-item\";\n\nexport type MainnavExpandSize = \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"always\" | \"never\";\n\n/**\n * @summary This component is the primary means that your users will use to navigate through your portal. It includes horizontal navigation and branding to identify your site.\n *\n * @event sgds-show - Emitted on show. Only for collapsed menu.\n * @event sgds-after-show - Emitted on show after animation has completed. Only for collapsed menu.\n * @event sgds-hide - Emitted on hide. Only for collapsed menu.\n * @event sgds-after-hide - Emitted on hide after animation has completed. Only for collapsed menu.\n *\n * @slot default - Default slot of SgdsMainnav. Pass in SgdsMainnavItem elements here.\n * @slot end - Elements in this slot will be positioned to the right end of .navbar-nav. Elements in this slot will also be included in collapsed menu.\n * @slot brand - Brand slot of SgdsMainnav. Pass in brand logo img here\n * @slot profile - Profile slot positioned at the far right in desktop. In mobile, moves into the collapsed menu as the first item.\n * @slot non-collapsible - Elements in this slot will not be collapsed\n *\n */\nexport class SgdsMainnav extends NavElement {\n  static styles = [...NavElement.styles, mainnavStyle];\n\n  @provide({ context: MainnavBreakpointContext })\n  @state()\n  private _breakpointReached = false;\n\n  @provide({ context: MainnavExpandedContext })\n  @state()\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  private _expanded = false;\n\n  /** Used only for SSR to indicate the presence of the `non-collapsible` slot. */\n  @property({ type: Boolean }) hasNonCollapsibleSlot = false;\n\n  /** When true, removes max-width constraint to allow content to stretch full screen width */\n  @property({ type: Boolean, reflect: true })\n  fluid = false;\n\n  @queryAssignedElements() private defaultNodes!: SgdsMainnavItem[] | SgdsMainnavDropdown[];\n\n  @queryAssignedElements({ slot: \"end\" }) private endNodes!: SgdsMainnavItem[] | SgdsMainnavDropdown[];\n\n  /** @internal */\n  get defaultSlotItems(): SgdsMainnavItem[] | SgdsMainnavDropdown[] {\n    return [...(this.defaultNodes || [])].filter((node: HTMLElement) => typeof node.tagName !== \"undefined\") as\n      | SgdsMainnavItem[]\n      | SgdsMainnavDropdown[];\n  }\n\n  /** @internal */\n  get endSlotItems(): SgdsMainnavItem[] | SgdsMainnavDropdown[] {\n    return [...(this.endNodes || [])].filter((node: HTMLElement) => typeof node.tagName !== \"undefined\") as\n      | SgdsMainnavItem[]\n      | SgdsMainnavDropdown[];\n  }\n\n  private readonly hasSlotController = new HasSlotController(this, \"non-collapsible\");\n\n  updated() {\n    if (!this.hasNonCollapsibleSlot) this.hasNonCollapsibleSlot = this.hasSlotController.test(\"non-collapsible\");\n    // Sync expanded state to context\n    this._expanded = this.expanded;\n  }\n\n  protected _onBreakpointReached(reached: boolean): void {\n    this._breakpointReached = reached;\n  }\n\n  protected _isBreakpointReached(): boolean {\n    return this._breakpointReached;\n  }\n\n  private _handleDefaultSlotChange(e: Event) {\n    const childElements = (e.target as HTMLSlotElement).assignedElements({ flatten: true });\n    childElements.forEach(el => {\n      el.setAttribute(\"expand\", this.expand);\n    });\n  }\n\n  private _handleSlotChange(e: Event) {\n    const childElements = (e.target as HTMLSlotElement).assignedElements({ flatten: true });\n    childElements.forEach(e => {\n      e.setAttribute(\"name\", e.tagName.toLowerCase());\n      e.setAttribute(\"expand\", this.expand);\n    });\n  }\n\n  private _handleProfileSlotChange(e: Event) {\n    const childElements = (e.target as HTMLSlotElement).assignedElements({ flatten: true });\n    childElements.forEach(el => {\n      el.setAttribute(\"expand\", this.expand);\n    });\n  }\n\n  render() {\n    this.breakpointReached =\n      window.innerWidth <\n      (this.expand === \"always\"\n        ? -1\n        : this.expand === \"never\"\n        ? Infinity\n        : { sm: 512, md: 768, lg: 1024, xl: 1280, xxl: 1440 }[this.expand]);\n\n    return html`\n      <nav aria-label=\"Main navigation\">\n        <div class=\"navbar ${this._expandClass()}\">\n          ${this.brandHref\n            ? html`<a class=\"navbar-brand\" href=${sanitizeHref(this.brandHref) ?? \"\"}>\n                <slot name=\"brand\"></slot>\n              </a>`\n            : html`<slot name=\"brand\" @slotchange=${this._handleBrandSlotChange}></slot>`}\n          <div class=\"navbar-body navbar-collapse\" id=${this.collapseId}>\n            <div class=\"navbar-nav navbar-nav-scroll\">\n              <slot @slotchange=${this._handleDefaultSlotChange}></slot>\n              <slot\n                name=\"end\"\n                class=${classMap({ \"slot-end\": !this.breakpointReached })}\n                @slotchange=${this._handleSlotChange}\n              ></slot>\n            </div>\n          </div>\n          <div class=\"navbar-end\">\n            <slot name=\"non-collapsible\" class=${classMap({ \"slot-empty\": !this.hasNonCollapsibleSlot })}></slot>\n            <slot name=\"profile\" @slotchange=${this._handleProfileSlotChange}></slot>\n            ${this._renderToggler()}\n          </div>\n        </div>\n      </nav>\n    `;\n  }\n}\n\nexport default SgdsMainnav;\n"],"mappings":"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"}
+{"version":3,"file":"sgds-mainnav.cjs.js","names":["NavElement","HasSlotController","mainnavStyle","sanitizeHref","classMap","provide","MainnavBreakpointContext","state","MainnavExpandedContext","property","queryAssignedElements"],"sources":["../../../../src/components/Mainnav/sgds-mainnav.ts"],"sourcesContent":["import { provide } from \"@lit/context\";\nimport { html } from \"lit\";\nimport { property, queryAssignedElements, state } from \"lit/decorators.js\";\nimport { classMap } from \"lit/directives/class-map.js\";\nimport NavElement from \"../../base/nav-element\";\nimport { sanitizeHref } from \"../../utils/safeUrl\";\nimport { HasSlotController } from \"../../utils/slot\";\nimport { MainnavBreakpointContext, MainnavExpandedContext } from \"./mainnav-context\";\nimport mainnavStyle from \"./mainnav.css\";\nimport SgdsMainnavDropdown from \"./sgds-mainnav-dropdown\";\nimport SgdsMainnavItem from \"./sgds-mainnav-item\";\n\nexport type MainnavExpandSize = \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"always\" | \"never\";\n\n/**\n * @summary This component is the primary means that your users will use to navigate through your portal. It includes horizontal navigation and branding to identify your site.\n *\n * @event sgds-show - Emitted on show. Only for collapsed menu.\n * @event sgds-after-show - Emitted on show after animation has completed. Only for collapsed menu.\n * @event sgds-hide - Emitted on hide. Only for collapsed menu.\n * @event sgds-after-hide - Emitted on hide after animation has completed. Only for collapsed menu.\n *\n * @slot default - Default slot of SgdsMainnav. Pass in SgdsMainnavItem elements here.\n * @slot end - Elements in this slot will be positioned to the right end of .navbar-nav. Elements in this slot will also be included in collapsed menu.\n * @slot brand - Brand slot of SgdsMainnav. Pass in brand logo img here\n * @slot profile - Profile slot positioned at the far right in desktop. In mobile, moves into the collapsed menu as the first item.\n * @slot non-collapsible - Elements in this slot will not be collapsed\n *\n */\nexport class SgdsMainnav extends NavElement {\n  static styles = [...NavElement.styles, mainnavStyle];\n\n  @provide({ context: MainnavBreakpointContext })\n  @state()\n  private _breakpointReached = false;\n\n  @provide({ context: MainnavExpandedContext })\n  @state()\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  private _expanded = false;\n\n  /** Used only for SSR to indicate the presence of the `non-collapsible` slot. */\n  @property({ type: Boolean }) hasNonCollapsibleSlot = false;\n\n  /** Used only for SSR to indicate the presence of the `profile` slot. */\n  @property({ type: Boolean }) hasProfileSlot = false;\n\n  /** When true, removes max-width constraint to allow content to stretch full screen width */\n  @property({ type: Boolean, reflect: true })\n  fluid = false;\n\n  @queryAssignedElements() private defaultNodes!: SgdsMainnavItem[] | SgdsMainnavDropdown[];\n\n  @queryAssignedElements({ slot: \"end\" }) private endNodes!: SgdsMainnavItem[] | SgdsMainnavDropdown[];\n\n  /** @internal */\n  get defaultSlotItems(): SgdsMainnavItem[] | SgdsMainnavDropdown[] {\n    return [...(this.defaultNodes || [])].filter((node: HTMLElement) => typeof node.tagName !== \"undefined\") as\n      | SgdsMainnavItem[]\n      | SgdsMainnavDropdown[];\n  }\n\n  /** @internal */\n  get endSlotItems(): SgdsMainnavItem[] | SgdsMainnavDropdown[] {\n    return [...(this.endNodes || [])].filter((node: HTMLElement) => typeof node.tagName !== \"undefined\") as\n      | SgdsMainnavItem[]\n      | SgdsMainnavDropdown[];\n  }\n\n  private readonly hasSlotController = new HasSlotController(this, \"non-collapsible\", \"profile\");\n\n  updated() {\n    if (!this.hasNonCollapsibleSlot) this.hasNonCollapsibleSlot = this.hasSlotController.test(\"non-collapsible\");\n    if (!this.hasProfileSlot) this.hasProfileSlot = this.hasSlotController.test(\"profile\");\n    // Sync expanded state to context\n    this._expanded = this.expanded;\n  }\n\n  protected _onBreakpointReached(reached: boolean): void {\n    this._breakpointReached = reached;\n  }\n\n  protected _isBreakpointReached(): boolean {\n    return this._breakpointReached;\n  }\n\n  private _handleDefaultSlotChange(e: Event) {\n    const childElements = (e.target as HTMLSlotElement).assignedElements({ flatten: true });\n    childElements.forEach(el => {\n      el.setAttribute(\"expand\", this.expand);\n    });\n  }\n\n  private _handleSlotChange(e: Event) {\n    const childElements = (e.target as HTMLSlotElement).assignedElements({ flatten: true });\n    childElements.forEach(e => {\n      e.setAttribute(\"name\", e.tagName.toLowerCase());\n      e.setAttribute(\"expand\", this.expand);\n    });\n  }\n\n  private _handleProfileSlotChange(e: Event) {\n    const childElements = (e.target as HTMLSlotElement).assignedElements({ flatten: true });\n    this.hasProfileSlot = childElements.length > 0;\n    childElements.forEach(el => {\n      el.setAttribute(\"expand\", this.expand);\n    });\n  }\n\n  render() {\n    this.breakpointReached =\n      window.innerWidth <\n      (this.expand === \"always\"\n        ? -1\n        : this.expand === \"never\"\n        ? Infinity\n        : { sm: 512, md: 768, lg: 1024, xl: 1280, xxl: 1440 }[this.expand]);\n\n    return html`\n      <nav aria-label=\"Main navigation\">\n        <div class=\"navbar ${this._expandClass()}\">\n          ${this.brandHref\n            ? html`<a class=\"navbar-brand\" href=${sanitizeHref(this.brandHref) ?? \"\"}>\n                <slot name=\"brand\"></slot>\n              </a>`\n            : html`<slot name=\"brand\" @slotchange=${this._handleBrandSlotChange}></slot>`}\n          <div class=\"navbar-body navbar-collapse\" id=${this.collapseId}>\n            <div class=\"navbar-nav navbar-nav-scroll\">\n              <slot @slotchange=${this._handleDefaultSlotChange}></slot>\n              <slot\n                name=\"end\"\n                class=${classMap({ \"slot-end\": !this.breakpointReached })}\n                @slotchange=${this._handleSlotChange}\n              ></slot>\n            </div>\n          </div>\n          <div\n            class=${classMap({\n              \"navbar-end\": true,\n              \"navbar-end--empty\": !this.hasNonCollapsibleSlot && !this.hasProfileSlot && !this.breakpointReached\n            })}\n          >\n            <slot name=\"non-collapsible\" class=${classMap({ \"slot-empty\": !this.hasNonCollapsibleSlot })}></slot>\n            <slot\n              name=\"profile\"\n              class=${classMap({ \"slot-empty\": !this.hasProfileSlot })}\n              @slotchange=${this._handleProfileSlotChange}\n            ></slot>\n            ${this._renderToggler()}\n          </div>\n        </div>\n      </nav>\n    `;\n  }\n}\n\nexport default SgdsMainnav;\n"],"mappings":"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"}

package/react/components/Mainnav/sgds-mainnav.js

@@ -31,8 +31,9 @@ var SgdsMainnav = class extends NavElement {
 		this._breakpointReached = false;
 		this._expanded = false;
 		this.hasNonCollapsibleSlot = false;
+		this.hasProfileSlot = false;
 		this.fluid = false;
-		this.hasSlotController = new HasSlotController(this, "non-collapsible");
+		this.hasSlotController = new HasSlotController(this, "non-collapsible", "profile");
 	}
 	static {
 		this.styles = [...NavElement.styles, css_248z];
@@ -47,6 +48,7 @@ var SgdsMainnav = class extends NavElement {
 	}
 	updated() {
 		if (!this.hasNonCollapsibleSlot) this.hasNonCollapsibleSlot = this.hasSlotController.test("non-collapsible");
+		if (!this.hasProfileSlot) this.hasProfileSlot = this.hasSlotController.test("profile");
 		this._expanded = this.expanded;
 	}
 	_onBreakpointReached(reached) {
@@ -67,7 +69,9 @@ var SgdsMainnav = class extends NavElement {
 		});
 	}
 	_handleProfileSlotChange(e) {
-		e.target.assignedElements({ flatten: true }).forEach((el) => {
+		const childElements = e.target.assignedElements({ flatten: true });
+		this.hasProfileSlot = childElements.length > 0;
+		childElements.forEach((el) => {
 			el.setAttribute("expand", this.expand);
 		});
 	}
@@ -95,9 +99,18 @@ var SgdsMainnav = class extends NavElement {
               ></slot>
             </div>
           </div>
-          <div class="navbar-end">
+          <div
+            class=${classMap({
+			"navbar-end": true,
+			"navbar-end--empty": !this.hasNonCollapsibleSlot && !this.hasProfileSlot && !this.breakpointReached
+		})}
+          >
             <slot name="non-collapsible" class=${classMap({ "slot-empty": !this.hasNonCollapsibleSlot })}></slot>
-            <slot name="profile" @slotchange=${this._handleProfileSlotChange}></slot>
+            <slot
+              name="profile"
+              class=${classMap({ "slot-empty": !this.hasProfileSlot })}
+              @slotchange=${this._handleProfileSlotChange}
+            ></slot>
             ${this._renderToggler()}
           </div>
         </div>
@@ -108,6 +121,7 @@ var SgdsMainnav = class extends NavElement {
 __decorate([provide({ context: MainnavBreakpointContext }), state()], SgdsMainnav.prototype, "_breakpointReached", void 0);
 __decorate([provide({ context: MainnavExpandedContext }), state()], SgdsMainnav.prototype, "_expanded", void 0);
 __decorate([property({ type: Boolean })], SgdsMainnav.prototype, "hasNonCollapsibleSlot", void 0);
+__decorate([property({ type: Boolean })], SgdsMainnav.prototype, "hasProfileSlot", void 0);
 __decorate([property({
 	type: Boolean,
 	reflect: true

package/react/components/Mainnav/sgds-mainnav.js.map

@@ -1 +1 @@
-{"version":3,"file":"sgds-mainnav.js","names":["mainnavStyle"],"sources":["../../../../src/components/Mainnav/sgds-mainnav.ts"],"sourcesContent":["import { provide } from \"@lit/context\";\nimport { html } from \"lit\";\nimport { property, queryAssignedElements, state } from \"lit/decorators.js\";\nimport { classMap } from \"lit/directives/class-map.js\";\nimport NavElement from \"../../base/nav-element\";\nimport { sanitizeHref } from \"../../utils/safeUrl\";\nimport { HasSlotController } from \"../../utils/slot\";\nimport { MainnavBreakpointContext, MainnavExpandedContext } from \"./mainnav-context\";\nimport mainnavStyle from \"./mainnav.css\";\nimport SgdsMainnavDropdown from \"./sgds-mainnav-dropdown\";\nimport SgdsMainnavItem from \"./sgds-mainnav-item\";\n\nexport type MainnavExpandSize = \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"always\" | \"never\";\n\n/**\n * @summary This component is the primary means that your users will use to navigate through your portal. It includes horizontal navigation and branding to identify your site.\n *\n * @event sgds-show - Emitted on show. Only for collapsed menu.\n * @event sgds-after-show - Emitted on show after animation has completed. Only for collapsed menu.\n * @event sgds-hide - Emitted on hide. Only for collapsed menu.\n * @event sgds-after-hide - Emitted on hide after animation has completed. Only for collapsed menu.\n *\n * @slot default - Default slot of SgdsMainnav. Pass in SgdsMainnavItem elements here.\n * @slot end - Elements in this slot will be positioned to the right end of .navbar-nav. Elements in this slot will also be included in collapsed menu.\n * @slot brand - Brand slot of SgdsMainnav. Pass in brand logo img here\n * @slot profile - Profile slot positioned at the far right in desktop. In mobile, moves into the collapsed menu as the first item.\n * @slot non-collapsible - Elements in this slot will not be collapsed\n *\n */\nexport class SgdsMainnav extends NavElement {\n  static styles = [...NavElement.styles, mainnavStyle];\n\n  @provide({ context: MainnavBreakpointContext })\n  @state()\n  private _breakpointReached = false;\n\n  @provide({ context: MainnavExpandedContext })\n  @state()\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  private _expanded = false;\n\n  /** Used only for SSR to indicate the presence of the `non-collapsible` slot. */\n  @property({ type: Boolean }) hasNonCollapsibleSlot = false;\n\n  /** When true, removes max-width constraint to allow content to stretch full screen width */\n  @property({ type: Boolean, reflect: true })\n  fluid = false;\n\n  @queryAssignedElements() private defaultNodes!: SgdsMainnavItem[] | SgdsMainnavDropdown[];\n\n  @queryAssignedElements({ slot: \"end\" }) private endNodes!: SgdsMainnavItem[] | SgdsMainnavDropdown[];\n\n  /** @internal */\n  get defaultSlotItems(): SgdsMainnavItem[] | SgdsMainnavDropdown[] {\n    return [...(this.defaultNodes || [])].filter((node: HTMLElement) => typeof node.tagName !== \"undefined\") as\n      | SgdsMainnavItem[]\n      | SgdsMainnavDropdown[];\n  }\n\n  /** @internal */\n  get endSlotItems(): SgdsMainnavItem[] | SgdsMainnavDropdown[] {\n    return [...(this.endNodes || [])].filter((node: HTMLElement) => typeof node.tagName !== \"undefined\") as\n      | SgdsMainnavItem[]\n      | SgdsMainnavDropdown[];\n  }\n\n  private readonly hasSlotController = new HasSlotController(this, \"non-collapsible\");\n\n  updated() {\n    if (!this.hasNonCollapsibleSlot) this.hasNonCollapsibleSlot = this.hasSlotController.test(\"non-collapsible\");\n    // Sync expanded state to context\n    this._expanded = this.expanded;\n  }\n\n  protected _onBreakpointReached(reached: boolean): void {\n    this._breakpointReached = reached;\n  }\n\n  protected _isBreakpointReached(): boolean {\n    return this._breakpointReached;\n  }\n\n  private _handleDefaultSlotChange(e: Event) {\n    const childElements = (e.target as HTMLSlotElement).assignedElements({ flatten: true });\n    childElements.forEach(el => {\n      el.setAttribute(\"expand\", this.expand);\n    });\n  }\n\n  private _handleSlotChange(e: Event) {\n    const childElements = (e.target as HTMLSlotElement).assignedElements({ flatten: true });\n    childElements.forEach(e => {\n      e.setAttribute(\"name\", e.tagName.toLowerCase());\n      e.setAttribute(\"expand\", this.expand);\n    });\n  }\n\n  private _handleProfileSlotChange(e: Event) {\n    const childElements = (e.target as HTMLSlotElement).assignedElements({ flatten: true });\n    childElements.forEach(el => {\n      el.setAttribute(\"expand\", this.expand);\n    });\n  }\n\n  render() {\n    this.breakpointReached =\n      window.innerWidth <\n      (this.expand === \"always\"\n        ? -1\n        : this.expand === \"never\"\n        ? Infinity\n        : { sm: 512, md: 768, lg: 1024, xl: 1280, xxl: 1440 }[this.expand]);\n\n    return html`\n      <nav aria-label=\"Main navigation\">\n        <div class=\"navbar ${this._expandClass()}\">\n          ${this.brandHref\n            ? html`<a class=\"navbar-brand\" href=${sanitizeHref(this.brandHref) ?? \"\"}>\n                <slot name=\"brand\"></slot>\n              </a>`\n            : html`<slot name=\"brand\" @slotchange=${this._handleBrandSlotChange}></slot>`}\n          <div class=\"navbar-body navbar-collapse\" id=${this.collapseId}>\n            <div class=\"navbar-nav navbar-nav-scroll\">\n              <slot @slotchange=${this._handleDefaultSlotChange}></slot>\n              <slot\n                name=\"end\"\n                class=${classMap({ \"slot-end\": !this.breakpointReached })}\n                @slotchange=${this._handleSlotChange}\n              ></slot>\n            </div>\n          </div>\n          <div class=\"navbar-end\">\n            <slot name=\"non-collapsible\" class=${classMap({ \"slot-empty\": !this.hasNonCollapsibleSlot })}></slot>\n            <slot name=\"profile\" @slotchange=${this._handleProfileSlotChange}></slot>\n            ${this._renderToggler()}\n          </div>\n        </div>\n      </nav>\n    `;\n  }\n}\n\nexport default SgdsMainnav;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BA,IAAa,cAAb,cAAiC,WAAW;;;EAKb,KAAA,qBAAA;EAKT,KAAA,YAAA;EAGiC,KAAA,wBAAA;EAI7C,KAAA,QAAA;EAoB6B,KAAA,oBAAA,IAAI,kBAAkB,MAAM,iBAAiB;;;EApClE,KAAA,SAAA,CAAC,GAAG,WAAW,QAAQA,QAAY;;;CAuBnD,IAAI,mBAA8D;EAChE,OAAO,CAAC,GAAI,KAAK,gBAAgB,CAAC,CAAE,CAAC,CAAC,QAAQ,SAAsB,OAAO,KAAK,YAAY,WAAW;CAGzG;;CAGA,IAAI,eAA0D;EAC5D,OAAO,CAAC,GAAI,KAAK,YAAY,CAAC,CAAE,CAAC,CAAC,QAAQ,SAAsB,OAAO,KAAK,YAAY,WAAW;CAGrG;CAIA,UAAU;EACR,IAAI,CAAC,KAAK,uBAAuB,KAAK,wBAAwB,KAAK,kBAAkB,KAAK,iBAAiB;EAE3G,KAAK,YAAY,KAAK;CACxB;CAEA,qBAA+B,SAAwB;EACrD,KAAK,qBAAqB;CAC5B;CAEA,uBAA0C;EACxC,OAAO,KAAK;CACd;CAEA,yBAAiC,GAAU;EAEzC,EADyB,OAA2B,iBAAiB,EAAE,SAAS,KAAK,CACzE,CAAC,CAAC,SAAQ,OAAM;GAC1B,GAAG,aAAa,UAAU,KAAK,MAAM;EACvC,CAAC;CACH;CAEA,kBAA0B,GAAU;EAElC,EADyB,OAA2B,iBAAiB,EAAE,SAAS,KAAK,CACzE,CAAC,CAAC,SAAQ,MAAK;GACzB,EAAE,aAAa,QAAQ,EAAE,QAAQ,YAAY,CAAC;GAC9C,EAAE,aAAa,UAAU,KAAK,MAAM;EACtC,CAAC;CACH;CAEA,yBAAiC,GAAU;EAEzC,EADyB,OAA2B,iBAAiB,EAAE,SAAS,KAAK,CACzE,CAAC,CAAC,SAAQ,OAAM;GAC1B,GAAG,aAAa,UAAU,KAAK,MAAM;EACvC,CAAC;CACH;CAEA,SAAS;EACP,KAAK,oBACH,OAAO,cACN,KAAK,WAAW,WACb,KACA,KAAK,WAAW,UAChB,WACA;GAAE,IAAI;GAAK,IAAI;GAAK,IAAI;GAAM,IAAI;GAAM,KAAK;EAAK,EAAE,KAAK;EAE/D,OAAO,IAAI;;6BAEc,KAAK,aAAa,EAAE;YACrC,KAAK,YACH,IAAI,gCAAgC,aAAa,KAAK,SAAS,KAAK,GAAG;;sBAGvE,IAAI,kCAAkC,KAAK,uBAAuB,UAAU;wDAClC,KAAK,WAAW;;kCAEtC,KAAK,yBAAyB;;;wBAGxC,SAAS,EAAE,YAAY,CAAC,KAAK,kBAAkB,CAAC,EAAE;8BAC5C,KAAK,kBAAkB;;;;;iDAKJ,SAAS,EAAE,cAAc,CAAC,KAAK,sBAAsB,CAAC,EAAE;+CAC1D,KAAK,yBAAyB;cAC/D,KAAK,eAAe,EAAE;;;;;CAKlC;AACF;AA5GG,WAAA,CAAA,QAAQ,EAAE,SAAS,yBAAyB,CAAC,GAC7C,MAAM,CAAA,GAAA,YAAA,WAAA,sBAAA,KAAA,CAAA;AAGN,WAAA,CAAA,QAAQ,EAAE,SAAS,uBAAuB,CAAC,GAC3C,MAAM,CAAA,GAAA,YAAA,WAAA,aAAA,KAAA,CAAA;AAKN,WAAA,CAAA,SAAS,EAAE,MAAM,QAAQ,CAAC,CAAA,GAAA,YAAA,WAAA,yBAAA,KAAA,CAAA;AAG1B,WAAA,CAAA,SAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,YAAA,WAAA,SAAA,KAAA,CAAA;AAGzC,WAAA,CAAA,sBAAsB,CAAA,GAAA,YAAA,WAAA,gBAAA,KAAA,CAAA;AAEtB,WAAA,CAAA,sBAAsB,EAAE,MAAM,MAAM,CAAC,CAAA,GAAA,YAAA,WAAA,YAAA,KAAA,CAAA"}
+{"version":3,"file":"sgds-mainnav.js","names":["mainnavStyle"],"sources":["../../../../src/components/Mainnav/sgds-mainnav.ts"],"sourcesContent":["import { provide } from \"@lit/context\";\nimport { html } from \"lit\";\nimport { property, queryAssignedElements, state } from \"lit/decorators.js\";\nimport { classMap } from \"lit/directives/class-map.js\";\nimport NavElement from \"../../base/nav-element\";\nimport { sanitizeHref } from \"../../utils/safeUrl\";\nimport { HasSlotController } from \"../../utils/slot\";\nimport { MainnavBreakpointContext, MainnavExpandedContext } from \"./mainnav-context\";\nimport mainnavStyle from \"./mainnav.css\";\nimport SgdsMainnavDropdown from \"./sgds-mainnav-dropdown\";\nimport SgdsMainnavItem from \"./sgds-mainnav-item\";\n\nexport type MainnavExpandSize = \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"always\" | \"never\";\n\n/**\n * @summary This component is the primary means that your users will use to navigate through your portal. It includes horizontal navigation and branding to identify your site.\n *\n * @event sgds-show - Emitted on show. Only for collapsed menu.\n * @event sgds-after-show - Emitted on show after animation has completed. Only for collapsed menu.\n * @event sgds-hide - Emitted on hide. Only for collapsed menu.\n * @event sgds-after-hide - Emitted on hide after animation has completed. Only for collapsed menu.\n *\n * @slot default - Default slot of SgdsMainnav. Pass in SgdsMainnavItem elements here.\n * @slot end - Elements in this slot will be positioned to the right end of .navbar-nav. Elements in this slot will also be included in collapsed menu.\n * @slot brand - Brand slot of SgdsMainnav. Pass in brand logo img here\n * @slot profile - Profile slot positioned at the far right in desktop. In mobile, moves into the collapsed menu as the first item.\n * @slot non-collapsible - Elements in this slot will not be collapsed\n *\n */\nexport class SgdsMainnav extends NavElement {\n  static styles = [...NavElement.styles, mainnavStyle];\n\n  @provide({ context: MainnavBreakpointContext })\n  @state()\n  private _breakpointReached = false;\n\n  @provide({ context: MainnavExpandedContext })\n  @state()\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  private _expanded = false;\n\n  /** Used only for SSR to indicate the presence of the `non-collapsible` slot. */\n  @property({ type: Boolean }) hasNonCollapsibleSlot = false;\n\n  /** Used only for SSR to indicate the presence of the `profile` slot. */\n  @property({ type: Boolean }) hasProfileSlot = false;\n\n  /** When true, removes max-width constraint to allow content to stretch full screen width */\n  @property({ type: Boolean, reflect: true })\n  fluid = false;\n\n  @queryAssignedElements() private defaultNodes!: SgdsMainnavItem[] | SgdsMainnavDropdown[];\n\n  @queryAssignedElements({ slot: \"end\" }) private endNodes!: SgdsMainnavItem[] | SgdsMainnavDropdown[];\n\n  /** @internal */\n  get defaultSlotItems(): SgdsMainnavItem[] | SgdsMainnavDropdown[] {\n    return [...(this.defaultNodes || [])].filter((node: HTMLElement) => typeof node.tagName !== \"undefined\") as\n      | SgdsMainnavItem[]\n      | SgdsMainnavDropdown[];\n  }\n\n  /** @internal */\n  get endSlotItems(): SgdsMainnavItem[] | SgdsMainnavDropdown[] {\n    return [...(this.endNodes || [])].filter((node: HTMLElement) => typeof node.tagName !== \"undefined\") as\n      | SgdsMainnavItem[]\n      | SgdsMainnavDropdown[];\n  }\n\n  private readonly hasSlotController = new HasSlotController(this, \"non-collapsible\", \"profile\");\n\n  updated() {\n    if (!this.hasNonCollapsibleSlot) this.hasNonCollapsibleSlot = this.hasSlotController.test(\"non-collapsible\");\n    if (!this.hasProfileSlot) this.hasProfileSlot = this.hasSlotController.test(\"profile\");\n    // Sync expanded state to context\n    this._expanded = this.expanded;\n  }\n\n  protected _onBreakpointReached(reached: boolean): void {\n    this._breakpointReached = reached;\n  }\n\n  protected _isBreakpointReached(): boolean {\n    return this._breakpointReached;\n  }\n\n  private _handleDefaultSlotChange(e: Event) {\n    const childElements = (e.target as HTMLSlotElement).assignedElements({ flatten: true });\n    childElements.forEach(el => {\n      el.setAttribute(\"expand\", this.expand);\n    });\n  }\n\n  private _handleSlotChange(e: Event) {\n    const childElements = (e.target as HTMLSlotElement).assignedElements({ flatten: true });\n    childElements.forEach(e => {\n      e.setAttribute(\"name\", e.tagName.toLowerCase());\n      e.setAttribute(\"expand\", this.expand);\n    });\n  }\n\n  private _handleProfileSlotChange(e: Event) {\n    const childElements = (e.target as HTMLSlotElement).assignedElements({ flatten: true });\n    this.hasProfileSlot = childElements.length > 0;\n    childElements.forEach(el => {\n      el.setAttribute(\"expand\", this.expand);\n    });\n  }\n\n  render() {\n    this.breakpointReached =\n      window.innerWidth <\n      (this.expand === \"always\"\n        ? -1\n        : this.expand === \"never\"\n        ? Infinity\n        : { sm: 512, md: 768, lg: 1024, xl: 1280, xxl: 1440 }[this.expand]);\n\n    return html`\n      <nav aria-label=\"Main navigation\">\n        <div class=\"navbar ${this._expandClass()}\">\n          ${this.brandHref\n            ? html`<a class=\"navbar-brand\" href=${sanitizeHref(this.brandHref) ?? \"\"}>\n                <slot name=\"brand\"></slot>\n              </a>`\n            : html`<slot name=\"brand\" @slotchange=${this._handleBrandSlotChange}></slot>`}\n          <div class=\"navbar-body navbar-collapse\" id=${this.collapseId}>\n            <div class=\"navbar-nav navbar-nav-scroll\">\n              <slot @slotchange=${this._handleDefaultSlotChange}></slot>\n              <slot\n                name=\"end\"\n                class=${classMap({ \"slot-end\": !this.breakpointReached })}\n                @slotchange=${this._handleSlotChange}\n              ></slot>\n            </div>\n          </div>\n          <div\n            class=${classMap({\n              \"navbar-end\": true,\n              \"navbar-end--empty\": !this.hasNonCollapsibleSlot && !this.hasProfileSlot && !this.breakpointReached\n            })}\n          >\n            <slot name=\"non-collapsible\" class=${classMap({ \"slot-empty\": !this.hasNonCollapsibleSlot })}></slot>\n            <slot\n              name=\"profile\"\n              class=${classMap({ \"slot-empty\": !this.hasProfileSlot })}\n              @slotchange=${this._handleProfileSlotChange}\n            ></slot>\n            ${this._renderToggler()}\n          </div>\n        </div>\n      </nav>\n    `;\n  }\n}\n\nexport default SgdsMainnav;\n"],"mappings":"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"}

package/react/data-table/index.cjs.js

@@ -1,5 +1,6 @@
 "use client";
 const require_runtime = require("../_virtual/_rolldown/runtime.cjs.js");
+require("../_ssr-init.cjs.js");
 const require_ce_registry = require("../utils/ce-registry.cjs.js");
 const require_sgds_data_table = require("../components/DataTable/sgds-data-table.cjs.js");
 let react = require("react");

package/react/data-table/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","names":["register","Component","createComponent","React"],"sources":["../../../src/react/data-table/index.ts"],"sourcesContent":["import * as React from \"react\";\nimport { createComponent } from \"@lit/react\";\nimport Component from \"../../components/DataTable/sgds-data-table\";\nimport { register } from \"../../utils/ce-registry\";\n\nregister(\"sgds-data-table\", Component);\n\nexport default createComponent({\n  react: React,\n  tagName: \"sgds-data-table\",\n  elementClass: Component,\n  events: {\n    onSgdsRowSelect: \"sgds-row-select\",\n    onSgdsSort: \"sgds-sort\",\n    onSgdsPageChange: \"sgds-page-change\"\n  }\n});\n"],"mappings":";;;;;;;;AAKAA,oBAAAA,SAAS,mBAAmBC,wBAAAA,aAAS;AAErC,IAAA,sBAAA,GAAeC,WAAAA,gBAAAA,CAAgB;CACtBC;CACP,SAAS;CACT,cAAcF,wBAAAA;CACd,QAAQ;EACN,iBAAiB;EACjB,YAAY;EACZ,kBAAkB;CACpB;AACF,CAAC"}
+{"version":3,"file":"index.cjs.js","names":["register","Component","createComponent","React"],"sources":["../../../src/react/data-table/index.ts"],"sourcesContent":["import \"../_ssr-init\";\nimport * as React from \"react\";\nimport { createComponent } from \"@lit/react\";\nimport Component from \"../../components/DataTable/sgds-data-table\";\nimport { register } from \"../../utils/ce-registry\";\n\nregister(\"sgds-data-table\", Component);\n\nexport default createComponent({\n  react: React,\n  tagName: \"sgds-data-table\",\n  elementClass: Component,\n  events: {\n    onSgdsRowSelect: \"sgds-row-select\",\n    onSgdsSort: \"sgds-sort\",\n    onSgdsPageChange: \"sgds-page-change\"\n  }\n});\n"],"mappings":";;;;;;;;;AAMAA,oBAAAA,SAAS,mBAAmBC,wBAAAA,aAAS;AAErC,IAAA,sBAAA,GAAeC,WAAAA,gBAAAA,CAAgB;CACtBC;CACP,SAAS;CACT,cAAcF,wBAAAA;CACd,QAAQ;EACN,iBAAiB;EACjB,YAAY;EACZ,kBAAkB;CACpB;AACF,CAAC"}

package/react/data-table/index.js

@@ -1,4 +1,5 @@
 "use client";
+import "../_ssr-init.js";
 import { register } from "../utils/ce-registry.js";
 import { SgdsDataTable } from "../components/DataTable/sgds-data-table.js";
 import * as React from "react";

package/react/data-table/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Component"],"sources":["../../../src/react/data-table/index.ts"],"sourcesContent":["import * as React from \"react\";\nimport { createComponent } from \"@lit/react\";\nimport Component from \"../../components/DataTable/sgds-data-table\";\nimport { register } from \"../../utils/ce-registry\";\n\nregister(\"sgds-data-table\", Component);\n\nexport default createComponent({\n  react: React,\n  tagName: \"sgds-data-table\",\n  elementClass: Component,\n  events: {\n    onSgdsRowSelect: \"sgds-row-select\",\n    onSgdsSort: \"sgds-sort\",\n    onSgdsPageChange: \"sgds-page-change\"\n  }\n});\n"],"mappings":";;;;;;AAKA,SAAS,mBAAmBA,aAAS;AAErC,IAAA,qBAAe,gBAAgB;CAC7B,OAAO;CACP,SAAS;CACT,cAAcA;CACd,QAAQ;EACN,iBAAiB;EACjB,YAAY;EACZ,kBAAkB;CACpB;AACF,CAAC"}
+{"version":3,"file":"index.js","names":["Component"],"sources":["../../../src/react/data-table/index.ts"],"sourcesContent":["import \"../_ssr-init\";\nimport * as React from \"react\";\nimport { createComponent } from \"@lit/react\";\nimport Component from \"../../components/DataTable/sgds-data-table\";\nimport { register } from \"../../utils/ce-registry\";\n\nregister(\"sgds-data-table\", Component);\n\nexport default createComponent({\n  react: React,\n  tagName: \"sgds-data-table\",\n  elementClass: Component,\n  events: {\n    onSgdsRowSelect: \"sgds-row-select\",\n    onSgdsSort: \"sgds-sort\",\n    onSgdsPageChange: \"sgds-page-change\"\n  }\n});\n"],"mappings":";;;;;;;AAMA,SAAS,mBAAmBA,aAAS;AAErC,IAAA,qBAAe,gBAAgB;CAC7B,OAAO;CACP,SAAS;CACT,cAAcA;CACd,QAAQ;EACN,iBAAiB;EACjB,YAAY;EACZ,kBAAkB;CACpB;AACF,CAAC"}

package/react/data-table-cell/index.cjs.js

@@ -1,5 +1,6 @@
 "use client";
 const require_runtime = require("../_virtual/_rolldown/runtime.cjs.js");
+require("../_ssr-init.cjs.js");
 const require_ce_registry = require("../utils/ce-registry.cjs.js");
 const require_sgds_data_table_cell = require("../components/DataTable/sgds-data-table-cell.cjs.js");
 let react = require("react");

package/react/data-table-cell/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","names":["register","Component","createComponent","React"],"sources":["../../../src/react/data-table-cell/index.ts"],"sourcesContent":["import * as React from \"react\";\nimport { createComponent } from \"@lit/react\";\nimport Component from \"../../components/DataTable/sgds-data-table-cell\";\nimport { register } from \"../../utils/ce-registry\";\n\nregister(\"sgds-data-table-cell\", Component);\n\nexport default createComponent({\n  react: React,\n  tagName: \"sgds-data-table-cell\",\n  elementClass: Component,\n  events: {}\n});\n"],"mappings":";;;;;;;;AAKAA,oBAAAA,SAAS,wBAAwBC,6BAAAA,iBAAS;AAE1C,IAAA,2BAAA,GAAeC,WAAAA,gBAAAA,CAAgB;CACtBC;CACP,SAAS;CACT,cAAcF,6BAAAA;CACd,QAAQ,CAAC;AACX,CAAC"}
+{"version":3,"file":"index.cjs.js","names":["register","Component","createComponent","React"],"sources":["../../../src/react/data-table-cell/index.ts"],"sourcesContent":["import \"../_ssr-init\";\nimport * as React from \"react\";\nimport { createComponent } from \"@lit/react\";\nimport Component from \"../../components/DataTable/sgds-data-table-cell\";\nimport { register } from \"../../utils/ce-registry\";\n\nregister(\"sgds-data-table-cell\", Component);\n\nexport default createComponent({\n  react: React,\n  tagName: \"sgds-data-table-cell\",\n  elementClass: Component,\n  events: {}\n});\n"],"mappings":";;;;;;;;;AAMAA,oBAAAA,SAAS,wBAAwBC,6BAAAA,iBAAS;AAE1C,IAAA,2BAAA,GAAeC,WAAAA,gBAAAA,CAAgB;CACtBC;CACP,SAAS;CACT,cAAcF,6BAAAA;CACd,QAAQ,CAAC;AACX,CAAC"}

package/react/data-table-cell/index.js

@@ -1,4 +1,5 @@
 "use client";
+import "../_ssr-init.js";
 import { register } from "../utils/ce-registry.js";
 import { SgdsDataTableCell } from "../components/DataTable/sgds-data-table-cell.js";
 import * as React from "react";

package/react/data-table-cell/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Component"],"sources":["../../../src/react/data-table-cell/index.ts"],"sourcesContent":["import * as React from \"react\";\nimport { createComponent } from \"@lit/react\";\nimport Component from \"../../components/DataTable/sgds-data-table-cell\";\nimport { register } from \"../../utils/ce-registry\";\n\nregister(\"sgds-data-table-cell\", Component);\n\nexport default createComponent({\n  react: React,\n  tagName: \"sgds-data-table-cell\",\n  elementClass: Component,\n  events: {}\n});\n"],"mappings":";;;;;;AAKA,SAAS,wBAAwBA,iBAAS;AAE1C,IAAA,0BAAe,gBAAgB;CAC7B,OAAO;CACP,SAAS;CACT,cAAcA;CACd,QAAQ,CAAC;AACX,CAAC"}
+{"version":3,"file":"index.js","names":["Component"],"sources":["../../../src/react/data-table-cell/index.ts"],"sourcesContent":["import \"../_ssr-init\";\nimport * as React from \"react\";\nimport { createComponent } from \"@lit/react\";\nimport Component from \"../../components/DataTable/sgds-data-table-cell\";\nimport { register } from \"../../utils/ce-registry\";\n\nregister(\"sgds-data-table-cell\", Component);\n\nexport default createComponent({\n  react: React,\n  tagName: \"sgds-data-table-cell\",\n  elementClass: Component,\n  events: {}\n});\n"],"mappings":";;;;;;;AAMA,SAAS,wBAAwBA,iBAAS;AAE1C,IAAA,0BAAe,gBAAgB;CAC7B,OAAO;CACP,SAAS;CACT,cAAcA;CACd,QAAQ,CAAC;AACX,CAAC"}

package/react/data-table-head/index.cjs.js

@@ -1,5 +1,6 @@
 "use client";
 const require_runtime = require("../_virtual/_rolldown/runtime.cjs.js");
+require("../_ssr-init.cjs.js");
 const require_ce_registry = require("../utils/ce-registry.cjs.js");
 const require_sgds_data_table_head = require("../components/DataTable/sgds-data-table-head.cjs.js");
 let react = require("react");

package/react/data-table-head/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","names":["register","Component","createComponent","React"],"sources":["../../../src/react/data-table-head/index.ts"],"sourcesContent":["import * as React from \"react\";\nimport { createComponent } from \"@lit/react\";\nimport Component from \"../../components/DataTable/sgds-data-table-head\";\nimport { register } from \"../../utils/ce-registry\";\n\nregister(\"sgds-data-table-head\", Component);\n\nexport default createComponent({\n  react: React,\n  tagName: \"sgds-data-table-head\",\n  elementClass: Component,\n  events: {}\n});\n"],"mappings":";;;;;;;;AAKAA,oBAAAA,SAAS,wBAAwBC,6BAAAA,iBAAS;AAE1C,IAAA,2BAAA,GAAeC,WAAAA,gBAAAA,CAAgB;CACtBC;CACP,SAAS;CACT,cAAcF,6BAAAA;CACd,QAAQ,CAAC;AACX,CAAC"}
+{"version":3,"file":"index.cjs.js","names":["register","Component","createComponent","React"],"sources":["../../../src/react/data-table-head/index.ts"],"sourcesContent":["import \"../_ssr-init\";\nimport * as React from \"react\";\nimport { createComponent } from \"@lit/react\";\nimport Component from \"../../components/DataTable/sgds-data-table-head\";\nimport { register } from \"../../utils/ce-registry\";\n\nregister(\"sgds-data-table-head\", Component);\n\nexport default createComponent({\n  react: React,\n  tagName: \"sgds-data-table-head\",\n  elementClass: Component,\n  events: {}\n});\n"],"mappings":";;;;;;;;;AAMAA,oBAAAA,SAAS,wBAAwBC,6BAAAA,iBAAS;AAE1C,IAAA,2BAAA,GAAeC,WAAAA,gBAAAA,CAAgB;CACtBC;CACP,SAAS;CACT,cAAcF,6BAAAA;CACd,QAAQ,CAAC;AACX,CAAC"}

package/react/data-table-head/index.js

@@ -1,4 +1,5 @@
 "use client";
+import "../_ssr-init.js";
 import { register } from "../utils/ce-registry.js";
 import { SgdsDataTableHead } from "../components/DataTable/sgds-data-table-head.js";
 import * as React from "react";

package/react/data-table-head/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Component"],"sources":["../../../src/react/data-table-head/index.ts"],"sourcesContent":["import * as React from \"react\";\nimport { createComponent } from \"@lit/react\";\nimport Component from \"../../components/DataTable/sgds-data-table-head\";\nimport { register } from \"../../utils/ce-registry\";\n\nregister(\"sgds-data-table-head\", Component);\n\nexport default createComponent({\n  react: React,\n  tagName: \"sgds-data-table-head\",\n  elementClass: Component,\n  events: {}\n});\n"],"mappings":";;;;;;AAKA,SAAS,wBAAwBA,iBAAS;AAE1C,IAAA,0BAAe,gBAAgB;CAC7B,OAAO;CACP,SAAS;CACT,cAAcA;CACd,QAAQ,CAAC;AACX,CAAC"}
+{"version":3,"file":"index.js","names":["Component"],"sources":["../../../src/react/data-table-head/index.ts"],"sourcesContent":["import \"../_ssr-init\";\nimport * as React from \"react\";\nimport { createComponent } from \"@lit/react\";\nimport Component from \"../../components/DataTable/sgds-data-table-head\";\nimport { register } from \"../../utils/ce-registry\";\n\nregister(\"sgds-data-table-head\", Component);\n\nexport default createComponent({\n  react: React,\n  tagName: \"sgds-data-table-head\",\n  elementClass: Component,\n  events: {}\n});\n"],"mappings":";;;;;;;AAMA,SAAS,wBAAwBA,iBAAS;AAE1C,IAAA,0BAAe,gBAAgB;CAC7B,OAAO;CACP,SAAS;CACT,cAAcA;CACd,QAAQ,CAAC;AACX,CAAC"}

package/react/data-table-row/index.cjs.js

@@ -1,5 +1,6 @@
 "use client";
 const require_runtime = require("../_virtual/_rolldown/runtime.cjs.js");
+require("../_ssr-init.cjs.js");
 const require_ce_registry = require("../utils/ce-registry.cjs.js");
 const require_sgds_data_table_row = require("../components/DataTable/sgds-data-table-row.cjs.js");
 let react = require("react");

package/react/data-table-row/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","names":["register","Component","createComponent","React"],"sources":["../../../src/react/data-table-row/index.ts"],"sourcesContent":["import * as React from \"react\";\nimport { createComponent } from \"@lit/react\";\nimport Component from \"../../components/DataTable/sgds-data-table-row\";\nimport { register } from \"../../utils/ce-registry\";\n\nregister(\"sgds-data-table-row\", Component);\n\nexport default createComponent({\n  react: React,\n  tagName: \"sgds-data-table-row\",\n  elementClass: Component,\n  events: {\n    onSgdsShow: \"sgds-show\",\n    onSgdsAfterShow: \"sgds-after-show\",\n    onSgdsHide: \"sgds-hide\",\n    onSgdsAfterHide: \"sgds-after-hide\"\n  }\n});\n"],"mappings":";;;;;;;;AAKAA,oBAAAA,SAAS,uBAAuBC,4BAAAA,gBAAS;AAEzC,IAAA,0BAAA,GAAeC,WAAAA,gBAAAA,CAAgB;CACtBC;CACP,SAAS;CACT,cAAcF,4BAAAA;CACd,QAAQ;EACN,YAAY;EACZ,iBAAiB;EACjB,YAAY;EACZ,iBAAiB;CACnB;AACF,CAAC"}
+{"version":3,"file":"index.cjs.js","names":["register","Component","createComponent","React"],"sources":["../../../src/react/data-table-row/index.ts"],"sourcesContent":["import \"../_ssr-init\";\nimport * as React from \"react\";\nimport { createComponent } from \"@lit/react\";\nimport Component from \"../../components/DataTable/sgds-data-table-row\";\nimport { register } from \"../../utils/ce-registry\";\n\nregister(\"sgds-data-table-row\", Component);\n\nexport default createComponent({\n  react: React,\n  tagName: \"sgds-data-table-row\",\n  elementClass: Component,\n  events: {\n    onSgdsShow: \"sgds-show\",\n    onSgdsAfterShow: \"sgds-after-show\",\n    onSgdsHide: \"sgds-hide\",\n    onSgdsAfterHide: \"sgds-after-hide\"\n  }\n});\n"],"mappings":";;;;;;;;;AAMAA,oBAAAA,SAAS,uBAAuBC,4BAAAA,gBAAS;AAEzC,IAAA,0BAAA,GAAeC,WAAAA,gBAAAA,CAAgB;CACtBC;CACP,SAAS;CACT,cAAcF,4BAAAA;CACd,QAAQ;EACN,YAAY;EACZ,iBAAiB;EACjB,YAAY;EACZ,iBAAiB;CACnB;AACF,CAAC"}

package/react/data-table-row/index.js

@@ -1,4 +1,5 @@
 "use client";
+import "../_ssr-init.js";
 import { register } from "../utils/ce-registry.js";
 import { SgdsDataTableRow } from "../components/DataTable/sgds-data-table-row.js";
 import * as React from "react";

package/react/data-table-row/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Component"],"sources":["../../../src/react/data-table-row/index.ts"],"sourcesContent":["import * as React from \"react\";\nimport { createComponent } from \"@lit/react\";\nimport Component from \"../../components/DataTable/sgds-data-table-row\";\nimport { register } from \"../../utils/ce-registry\";\n\nregister(\"sgds-data-table-row\", Component);\n\nexport default createComponent({\n  react: React,\n  tagName: \"sgds-data-table-row\",\n  elementClass: Component,\n  events: {\n    onSgdsShow: \"sgds-show\",\n    onSgdsAfterShow: \"sgds-after-show\",\n    onSgdsHide: \"sgds-hide\",\n    onSgdsAfterHide: \"sgds-after-hide\"\n  }\n});\n"],"mappings":";;;;;;AAKA,SAAS,uBAAuBA,gBAAS;AAEzC,IAAA,yBAAe,gBAAgB;CAC7B,OAAO;CACP,SAAS;CACT,cAAcA;CACd,QAAQ;EACN,YAAY;EACZ,iBAAiB;EACjB,YAAY;EACZ,iBAAiB;CACnB;AACF,CAAC"}
+{"version":3,"file":"index.js","names":["Component"],"sources":["../../../src/react/data-table-row/index.ts"],"sourcesContent":["import \"../_ssr-init\";\nimport * as React from \"react\";\nimport { createComponent } from \"@lit/react\";\nimport Component from \"../../components/DataTable/sgds-data-table-row\";\nimport { register } from \"../../utils/ce-registry\";\n\nregister(\"sgds-data-table-row\", Component);\n\nexport default createComponent({\n  react: React,\n  tagName: \"sgds-data-table-row\",\n  elementClass: Component,\n  events: {\n    onSgdsShow: \"sgds-show\",\n    onSgdsAfterShow: \"sgds-after-show\",\n    onSgdsHide: \"sgds-hide\",\n    onSgdsAfterHide: \"sgds-after-hide\"\n  }\n});\n"],"mappings":";;;;;;;AAMA,SAAS,uBAAuBA,gBAAS;AAEzC,IAAA,yBAAe,gBAAgB;CAC7B,OAAO;CACP,SAAS;CACT,cAAcA;CACd,QAAQ;EACN,YAAY;EACZ,iBAAiB;EACjB,YAAY;EACZ,iBAAiB;CACnB;AACF,CAAC"}

package/react/datepicker/index.cjs.js

@@ -1,5 +1,6 @@
 "use client";
 const require_runtime = require("../_virtual/_rolldown/runtime.cjs.js");
+require("../_ssr-init.cjs.js");
 const require_ce_registry = require("../utils/ce-registry.cjs.js");
 const require_sgds_datepicker = require("../components/Datepicker/sgds-datepicker.cjs.js");
 let react = require("react");

package/react/datepicker/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","names":["register","Component","createComponent","React"],"sources":["../../../src/react/datepicker/index.ts"],"sourcesContent":["import * as React from \"react\";\nimport { createComponent } from \"@lit/react\";\nimport Component from \"../../components/Datepicker/sgds-datepicker\";\nimport { register } from \"../../utils/ce-registry\";\n\nregister(\"sgds-datepicker\", Component);\n\nexport default createComponent({\n  react: React,\n  tagName: \"sgds-datepicker\",\n  elementClass: Component,\n  events: {\n    onSgdsChangeDate: \"sgds-change-date\",\n    onSgdsInvalid: \"sgds-invalid\",\n    onSgdsValid: \"sgds-valid\",\n    onSgdsShow: \"sgds-show\",\n    onSgdsAfterShow: \"sgds-after-show\",\n    onSgdsHide: \"sgds-hide\",\n    onSgdsAfterHide: \"sgds-after-hide\"\n  }\n});\n"],"mappings":";;;;;;;;AAKAA,oBAAAA,SAAS,mBAAmBC,wBAAAA,cAAS;AAErC,IAAA,sBAAA,GAAeC,WAAAA,gBAAAA,CAAgB;CACtBC;CACP,SAAS;CACT,cAAcF,wBAAAA;CACd,QAAQ;EACN,kBAAkB;EAClB,eAAe;EACf,aAAa;EACb,YAAY;EACZ,iBAAiB;EACjB,YAAY;EACZ,iBAAiB;CACnB;AACF,CAAC"}
+{"version":3,"file":"index.cjs.js","names":["register","Component","createComponent","React"],"sources":["../../../src/react/datepicker/index.ts"],"sourcesContent":["import \"../_ssr-init\";\nimport * as React from \"react\";\nimport { createComponent } from \"@lit/react\";\nimport Component from \"../../components/Datepicker/sgds-datepicker\";\nimport { register } from \"../../utils/ce-registry\";\n\nregister(\"sgds-datepicker\", Component);\n\nexport default createComponent({\n  react: React,\n  tagName: \"sgds-datepicker\",\n  elementClass: Component,\n  events: {\n    onSgdsChangeDate: \"sgds-change-date\",\n    onSgdsInvalid: \"sgds-invalid\",\n    onSgdsValid: \"sgds-valid\",\n    onSgdsShow: \"sgds-show\",\n    onSgdsAfterShow: \"sgds-after-show\",\n    onSgdsHide: \"sgds-hide\",\n    onSgdsAfterHide: \"sgds-after-hide\"\n  }\n});\n"],"mappings":";;;;;;;;;AAMAA,oBAAAA,SAAS,mBAAmBC,wBAAAA,cAAS;AAErC,IAAA,sBAAA,GAAeC,WAAAA,gBAAAA,CAAgB;CACtBC;CACP,SAAS;CACT,cAAcF,wBAAAA;CACd,QAAQ;EACN,kBAAkB;EAClB,eAAe;EACf,aAAa;EACb,YAAY;EACZ,iBAAiB;EACjB,YAAY;EACZ,iBAAiB;CACnB;AACF,CAAC"}

package/react/datepicker/index.js

@@ -1,4 +1,5 @@
 "use client";
+import "../_ssr-init.js";
 import { register } from "../utils/ce-registry.js";
 import { SgdsDatepicker } from "../components/Datepicker/sgds-datepicker.js";
 import * as React from "react";

package/react/datepicker/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Component"],"sources":["../../../src/react/datepicker/index.ts"],"sourcesContent":["import * as React from \"react\";\nimport { createComponent } from \"@lit/react\";\nimport Component from \"../../components/Datepicker/sgds-datepicker\";\nimport { register } from \"../../utils/ce-registry\";\n\nregister(\"sgds-datepicker\", Component);\n\nexport default createComponent({\n  react: React,\n  tagName: \"sgds-datepicker\",\n  elementClass: Component,\n  events: {\n    onSgdsChangeDate: \"sgds-change-date\",\n    onSgdsInvalid: \"sgds-invalid\",\n    onSgdsValid: \"sgds-valid\",\n    onSgdsShow: \"sgds-show\",\n    onSgdsAfterShow: \"sgds-after-show\",\n    onSgdsHide: \"sgds-hide\",\n    onSgdsAfterHide: \"sgds-after-hide\"\n  }\n});\n"],"mappings":";;;;;;AAKA,SAAS,mBAAmBA,cAAS;AAErC,IAAA,qBAAe,gBAAgB;CAC7B,OAAO;CACP,SAAS;CACT,cAAcA;CACd,QAAQ;EACN,kBAAkB;EAClB,eAAe;EACf,aAAa;EACb,YAAY;EACZ,iBAAiB;EACjB,YAAY;EACZ,iBAAiB;CACnB;AACF,CAAC"}
+{"version":3,"file":"index.js","names":["Component"],"sources":["../../../src/react/datepicker/index.ts"],"sourcesContent":["import \"../_ssr-init\";\nimport * as React from \"react\";\nimport { createComponent } from \"@lit/react\";\nimport Component from \"../../components/Datepicker/sgds-datepicker\";\nimport { register } from \"../../utils/ce-registry\";\n\nregister(\"sgds-datepicker\", Component);\n\nexport default createComponent({\n  react: React,\n  tagName: \"sgds-datepicker\",\n  elementClass: Component,\n  events: {\n    onSgdsChangeDate: \"sgds-change-date\",\n    onSgdsInvalid: \"sgds-invalid\",\n    onSgdsValid: \"sgds-valid\",\n    onSgdsShow: \"sgds-show\",\n    onSgdsAfterShow: \"sgds-after-show\",\n    onSgdsHide: \"sgds-hide\",\n    onSgdsAfterHide: \"sgds-after-hide\"\n  }\n});\n"],"mappings":";;;;;;;AAMA,SAAS,mBAAmBA,cAAS;AAErC,IAAA,qBAAe,gBAAgB;CAC7B,OAAO;CACP,SAAS;CACT,cAAcA;CACd,QAAQ;EACN,kBAAkB;EAClB,eAAe;EACf,aAAa;EACb,YAAY;EACZ,iBAAiB;EACjB,YAAY;EACZ,iBAAiB;CACnB;AACF,CAAC"}

package/react/description-list/index.cjs.js

@@ -1,5 +1,6 @@
 "use client";
 const require_runtime = require("../_virtual/_rolldown/runtime.cjs.js");
+require("../_ssr-init.cjs.js");
 const require_ce_registry = require("../utils/ce-registry.cjs.js");
 const require_sgds_description_list = require("../components/DescriptionList/sgds-description-list.cjs.js");
 let react = require("react");