@govtechsg/sgds-web-component 3.30.1-rc.8 → 3.30.1-rc.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/Appnav/appnav.js +1 -1
- package/components/Appnav/appnav.js.map +1 -1
- package/components/Appnav/index.umd.min.js +4 -2
- package/components/Appnav/index.umd.min.js.map +1 -1
- package/components/Appnav/sgds-appnav.js +3 -1
- package/components/Appnav/sgds-appnav.js.map +1 -1
- package/components/Breadcrumb/index.umd.min.js +1 -1
- package/components/Breadcrumb/index.umd.min.js.map +1 -1
- package/components/Dropdown/dropdown-item.js +1 -1
- package/components/Dropdown/dropdown-item.js.map +1 -1
- package/components/Dropdown/index.umd.min.js +1 -1
- package/components/Dropdown/index.umd.min.js.map +1 -1
- package/components/Mainnav/index.umd.min.js +9 -7
- package/components/Mainnav/index.umd.min.js.map +1 -1
- package/components/Mainnav/mainnav-dropdown.js +1 -1
- package/components/Mainnav/mainnav-dropdown.js.map +1 -1
- package/components/Mainnav/mainnav-item.js +1 -1
- package/components/Mainnav/mainnav-item.js.map +1 -1
- package/components/Mainnav/mainnav.js +1 -1
- package/components/Mainnav/mainnav.js.map +1 -1
- package/components/Mainnav/sgds-mainnav-dropdown.js +2 -2
- package/components/Mainnav/sgds-mainnav-dropdown.js.map +1 -1
- package/components/Mainnav/sgds-mainnav.js +3 -1
- package/components/Mainnav/sgds-mainnav.js.map +1 -1
- package/components/OverflowMenu/index.umd.min.js +1 -1
- package/components/OverflowMenu/index.umd.min.js.map +1 -1
- package/components/Sidenav/index.umd.min.js +1 -1
- package/components/Sidenav/index.umd.min.js.map +1 -1
- package/components/Sidenav/sgds-sidenav-link.js +1 -1
- package/components/Sidenav/sgds-sidenav-link.js.map +1 -1
- package/components/Sidenav/sidenav-link.js +1 -1
- package/components/Sidenav/sidenav-link.js.map +1 -1
- package/components/Subnav/index.umd.min.js +1 -1
- package/components/Subnav/index.umd.min.js.map +1 -1
- package/components/Subnav/sgds-subnav-item.js +1 -1
- package/components/Subnav/sgds-subnav-item.js.map +1 -1
- package/components/Subnav/subnav-item.js +1 -1
- package/components/Subnav/subnav-item.js.map +1 -1
- package/components/index.umd.min.js +15 -11
- package/components/index.umd.min.js.map +1 -1
- package/custom-elements.json +1 -1
- package/index.umd.min.js +15 -11
- package/index.umd.min.js.map +1 -1
- package/package.json +1 -1
- package/react/components/Appnav/appnav.cjs.js +1 -1
- package/react/components/Appnav/appnav.cjs.js.map +1 -1
- package/react/components/Appnav/appnav.js +1 -1
- package/react/components/Appnav/appnav.js.map +1 -1
- package/react/components/Appnav/sgds-appnav.cjs.js +3 -1
- package/react/components/Appnav/sgds-appnav.cjs.js.map +1 -1
- package/react/components/Appnav/sgds-appnav.js +3 -1
- package/react/components/Appnav/sgds-appnav.js.map +1 -1
- package/react/components/Dropdown/dropdown-item.cjs.js +1 -1
- package/react/components/Dropdown/dropdown-item.cjs.js.map +1 -1
- package/react/components/Dropdown/dropdown-item.js +1 -1
- package/react/components/Dropdown/dropdown-item.js.map +1 -1
- package/react/components/Mainnav/mainnav-dropdown.cjs.js +1 -1
- package/react/components/Mainnav/mainnav-dropdown.cjs.js.map +1 -1
- package/react/components/Mainnav/mainnav-dropdown.js +1 -1
- package/react/components/Mainnav/mainnav-dropdown.js.map +1 -1
- package/react/components/Mainnav/mainnav-item.cjs.js +1 -1
- package/react/components/Mainnav/mainnav-item.cjs.js.map +1 -1
- package/react/components/Mainnav/mainnav-item.js +1 -1
- package/react/components/Mainnav/mainnav-item.js.map +1 -1
- package/react/components/Mainnav/mainnav.cjs.js +1 -1
- package/react/components/Mainnav/mainnav.cjs.js.map +1 -1
- package/react/components/Mainnav/mainnav.js +1 -1
- package/react/components/Mainnav/mainnav.js.map +1 -1
- package/react/components/Mainnav/sgds-mainnav-dropdown.cjs.js +2 -2
- package/react/components/Mainnav/sgds-mainnav-dropdown.cjs.js.map +1 -1
- package/react/components/Mainnav/sgds-mainnav-dropdown.js +2 -2
- package/react/components/Mainnav/sgds-mainnav-dropdown.js.map +1 -1
- package/react/components/Mainnav/sgds-mainnav.cjs.js +3 -1
- package/react/components/Mainnav/sgds-mainnav.cjs.js.map +1 -1
- package/react/components/Mainnav/sgds-mainnav.js +3 -1
- package/react/components/Mainnav/sgds-mainnav.js.map +1 -1
- package/react/components/Sidenav/sgds-sidenav-link.cjs.js +1 -1
- package/react/components/Sidenav/sgds-sidenav-link.cjs.js.map +1 -1
- package/react/components/Sidenav/sgds-sidenav-link.js +1 -1
- package/react/components/Sidenav/sgds-sidenav-link.js.map +1 -1
- package/react/components/Sidenav/sidenav-link.cjs.js +1 -1
- package/react/components/Sidenav/sidenav-link.cjs.js.map +1 -1
- package/react/components/Sidenav/sidenav-link.js +1 -1
- package/react/components/Sidenav/sidenav-link.js.map +1 -1
- package/react/components/Subnav/sgds-subnav-item.cjs.js +1 -1
- package/react/components/Subnav/sgds-subnav-item.cjs.js.map +1 -1
- package/react/components/Subnav/sgds-subnav-item.js +1 -1
- package/react/components/Subnav/sgds-subnav-item.js.map +1 -1
- package/react/components/Subnav/subnav-item.cjs.js +1 -1
- package/react/components/Subnav/subnav-item.cjs.js.map +1 -1
- package/react/components/Subnav/subnav-item.js +1 -1
- package/react/components/Subnav/subnav-item.js.map +1 -1
|
@@ -36,7 +36,7 @@ var SgdsSidenavLink = class extends SgdsElement {
|
|
|
36
36
|
}
|
|
37
37
|
}
|
|
38
38
|
render() {
|
|
39
|
-
return html
|
|
39
|
+
return html`<div class="sidenav-link"><slot @slotchange=${this._handleSlotChange}></slot></div>`;
|
|
40
40
|
}
|
|
41
41
|
};
|
|
42
42
|
__decorate([property({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sgds-sidenav-link.js","names":["sidenavLinkStyle"],"sources":["../../../src/components/Sidenav/sgds-sidenav-link.ts"],"sourcesContent":["import { html } from \"lit\";\nimport { property, queryAssignedElements } from \"lit/decorators.js\";\nimport SgdsElement from \"../../base/sgds-element\";\nimport { watch } from \"../../utils/watch\";\nimport sidenavLinkStyle from \"./sidenav-link.css\";\n\n/**\n * @slot default - slot for label of anchor tag.\n */\nexport class SgdsSidenavLink extends SgdsElement {\n static styles = [...SgdsElement.styles, sidenavLinkStyle];\n /** when true, sets the active stylings of .nav-link */\n @property({ type: Boolean, reflect: true })\n active = false;\n\n /** Disables the SgdsMainnavItem */\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n @queryAssignedElements({ flatten: true })\n private _anchor: Array<HTMLAnchorElement>;\n\n connectedCallback(): void {\n super.connectedCallback();\n this.setAttribute(\"aria-disabled\", `${this.disabled}`);\n }\n\n @watch(\"disabled\", { waitUntilFirstUpdate: true })\n _handleDisabled() {\n this.setAttribute(\"aria-disabled\", `${this.disabled}`);\n this._anchor[0].setAttribute(\"aria-disabled\", `${this.disabled}`);\n\n if (!this.disabled) {\n this._anchor[0].removeAttribute(\"tabindex\");\n }\n }\n\n _handleSlotChange() {\n this._anchor[0].setAttribute(\"aria-disabled\", `${this.disabled}`);\n\n /** If link is disabled, set tabindex of anchor to -1 */\n if (this.disabled) {\n this._anchor[0].setAttribute(\"tabindex\", \"-1\");\n this._anchor[0].removeAttribute(\"href\");\n this._anchor[0].setAttribute(\"role\", \"link\");\n }\n }\n render() {\n return html
|
|
1
|
+
{"version":3,"file":"sgds-sidenav-link.js","names":["sidenavLinkStyle"],"sources":["../../../src/components/Sidenav/sgds-sidenav-link.ts"],"sourcesContent":["import { html } from \"lit\";\nimport { property, queryAssignedElements } from \"lit/decorators.js\";\nimport SgdsElement from \"../../base/sgds-element\";\nimport { watch } from \"../../utils/watch\";\nimport sidenavLinkStyle from \"./sidenav-link.css\";\n\n/**\n * @slot default - slot for label of anchor tag.\n */\nexport class SgdsSidenavLink extends SgdsElement {\n static styles = [...SgdsElement.styles, sidenavLinkStyle];\n /** when true, sets the active stylings of .nav-link */\n @property({ type: Boolean, reflect: true })\n active = false;\n\n /** Disables the SgdsMainnavItem */\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n @queryAssignedElements({ flatten: true })\n private _anchor: Array<HTMLAnchorElement>;\n\n connectedCallback(): void {\n super.connectedCallback();\n this.setAttribute(\"aria-disabled\", `${this.disabled}`);\n }\n\n @watch(\"disabled\", { waitUntilFirstUpdate: true })\n _handleDisabled() {\n this.setAttribute(\"aria-disabled\", `${this.disabled}`);\n this._anchor[0].setAttribute(\"aria-disabled\", `${this.disabled}`);\n\n if (!this.disabled) {\n this._anchor[0].removeAttribute(\"tabindex\");\n }\n }\n\n _handleSlotChange() {\n this._anchor[0].setAttribute(\"aria-disabled\", `${this.disabled}`);\n\n /** If link is disabled, set tabindex of anchor to -1 */\n if (this.disabled) {\n this._anchor[0].setAttribute(\"tabindex\", \"-1\");\n this._anchor[0].removeAttribute(\"href\");\n this._anchor[0].setAttribute(\"role\", \"link\");\n }\n }\n render() {\n return html`<div class=\"sidenav-link\"><slot @slotchange=${this._handleSlotChange}></slot></div>`;\n }\n}\n\nexport default SgdsSidenavLink;\n"],"mappings":";;;;;;;;;;AASA,IAAa,kBAAb,cAAqC,YAAY;;;EAItC,KAAA,SAAA;EAIE,KAAA,WAAA;;;EAPK,KAAA,SAAA,CAAC,GAAG,YAAY,QAAQA,QAAgB;;CAYxD,oBAA0B;EACxB,MAAM,kBAAkB;EACxB,KAAK,aAAa,iBAAiB,GAAG,KAAK,UAAU;CACvD;CAEA,kBACkB;EAChB,KAAK,aAAa,iBAAiB,GAAG,KAAK,UAAU;EACrD,KAAK,QAAQ,EAAE,CAAC,aAAa,iBAAiB,GAAG,KAAK,UAAU;EAEhE,IAAI,CAAC,KAAK,UACR,KAAK,QAAQ,EAAE,CAAC,gBAAgB,UAAU;CAE9C;CAEA,oBAAoB;EAClB,KAAK,QAAQ,EAAE,CAAC,aAAa,iBAAiB,GAAG,KAAK,UAAU;;EAGhE,IAAI,KAAK,UAAU;GACjB,KAAK,QAAQ,EAAE,CAAC,aAAa,YAAY,IAAI;GAC7C,KAAK,QAAQ,EAAE,CAAC,gBAAgB,MAAM;GACtC,KAAK,QAAQ,EAAE,CAAC,aAAa,QAAQ,MAAM;EAC7C;CACF;CACA,SAAS;EACP,OAAO,IAAI,+CAA+C,KAAK,kBAAkB;CACnF;AACF;AAtCG,WAAA,CAAA,SAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,gBAAA,WAAA,UAAA,KAAA,CAAA;AAIzC,WAAA,CAAA,SAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,gBAAA,WAAA,YAAA,KAAA,CAAA;AAGzC,WAAA,CAAA,sBAAsB,EAAE,SAAS,KAAK,CAAC,CAAA,GAAA,gBAAA,WAAA,WAAA,KAAA,CAAA;AAQvC,WAAA,CAAA,MAAM,YAAY,EAAE,sBAAsB,KAAK,CAAC,CAAA,GAAA,gBAAA,WAAA,mBAAA,IAAA"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { css } from "lit";
|
|
2
2
|
//#region src/components/Sidenav/sidenav-link.css
|
|
3
|
-
var css_248z = css
|
|
3
|
+
var css_248z = css`.sidenav-link{border-radius:var(--sgds-interactive-border-radius);display:block;padding:var(--sgds-padding-sm) var(--sgds-padding-sm) var(--sgds-padding-sm) var(--sgds-padding-3-xl)}:host([class^=third-level]) .sidenav-link{padding-left:calc(var(--sgds-padding-xl) + var(--sgds-padding-3-xl))}:host([active]) .sidenav-link{background-color:var(--sgds-primary-surface-translucent)}:host(:not([disabled]):not([active])) .sidenav-link:hover{background-color:var(--sgds-bg-translucent-subtle)}.sidenav-link:focus-within{background-color:var(--sgds-bg-translucent-subtle);outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}:host([active]) .sidenav-link:focus-within{background-color:var(--sgds-primary-bg-translucent)}:host([disabled]) .sidenav-link{opacity:var(--sgds-opacity-40);pointer-events:none}::slotted(a){--sgds-link-color-default:var(--sgds-color-default);color:var(--sgds-color-default,var(--sgds-link-color-default));text-decoration:none!important}:host([active]) ::slotted(a){--sgds-link-color-default:var(--sgds-primary-color-emphasis);color:var(--sgds-primary-color-emphasis,var(--sgds-link-color-default))}::slotted(a:focus),::slotted(a:focus-visible),::slotted(a:hover){--sgds-link-color-emphasis:var(--sgds-color-default);color:var(--sgds-color-default,var(--sgds-link-color-emphasis))}:host([active]) ::slotted(a:focus),:host([active]) ::slotted(a:focus-visible),:host([active]) ::slotted(a:hover){--sgds-link-color-emphasis:var(--sgds-primary-color-emphasis);color:var(--sgds-primary-color-emphasis,var(--sgds-link-color-emphasis))}::slotted(a:focus-visible){outline:none}`;
|
|
4
4
|
//#endregion
|
|
5
5
|
export { css_248z as default };
|
|
6
6
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sidenav-link.js","names":[],"sources":["../../../src/components/Sidenav/sidenav-link.css"],"sourcesContent":["
|
|
1
|
+
{"version":3,"file":"sidenav-link.js","names":[],"sources":["../../../src/components/Sidenav/sidenav-link.css"],"sourcesContent":["/* ===== .sidenav-link (inner shadow DOM — protected from external CSS) ===== */\n\n.sidenav-link {\n display: block;\n padding-top: var(--sgds-padding-sm);\n padding-bottom: var(--sgds-padding-sm);\n padding-left: var(--sgds-padding-3-xl);\n padding-right: var(--sgds-padding-sm);\n border-radius: var(--sgds-interactive-border-radius);\n}\n\n:host([class^=\"third-level\"]) .sidenav-link {\n padding-left: calc(var(--sgds-padding-xl) + var(--sgds-padding-3-xl));\n}\n\n:host([active]) .sidenav-link {\n background-color: var(--sgds-primary-surface-translucent);\n}\n\n:host(:not([disabled]):not([active])) .sidenav-link:hover {\n background-color: var(--sgds-bg-translucent-subtle);\n}\n\n.sidenav-link:focus-within {\n background-color: var(--sgds-bg-translucent-subtle);\n outline: var(--sgds-outline-focus);\n outline-offset: var(--sgds-outline-offset-focus);\n}\n\n:host([active]) .sidenav-link:focus-within {\n background-color: var(--sgds-primary-bg-translucent);\n}\n\n:host([disabled]) .sidenav-link {\n opacity: var(--sgds-opacity-40);\n pointer-events: none;\n}\n\n/* ===== ::slotted (light DOM — anchor-specific styles) ===== */\n\n::slotted(a) {\n --sgds-link-color-default: var(--sgds-color-default);\n color: var(--sgds-color-default, var(--sgds-link-color-default));\n text-decoration: none !important;\n}\n\n:host([active]) ::slotted(a) {\n --sgds-link-color-default: var(--sgds-primary-color-emphasis);\n color: var(--sgds-primary-color-emphasis, var(--sgds-link-color-default));\n}\n\n::slotted(a:hover),\n::slotted(a:focus),\n::slotted(a:focus-visible) {\n --sgds-link-color-emphasis: var(--sgds-color-default);\n color: var(--sgds-color-default, var(--sgds-link-color-emphasis));\n}\n\n:host([active]) ::slotted(a:hover),\n:host([active]) ::slotted(a:focus),\n:host([active]) ::slotted(a:focus-visible) {\n --sgds-link-color-emphasis: var(--sgds-primary-color-emphasis);\n color: var(--sgds-primary-color-emphasis, var(--sgds-link-color-emphasis));\n}\n\n::slotted(a:focus-visible) {\n outline: none;\n}\n"],"mappings":""}
|
|
@@ -2362,5 +2362,5 @@ let Pe={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},Fe
|
|
|
2362
2362
|
</div>
|
|
2363
2363
|
</div>
|
|
2364
2364
|
</nav>
|
|
2365
|
-
`}};Y([q({type:Boolean})],Q.prototype,`hasActionsSlot`,void 0),Y([J(`nav`)],Q.prototype,`nav`,void 0),Y([J(`.subnav-nav`)],Q.prototype,`mobileNav`,void 0),Y([J(`.header-container`)],Q.prototype,`headerContainer`,void 0),Y([J(`.subnav-toggler`)],Q.prototype,`toggler`,void 0),Y([J(`.subnav-nav-group`)],Q.prototype,`navGroup`,void 0),Y([J(`.subnav-actions`)],Q.prototype,`mobileActions`,void 0),Y([Me()],Q.prototype,`isCollapsed`,void 0),Y([Me()],Q.prototype,`isMenuOpen`,void 0),Y([Re(`isMenuOpen`,{waitUntilFirstUpdate:!0})],Q.prototype,`handleOpenChange`,null),Y([Re(`isCollapsed`,{waitUntilFirstUpdate:!0})],Q.prototype,`handleCollapsedChange`,null),Ye(`subnav.show`,{keyframes:[{height:`0`,opacity:`0`},{height:`auto`,opacity:`1`}],options:{duration:200,easing:`ease-in-out`}}),Ye(`subnav.hide`,{keyframes:[{height:`auto`,opacity:`1`},{height:`0`,opacity:`0`}],options:{duration:200,easing:`ease-in-out`}}),K();var xp=l
|
|
2365
|
+
`}};Y([q({type:Boolean})],Q.prototype,`hasActionsSlot`,void 0),Y([J(`nav`)],Q.prototype,`nav`,void 0),Y([J(`.subnav-nav`)],Q.prototype,`mobileNav`,void 0),Y([J(`.header-container`)],Q.prototype,`headerContainer`,void 0),Y([J(`.subnav-toggler`)],Q.prototype,`toggler`,void 0),Y([J(`.subnav-nav-group`)],Q.prototype,`navGroup`,void 0),Y([J(`.subnav-actions`)],Q.prototype,`mobileActions`,void 0),Y([Me()],Q.prototype,`isCollapsed`,void 0),Y([Me()],Q.prototype,`isMenuOpen`,void 0),Y([Re(`isMenuOpen`,{waitUntilFirstUpdate:!0})],Q.prototype,`handleOpenChange`,null),Y([Re(`isCollapsed`,{waitUntilFirstUpdate:!0})],Q.prototype,`handleCollapsedChange`,null),Ye(`subnav.show`,{keyframes:[{height:`0`,opacity:`0`},{height:`auto`,opacity:`1`}],options:{duration:200,easing:`ease-in-out`}}),Ye(`subnav.hide`,{keyframes:[{height:`auto`,opacity:`1`},{height:`0`,opacity:`0`}],options:{duration:200,easing:`ease-in-out`}}),K();var xp=l`.subnav-item{box-sizing:border-box;display:inline-block;font-size:var(--sgds-font-size-label-sm);padding:var(--sgds-padding-sm) var(--sgds-padding-lg);white-space:nowrap;width:100%}:host(:not([disabled])[active]:not([active=false])) .subnav-item{background-color:var(--sgds-bg-translucent-subtle);border-bottom:none}:host([disabled]) .subnav-item{opacity:var(--sgds-opacity-40)}@media screen and (min-width:1024px){.subnav-item{border-bottom:var(--sgds-border-width-2) solid transparent;padding:var(--sgds-padding-lg) var(--sgds-padding-none)}:host(:not([disabled])[active]:not([active=false])) .subnav-item{background-color:inherit;border-bottom:var(--sgds-border-width-2) solid var(--sgds-primary-border-color-default)}}::slotted(*){--sgds-link-color-default:var(--sgds-color-default);color:var(--sgds-link-color-default,var(--sgds-color-default));cursor:pointer;text-decoration:none!important}::slotted(*):after{height:var(--sgds-icon-size-md)!important;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath fill='%230e0e0e' fill-rule='evenodd' d='M8.145 3.667h.021a.5.5 0 1 1 0 1c-.708 0-1.209 0-1.6.032-.387.032-.622.091-.807.186a2 2 0 0 0-.875.874c-.094.185-.154.42-.185.806-.032.392-.032.893-.032 1.602v3.666c0 .709 0 1.21.032 1.602.031.386.091.621.185.806a2 2 0 0 0 .875.874c.185.095.42.154.806.186.392.032.893.032 1.601.032h3.667c.708 0 1.21 0 1.601-.032.386-.032.622-.091.807-.186a2 2 0 0 0 .874-.874c.095-.185.154-.42.186-.806.032-.392.032-.893.032-1.602a.5.5 0 1 1 1 0v.022c0 .682 0 1.224-.036 1.661-.036.448-.113.83-.29 1.18a3 3 0 0 1-1.312 1.31c-.35.178-.731.255-1.18.292-.436.035-.978.035-1.66.035h-3.71c-.682 0-1.224 0-1.661-.035-.448-.037-.83-.113-1.18-.292a3 3 0 0 1-1.31-1.31c-.179-.35-.255-.732-.292-1.18-.035-.437-.035-.98-.035-1.66V8.144c0-.682 0-1.224.035-1.661.037-.448.113-.83.291-1.18a3 3 0 0 1 1.312-1.31c.35-.178.731-.255 1.179-.292.437-.035.98-.035 1.66-.035m2.188.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 .5.5v5a.5.5 0 0 1-1 0V5.374l-4.98 4.98a.5.5 0 0 1-.707-.708l4.98-4.98h-3.793a.5.5 0 0 1-.5-.5' clip-rule='evenodd'/%3E%3C/svg%3E")!important;mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath fill='%230e0e0e' fill-rule='evenodd' d='M8.145 3.667h.021a.5.5 0 1 1 0 1c-.708 0-1.209 0-1.6.032-.387.032-.622.091-.807.186a2 2 0 0 0-.875.874c-.094.185-.154.42-.185.806-.032.392-.032.893-.032 1.602v3.666c0 .709 0 1.21.032 1.602.031.386.091.621.185.806a2 2 0 0 0 .875.874c.185.095.42.154.806.186.392.032.893.032 1.601.032h3.667c.708 0 1.21 0 1.601-.032.386-.032.622-.091.807-.186a2 2 0 0 0 .874-.874c.095-.185.154-.42.186-.806.032-.392.032-.893.032-1.602a.5.5 0 1 1 1 0v.022c0 .682 0 1.224-.036 1.661-.036.448-.113.83-.29 1.18a3 3 0 0 1-1.312 1.31c-.35.178-.731.255-1.18.292-.436.035-.978.035-1.66.035h-3.71c-.682 0-1.224 0-1.661-.035-.448-.037-.83-.113-1.18-.292a3 3 0 0 1-1.31-1.31c-.179-.35-.255-.732-.292-1.18-.035-.437-.035-.98-.035-1.66V8.144c0-.682 0-1.224.035-1.661.037-.448.113-.83.291-1.18a3 3 0 0 1 1.312-1.31c.35-.178.731-.255 1.179-.292.437-.035.98-.035 1.66-.035m2.188.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 .5.5v5a.5.5 0 0 1-1 0V5.374l-4.98 4.98a.5.5 0 0 1-.707-.708l4.98-4.98h-3.793a.5.5 0 0 1-.5-.5' clip-rule='evenodd'/%3E%3C/svg%3E")!important;width:var(--sgds-icon-size-md)!important}:host(:not([disabled])[active]:not([active=false])) ::slotted(*){--sgds-link-color-default:var(--sgds-primary-color-default);color:var(--sgds-link-color-default,var(--sgds-primary-color-default))}:host([disabled]) ::slotted(a:hover){--sgds-link-color-emphasis:var(--sgds-color-default);color:var(--sgds-link-color-emphasis,var(--sgds-color-default))}:host(:not([disabled])) ::slotted(a:hover){--sgds-link-color-emphasis:var(--sgds-primary-color-default);color:var(--sgds-link-color-emphasis,var(--sgds-primary-color-default))}::slotted(a:focus-visible){--sgds-link-color-emphasis:var(--sgds-primary-color-default);color:var(--sgds-link-color-emphasis,var(--sgds-primary-color-default));outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}:host([disabled]) ::slotted(*){cursor:not-allowed}@media screen and (min-width:1024px){:host(:not([disabled])[active]:not([active=false])) ::slotted(*){--sgds-link-color-default:var(--sgds-primary-color-default);color:var(--sgds-link-color-default,var(--sgds-primary-color-default))}}`;K();var $=class extends X{constructor(...e){super(...e),this.active=!1,this.disabled=!1}static{this.styles=[...X.styles,xp]}_handleDisabled(){this.setAttribute(`aria-disabled`,`${this.disabled}`)}_handleSlotChange(e){let t=e.target,n=t.assignedElements({flatten:!0}).filter(e=>e.tagName.toLowerCase()===`a`||e.tagName.toLowerCase()===`sgds-link`);if(n.length>1){console.error(`More than one anchor tag is added to sgds-subnav-item`);return}if(n.length===0&&t.assignedNodes({flatten:!0}).forEach(e=>{if(e.nodeType===Node.TEXT_NODE){let t=document.createElement(`a`);t.textContent=e.textContent,e.parentNode.replaceChild(t,e)}}),n.length===1){let e=n[0];this.active&&e.setAttribute(`aria-current`,`true`),this.disabled&&(e.setAttribute(`href`,`javascript:void(0)`),e.setAttribute(`tabindex`,`-1`))}}render(){return I`<div class="subnav-item"><slot @slotchange=${this._handleSlotChange}></slot></div>`}};Y([q({type:Boolean,reflect:!0})],$.prototype,`active`,void 0),Y([q({type:Boolean,reflect:!0})],$.prototype,`disabled`,void 0),Y([Re(`disabled`)],$.prototype,`_handleDisabled`,null);function Sp(e,t){customElements.get(e)||customElements.define(e,t)}Sp(`sgds-subnav`,Q),Sp(`sgds-subnav-item`,$)});
|
|
2366
2366
|
//# sourceMappingURL=index.umd.min.js.map
|