@platformscode/core 0.0.34 → 0.0.37

package/dist/collection/nds-components/nds-floating-button/nds-floating-button.js

@@ -15,10 +15,10 @@ export class NdsFloatingButton {
         }
     }
     render() {
-        return (h("button", { key: '6ced09809d97b4fb1897f9ffff81adfc78f4cb93', dir: this.RTL ? 'rtl' : 'ltr', disabled: this.disabled, class: `
+        return (h("button", { key: '5296e6f22459d5fd8870dcd63f76a205121e079d', dir: this.RTL ? 'rtl' : 'ltr', disabled: this.disabled, class: `
             NdsFloatingButton-root
             ${this.inverted ? `NdsFloatingButton-${this.variant}--inverted` : `NdsFloatingButton-${this.variant}`}
-            NdsFloatingButton-${this.size} `, onClick: event => this.handleClick(event) }, h("slot", { key: 'b92e95ca8be5abe987488d12c4d41f1b899f7e02', name: "icon" }, this.icon && h("dga-icon-v2", Object.assign({ key: '50bc858d20b857a8593b5ee716c1a6eb9817f675', name: this.icon }, this.iconProps))), !this.iconOnly && this.label && h("span", { key: 'e7e08585bd00f50ae2ef1a407835a4b10b45b60e', class: "NdsFloatingButton-label" }, this.label)));
+            NdsFloatingButton-${this.size} `, onClick: event => this.handleClick(event) }, h("slot", { key: '752d58e131d01ddbda25102c52804ced4ad0edb1', name: "icon" }, this.icon && h("dga-icon-v2", Object.assign({ key: '8545da127ca19163a80e47edb3cf420423c3c386', name: this.icon }, this.iconProps))), !this.iconOnly && this.label && h("span", { key: 'a07be009d634e8d91b2fd1f2a4cbfa4e9dcf397b', class: "NdsFloatingButton-label" }, this.label)));
     }
     static get is() { return "nds-floating-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/nds-components/nds-link/nds-link-usage.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class NdsLinkUsage {
     render() {
-        return (h("div", { key: '0e8b926a24754ff008a17cdd87e784c4a2dd465d' }, h("h1", { key: '398a2b237b84562a6d224a248f6141c66a79f1da' }, "Button Example"), h("div", { key: 'e4392ed5eac79bb28d98d159feef93fb20c15fea', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '2c35ce38b6396075e2e0ee61ac4277c406e8a513', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-flex", { key: '5a92c586ed62c069b1982b1606989106779e949b', direction: "column", spacing: 16 }, h("nds-link", { key: 'b9c854970b473426f8628ca29a831789728360cf', icon: "link-04" }), h("nds-link", { key: 'b9fe6b1d9049df1d34337bb495188770d8bc07d0', icon: "link-04", label: 'link from props' }), h("nds-link", { key: 'b41ade4cbdc463a731b6bed3a7bdc498438e9429', icon: "link-04", label: 'link from props' }, "link from child"), h("nds-link", { key: '0490624fe6ba48ec60b3401651416d5eddb61f94', variant: "primary", href: "https://www.google.com", target: "_blank" }, "Primary Link"))), h("div", { key: '3ec2c384631d6c5c1297597ebcf0a335f74088bf', style: { display: 'flex', flexDirection: 'column', gap: '20px', backgroundColor: '#074D31', padding: '20px' } }, h("nds-button", { key: '087e16e3b709097a02d81f453064814c989a861d', label: "Button", variant: "primary-brand", size: "lg" }), h("nds-button", { key: '0c6a00f3d7ec77b8126fd0fe876c54945a3823c7', label: "Button", variant: "primary-brand", size: "lg", selected: true }), h("nds-button", { key: '5e03032effedfbd27356d9122185d64ad4b08eb0', leadingIcon: 'link-square-01', size: 'sm' }, h("dga-icon-v2", { key: 'c3b2c7f72800f8977c46a7bad06021ae99050155', slot: 'leading-icon', name: 'source-code', variant: 'stroke', type: 'rounded', size: 16, color: 'white' }))), h("dga-icon-v2", { key: '19455a67ac22968880a83c9628709c242b24b2b4', name: 'link-square-01', variant: 'stroke', type: 'rounded', color: 'red' }), h("div", { key: '07961dab70f74df53c46fbfdeafd39ad651abea8', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        return (h("div", { key: 'a019a93bad7f8797b596ef8190f5fa7b2e449236' }, h("h1", { key: '49d84c470711aea6ff9ff66838d85d50dd8e3fc0' }, "Button Example"), h("div", { key: 'ef067639c2b8f10c57372c74187cfbba04068ea1', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '0b579c7bd0f58091a45b69400206285e16efc5bd', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-flex", { key: 'f505ff9419d42c9f1aab7e6044a319206d900bfe', direction: "column", spacing: 16 }, h("nds-link", { key: '1637a0f5b63d5bcb22f57894aad52e1883e06fd7', icon: "link-04" }), h("nds-link", { key: '49177706fd5194a8ba7b6d3c19941b1f65d18f48', icon: "link-04", label: 'link from props' }), h("nds-link", { key: '5f81b70b414f10646851f2d86f07fdb892b8b479', icon: "link-04", label: 'link from props' }, "link from child"), h("nds-link", { key: '7a09e6c292a97370c85a6d089fe53c59a2831ca9', variant: "primary", href: "https://www.google.com", target: "_blank" }, "Primary Link"))), h("div", { key: 'be18051dd53bd1b58591b85736acf352d0e20e4a', style: { display: 'flex', flexDirection: 'column', gap: '20px', backgroundColor: '#074D31', padding: '20px' } }, h("nds-button", { key: '6dfccfbe0400fabcca6cce62e8c3983003aeb554', label: "Button", variant: "primary-brand", size: "lg" }), h("nds-button", { key: 'ce33261009e977840d08de42f43ae798593cdf03', label: "Button", variant: "primary-brand", size: "lg", selected: true }), h("nds-button", { key: 'c95cbc0353d5ea3e995cbb9114c5f3a3916a234a', leadingIcon: 'link-square-01', size: 'sm' }, h("dga-icon-v2", { key: 'a0dd1bbbebceedceb3b257fa88dea161e2be3c28', slot: 'leading-icon', name: 'source-code', variant: 'stroke', type: 'rounded', size: 16, color: 'white' }))), h("dga-icon-v2", { key: '48a009917c84e0ddd36ac96234834bf5b7fd152a', name: 'link-square-01', variant: 'stroke', type: 'rounded', color: 'red' }), h("div", { key: '2a8c6fddf0714627203d46340c911122e578e95c', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
     static get is() { return "nds-link-usage"; }
 }

package/dist/collection/nds-components/nds-link/nds-link.js

@@ -11,7 +11,7 @@ export class NdsLink {
         };
     }
     render() {
-        return (h("a", { key: '908ca034b4688881c384b80ac3545a889631c646', href: this.href, target: this.target, onClick: event => this.handleClick(event), class: `dga-link dga-link--${this.size} dga-link--${this.variant} ${this.inline ? 'dga-link--inline' : ''} ${this.disabled ? 'dga-link--disabled' : ''}` }, h("span", { key: '2513a04e7a8c85b29930c41600a8e67f672adfed', class: "dga-link__label" }, h("slot", { key: 'ac9c5b8d85193abe9ea4cb33bbf805dd769d712f' }, this.label)), this.icon && h("span", { key: '611c05428ae23a08d28d94b9d7dcbf64a535ac95', className: "dga-link__icon" }, h("dga-icon-v2", Object.assign({ key: '8d8dc7e4ac7f49c380a5fbcde64f6b7874f0fa1b', name: this.icon }, this.iconProps)))));
+        return (h("a", { key: 'f48b97ed18686f03cda9964e1ac9ea5d9bca372f', href: this.href, target: this.target, onClick: event => this.handleClick(event), class: `dga-link dga-link--${this.size} dga-link--${this.variant} ${this.inline ? 'dga-link--inline' : ''} ${this.disabled ? 'dga-link--disabled' : ''}` }, h("span", { key: '4178aa7bf5400b9335f084b62c974cf3d903e8e9', class: "dga-link__label" }, h("slot", { key: '740838deeea03a9899e9f51cfe8befbb40531ded' }, this.label)), this.icon && h("span", { key: '53a3c389da73235be626399658756e783d7936a8', className: "dga-link__icon" }, h("dga-icon-v2", Object.assign({ key: '7acdf111d7878345389d59d770d8427c98bb8075', name: this.icon }, this.iconProps)))));
     }
     static get is() { return "nds-link"; }
     static get encapsulation() { return "shadow"; }
@@ -149,7 +149,7 @@ export class NdsLink {
                 "mutable": false,
                 "complexType": {
                     "original": "Omit<HTMLDgaIconElement, 'name'>",
-                    "resolved": "{ color?: string; readonly style: CSSStyleDeclaration; slot: string; title: string; animate: (keyframes: Keyframe[] | PropertyIndexedKeyframes, options?: number | KeyframeAnimationOptions) => Animation; innerHTML: string; accessKey: string; autofocus: boolean; contentEditable: string; dir: string; draggable: boolean; hidden: boolean; id: string; inert: boolean; lang: string; spellcheck: boolean; tabIndex: number; popover: string; inputMode: string; enterKeyHint: string; role: string; readonly prefix: string; autocapitalize: string; readonly part: DOMTokenList; src?: string; type?: \"rounded\" | \"sharp\" | \"standard\"; lazy: boolean; onselect: (this: GlobalEventHandlers, ev: Event) => any; size?: number; nonce?: string; blur: () => void; focus: (options?: FocusOptions) => void; scroll: { (options?: ScrollToOptions): void; (x: number, y: number): void; }; scrollBy: { (options?: ScrollToOptions): void; (x: number, y: number): void; }; scrollTo: { (options?: ScrollToOptions): void; (x: number, y: number): void; }; addEventListener: { <K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; (type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; }; removeEventListener: { <K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; (type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; }; dispatchEvent: (event: Event) => boolean; onabort: (this: GlobalEventHandlers, ev: UIEvent) => any; onanimationcancel: (this: GlobalEventHandlers, ev: AnimationEvent) => any; onanimationend: (this: GlobalEventHandlers, ev: AnimationEvent) => any; onanimationiteration: (this: GlobalEventHandlers, ev: AnimationEvent) => any; onanimationstart: (this: GlobalEventHandlers, ev: AnimationEvent) => any; onauxclick: (this: GlobalEventHandlers, ev: MouseEvent) => any; onbeforeinput: (this: GlobalEventHandlers, ev: InputEvent) => any; onbeforetoggle: (this: GlobalEventHandlers, ev: Event) => any; onblur: (this: GlobalEventHandlers, ev: FocusEvent) => any; oncancel: (this: GlobalEventHandlers, ev: Event) => any; oncanplay: (this: GlobalEventHandlers, ev: Event) => any; oncanplaythrough: (this: GlobalEventHandlers, ev: Event) => any; onchange: (this: GlobalEventHandlers, ev: Event) => any; onclick: (this: GlobalEventHandlers, ev: MouseEvent) => any; onclose: (this: GlobalEventHandlers, ev: Event) => any; oncontextmenu: (this: GlobalEventHandlers, ev: MouseEvent) => any; oncopy: (this: GlobalEventHandlers, ev: ClipboardEvent) => any; oncuechange: (this: GlobalEventHandlers, ev: Event) => any; oncut: (this: GlobalEventHandlers, ev: ClipboardEvent) => any; ondblclick: (this: GlobalEventHandlers, ev: MouseEvent) => any; ondrag: (this: GlobalEventHandlers, ev: DragEvent) => any; ondragend: (this: GlobalEventHandlers, ev: DragEvent) => any; ondragenter: (this: GlobalEventHandlers, ev: DragEvent) => any; ondragleave: (this: GlobalEventHandlers, ev: DragEvent) => any; ondragover: (this: GlobalEventHandlers, ev: DragEvent) => any; ondragstart: (this: GlobalEventHandlers, ev: DragEvent) => any; ondrop: (this: GlobalEventHandlers, ev: DragEvent) => any; ondurationchange: (this: GlobalEventHandlers, ev: Event) => any; onemptied: (this: GlobalEventHandlers, ev: Event) => any; onended: (this: GlobalEventHandlers, ev: Event) => any; onerror: OnErrorEventHandlerNonNull; onfocus: (this: GlobalEventHandlers, ev: FocusEvent) => any; onformdata: (this: GlobalEventHandlers, ev: FormDataEvent) => any; ongotpointercapture: (this: GlobalEventHandlers, ev: PointerEvent) => any; oninput: (this: GlobalEventHandlers, ev: Event) => any; oninvalid: (this: GlobalEventHandlers, ev: Event) => any; onkeydown: (this: GlobalEventHandlers, ev: KeyboardEvent) => any; onkeypress: (this: GlobalEventHandlers, ev: KeyboardEvent) => any; onkeyup: (this: GlobalEventHandlers, ev: KeyboardEvent) => any; onload: (this: GlobalEventHandlers, ev: Event) => any; onloadeddata: (this: GlobalEventHandlers, ev: Event) => any; onloadedmetadata: (this: GlobalEventHandlers, ev: Event) => any; onloadstart: (this: GlobalEventHandlers, ev: Event) => any; onlostpointercapture: (this: GlobalEventHandlers, ev: PointerEvent) => any; onmousedown: (this: GlobalEventHandlers, ev: MouseEvent) => any; onmouseenter: (this: GlobalEventHandlers, ev: MouseEvent) => any; onmouseleave: (this: GlobalEventHandlers, ev: MouseEvent) => any; onmousemove: (this: GlobalEventHandlers, ev: MouseEvent) => any; onmouseout: (this: GlobalEventHandlers, ev: MouseEvent) => any; onmouseover: (this: GlobalEventHandlers, ev: MouseEvent) => any; onmouseup: (this: GlobalEventHandlers, ev: MouseEvent) => any; onpaste: (this: GlobalEventHandlers, ev: ClipboardEvent) => any; onpause: (this: GlobalEventHandlers, ev: Event) => any; onplay: (this: GlobalEventHandlers, ev: Event) => any; onplaying: (this: GlobalEventHandlers, ev: Event) => any; onpointercancel: (this: GlobalEventHandlers, ev: PointerEvent) => any; onpointerdown: (this: GlobalEventHandlers, ev: PointerEvent) => any; onpointerenter: (this: GlobalEventHandlers, ev: PointerEvent) => any; onpointerleave: (this: GlobalEventHandlers, ev: PointerEvent) => any; onpointermove: (this: GlobalEventHandlers, ev: PointerEvent) => any; onpointerout: (this: GlobalEventHandlers, ev: PointerEvent) => any; onpointerover: (this: GlobalEventHandlers, ev: PointerEvent) => any; onpointerup: (this: GlobalEventHandlers, ev: PointerEvent) => any; onprogress: (this: GlobalEventHandlers, ev: ProgressEvent<EventTarget>) => any; onratechange: (this: GlobalEventHandlers, ev: Event) => any; onreset: (this: GlobalEventHandlers, ev: Event) => any; onresize: (this: GlobalEventHandlers, ev: UIEvent) => any; onscroll: (this: GlobalEventHandlers, ev: Event) => any; onscrollend: (this: GlobalEventHandlers, ev: Event) => any; onsecuritypolicyviolation: (this: GlobalEventHandlers, ev: SecurityPolicyViolationEvent) => any; onseeked: (this: GlobalEventHandlers, ev: Event) => any; onseeking: (this: GlobalEventHandlers, ev: Event) => any; onselectionchange: (this: GlobalEventHandlers, ev: Event) => any; onselectstart: (this: GlobalEventHandlers, ev: Event) => any; onslotchange: (this: GlobalEventHandlers, ev: Event) => any; onstalled: (this: GlobalEventHandlers, ev: Event) => any; onsubmit: (this: GlobalEventHandlers, ev: SubmitEvent) => any; onsuspend: (this: GlobalEventHandlers, ev: Event) => any; ontimeupdate: (this: GlobalEventHandlers, ev: Event) => any; ontoggle: (this: GlobalEventHandlers, ev: Event) => any; ontouchcancel?: (this: GlobalEventHandlers, ev: TouchEvent) => any; ontouchend?: (this: GlobalEventHandlers, ev: TouchEvent) => any; ontouchmove?: (this: GlobalEventHandlers, ev: TouchEvent) => any; ontouchstart?: (this: GlobalEventHandlers, ev: TouchEvent) => any; ontransitioncancel: (this: GlobalEventHandlers, ev: TransitionEvent) => any; ontransitionend: (this: GlobalEventHandlers, ev: TransitionEvent) => any; ontransitionrun: (this: GlobalEventHandlers, ev: TransitionEvent) => any; ontransitionstart: (this: GlobalEventHandlers, ev: TransitionEvent) => any; onvolumechange: (this: GlobalEventHandlers, ev: Event) => any; onwaiting: (this: GlobalEventHandlers, ev: Event) => any; onwebkitanimationend: (this: GlobalEventHandlers, ev: Event) => any; onwebkitanimationiteration: (this: GlobalEventHandlers, ev: Event) => any; onwebkitanimationstart: (this: GlobalEventHandlers, ev: Event) => any; onwebkittransitionend: (this: GlobalEventHandlers, ev: Event) => any; onwheel: (this: GlobalEventHandlers, ev: WheelEvent) => any; readonly accessKeyLabel: string; innerText: string; readonly offsetHeight: number; readonly offsetLeft: number; readonly offsetParent: Element; readonly offsetTop: number; readonly offsetWidth: number; outerText: string; translate: boolean; attachInternals: () => ElementInternals; click: () => void; hidePopover: () => void; showPopover: () => void; togglePopover: (force?: boolean) => boolean; readonly attributes: NamedNodeMap; readonly classList: DOMTokenList; className: string; readonly clientHeight: number; readonly clientLeft: number; readonly clientTop: number; readonly clientWidth: number; readonly localName: string; readonly namespaceURI: string; onfullscreenchange: (this: Element, ev: Event) => any; onfullscreenerror: (this: Element, ev: Event) => any; outerHTML: string; readonly ownerDocument: Document; readonly scrollHeight: number; scrollLeft: number; scrollTop: number; readonly scrollWidth: number; readonly shadowRoot: ShadowRoot; readonly tagName: string; attachShadow: (init: ShadowRootInit) => ShadowRoot; checkVisibility: (options?: CheckVisibilityOptions) => boolean; closest: { <K extends keyof HTMLElementTagNameMap>(selector: K): HTMLElementTagNameMap[K]; <K extends keyof SVGElementTagNameMap>(selector: K): SVGElementTagNameMap[K]; <K extends keyof MathMLElementTagNameMap>(selector: K): MathMLElementTagNameMap[K]; <E extends Element = Element>(selectors: string): E; }; computedStyleMap: () => StylePropertyMapReadOnly; getAttribute: (qualifiedName: string) => string; getAttributeNS: (namespace: string, localName: string) => string; getAttributeNames: () => string[]; getAttributeNode: (qualifiedName: string) => Attr; getAttributeNodeNS: (namespace: string, localName: string) => Attr; getBoundingClientRect: () => DOMRect; getClientRects: () => DOMRectList; getElementsByClassName: (classNames: string) => HTMLCollectionOf<Element>; getElementsByTagName: { <K extends keyof HTMLElementTagNameMap>(qualifiedName: K): HTMLCollectionOf<HTMLElementTagNameMap[K]>; <K extends keyof SVGElementTagNameMap>(qualifiedName: K): HTMLCollectionOf<SVGElementTagNameMap[K]>; <K extends keyof MathMLElementTagNameMap>(qualifiedName: K): HTMLCollectionOf<MathMLElementTagNameMap[K]>; <K extends keyof HTMLElementDeprecatedTagNameMap>(qualifiedName: K): HTMLCollectionOf<HTMLElementDeprecatedTagNameMap[K]>; (qualifiedName: string): HTMLCollectionOf<Element>; }; getElementsByTagNameNS: { (namespaceURI: \"http://www.w3.org/1999/xhtml\", localName: string): HTMLCollectionOf<HTMLElement>; (namespaceURI: \"http://www.w3.org/2000/svg\", localName: string): HTMLCollectionOf<SVGElement>; (namespaceURI: \"http://www.w3.org/1998/Math/MathML\", localName: string): HTMLCollectionOf<MathMLElement>; (namespace: string, localName: string): HTMLCollectionOf<Element>; }; hasAttribute: (qualifiedName: string) => boolean; hasAttributeNS: (namespace: string, localName: string) => boolean; hasAttributes: () => boolean; hasPointerCapture: (pointerId: number) => boolean; insertAdjacentElement: (where: InsertPosition, element: Element) => Element; insertAdjacentHTML: (position: InsertPosition, text: string) => void; insertAdjacentText: (where: InsertPosition, data: string) => void; matches: (selectors: string) => boolean; releasePointerCapture: (pointerId: number) => void; removeAttribute: (qualifiedName: string) => void; removeAttributeNS: (namespace: string, localName: string) => void; removeAttributeNode: (attr: Attr) => Attr; requestFullscreen: (options?: FullscreenOptions) => Promise<void>; requestPointerLock: () => void; scrollIntoView: (arg?: boolean | ScrollIntoViewOptions) => void; setAttribute: (qualifiedName: string, value: string) => void; setAttributeNS: (namespace: string, qualifiedName: string, value: string) => void; setAttributeNode: (attr: Attr) => Attr; setAttributeNodeNS: (attr: Attr) => Attr; setHTMLUnsafe: (html: string) => void; setPointerCapture: (pointerId: number) => void; toggleAttribute: (qualifiedName: string, force?: boolean) => boolean; webkitMatchesSelector: (selectors: string) => boolean; readonly baseURI: string; readonly childNodes: NodeListOf<ChildNode>; readonly firstChild: ChildNode; readonly isConnected: boolean; readonly lastChild: ChildNode; readonly nextSibling: ChildNode; readonly nodeName: string; readonly nodeType: number; nodeValue: string; readonly parentElement: HTMLElement; readonly parentNode: ParentNode; readonly previousSibling: ChildNode; textContent: string; appendChild: <T extends Node>(node: T) => T; cloneNode: (deep?: boolean) => Node; compareDocumentPosition: (other: Node) => number; contains: (other: Node) => boolean; getRootNode: (options?: GetRootNodeOptions) => Node; hasChildNodes: () => boolean; insertBefore: <T extends Node>(node: T, child: Node) => T; isDefaultNamespace: (namespace: string) => boolean; isEqualNode: (otherNode: Node) => boolean; isSameNode: (otherNode: Node) => boolean; lookupNamespaceURI: (prefix: string) => string; lookupPrefix: (namespace: string) => string; normalize: () => void; removeChild: <T extends Node>(child: T) => T; replaceChild: <T extends Node>(node: Node, child: T) => T; readonly ELEMENT_NODE: 1; readonly ATTRIBUTE_NODE: 2; readonly TEXT_NODE: 3; readonly CDATA_SECTION_NODE: 4; readonly ENTITY_REFERENCE_NODE: 5; readonly ENTITY_NODE: 6; readonly PROCESSING_INSTRUCTION_NODE: 7; readonly COMMENT_NODE: 8; readonly DOCUMENT_NODE: 9; readonly DOCUMENT_TYPE_NODE: 10; readonly DOCUMENT_FRAGMENT_NODE: 11; readonly NOTATION_NODE: 12; readonly DOCUMENT_POSITION_DISCONNECTED: 1; readonly DOCUMENT_POSITION_PRECEDING: 2; readonly DOCUMENT_POSITION_FOLLOWING: 4; readonly DOCUMENT_POSITION_CONTAINS: 8; readonly DOCUMENT_POSITION_CONTAINED_BY: 16; readonly DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC: 32; ariaAtomic: string; ariaAutoComplete: string; ariaBrailleLabel: string; ariaBrailleRoleDescription: string; ariaBusy: string; ariaChecked: string; ariaColCount: string; ariaColIndex: string; ariaColSpan: string; ariaCurrent: string; ariaDescription: string; ariaDisabled: string; ariaExpanded: string; ariaHasPopup: string; ariaHidden: string; ariaInvalid: string; ariaKeyShortcuts: string; ariaLabel: string; ariaLevel: string; ariaLive: string; ariaModal: string; ariaMultiLine: string; ariaMultiSelectable: string; ariaOrientation: string; ariaPlaceholder: string; ariaPosInSet: string; ariaPressed: string; ariaReadOnly: string; ariaRequired: string; ariaRoleDescription: string; ariaRowCount: string; ariaRowIndex: string; ariaRowSpan: string; ariaSelected: string; ariaSetSize: string; ariaSort: string; ariaValueMax: string; ariaValueMin: string; ariaValueNow: string; ariaValueText: string; getAnimations: (options?: GetAnimationsOptions) => Animation[]; after: (...nodes: (string | Node)[]) => void; before: (...nodes: (string | Node)[]) => void; remove: () => void; replaceWith: (...nodes: (string | Node)[]) => void; readonly nextElementSibling: Element; readonly previousElementSibling: Element; readonly childElementCount: number; readonly children: HTMLCollection; readonly firstElementChild: Element; readonly lastElementChild: Element; append: (...nodes: (string | Node)[]) => void; prepend: (...nodes: (string | Node)[]) => void; querySelector: { <K extends keyof HTMLElementTagNameMap>(selectors: K): HTMLElementTagNameMap[K]; <K extends keyof SVGElementTagNameMap>(selectors: K): SVGElementTagNameMap[K]; <K extends keyof MathMLElementTagNameMap>(selectors: K): MathMLElementTagNameMap[K]; <K extends keyof HTMLElementDeprecatedTagNameMap>(selectors: K): HTMLElementDeprecatedTagNameMap[K]; <E extends Element = Element>(selectors: string): E; }; querySelectorAll: { <K extends keyof HTMLElementTagNameMap>(selectors: K): NodeListOf<HTMLElementTagNameMap[K]>; <K extends keyof SVGElementTagNameMap>(selectors: K): NodeListOf<SVGElementTagNameMap[K]>; <K extends keyof MathMLElementTagNameMap>(selectors: K): NodeListOf<MathMLElementTagNameMap[K]>; <K extends keyof HTMLElementDeprecatedTagNameMap>(selectors: K): NodeListOf<HTMLElementDeprecatedTagNameMap[K]>; <E extends Element = Element>(selectors: string): NodeListOf<E>; }; replaceChildren: (...nodes: (string | Node)[]) => void; readonly assignedSlot: HTMLSlotElement; readonly attributeStyleMap: StylePropertyMap; readonly isContentEditable: boolean; readonly dataset: DOMStringMap; icon?: any; variant?: \"stroke\" | \"solid\" | \"duotone\" | \"twotone\" | \"bulk\"; flipRtl?: boolean; sanitize: boolean; componentOnReady: () => Promise<HTMLDgaIconElement>; }",
+                    "resolved": "{ color?: string; readonly style: CSSStyleDeclaration; slot: string; title: string; animate: (keyframes: Keyframe[] | PropertyIndexedKeyframes, options?: number | KeyframeAnimationOptions) => Animation; innerHTML: string; accessKey: string; autofocus: boolean; contentEditable: string; dir: string; draggable: boolean; hidden: boolean; id: string; inert: boolean; lang: string; spellcheck: boolean; tabIndex: number; popover: string; inputMode: string; enterKeyHint: string; role: string; readonly prefix: string; autocapitalize: string; readonly part: DOMTokenList; src?: string; type?: \"rounded\" | \"sharp\" | \"standard\"; lazy: boolean; onselect: (this: GlobalEventHandlers, ev: Event) => any; size?: string | number; nonce?: string; blur: () => void; focus: (options?: FocusOptions) => void; scroll: { (options?: ScrollToOptions): void; (x: number, y: number): void; }; scrollBy: { (options?: ScrollToOptions): void; (x: number, y: number): void; }; scrollTo: { (options?: ScrollToOptions): void; (x: number, y: number): void; }; addEventListener: { <K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; (type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; }; removeEventListener: { <K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; (type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; }; dispatchEvent: (event: Event) => boolean; onabort: (this: GlobalEventHandlers, ev: UIEvent) => any; onanimationcancel: (this: GlobalEventHandlers, ev: AnimationEvent) => any; onanimationend: (this: GlobalEventHandlers, ev: AnimationEvent) => any; onanimationiteration: (this: GlobalEventHandlers, ev: AnimationEvent) => any; onanimationstart: (this: GlobalEventHandlers, ev: AnimationEvent) => any; onauxclick: (this: GlobalEventHandlers, ev: MouseEvent) => any; onbeforeinput: (this: GlobalEventHandlers, ev: InputEvent) => any; onbeforetoggle: (this: GlobalEventHandlers, ev: Event) => any; onblur: (this: GlobalEventHandlers, ev: FocusEvent) => any; oncancel: (this: GlobalEventHandlers, ev: Event) => any; oncanplay: (this: GlobalEventHandlers, ev: Event) => any; oncanplaythrough: (this: GlobalEventHandlers, ev: Event) => any; onchange: (this: GlobalEventHandlers, ev: Event) => any; onclick: (this: GlobalEventHandlers, ev: MouseEvent) => any; onclose: (this: GlobalEventHandlers, ev: Event) => any; oncontextmenu: (this: GlobalEventHandlers, ev: MouseEvent) => any; oncopy: (this: GlobalEventHandlers, ev: ClipboardEvent) => any; oncuechange: (this: GlobalEventHandlers, ev: Event) => any; oncut: (this: GlobalEventHandlers, ev: ClipboardEvent) => any; ondblclick: (this: GlobalEventHandlers, ev: MouseEvent) => any; ondrag: (this: GlobalEventHandlers, ev: DragEvent) => any; ondragend: (this: GlobalEventHandlers, ev: DragEvent) => any; ondragenter: (this: GlobalEventHandlers, ev: DragEvent) => any; ondragleave: (this: GlobalEventHandlers, ev: DragEvent) => any; ondragover: (this: GlobalEventHandlers, ev: DragEvent) => any; ondragstart: (this: GlobalEventHandlers, ev: DragEvent) => any; ondrop: (this: GlobalEventHandlers, ev: DragEvent) => any; ondurationchange: (this: GlobalEventHandlers, ev: Event) => any; onemptied: (this: GlobalEventHandlers, ev: Event) => any; onended: (this: GlobalEventHandlers, ev: Event) => any; onerror: OnErrorEventHandlerNonNull; onfocus: (this: GlobalEventHandlers, ev: FocusEvent) => any; onformdata: (this: GlobalEventHandlers, ev: FormDataEvent) => any; ongotpointercapture: (this: GlobalEventHandlers, ev: PointerEvent) => any; oninput: (this: GlobalEventHandlers, ev: Event) => any; oninvalid: (this: GlobalEventHandlers, ev: Event) => any; onkeydown: (this: GlobalEventHandlers, ev: KeyboardEvent) => any; onkeypress: (this: GlobalEventHandlers, ev: KeyboardEvent) => any; onkeyup: (this: GlobalEventHandlers, ev: KeyboardEvent) => any; onload: (this: GlobalEventHandlers, ev: Event) => any; onloadeddata: (this: GlobalEventHandlers, ev: Event) => any; onloadedmetadata: (this: GlobalEventHandlers, ev: Event) => any; onloadstart: (this: GlobalEventHandlers, ev: Event) => any; onlostpointercapture: (this: GlobalEventHandlers, ev: PointerEvent) => any; onmousedown: (this: GlobalEventHandlers, ev: MouseEvent) => any; onmouseenter: (this: GlobalEventHandlers, ev: MouseEvent) => any; onmouseleave: (this: GlobalEventHandlers, ev: MouseEvent) => any; onmousemove: (this: GlobalEventHandlers, ev: MouseEvent) => any; onmouseout: (this: GlobalEventHandlers, ev: MouseEvent) => any; onmouseover: (this: GlobalEventHandlers, ev: MouseEvent) => any; onmouseup: (this: GlobalEventHandlers, ev: MouseEvent) => any; onpaste: (this: GlobalEventHandlers, ev: ClipboardEvent) => any; onpause: (this: GlobalEventHandlers, ev: Event) => any; onplay: (this: GlobalEventHandlers, ev: Event) => any; onplaying: (this: GlobalEventHandlers, ev: Event) => any; onpointercancel: (this: GlobalEventHandlers, ev: PointerEvent) => any; onpointerdown: (this: GlobalEventHandlers, ev: PointerEvent) => any; onpointerenter: (this: GlobalEventHandlers, ev: PointerEvent) => any; onpointerleave: (this: GlobalEventHandlers, ev: PointerEvent) => any; onpointermove: (this: GlobalEventHandlers, ev: PointerEvent) => any; onpointerout: (this: GlobalEventHandlers, ev: PointerEvent) => any; onpointerover: (this: GlobalEventHandlers, ev: PointerEvent) => any; onpointerup: (this: GlobalEventHandlers, ev: PointerEvent) => any; onprogress: (this: GlobalEventHandlers, ev: ProgressEvent<EventTarget>) => any; onratechange: (this: GlobalEventHandlers, ev: Event) => any; onreset: (this: GlobalEventHandlers, ev: Event) => any; onresize: (this: GlobalEventHandlers, ev: UIEvent) => any; onscroll: (this: GlobalEventHandlers, ev: Event) => any; onscrollend: (this: GlobalEventHandlers, ev: Event) => any; onsecuritypolicyviolation: (this: GlobalEventHandlers, ev: SecurityPolicyViolationEvent) => any; onseeked: (this: GlobalEventHandlers, ev: Event) => any; onseeking: (this: GlobalEventHandlers, ev: Event) => any; onselectionchange: (this: GlobalEventHandlers, ev: Event) => any; onselectstart: (this: GlobalEventHandlers, ev: Event) => any; onslotchange: (this: GlobalEventHandlers, ev: Event) => any; onstalled: (this: GlobalEventHandlers, ev: Event) => any; onsubmit: (this: GlobalEventHandlers, ev: SubmitEvent) => any; onsuspend: (this: GlobalEventHandlers, ev: Event) => any; ontimeupdate: (this: GlobalEventHandlers, ev: Event) => any; ontoggle: (this: GlobalEventHandlers, ev: Event) => any; ontouchcancel?: (this: GlobalEventHandlers, ev: TouchEvent) => any; ontouchend?: (this: GlobalEventHandlers, ev: TouchEvent) => any; ontouchmove?: (this: GlobalEventHandlers, ev: TouchEvent) => any; ontouchstart?: (this: GlobalEventHandlers, ev: TouchEvent) => any; ontransitioncancel: (this: GlobalEventHandlers, ev: TransitionEvent) => any; ontransitionend: (this: GlobalEventHandlers, ev: TransitionEvent) => any; ontransitionrun: (this: GlobalEventHandlers, ev: TransitionEvent) => any; ontransitionstart: (this: GlobalEventHandlers, ev: TransitionEvent) => any; onvolumechange: (this: GlobalEventHandlers, ev: Event) => any; onwaiting: (this: GlobalEventHandlers, ev: Event) => any; onwebkitanimationend: (this: GlobalEventHandlers, ev: Event) => any; onwebkitanimationiteration: (this: GlobalEventHandlers, ev: Event) => any; onwebkitanimationstart: (this: GlobalEventHandlers, ev: Event) => any; onwebkittransitionend: (this: GlobalEventHandlers, ev: Event) => any; onwheel: (this: GlobalEventHandlers, ev: WheelEvent) => any; readonly accessKeyLabel: string; innerText: string; readonly offsetHeight: number; readonly offsetLeft: number; readonly offsetParent: Element; readonly offsetTop: number; readonly offsetWidth: number; outerText: string; translate: boolean; attachInternals: () => ElementInternals; click: () => void; hidePopover: () => void; showPopover: () => void; togglePopover: (force?: boolean) => boolean; readonly attributes: NamedNodeMap; readonly classList: DOMTokenList; className: string; readonly clientHeight: number; readonly clientLeft: number; readonly clientTop: number; readonly clientWidth: number; readonly localName: string; readonly namespaceURI: string; onfullscreenchange: (this: Element, ev: Event) => any; onfullscreenerror: (this: Element, ev: Event) => any; outerHTML: string; readonly ownerDocument: Document; readonly scrollHeight: number; scrollLeft: number; scrollTop: number; readonly scrollWidth: number; readonly shadowRoot: ShadowRoot; readonly tagName: string; attachShadow: (init: ShadowRootInit) => ShadowRoot; checkVisibility: (options?: CheckVisibilityOptions) => boolean; closest: { <K extends keyof HTMLElementTagNameMap>(selector: K): HTMLElementTagNameMap[K]; <K extends keyof SVGElementTagNameMap>(selector: K): SVGElementTagNameMap[K]; <K extends keyof MathMLElementTagNameMap>(selector: K): MathMLElementTagNameMap[K]; <E extends Element = Element>(selectors: string): E; }; computedStyleMap: () => StylePropertyMapReadOnly; getAttribute: (qualifiedName: string) => string; getAttributeNS: (namespace: string, localName: string) => string; getAttributeNames: () => string[]; getAttributeNode: (qualifiedName: string) => Attr; getAttributeNodeNS: (namespace: string, localName: string) => Attr; getBoundingClientRect: () => DOMRect; getClientRects: () => DOMRectList; getElementsByClassName: (classNames: string) => HTMLCollectionOf<Element>; getElementsByTagName: { <K extends keyof HTMLElementTagNameMap>(qualifiedName: K): HTMLCollectionOf<HTMLElementTagNameMap[K]>; <K extends keyof SVGElementTagNameMap>(qualifiedName: K): HTMLCollectionOf<SVGElementTagNameMap[K]>; <K extends keyof MathMLElementTagNameMap>(qualifiedName: K): HTMLCollectionOf<MathMLElementTagNameMap[K]>; <K extends keyof HTMLElementDeprecatedTagNameMap>(qualifiedName: K): HTMLCollectionOf<HTMLElementDeprecatedTagNameMap[K]>; (qualifiedName: string): HTMLCollectionOf<Element>; }; getElementsByTagNameNS: { (namespaceURI: \"http://www.w3.org/1999/xhtml\", localName: string): HTMLCollectionOf<HTMLElement>; (namespaceURI: \"http://www.w3.org/2000/svg\", localName: string): HTMLCollectionOf<SVGElement>; (namespaceURI: \"http://www.w3.org/1998/Math/MathML\", localName: string): HTMLCollectionOf<MathMLElement>; (namespace: string, localName: string): HTMLCollectionOf<Element>; }; hasAttribute: (qualifiedName: string) => boolean; hasAttributeNS: (namespace: string, localName: string) => boolean; hasAttributes: () => boolean; hasPointerCapture: (pointerId: number) => boolean; insertAdjacentElement: (where: InsertPosition, element: Element) => Element; insertAdjacentHTML: (position: InsertPosition, text: string) => void; insertAdjacentText: (where: InsertPosition, data: string) => void; matches: (selectors: string) => boolean; releasePointerCapture: (pointerId: number) => void; removeAttribute: (qualifiedName: string) => void; removeAttributeNS: (namespace: string, localName: string) => void; removeAttributeNode: (attr: Attr) => Attr; requestFullscreen: (options?: FullscreenOptions) => Promise<void>; requestPointerLock: () => void; scrollIntoView: (arg?: boolean | ScrollIntoViewOptions) => void; setAttribute: (qualifiedName: string, value: string) => void; setAttributeNS: (namespace: string, qualifiedName: string, value: string) => void; setAttributeNode: (attr: Attr) => Attr; setAttributeNodeNS: (attr: Attr) => Attr; setHTMLUnsafe: (html: string) => void; setPointerCapture: (pointerId: number) => void; toggleAttribute: (qualifiedName: string, force?: boolean) => boolean; webkitMatchesSelector: (selectors: string) => boolean; readonly baseURI: string; readonly childNodes: NodeListOf<ChildNode>; readonly firstChild: ChildNode; readonly isConnected: boolean; readonly lastChild: ChildNode; readonly nextSibling: ChildNode; readonly nodeName: string; readonly nodeType: number; nodeValue: string; readonly parentElement: HTMLElement; readonly parentNode: ParentNode; readonly previousSibling: ChildNode; textContent: string; appendChild: <T extends Node>(node: T) => T; cloneNode: (deep?: boolean) => Node; compareDocumentPosition: (other: Node) => number; contains: (other: Node) => boolean; getRootNode: (options?: GetRootNodeOptions) => Node; hasChildNodes: () => boolean; insertBefore: <T extends Node>(node: T, child: Node) => T; isDefaultNamespace: (namespace: string) => boolean; isEqualNode: (otherNode: Node) => boolean; isSameNode: (otherNode: Node) => boolean; lookupNamespaceURI: (prefix: string) => string; lookupPrefix: (namespace: string) => string; normalize: () => void; removeChild: <T extends Node>(child: T) => T; replaceChild: <T extends Node>(node: Node, child: T) => T; readonly ELEMENT_NODE: 1; readonly ATTRIBUTE_NODE: 2; readonly TEXT_NODE: 3; readonly CDATA_SECTION_NODE: 4; readonly ENTITY_REFERENCE_NODE: 5; readonly ENTITY_NODE: 6; readonly PROCESSING_INSTRUCTION_NODE: 7; readonly COMMENT_NODE: 8; readonly DOCUMENT_NODE: 9; readonly DOCUMENT_TYPE_NODE: 10; readonly DOCUMENT_FRAGMENT_NODE: 11; readonly NOTATION_NODE: 12; readonly DOCUMENT_POSITION_DISCONNECTED: 1; readonly DOCUMENT_POSITION_PRECEDING: 2; readonly DOCUMENT_POSITION_FOLLOWING: 4; readonly DOCUMENT_POSITION_CONTAINS: 8; readonly DOCUMENT_POSITION_CONTAINED_BY: 16; readonly DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC: 32; ariaAtomic: string; ariaAutoComplete: string; ariaBrailleLabel: string; ariaBrailleRoleDescription: string; ariaBusy: string; ariaChecked: string; ariaColCount: string; ariaColIndex: string; ariaColSpan: string; ariaCurrent: string; ariaDescription: string; ariaDisabled: string; ariaExpanded: string; ariaHasPopup: string; ariaHidden: string; ariaInvalid: string; ariaKeyShortcuts: string; ariaLabel: string; ariaLevel: string; ariaLive: string; ariaModal: string; ariaMultiLine: string; ariaMultiSelectable: string; ariaOrientation: string; ariaPlaceholder: string; ariaPosInSet: string; ariaPressed: string; ariaReadOnly: string; ariaRequired: string; ariaRoleDescription: string; ariaRowCount: string; ariaRowIndex: string; ariaRowSpan: string; ariaSelected: string; ariaSetSize: string; ariaSort: string; ariaValueMax: string; ariaValueMin: string; ariaValueNow: string; ariaValueText: string; getAnimations: (options?: GetAnimationsOptions) => Animation[]; after: (...nodes: (string | Node)[]) => void; before: (...nodes: (string | Node)[]) => void; remove: () => void; replaceWith: (...nodes: (string | Node)[]) => void; readonly nextElementSibling: Element; readonly previousElementSibling: Element; readonly childElementCount: number; readonly children: HTMLCollection; readonly firstElementChild: Element; readonly lastElementChild: Element; append: (...nodes: (string | Node)[]) => void; prepend: (...nodes: (string | Node)[]) => void; querySelector: { <K extends keyof HTMLElementTagNameMap>(selectors: K): HTMLElementTagNameMap[K]; <K extends keyof SVGElementTagNameMap>(selectors: K): SVGElementTagNameMap[K]; <K extends keyof MathMLElementTagNameMap>(selectors: K): MathMLElementTagNameMap[K]; <K extends keyof HTMLElementDeprecatedTagNameMap>(selectors: K): HTMLElementDeprecatedTagNameMap[K]; <E extends Element = Element>(selectors: string): E; }; querySelectorAll: { <K extends keyof HTMLElementTagNameMap>(selectors: K): NodeListOf<HTMLElementTagNameMap[K]>; <K extends keyof SVGElementTagNameMap>(selectors: K): NodeListOf<SVGElementTagNameMap[K]>; <K extends keyof MathMLElementTagNameMap>(selectors: K): NodeListOf<MathMLElementTagNameMap[K]>; <K extends keyof HTMLElementDeprecatedTagNameMap>(selectors: K): NodeListOf<HTMLElementDeprecatedTagNameMap[K]>; <E extends Element = Element>(selectors: string): NodeListOf<E>; }; replaceChildren: (...nodes: (string | Node)[]) => void; readonly assignedSlot: HTMLSlotElement; readonly attributeStyleMap: StylePropertyMap; readonly isContentEditable: boolean; readonly dataset: DOMStringMap; icon?: any; variant?: IconVariant; flipRtl?: boolean; sanitize: boolean; componentOnReady: () => Promise<HTMLDgaIconElement>; }",
                     "references": {
                         "Omit": {
                             "location": "global",

package/dist/collection/nds-components/nds-table-of-content/nds-table-of-content-usage.js

@@ -1,84 +1,84 @@
 import { h } from "@stencil/core";
 export class NdsTableOfContentUsage {
     render() {
-        return (h("div", { key: '558060ccaa4eddf8988f1cb81b6790c8a19c2502', style: {
+        return (h("div", { key: '819bd10e95e3edba4d0b6ea01eb1aed583dfce14', style: {
                 position: 'relative',
                 width: '100%',
                 maxWidth: '1200px',
                 margin: '0 auto',
                 padding: '20px'
-            } }, h("h1", { key: '208e70a4a41be72beb04373de755e7655127c938' }, "Table of Content Example"), h("section", { key: '757e33640bf9f766c72db92ea8b2a963a7c49bca' }, h("div", { key: '97a5d883974825d362c6b076807880f805cedfec', id: "section_1", style: {
+            } }, h("h1", { key: '91cdaf8b92dbc751441a84e6f094a006d997f632' }, "Table of Content Example"), h("section", { key: '3f4c366c5afe758b33c9ffc2be44ed355ca945ae' }, h("div", { key: '1f6144981097182371904b57900c0fab9ad1878f', id: "section_1", style: {
                 minHeight: "100vh",
                 backgroundColor: "gray",
                 padding: "20px",
                 margin: "20px 0 200px 0"
-            } }, h("h2", { key: '7a82c3ff97d030aee5efa50a83797d6b57a9c560' }, "Section 1"), h("div", { key: '5cd0f06ddad0a30925b6dc25a024e628b0e657d3', id: "section_1_child_1", style: {
+            } }, h("h2", { key: '55ac3d3c19bc52df21534a3aa5c45df41494db64' }, "Section 1"), h("div", { key: '80cbe9adf44c56ec310bd7822adf91407d23bacd', id: "section_1_child_1", style: {
                 minHeight: "100vh",
                 backgroundColor: "rgba(255,0,0,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h3", { key: 'd4f478dd5c96e65b714deff0bcf310c8318b2e53' }, "Section 1 Child 1")), h("div", { key: '4b0313f87d19a3c880a305e5fc8d82ccaccfd60c', id: "section_1_child_2", style: {
+            } }, h("h3", { key: '47c02a0cf9e96dc2c76c38069c2947b485bf2020' }, "Section 1 Child 1")), h("div", { key: '67a035faada4a72443202f3773b7b6852a548078', id: "section_1_child_2", style: {
                 minHeight: "100vh",
                 backgroundColor: "rgba(0,0,255,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h3", { key: 'd094624090a7c63d99f3d5cb4ecd0e3eddb3da78' }, "Section 1 Child 2")), h("div", { key: 'f171f9a53a8c4f52951ab130038db074238503ff', id: "section_1_child_3", style: {
+            } }, h("h3", { key: '13e167c6bb796405f61f4d7e2b07eb2295951537' }, "Section 1 Child 2")), h("div", { key: '19302f93f150f04498c76e7e3981cc9a937c460c', id: "section_1_child_3", style: {
                 minHeight: "100vh",
                 backgroundColor: "rgba(0,255,0,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h3", { key: '20ff9e162473f6400ab23454a1953bfd008a6ac7' }, "Section 1 Child 3"), h("div", { key: '83dfba9d129eb6c4da5d6e7e63b23477226b56a2', id: "section_1_sub_child_1", style: {
+            } }, h("h3", { key: 'd14b0a6089b3cc61386e677022b33760446c94d3' }, "Section 1 Child 3"), h("div", { key: '16dfb4f0205e93efa321965488cc42936ae19520', id: "section_1_sub_child_1", style: {
                 minHeight: "50vh",
                 backgroundColor: "rgba(255,255,255,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h4", { key: 'd3a66e5307a9c27b051962b1c7e82d6e342d6630' }, "Section 1 Sub Child 1")), h("div", { key: '0a4c48797236b862d97ba9b29b92ea7766657147', id: "section_1_sub_child_2", style: {
+            } }, h("h4", { key: '55465560552ae3de409af8fbcd2b0ee88daf216b' }, "Section 1 Sub Child 1")), h("div", { key: '560c02814d745d8028077449150586bca956ea68', id: "section_1_sub_child_2", style: {
                 minHeight: "50vh",
                 backgroundColor: "rgba(255,255,255,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h4", { key: '0f14c21aa1979933a798cea3a6b7883e6fda8307' }, "Section 1 Sub Child 2")), h("div", { key: 'c3adc9e8a02696ee6600abc0532626f912b309ad', id: "section_1_sub_child_3", style: {
+            } }, h("h4", { key: '3198413f9f5e3c0c864cf12f4567375d079d645e' }, "Section 1 Sub Child 2")), h("div", { key: 'ce2a0fe28bd218334d403ba97739773aa987a22b', id: "section_1_sub_child_3", style: {
                 minHeight: "50vh",
                 backgroundColor: "rgba(255,255,255,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h4", { key: '2baf7cd8a66716632e30bcfe0f53bb150f25a938' }, "Section 1 Sub Child 3")))), h("div", { key: '93860a35f607c28759eef7c54f968f9305a125fd', id: "section_2", style: {
+            } }, h("h4", { key: 'b60f9c9ca3b70638d971c6911f5d065e7b16459d' }, "Section 1 Sub Child 3")))), h("div", { key: '83ca6530654fbb0565e11955bda0f902d4aa7bbc', id: "section_2", style: {
                 minHeight: "100vh",
                 backgroundColor: "rgba(0,0,0,0.8)",
                 color: "white",
                 padding: "20px",
                 margin: "20px 0"
-            } }, h("h2", { key: '820694367784fff31bd78c86e0f78df9cf38448a' }, "Section 2")), h("div", { key: '0e43be22072320df8eb6a30d3e5363f8afa26366', id: "section_3", style: {
+            } }, h("h2", { key: '41b89f0c025644330e13495d8a231db3bc0766f0' }, "Section 2")), h("div", { key: '085a8c521c17fcace5ccce494f02df0b91f26ca8', id: "section_3", style: {
                 minHeight: "100vh",
                 backgroundColor: "brown",
                 padding: "20px",
                 margin: "20px 0"
-            } }, h("h2", { key: '7fae2ededd5c55f31cd1dc392ee55fe606da558b' }, "Section 3"), h("div", { key: '44af424dbadfaeee3d17a0b3da719ba5c8f0dda3', id: "section_3_child_1", style: {
+            } }, h("h2", { key: '0af0a0ef370ed82a5675fe43af2a49ca65d8385a' }, "Section 3"), h("div", { key: '1432fbdbad8487bd6d55a21d56646ca7fe36d005', id: "section_3_child_1", style: {
                 minHeight: "50vh",
                 backgroundColor: "rgba(255,255,255,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h3", { key: '6288fca59005bbe823c0c8165534d3ac2fc3885f' }, "Section 3 Child 1")), h("div", { key: '95ecceaf1176e5692e61a7594c2d92a92014d699', id: "section_3_child_2", style: {
+            } }, h("h3", { key: '1b1ac49d5652dbbbd2beba407ce1679ce3ae500c' }, "Section 3 Child 1")), h("div", { key: '1bdc723b43b40dcf4d10a2aaf6afaabf54f19749', id: "section_3_child_2", style: {
                 minHeight: "50vh",
                 backgroundColor: "rgba(255,255,255,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h3", { key: '5095a5f5ac22e0c069d48e918fbe56e60c8b000e' }, "Section 3 Child 2"), h("div", { key: 'daee08e2253a8b8a0d6aa10c60cf5b3904ab82b3', id: "section_3_child_2_1", style: {
+            } }, h("h3", { key: 'e1b0af152d3540d79a27396090fec1ee058b1a85' }, "Section 3 Child 2"), h("div", { key: '254db3888856828d40551f8f31c2e2a890f2353d', id: "section_3_child_2_1", style: {
                 minHeight: "30vh",
                 backgroundColor: "rgba(0,0,0,0.1)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h4", { key: '2c0584d9565b9ae786a19a489196351d6105d7f6' }, "Section 3 Child 2.1")), h("div", { key: 'a8b39d3152242bee3c9a14be3d8098465b4a26f1', id: "section_3_child_2_2", style: {
+            } }, h("h4", { key: '9b1eba61d3a94f3cf883e09e1953008902e171f1' }, "Section 3 Child 2.1")), h("div", { key: '5e2935f570c90f13334b4b9909e44041a9b94dd5', id: "section_3_child_2_2", style: {
                 minHeight: "30vh",
                 backgroundColor: "rgba(0,0,0,0.1)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h4", { key: '0d7ab69bd1b5c4333c344cbe4c71b1830ad2c407' }, "Section 3 Child 2.2")), h("div", { key: '4c1cc0dfa6d11f3c3d32cb3d24f29e971a0d752e', id: "section_3_child_2_3", style: {
+            } }, h("h4", { key: '04e16bd451630e9b2518447899d73ee62cfd7aff' }, "Section 3 Child 2.2")), h("div", { key: '54fd805685bd48de1c96383a8ff65ea1dad19b10', id: "section_3_child_2_3", style: {
                 minHeight: "30vh",
                 backgroundColor: "rgba(0,0,0,0.1)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, h("h4", { key: 'd66b28a5ed6a1743d2083d738a9f15f9937d4836' }, "Section 3 Child 2.3"))))), h("div", { key: '5b7712b555a84bfceb8abddef1ddf5771af50422', style: {
+            } }, h("h4", { key: '62d77b202b63f6b747d46df504562d52064516f9' }, "Section 3 Child 2.3"))))), h("div", { key: '143f4ef993450120c9aae58ee235d3ab0e6e2c9b', style: {
                 position: "fixed",
                 top: "100px",
                 left: "40px",
@@ -86,7 +86,7 @@ export class NdsTableOfContentUsage {
                 background: "white",
                 borderRadius: "8px",
                 boxShadow: "0 2px 8px rgba(0, 0, 0, 0.1)",
-            } }, h("dga-table-of-content", { key: '291bcbd0286641790095903cf898b9856050fd05', title: "On this Page", subTitle: "Page Title", sections: [
+            } }, h("dga-table-of-content", { key: '68b905bdc574a0c36de16d2d52cc43f8af3f126a', title: "On this Page", subTitle: "Page Title", sections: [
                 {
                     Name: 'Section 1',
                     Target: 'section_1',
@@ -121,7 +121,7 @@ export class NdsTableOfContentUsage {
                         }
                     ]
                 }
-            ] })), h("div", { key: '11db639704f2a40958ae33b6d842307c197fd39b', style: {
+            ] })), h("div", { key: '53fbcabe9af9e2a9a9a27ca7a6896aa036a3bb92', style: {
                 position: "fixed",
                 top: "100px",
                 right: "40px",
@@ -129,7 +129,7 @@ export class NdsTableOfContentUsage {
                 background: "white",
                 borderRadius: "8px",
                 boxShadow: "0 2px 8px rgba(0, 0, 0, 0.1)",
-            } }, h("dga-table-of-content", { key: 'a2de5976dc7daa028448441a0162f51f7165f138', title: "\u0641\u064A \u0647\u0630\u0647 \u0627\u0644\u0635\u0641\u062D\u0629", subTitle: "[\u0627\u0633\u0645 \u0627\u0644\u0635\u0641\u062D\u0629]", rtl: true, sections: [
+            } }, h("dga-table-of-content", { key: '54559ebc83088265ce72d225d2ed5ff08816e5c0', title: "\u0641\u064A \u0647\u0630\u0647 \u0627\u0644\u0635\u0641\u062D\u0629", subTitle: "[\u0627\u0633\u0645 \u0627\u0644\u0635\u0641\u062D\u0629]", rtl: true, sections: [
                 {
                     Name: 'قسم صفحة',
                     Target: 'section_1',

package/dist/collection/nds-components/nds-table-of-content/nds-table-of-content.js

@@ -143,7 +143,7 @@ export class NdsTableOfContent {
             _a.map(subSubTab => (h("ul", { class: "table-of-content__tab-sub-sublist" }, this.renderTab(subSubTab))))));
     }
     render() {
-        return (h(Host, { key: 'ac0ce1543b8a4556b22cfdb1f7e8761745c31c10', id: this.sxHandler.getId(), style: this.sxHandler.getStyles() }, h("aside", { key: '854fbaa37dc984d9368bc6501035d36046c15c0e', class: `table-of-content ${this.rtl ? 'rtl' : ''}`, dir: this.rtl ? 'rtl' : 'ltr' }, h("div", { key: '205782a0e4cadd5e711134f50b41178083fc740c', class: "table-of-content__header" }, h("p", { key: '9d75819bd96b5194f84cf24df34140c2be7d82dc', class: "text-sm-regular" }, this.subTitle), h("h4", { key: '47869006813d4fa830e53e1bc1b2a3c3d35790a8', class: "text-xl-semibold" }, this.tocTitle)), h("div", { key: '125041a9d96ef160f5389fa9e72a5400eec6499f', class: "table-of-content__body" }, h("ul", { key: 'c8d7cec0a4d30ea91dfd867b132fb633d775f01d', class: "table-of-content__tab-list" }, this.sections.map(tab => tab.Children ? (h("div", null, this.renderTab(tab), tab.Children.map(subTab => this.renderSubTabs(subTab)))) : (this.renderTab(tab))))))));
+        return (h(Host, { key: 'f2e245bc80253e20a360a8c7708b8237f77327bf', id: this.sxHandler.getId(), style: this.sxHandler.getStyles() }, h("aside", { key: '5c06081a28321bc5d68f456c7b7cab6c6dd3dc4a', class: `table-of-content ${this.rtl ? 'rtl' : ''}`, dir: this.rtl ? 'rtl' : 'ltr' }, h("div", { key: 'bc3344e80b41d10da9df917ff72fdc1352bcb8c1', class: "table-of-content__header" }, h("p", { key: '2b112cc35eb8e700e9fc6ae32f09a6498afa7643', class: "text-sm-regular" }, this.subTitle), h("h4", { key: 'a665883b44f79613ed9a15c55f63b7f41c7a801a', class: "text-xl-semibold" }, this.tocTitle)), h("div", { key: 'ab41aa4803308358efa27ae544e67e16d548d068', class: "table-of-content__body" }, h("ul", { key: '29e2803d37928b0f1c14ae02f76d5e9633df2d34', class: "table-of-content__tab-list" }, this.sections.map(tab => tab.Children ? (h("div", null, this.renderTab(tab), tab.Children.map(subTab => this.renderSubTabs(subTab)))) : (this.renderTab(tab))))))));
     }
     static get is() { return "nds-table-of-content"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/usage/dga-accordion-usage.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class DgaAccordionUsage {
     render() {
-        return (h("div", { key: '45f597c0f934f40ae6a1f78643ac8afdf61fb91a' }, h("h1", { key: '9b14dc3fdd071b89b66586b77b8cb536fff8e4b0' }, "Accordion Example"), h("div", { key: '0df486adcb074db38b57f21b6ad196e64d49979a', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '61f8c681852e8517b56496cf38ae813ae083351b', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-accordion", { key: '6fc9896f4970d07a9dbc675b82f6d2131dcb8ee7', title: "Accordion Title", size: "lg", content: "The accordion component delivers large amounts of content in a small space through progressive disclosure. The user gets key details about the underlying content and can choose to expand that content within the constraints of the accordion." }), h("dga-accordion", { key: '1a1887dfd81e6b5508c621cda55b8402c2b66b66', title: "Accordion Title", size: "md" }), h("dga-accordion", { key: 'f907021ec475052c953a6ed1ad175d98e4accf1b', title: "Accordion Title", size: "sm" }), h("dga-accordion", { key: 'd372d1083d13a7603536a974efb9f0ba3482998c', defaultExpanded: true, title: "Accordion Title", size: "lg", content: "The accordion component delivers large amounts of content in a small space through progressive disclosure. The user gets key details about the underlying content and can choose to expand that content within the constraints of the accordion.", disabled: true })), h("div", { key: 'b88a55255577cb3c1bd943fea9f1f55e87d5467c', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        return (h("div", { key: '83a34f37d8845bf89576abbea8c91e5be5c7132c' }, h("h1", { key: '823461073067bbeca1049e0d0661f87381943e29' }, "Accordion Example"), h("div", { key: '618ffbc9d482d6e1c7ef2cb29a473e2d93b252cd', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '07d3d0c0e86b6ec73ba4f9f674c116d4727d85eb', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-accordion", { key: '270e32b26ed0a335378dc2736b41b754426170a3', title: "Accordion Title", size: "lg", content: "The accordion component delivers large amounts of content in a small space through progressive disclosure. The user gets key details about the underlying content and can choose to expand that content within the constraints of the accordion." }), h("dga-accordion", { key: '28e37fc984132115feafa2aadb763a16012108f2', title: "Accordion Title", size: "md" }), h("dga-accordion", { key: 'e2de2ce853f0e3440868b8781af12a9b7fafa2cc', title: "Accordion Title", size: "sm" }), h("dga-accordion", { key: 'e29acf09c9035e4864de6bcb3c69e291bfd908f6', defaultExpanded: true, title: "Accordion Title", size: "lg", content: "The accordion component delivers large amounts of content in a small space through progressive disclosure. The user gets key details about the underlying content and can choose to expand that content within the constraints of the accordion.", disabled: true })), h("div", { key: '79c14e4237380037592ee42d4c20da0739f18938', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
     static get is() { return "dga-accordion-usage"; }
 }

package/dist/collection/usage/dga-apex-chart-usage.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class DgaApexChartUsage {
     render() {
-        return (h("div", { key: 'b86d8748ac49448b5da118fc0d285178997a91da' }, h("h1", { key: 'be1ee60c5b22f77744f3ef443a5094b5efbf4020' }, "Accordion Example"), h("div", { key: 'ed1bf818c1d6305312c7f175c31e92de0a6c95bc', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '66882f4a5d7e46b536b48e6377e9acddf64b3686', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("apex-chart", { key: 'f8fef4de5029b13e384f509cfbf6922fd390d313', id: "timeline-chart", options: {
+        return (h("div", { key: 'fb5772c483ae2da1ee285b98e4969d571e87ccd7' }, h("h1", { key: 'b9a89f877908dad12faa593e657594a7d13d67e1' }, "Accordion Example"), h("div", { key: '2609aa4fb68f82ed17292440f7b7724f9cb2ffe2', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'bffdb6a0c1dfe56808132e7e950878db0e66a830', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("apex-chart", { key: '6829891167db4f509858b211abaa23612d990584', id: "timeline-chart", options: {
                 annotations: {
                     yaxis: [
                         {

package/dist/collection/usage/dga-avatar-usage.js

@@ -4,39 +4,39 @@ export class DgaAvatarUsage {
         this.variant = 'neutral';
     }
     render() {
-        return (h("div", { key: '05ab52d5ef1245a761eb8a738f1b5b1f60b542c6' }, h("h1", { key: '9bf6017a32a9f0876eda0261301df57781798095' }, "Avatar Example"), h("div", { key: 'f6434c1bf41d0592e73b0dac8e2562a72445c756', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'a7e452a3d7a33f6e8fc213fb6317e1e226e2220c', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: '6e3e4a91638391ab8ef758ceb06af894f588471c', style: { padding: "10px", display: 'flex', flexDirection: 'column', gap: '20px', backgroundColor: "black" } }, h("dga-avatar", { key: 'cdf1ebbc202a23e4f285da34938cfbc1bf03e8e4', size: 120, border: false, square: true, sx: {
+        return (h("div", { key: 'e245158aad21942e1be0fb88ef693055395148d4' }, h("h1", { key: 'a8759f1e8dd1e9175b940ac03e54aa28a2bbb6e1' }, "Avatar Example"), h("div", { key: 'a7d24af241d3ed261943dd93e17edf74d9a439d5', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '98e6af7fe785f9e6e7137bd37df4a1ea3152e038', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: '58d6e98a928a71a17421b19779bdb156cba74faf', style: { padding: "10px", display: 'flex', flexDirection: 'column', gap: '20px', backgroundColor: "black" } }, h("dga-avatar", { key: '0d00e519480ff976c78e2434cedcf61665b72289', size: 120, border: false, square: true, sx: {
                 "& .dga-avatar": {
                     borderRadius: "100px"
                 }
-            } }), h("dga-avatar", { key: '62e82cb2a9f95d92b64d7f893e0c19cc88fc1f62', size: 120, border: true, square: true })), h("dga-avatar", { key: 'a2cbf6de6315554f7dabd8d38ffcee538d2473aa', type: "icon", size: 120, icon: {
+            } }), h("dga-avatar", { key: '8e458edc0c9441e26d87ff6a984f92335a8f7b8b', size: 120, border: true, square: true })), h("dga-avatar", { key: 'f315e6c5196045660ad11816783334b08d5d8880', type: "icon", size: 120, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } }), h("dga-avatar", { key: 'a52ce29e4020916fa32a55c87048d141bab1b450', type: "icon", size: 80, icon: {
+            } }), h("dga-avatar", { key: '513af1465f73602c3b85faec5a9e6352efcfb027', type: "icon", size: 80, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } }), h("dga-avatar", { key: '1d43a4c1df32f9a9604d7a16b07e83ef50c32691', type: "icon", size: 68, icon: {
+            } }), h("dga-avatar", { key: 'c43c6de03e61b4d7165a5e1b9196caf6d0498b59', type: "icon", size: 68, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } }), h("dga-avatar", { key: 'd208af3145a02d0c2fea48fc5065458ce55f8dc8', type: "icon", size: 48, icon: {
+            } }), h("dga-avatar", { key: '81727eae24c46330e5fe91192e778d0dbbde4435', type: "icon", size: 48, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } }), h("dga-avatar", { key: 'fb4d871c2c908a324987b05bc88b736cd0ce6243', type: "icon", size: 40, icon: {
+            } }), h("dga-avatar", { key: 'cd28d5122605132f3ef6da32088092602d97675f', type: "icon", size: 40, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } }), h("dga-avatar", { key: '379910fd9b3bdc246b553daaaeba6261cc70ce29', type: "icon", size: 32, icon: {
+            } }), h("dga-avatar", { key: 'a89fb958d48fc07c0f0b93a575ca5af3a03524a2', type: "icon", size: 32, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } }), h("dga-avatar", { key: 'a4d1cfb3d055b42d5e381e602b99308145de1c43', type: "icon", size: 24, icon: {
+            } }), h("dga-avatar", { key: '413ef17f0a7ee9e9cedb01750e4e0a0d77567bd7', type: "icon", size: 24, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } })), h("dga-avatar-group", { key: 'd688998bd81e4a5cd945b4761e035d73fcb8c21d', stacked: true }, h("dga-avatar", { key: 'be74c274b10b1d97bef8153cdef7481866b9cecd', type: "initials", text: 'AB', size: 40 }), h("dga-avatar", { key: '3433e8105460e23b96e9f8142a3a02df4a9f32df', type: "initials", text: 'CD', size: 40 }), h("dga-avatar", { key: '2a9e6ce5d55e767ccbd695409aad355cfcc6733f', type: "initials", text: 'SB', size: 40 }), h("dga-avatar", { key: '1829758872445d39047df5c1c0ebe34c5ef3a901', type: "initials", text: 'WK', size: 40 }), h("dga-avatar", { key: 'df7a4650303a7c269e09eba6157188b2c74a1e2d', type: 'initials', text: `+4`, size: 40 })), h("div", { key: '64d04b1d27e3768ccc1b649d33705e0912ce4482', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            } })), h("dga-avatar-group", { key: '9cab23f29796c9420ba21e77eb60744039cb44f8', stacked: true }, h("dga-avatar", { key: 'aeb84ba1ae0eb899f7e4c35662f95c782a71eea0', type: "initials", text: 'AB', size: 40 }), h("dga-avatar", { key: 'e628821c70e828f9064d63d5f2138d606942799e', type: "initials", text: 'CD', size: 40 }), h("dga-avatar", { key: '386ce6fc1bdb9997562fbac4d49625394760804b', type: "initials", text: 'SB', size: 40 }), h("dga-avatar", { key: '7b4d37d4ced60ad0d7b5f41e699dcd16eaf6663f', type: "initials", text: 'WK', size: 40 }), h("dga-avatar", { key: '9bd4cbacf6d002d4620b89d53927728eaa09d998', type: 'initials', text: `+4`, size: 40 })), h("div", { key: '51d0d03e88610a78c53ce7c8ef8fc2f2824d7c61', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
     static get is() { return "dga-avatar-usage"; }
     static get states() {

package/dist/collection/usage/dga-breadcrumbs-usage.js

@@ -4,7 +4,7 @@ export class DgaBreadcrumbsUsage {
         this.variant = 'neutral';
     }
     render() {
-        return (h("div", { key: 'b429bf213fd94e047758274b5f74f36ea916a9a1' }, h("h1", { key: 'a4bfd573f5883b40ade736549a6f0d53c4924606' }, "Breadcrumbs Example"), h("div", { key: '698bd235855d33844931080bc674b18382759673', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '145951fbbb90074cd96edf467702f22d666019d8', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-link", { key: 'cb7919682831aeda5ac92f3b21cda87dec85168e', label: "Link", variant: "neutral" }), h("dga-breadcrumbs", { key: 'cbadde7124942b3d50830299c0ceed0fb7d64f8c', items: [
+        return (h("div", { key: '309588c044157c237b4f1ffbbfda0a523d1c4d73' }, h("h1", { key: 'cb268da1bb2282e12ae123e6a5a3b366c6e49d50' }, "Breadcrumbs Example"), h("div", { key: 'd7f048d41b3785a8aac90e7fa931d2f7e6b0ddb4', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '645ee3c57cbc5f81a88baee57f52da0b04adb890', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-link", { key: '739dfabb573bbc8c08ef7f8f10a5be02f372c121', label: "Link", variant: "neutral" }), h("dga-breadcrumbs", { key: '7acc4f3095ad9a78f93d6a73068b0d222b46e925', items: [
                 {
                     label: 'Home',
                     path: '/',
@@ -22,7 +22,7 @@ export class DgaBreadcrumbsUsage {
                     label: 'Keyboards',
                     path: '/products/keyboards',
                 },
-            ], max: 3 })), h("div", { key: 'daa71d4fadb073e5970db75b440b59e5c0c5040c', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            ], max: 3 })), h("div", { key: '93da9b1847fbfe5253baf25eafbc4eb4206c4649', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
     static get is() { return "dga-breadcrumbs-usage"; }
     static get states() {

package/dist/collection/usage/dga-button-usage.js

@@ -4,7 +4,7 @@ export class DgaButtonUsage {
         this.variant = 'neutral';
     }
     render() {
-        return (h("div", { key: '295cb4f623e8545c6edcecda616c93bdb3cc8075' }, h("h1", { key: '9337c05b22d5d80022eac98838bfc0291cdd8873' }, "Button Example"), h("div", { key: 'bb59cd0a2aea26bb126f1d10cd72a69e69dbc1a6', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'a3751fad4412de688a798ae541513d30cc87a568', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-button", { key: '4c5d47b5ae9088406f1789448b77a0de002f695a', label: "Click me", variant: "primary-brand", sx: {
+        return (h("div", { key: '42e4dcac6a8e5894473d5bb1e9d33657b97c6019' }, h("h1", { key: 'd5146ccfef34f67ce4bd8b12a03f8d2bfc81adb3' }, "Button Example"), h("div", { key: '5100816a09c96d79afec208186830a02027acf7c', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '2c8aa1c5d07bacd0187db0eb4c993b4297a7235a', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-button", { key: '30a1c6cdfb7addad54581223dc285d3ad6891124', label: "Click me", variant: "primary-brand", sx: {
                 '&': {
                     fontSize: '18px',
                     fontWeight: 'bold',
@@ -17,12 +17,12 @@ export class DgaButtonUsage {
                 '.dga-btn:hover': {
                     backgroundColor: 'blue',
                 },
-            } }), h("dga-button", { key: '5d089212f05afad096a3d70137d80ebaf4b2506c', label: "Brown Button", variant: "primary-neutral" }), h("dga-button", { key: 'ccd0b412b32c01462a5db6c1143cb8d3bc17e7e5', label: "Button", variant: "des-transparent" }), h("dga-button", { key: 'c644b349becaad5b799b13ac9f1b6bf1a4d2d788', label: "Source code", variant: "secondary-outline", leadIcon: true, leadIconType: "source-code", leadIconProps: { variant: 'stroke', type: 'standard' } }), h("dga-button", { key: '0e10c4b504b355c3558f61f6e3aba91dbd5cd1d1',
+            } }), h("dga-button", { key: '4f0af478bfea2622fbb41f068f5758e4ad9e8d5a', label: "Brown Button", variant: "primary-neutral" }), h("dga-button", { key: '66e35ddfdba9ac3f2e790987168c4caaf0ebafac', label: "Button", variant: "des-transparent" }), h("dga-button", { key: '2672bb3597dba7f408458b6c3bfe2677def2aa8b', label: "Source code", variant: "secondary-outline", leadIcon: true, leadIconType: "source-code", leadIconProps: { variant: 'stroke', type: 'standard' } }), h("dga-button", { key: 'e0f5b635ac8a3e8adc9bddbb99650c796130c363',
             // className="absolute top-[50%] left-[50%] transform -translate-x-1/2 -translate-y-1/2 opacity-0 group-hover:opacity-100"
             label: "See live preview", size: "lg", variant: "secondary-outline", trailIcon: true, trailIconType: "link-square-01", trailIconProps: {
                 variant: 'stroke',
                 type: 'standard',
-            } })), h("div", { key: 'd57542f45343a9529ea58c132042cb2da3d83981', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            } })), h("div", { key: '4a0d497b275807dfefb313dbdf98ce95842b2214', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
     static get is() { return "dga-button-usage"; }
     static get states() {

package/dist/collection/usage/dga-button-v2-usage.js

@@ -4,13 +4,13 @@ export class DgaButtonUsage {
         this.variant = 'neutral';
     }
     render() {
-        return (h("div", { key: 'c81a6d79724a7b2214d0782d6e9e06a981719d32' }, h("h1", { key: '0d1f83f58c1e6ee0c4022fd82eec4a9dabcdc143' }, "Button Example"), h("div", { key: '4ddc2d432f7fa76e16cabef7a9fd75b64c98db27', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'b77c2c9c2b16fa263879f6f498f754d03e35a30f', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-flex", { key: 'c0378a1c253e95ed16fff16f8e202d99be23cdad', direction: "column", spacing: 16 }, h("dga-button-v2", { key: '06ac74b952254011290808f5f883eae80a479f2b', label: "Button", variant: "primary", size: "lg" }), h("dga-button-v2", { key: '3e7e84ae52204862b92d1905fa83512461242c9d', label: "Button", variant: "primary", size: "md" }), h("dga-button-v2", { key: 'c83c02e670366e7a22653c47aa0aa3332e1d45fa', label: "Button", variant: "primary", size: "sm" }), h("dga-button-v2", { key: '371041588f0b6a1ec1c2526c361876c768a72b4d', label: "Button", variant: "neutral", size: "lg" }), h("dga-button-v2", { key: 'e2e9904eb9c0c74d7b36ddf91e12cbfa22a456f3', label: "Button", variant: "neutral", size: "md" }), h("dga-button-v2", { key: '6377ae3c5fa45c4aad2de79a832b08956140fad8', label: "Button", variant: "neutral", size: "sm" }), h("dga-button-v2", { key: 'd055707f1fe8f748b597d13bfa24c521efe103cb', label: "Button", variant: "secondary-solid", size: "lg" }), h("dga-button-v2", { key: '3b0860a65509eaa653b2429cf5a4e9444fbc4718', label: "Button", variant: "secondary-solid", size: "md" }), h("dga-button-v2", { key: 'd30289b8c0a4fec0543c5d17ead1b511e0a163e2', label: "Button", variant: "secondary-solid", size: "sm" }), h("dga-button-v2", { key: '705020aaacef307016965dd78372067560ebbc68', label: "Button", variant: "primary", destructive: true, size: "lg" }), h("dga-button-v2", { key: '8f0bfebc6772ed00f220580308f90621cc05348d', label: "Button", variant: "primary", destructive: true, size: "md" }), h("dga-button-v2", { key: '9cff156b96a59f9c4c0539ee64d771e6b3ea4e49', label: "Button", variant: "primary", destructive: true, size: "sm" })), h("dga-button-v2", { key: '0e0664ffca326b0f949b09cc28ad76218b9aeddc', label: "Button", variant: "primary", onColor: true }, h("dga-button-leading-icon", { key: '55b730c524e16ee5e232c95dc29093405744dfe5', name: "link-square-01", size: 16, color: "red" })), h("dga-button-v2", { key: '44242f2277db2144c4a83f21491f4c23efbafcf1', label: "Source code", variant: "secondary-outline", leadIcon: true, leadIconProps: { name: 'source-code', variant: 'stroke', type: 'standard' } }), h("dga-button-v2", { key: '793ccabd959b6f6fc5f9f4624f94e497956f7471',
+        return (h("div", { key: '5523fcf839868200e2f885b2f5ffe0a2ac92c38e' }, h("h1", { key: '8c446ebc307e784287a652c0e9183dc4542fabf2' }, "Button Example"), h("div", { key: '51f0dc01fe8b35fd9aebc073a9127f642146fa0a', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '21c12e0579b99fb44164a4755301482b2dac1b41', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-flex", { key: 'f9aaf1cb31dabb25d3b000aa22360ba1efbd7b69', direction: "column", spacing: 16 }, h("dga-button-v2", { key: 'fe90da1f4e5a9c71261f723e52d0f93a12125452', label: "Button", variant: "primary", size: "lg" }), h("dga-button-v2", { key: '25d036902f713e54b77f9a3611f231b47fcfd1eb', label: "Button", variant: "primary", size: "md" }), h("dga-button-v2", { key: '92a8444a7d5dfb0fe08bf52260b85b4fad3c2436', label: "Button", variant: "primary", size: "sm" }), h("dga-button-v2", { key: '3b2fd6212430234b7db9717ffe8c50b2203c5a9b', label: "Button", variant: "neutral", size: "lg" }), h("dga-button-v2", { key: '465460b966b50979670fa85fb894910fdfc7a04e', label: "Button", variant: "neutral", size: "md" }), h("dga-button-v2", { key: '23abf1fc63c47d833e6095d85914356be40b07d7', label: "Button", variant: "neutral", size: "sm" }), h("dga-button-v2", { key: '20290811a07733b77af71467c32445907d272686', label: "Button", variant: "secondary-solid", size: "lg" }), h("dga-button-v2", { key: '79a3bc5e1bd7745a6910f7effb1f92b2c7b6f979', label: "Button", variant: "secondary-solid", size: "md" }), h("dga-button-v2", { key: 'ce0b5540330c1e20c3cf66fdb15efe2ec0830607', label: "Button", variant: "secondary-solid", size: "sm" }), h("dga-button-v2", { key: 'f5214703c87436e7acbd8f26e43f1e4e4fa61b2f', label: "Button", variant: "primary", destructive: true, size: "lg" }), h("dga-button-v2", { key: '1ab821a70059d54343b55951bf05a95645fd87f3', label: "Button", variant: "primary", destructive: true, size: "md" }), h("dga-button-v2", { key: 'b6c5e5d1248f48f0a0a2ba4bccd4f27a542b5083', label: "Button", variant: "primary", destructive: true, size: "sm" })), h("dga-button-v2", { key: 'c21e765eb09b2fb1fcc7c01c7516b24c755d0cad', label: "Button", variant: "primary", onColor: true }, h("dga-button-leading-icon", { key: '6df379b1b089021fa02b94c02e9842e538712883', name: "link-square-01", size: 16, color: "red" })), h("dga-button-v2", { key: 'efd9c98325728d6a9287784b32d8ae07afa52f38', label: "Source code", variant: "secondary-outline", leadIcon: true, leadIconProps: { name: 'source-code', variant: 'stroke', type: 'standard' } }), h("dga-button-v2", { key: 'bcd305f5c8c8256f2c2bc3c2eeb25e5a6d021e5f',
             // className="absolute top-[50%] left-[50%] transform -translate-x-1/2 -translate-y-1/2 opacity-0 group-hover:opacity-100"
             label: "See live preview", size: "lg", variant: "secondary-outline", trailIcon: true, trailIconProps: {
                 name: 'link-square-01',
                 variant: 'stroke',
                 type: 'standard',
-            } })), h("div", { key: '9b5d8806e331c9b2cdca584ab207ebe346a8cb51', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            } })), h("div", { key: '68c90d90c6f615c504d7cdeb2394c4341fd0ac6b', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
     static get is() { return "dga-button-v2-usage"; }
     static get states() {

package/dist/collection/usage/dga-card-usage.js

@@ -5,12 +5,12 @@ export class DgaCardUsage {
         this.selected = false;
     }
     render() {
-        return (h("div", { key: '410af2cc3c09641f3108874942bc9093e4610a61' }, h("h1", { key: '0d63dab78f6b2fc2ea373e85d4d68dab0962c264' }, "Card Example"), h("div", { key: '19e3be14e0770b093f0a1707ae46fa3530bf97d6', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '1aa62760a627f28b9789dbc89a4151e4811cca23', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-card", { key: 'd4a57f75f9d0056dbb4091f8c0dc9b5ba3a51a96', type: "expanded", cardTitle: "Card Title", description: "Card content placeholder text goes here", showFeaturedIcon: true }, h("div", { key: 'a8003099274cd997301f1d0493e5947f9899c31c', slot: "collapse-content" }, "dgdsgdfgdfg")), h("dga-card", { key: '6acca12f413a19fdc150dc542f9a3da382940786', type: "selectable", cardTitle: "Card Title", description: "Card content placeholder text goes here", isSelected: this.selected, onCheckboxChange: () => (this.selected = !this.selected) }), h("dga-card", { key: 'b492011817774b6d6af6369527f07d9f85d9abe7', cardTitle: "Card Title", sx: {
+        return (h("div", { key: '6a7a1b6e441772c76742ea6b571f95b088d5f03f' }, h("h1", { key: '3caae8983f0a589d090eb3847aa8deee721bc748' }, "Card Example"), h("div", { key: '63e25e6cd62416548d5e110b67c3fe4633194470', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '5bd873a8dac0c0a9f80ac70fe7021fe7ce5748db', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-card", { key: '5289afbd10c9734bab1658dd24ded2df90312cbf', type: "expanded", cardTitle: "Card Title", description: "Card content placeholder text goes here", showFeaturedIcon: true }, h("div", { key: 'e415bef8be7707b2a269e9e87b8ab6fa00a1b2ad', slot: "collapse-content" }, "dgdsgdfgdfg")), h("dga-card", { key: '8c55e101dd0a4279c2d7582021a519483c2b133d', type: "selectable", cardTitle: "Card Title", description: "Card content placeholder text goes here", isSelected: this.selected, onCheckboxChange: () => (this.selected = !this.selected) }), h("dga-card", { key: '730606135cce7a68f305d62365e6ff41288f97a2', cardTitle: "Card Title", sx: {
                 '& > .card': {
                     backgroundColor: 'red',
                     height: '400px',
                 },
-            } }), h("dga-card", { key: '7b74c00a7011807eb4363cadcc1305d204cb8bb9', cardTitle: "No Shadow", effect: "no-shadow" }), h("dga-card", { key: '437bb06603897799193a54901502deb2aa7f267e', cardTitle: "Stroke", effect: "stroke" }), h("dga-card", { key: '0eede96707383f092464e5b788c7e66bca0a2cd4', cardTitle: "With Shadow", effect: "with-shadow" })), h("div", { key: '71f3c4b4156d6df7dcea08e26646788d49bf3f68', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            } }), h("dga-card", { key: 'c75b0d0d15ad21eb5dccd5784a5ee67ed0604706', cardTitle: "No Shadow", effect: "no-shadow" }), h("dga-card", { key: 'a0d79d3f779669bd7417e196f02ac7f20b116fc1', cardTitle: "Stroke", effect: "stroke" }), h("dga-card", { key: 'd451d77e46ee7a513f6cbfd8a5b40315383493aa', cardTitle: "With Shadow", effect: "with-shadow" })), h("div", { key: '960fa71feb652f88ba897de219a664b16cbacd32', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
     static get is() { return "dga-card-usage"; }
     static get states() {

package/dist/collection/usage/dga-card-v2-usage.js

@@ -5,17 +5,17 @@ export class DgaCardV2Usage {
         this.selected = false;
     }
     render() {
-        return (h("div", { key: 'f56c7c0cae876bfc3b8d6a7c12ed1ec254ff8766' }, h("h1", { key: '9fc420f8c2951b37b878f76a8ed2995316303ab7' }, "Card Example"), h("div", { key: '222f0afc60ab3dfcfc3582188e8489b288ef23b9', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '21341f46d3b598bae90046b3aaba4f22bb095e9e', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-card-v2", { key: 'c8f671ae081648996d7c40784acf562fa1b8bdd6', type: "default", sx: {
+        return (h("div", { key: 'aa2e81ca9e7b8fa11580696582c271be86a617da' }, h("h1", { key: 'a51a817a4464703138520a5f07ddf9c6dc255814' }, "Card Example"), h("div", { key: '2f0fd4bb8ccda49752ded814d78e95d186f754d0', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'a2b8f7c5c932d042e6a5f8e94ddbfe306b2a5b66', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-card-v2", { key: '03c2b3a351b81b24664cfc04b8328855e5fed362', type: "default", sx: {
                 "& > .card": {
                     backgroundColor: 'red',
                     height: '400px',
                 }
-            } }, h("dga-card-content", { key: '65df82b0e5cfcc5ee3c4dcb654595b59c6558021' }, h("dga-featured-icon", { key: '91f3c23a3fa8782be077aaafaf332d425753e3b5', color: 'brand', variant: 'light', size: 'lg', icon: {
+            } }, h("dga-card-content", { key: '394dd8e492fdf011504ee9b33e5b4917133cf25e' }, h("dga-featured-icon", { key: '9f09ced740f222f46b6041ec548d41b200533f9d', color: 'brand', variant: 'light', size: 'lg', icon: {
                 name: 'checkmark-circle-02',
                 variant: 'stroke',
                 type: 'sharp',
                 size: 24
-            } }), h("dga-flex", { key: 'e3dafd808c26ab40ec7383109cfd334065d5f933', direction: 'column', spacing: 8 }, h("h4", { key: 'ba9f9fd6442b13f1a5dada1f86864402f033eb0d', class: "text-lg-bold" }, "Card Title test"), h("p", { key: '0dc0574631ce54ca92de55b7f333073c3118ac41', class: "text-md-regular" }, "Card content placeholder text goes here")), h("dga-flex", { key: '620a4a15bc1c624eb6094b77b2336af201b0b036', direction: 'column', spacing: 4 }, h("dga-rating", { key: '2a683169cc916fb968e027657d3ebd5124db6d89', value: 4, size: 'sm' }), h("span", { key: '804631b639332b8a02e2f250c913f4d24142af63', class: "text-xs-regular" }, "12 reviews"))), h("dga-card-actions", { key: '240fee38b3ba7da3c34c1b2cc2af3fd3e97a98db' }, h("dga-button-v2", { key: '81145e9e36c4ca14a5776e67490c532ad13a7939', label: "Primary", size: "lg", variant: "primary", onClick: () => console.log('Primary Action') }), h("dga-button-v2", { key: '0ecbbdda7daba2d09cbf1e71dc234279d0a8be92', label: "Secondary", size: "lg", variant: "secondary-outline", onClick: () => console.log('Secondary Action') })), h("dga-card-expandable-content", { key: 'b8d963c6e17c657f4ec996dfa3e75e45b26f89eb' }, h("div", { key: '2427413f592b0cc96b9643160aaca036dc56b8a9' }, "Expanded Content"), h("p", { key: '443d9e5e5e9b5655d8b602a001499488beb522c7' }, "Lorem ipsum dolor sit amet consectetur, adipisicing elit. Earum voluptatum, facere mollitia quas natus nihil, doloribus repudiandae, quasi vitae nobis deserunt similique magni explicabo. Molestiae unde dolorem expedita aut recusandae.")))), h("div", { key: 'deeabac5769610f260955bf1717a605855713703', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            } }), h("dga-flex", { key: 'f7e08ddf7bf7483f5e0fdc25dcc0982de422b610', direction: 'column', spacing: 8 }, h("h4", { key: '538eb3d141863e64dd39c9fc4287c11a8c321859', class: "text-lg-bold" }, "Card Title test"), h("p", { key: 'd9743b6088f9328777275b3f12f58ebf37b6d876', class: "text-md-regular" }, "Card content placeholder text goes here")), h("dga-flex", { key: 'a52859227b1a9111b039da07c42ca0828ac270b9', direction: 'column', spacing: 4 }, h("dga-rating", { key: '76e820b45df66d7f8423326679a2d9c4a9e3a68c', value: 4, size: 'sm' }), h("span", { key: '716861ef943b7c88dec8bd271307720c3580168f', class: "text-xs-regular" }, "12 reviews"))), h("dga-card-actions", { key: '15d712a0d2b1bb3ba1fd67a289244d5907fdfc7e' }, h("dga-button-v2", { key: '0a39821141ccc7419239351e6de19e5d78aa2e0e', label: "Primary", size: "lg", variant: "primary", onClick: () => console.log('Primary Action') }), h("dga-button-v2", { key: '192c2b5ad6921b35438608bc2344fa0a3604d0d1', label: "Secondary", size: "lg", variant: "secondary-outline", onClick: () => console.log('Secondary Action') })), h("dga-card-expandable-content", { key: 'df09f7c7413000a18c7cc7e5a3738fd65de44164' }, h("div", { key: 'f834107bd79d0bd3637a1a9d9d70c3da29dcc6cd' }, "Expanded Content"), h("p", { key: '7e25f21e9f32ca6889cacc6cc41302bb297eb333' }, "Lorem ipsum dolor sit amet consectetur, adipisicing elit. Earum voluptatum, facere mollitia quas natus nihil, doloribus repudiandae, quasi vitae nobis deserunt similique magni explicabo. Molestiae unde dolorem expedita aut recusandae.")))), h("div", { key: '756c5d493b18f8aee8699400a7d9fc5ddc6bcaf9', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
     static get is() { return "dga-card-v2-usage"; }
     static get states() {