@bspk/ui-ngx 1.2.0 → 1.2.3

package/fesm2022/bspk-ui-ngx.mjs

@@ -1,7 +1,7 @@
 import * as i1 from '@angular/common';
 import { CommonModule, DOCUMENT, NgTemplateOutlet, NgComponentOutlet } from '@angular/common';
 import * as i0 from '@angular/core';
-import { Input, ViewEncapsulation, Component, output, input, model, contentChildren, createComponent, computed, inject, ElementRef, Renderer2, EnvironmentInjector, signal, effect, Directive, viewChild, EventEmitter, Output, ChangeDetectionStrategy, ViewContainerRef, DestroyRef, TemplateRef, Injectable, DOCUMENT as DOCUMENT$1 } from '@angular/core';
+import { Input, ViewEncapsulation, Component, output, input, model, contentChildren, computed, inject, ElementRef, Renderer2, EnvironmentInjector, signal, effect, createComponent, Directive, viewChild, EventEmitter, DOCUMENT as DOCUMENT$1, Output, ChangeDetectionStrategy, ViewContainerRef, DestroyRef, Injectable } from '@angular/core';
 import { computePosition, arrow, offset, flip, size, autoUpdate } from '@floating-ui/dom';
 import { parse, isValid, format, addDays, addMonths, isSameDay, startOfToday, addYears, startOfWeek, startOfMonth, endOfWeek, endOfMonth, eachDayOfInterval } from 'date-fns';
 import { getCountryCallingCode, AsYouType } from 'libphonenumber-js';
@@ -62013,17 +62013,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                     }, styles: ["[data-bspk=accordion]{display:block;width:100%;padding:var(--spacing-sizing-02)}[data-bspk=accordion]:empty{display:none}[data-bspk=accordion]>[data-bspk=accordion-item]{--border-bottom-color: var(--stroke-neutral-base);display:flex;flex-direction:column;justify-content:center;color:var(--foreground-neutral-on-surface)}[data-bspk=accordion]>[data-bspk=accordion-item][data-disabled]{--border-bottom-color: var(--stroke-neutral-disabled-light);background:linear-gradient(var(--interactions-disabled-opacity),var(--interactions-disabled-opacity)),linear-gradient(var(--surface-neutral-t1-base),var(--surface-neutral-t1-base));color:var(--foreground-neutral-disabled-on-surface)}[data-bspk=accordion]>[data-bspk=accordion-item] button[data-header]{display:flex;flex-direction:row;align-items:center;background:none;color:inherit;border:none;padding:0 var(--spacing-sizing-02);gap:var(--spacing-sizing-02);font:inherit;cursor:pointer;outline:none;min-height:var(--spacing-sizing-12)}[data-bspk=accordion]>[data-bspk=accordion-item] button[data-header] [data-title-subtitle]{display:flex;flex-direction:column;align-items:flex-start;flex:1}[data-bspk=accordion]>[data-bspk=accordion-item] button[data-header] [data-title-subtitle] [data-title]{font:var(--labels-base)}[data-bspk=accordion]>[data-bspk=accordion-item] button[data-header] [data-title-subtitle] [data-subtitle]{font:var(--body-x-small);color:var(--foreground-neutral-on-surface-variant-01)}[data-bspk=accordion]>[data-bspk=accordion-item] button[data-header] [data-arrow]{display:flex;align-items:center;justify-content:center;margin-left:var(--spacing-sizing-02)}[data-bspk=accordion]>[data-bspk=accordion-item] button[data-header] [data-arrow] svg{width:var(--spacing-sizing-06)}[data-bspk=accordion]>[data-bspk=accordion-item] button[data-header]:not(:disabled):hover{background-image:linear-gradient(var(--interactions-neutral-hover-opacity),var(--interactions-neutral-hover-opacity)),linear-gradient(var(--surface-neutral-t1-base),var(--surface-neutral-t1-base))}[data-bspk=accordion]>[data-bspk=accordion-item] button[data-header]:not(:disabled):active{background-image:linear-gradient(var(--interactions-neutral-press-opacity),var(--interactions-neutral-press-opacity)),linear-gradient(var(--surface-neutral-t1-base),var(--surface-neutral-t1-base))}[data-bspk=accordion]>[data-bspk=accordion-item] button[data-header]:disabled{cursor:not-allowed;color:var(--foreground-neutral-disabled-on-surface);border-color:var(--stroke-neutral-disabled-light)}[data-bspk=accordion]>[data-bspk=accordion-item]:has(:focus-visible){outline:2px solid var(--stroke-neutral-focus);border-color:var(--stroke-neutral-focus);margin-bottom:1px}[data-bspk=accordion]>[data-bspk=accordion-item] [data-content]{padding:var(--spacing-sizing-01) var(--spacing-sizing-02) var(--spacing-sizing-04)}[data-bspk=accordion] [data-divider]{display:block;height:1px;width:calc(100% - var(--spacing-sizing-04));margin:-1px var(--spacing-sizing-02) 0;background-color:var(--border-bottom-color)}\n"] }]
         }], propDecorators: { singleOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "singleOpen", required: false }] }], items: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => UIAccordionSection), { ...{ descendants: true }, isSignal: true }] }] } });
 
-function addComponent(env, component, tagName, hostElement) {
-    if (typeof document === 'undefined')
-        return null;
-    const componentElement = document.createElement(tagName);
-    (hostElement || document.body).appendChild(componentElement);
-    return createComponent(component, {
-        environmentInjector: env,
-        hostElement: componentElement,
-    });
-}
-
 /**
  * A utility to position an element relative to a reference element using floating UI logic.
  *
@@ -62198,7 +62187,12 @@ class UITooltipDirective {
             !props.label) {
             return false;
         }
-        this.tooltipComponent = addComponent(this.env, UITooltip, 'ui-tooltip');
+        const componentElement = this.document.createElement('ui-tooltip');
+        this.document.body.appendChild(componentElement);
+        this.tooltipComponent = createComponent(UITooltip, {
+            environmentInjector: this.env,
+            hostElement: componentElement,
+        });
         if (this.tooltipEl)
             this.renderer.setStyle(this.tooltipEl, 'display', 'none');
         this.tooltipComponent.instance.id.set(this.tooltipId);
@@ -62274,14 +62268,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
 class TooltipUtility {
     renderer;
     env;
+    document;
     props = signal({}, ...(ngDevMode ? [{ debugName: "props" }] : []));
     tooltipId = uniqueId('tooltip');
     floating;
     computedPlacement = signal(null, ...(ngDevMode ? [{ debugName: "computedPlacement" }] : []));
     tooltipComponent;
-    constructor(renderer, env, props) {
+    constructor(renderer, env, props, document) {
         this.renderer = renderer;
         this.env = env;
+        this.document = document;
         this.updateProps(props);
         const host = props.reference;
         this.floating = new FloatingUtility(this.renderer);
@@ -62336,7 +62332,12 @@ class TooltipUtility {
             !props.label) {
             return false;
         }
-        this.tooltipComponent = addComponent(this.env, UITooltip, 'ui-tooltip');
+        const componentElement = this.document.createElement('ui-tooltip');
+        this.document.body.appendChild(componentElement);
+        this.tooltipComponent = createComponent(UITooltip, {
+            environmentInjector: this.env,
+            hostElement: componentElement,
+        });
         if (this.tooltipEl)
             this.renderer.setStyle(this.tooltipEl, 'display', 'none');
         this.tooltipComponent.instance.id.set(this.tooltipId);
@@ -62400,13 +62401,14 @@ class UIAvatar {
     size = input('small', ...(ngDevMode ? [{ debugName: "size" }] : []));
     color = input('grey', ...(ngDevMode ? [{ debugName: "color" }] : []));
     initials = input(...(ngDevMode ? [undefined, { debugName: "initials" }] : []));
-    showIcon = input(false, ...(ngDevMode ? [{ debugName: "showIcon" }] : []));
+    showIcon = input(true, ...(ngDevMode ? [{ debugName: "showIcon" }] : []));
     image = input(...(ngDevMode ? [undefined, { debugName: "image" }] : []));
     hideTooltip = input(false, ...(ngDevMode ? [{ debugName: "hideTooltip" }] : []));
     disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
     renderer = inject(Renderer2);
     env = inject(EnvironmentInjector);
     host = inject((ElementRef));
+    document = inject(DOCUMENT$1);
     tooltipUtility;
     get computedInitials() {
         const initials = this.initials();
@@ -62429,7 +62431,7 @@ class UIAvatar {
                 label: this.name(),
                 reference: this.host.nativeElement,
                 placement: 'top',
-            });
+            }, this.document);
         }
     }
     onDestroy() {
@@ -62838,9 +62840,10 @@ class UIAvatarGroupOverflow {
     activeElementId = model(...(ngDevMode ? [undefined, { debugName: "activeElementId" }] : []));
     menuReference = input.required(...(ngDevMode ? [{ debugName: "menuReference" }] : []));
     items = input.required(...(ngDevMode ? [{ debugName: "items" }] : []));
+    document = inject(DOCUMENT$1);
     get offset() {
         // Reads the CSS variable value at runtime, offsetOptions requires a number
-        return parseInt(getComputedStyle(document.documentElement).getPropertyValue('--spacing-sizing-01'));
+        return parseInt(getComputedStyle(this.document.documentElement).getPropertyValue('--spacing-sizing-01'));
     }
     get maxMenuHeight() {
         return this.items().length > 5 ? 'calc(var(--spacing-sizing-12) * 5)' : '';
@@ -63268,7 +63271,6 @@ class UIButton {
     onMouseEnter = new EventEmitter();
     /** Event emitted when mouse leaves the button. */
     onMouseLeave = new EventEmitter();
-    buttonElement = viewChild.required('buttonElement');
     style = input(...(ngDevMode ? [undefined, { debugName: "style" }] : []));
     label = input.required(...(ngDevMode ? [{ debugName: "label" }] : []));
     ariaLabel = input(...(ngDevMode ? [undefined, { debugName: "ariaLabel" }] : []));
@@ -63286,8 +63288,9 @@ class UIButton {
     type = input('button', ...(ngDevMode ? [{ debugName: "type" }] : []));
     owner = input(...(ngDevMode ? [undefined, { debugName: "owner" }] : []));
     class = input(...(ngDevMode ? [undefined, { debugName: "class" }] : []));
+    host = inject(ElementRef);
     get nativeElement() {
-        return this.buttonElement().nativeElement;
+        return this.host.nativeElement.firstElementChild;
     }
     get shouldShowLabel() {
         return !this.iconOnly();
@@ -63302,6 +63305,14 @@ class UIButton {
         }
         return classes.join(' ');
     }
+    ngOnInit() {
+        // Pass through data- attributes from host to native button element
+        this.host.nativeElement.getAttributeNames().forEach((attr) => {
+            if (attr.startsWith('data-')) {
+                this.nativeElement.setAttribute(attr, this.host.nativeElement.getAttribute(attr));
+            }
+        });
+    }
     handleClick(event) {
         if (!this.disabled()) {
             this.onClick.emit(event);
@@ -63328,7 +63339,7 @@ class UIButton {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: UIButton, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: UIButton, isStandalone: true, selector: "ui-button", inputs: { style: { classPropertyName: "style", publicName: "style", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, ariaHaspopup: { classPropertyName: "ariaHaspopup", publicName: "ariaHaspopup", isSignal: true, isRequired: false, transformFunction: null }, ariaExpanded: { classPropertyName: "ariaExpanded", publicName: "ariaExpanded", isSignal: true, isRequired: false, transformFunction: null }, ariaControls: { classPropertyName: "ariaControls", publicName: "ariaControls", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, iconOnly: { classPropertyName: "iconOnly", publicName: "iconOnly", isSignal: true, isRequired: false, transformFunction: null }, destructive: { classPropertyName: "destructive", publicName: "destructive", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, owner: { classPropertyName: "owner", publicName: "owner", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onClick: "onClick", onFocus: "onFocus", onBlur: "onBlur", onMouseEnter: "onMouseEnter", onMouseLeave: "onMouseLeave" }, host: { styleAttribute: "display: contents;" }, viewQueries: [{ propertyName: "buttonElement", first: true, predicate: ["buttonElement"], descendants: true, isSignal: true }], ngImport: i0, template: `<button
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: UIButton, isStandalone: true, selector: "ui-button", inputs: { style: { classPropertyName: "style", publicName: "style", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, ariaHaspopup: { classPropertyName: "ariaHaspopup", publicName: "ariaHaspopup", isSignal: true, isRequired: false, transformFunction: null }, ariaExpanded: { classPropertyName: "ariaExpanded", publicName: "ariaExpanded", isSignal: true, isRequired: false, transformFunction: null }, ariaControls: { classPropertyName: "ariaControls", publicName: "ariaControls", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, iconOnly: { classPropertyName: "iconOnly", publicName: "iconOnly", isSignal: true, isRequired: false, transformFunction: null }, destructive: { classPropertyName: "destructive", publicName: "destructive", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, owner: { classPropertyName: "owner", publicName: "owner", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onClick: "onClick", onFocus: "onFocus", onBlur: "onBlur", onMouseEnter: "onMouseEnter", onMouseLeave: "onMouseLeave" }, host: { styleAttribute: "display: contents;" }, ngImport: i0, template: `<button
         [ui-tooltip]="tooltipLabel"
         #buttonElement
         [type]="type()"
@@ -63413,7 +63424,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                 type: Output
             }], onMouseLeave: [{
                 type: Output
-            }], buttonElement: [{ type: i0.ViewChild, args: ['buttonElement', { isSignal: true }] }], style: [{ type: i0.Input, args: [{ isSignal: true, alias: "style", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: true }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], ariaHaspopup: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaHaspopup", required: false }] }], ariaExpanded: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaExpanded", required: false }] }], ariaControls: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaControls", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], iconOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconOnly", required: false }] }], destructive: [{ type: i0.Input, args: [{ isSignal: true, alias: "destructive", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], tooltip: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltip", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], owner: [{ type: i0.Input, args: [{ isSignal: true, alias: "owner", required: false }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+            }], style: [{ type: i0.Input, args: [{ isSignal: true, alias: "style", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: true }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], ariaHaspopup: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaHaspopup", required: false }] }], ariaExpanded: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaExpanded", required: false }] }], ariaControls: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaControls", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], iconOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconOnly", required: false }] }], destructive: [{ type: i0.Input, args: [{ isSignal: true, alias: "destructive", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], tooltip: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltip", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], owner: [{ type: i0.Input, args: [{ isSignal: true, alias: "owner", required: false }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
 
 /**
  * A visual and contextual message used to communicate an important message or notification to users relating to a
@@ -63752,6 +63763,7 @@ class KeyNavigationUtility {
             },
         ]));
     }, ...(ngDevMode ? [{ debugName: "arrowKeyCallbacks" }] : []));
+    document = inject(DOCUMENT$1);
     constructor() {
         effect(() => {
             const { ids, activeElementId } = this.props();
@@ -63765,7 +63777,7 @@ class KeyNavigationUtility {
         return this.props().activeElementId;
     }
     get activeElement() {
-        return (this.activeElementId && document.querySelector(`[id="${this.activeElementId}"]`)) || null;
+        return (this.activeElementId && this.document.querySelector(`[id="${this.activeElementId}"]`)) || null;
     }
     /**
      * Cleans up the utility by resetting its properties.
@@ -63783,7 +63795,7 @@ class KeyNavigationUtility {
     setActiveElementId(id) {
         this.updateProps({ activeElementId: id });
         if (id)
-            document.querySelector(`[id="${id}"]`)?.scrollIntoView({
+            this.document.querySelector(`[id="${id}"]`)?.scrollIntoView({
                 block: 'nearest',
                 behavior: 'smooth',
                 inline: 'nearest',
@@ -63866,6 +63878,7 @@ class OutsideClickUtility {
         disabled: false,
         handleTabs: false,
     }, ...(ngDevMode ? [{ debugName: "props" }] : []));
+    document = inject(DOCUMENT$1);
     updateProps(next) {
         this.props.set({
             ...this.props(),
@@ -63877,15 +63890,15 @@ class OutsideClickUtility {
             return;
         this.updateProps(props);
         if (this.props().elements?.length) {
-            document.addEventListener('mousedown', this.handleClickOutside);
-            document.addEventListener('keydown', this.handleOutsideTab);
+            this.document.addEventListener('mousedown', this.handleClickOutside);
+            this.document.addEventListener('keydown', this.handleOutsideTab);
         }
     }
     destroy() {
         if (typeof document === 'undefined')
             return;
-        document.removeEventListener('mousedown', this.handleClickOutside);
-        document.removeEventListener('keydown', this.handleOutsideTab);
+        this.document.removeEventListener('mousedown', this.handleClickOutside);
+        this.document.removeEventListener('keydown', this.handleOutsideTab);
     }
     handleClickOutside = (event) => {
         const { elements, callback, disabled } = this.props();
@@ -63898,7 +63911,7 @@ class OutsideClickUtility {
         if (!handleTabs || event.key !== 'Tab' || disabled)
             return;
         setTimeout(() => {
-            if (elements?.some?.((element) => element?.contains?.(document.activeElement)))
+            if (elements?.some?.((element) => element?.contains?.(this.document.activeElement)))
                 return;
             callback?.(event);
         }, 0);
@@ -63970,9 +63983,10 @@ class UIBreadcrumbDropdown {
             minWidth: '150px',
         };
     }, ...(ngDevMode ? [{ debugName: "ngMenuStyle" }] : []));
+    document = inject(DOCUMENT$1);
     get offset() {
         // Reads the CSS variable value at runtime, offsetOptions requires a number
-        return parseInt(getComputedStyle(document.documentElement).getPropertyValue('--spacing-sizing-01'));
+        return parseInt(getComputedStyle(this.document.documentElement).getPropertyValue('--spacing-sizing-01'));
     }
     get referenceEl() {
         return this.reference().nativeElement;
@@ -65372,10 +65386,6 @@ class UIInput {
     ariaLabelledBy = input(...(ngDevMode ? [undefined, { debugName: "ariaLabelledBy" }] : []));
     ariaDescribedBy = input(...(ngDevMode ? [undefined, { debugName: "ariaDescribedBy" }] : []));
     ariaErrorMessage = input(...(ngDevMode ? [undefined, { debugName: "ariaErrorMessage" }] : []));
-    get trailingValue() {
-        const value = this.trailing();
-        return value instanceof TemplateRef ? value : undefined;
-    }
     onClearMouseDown(event) {
         event.preventDefault();
     }
@@ -65386,9 +65396,6 @@ class UIInput {
     handleInput(event) {
         this.value.set(event.target.value);
     }
-    isTemplateRef(value) {
-        return value instanceof TemplateRef;
-    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: UIInput, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: UIInput, isStandalone: true, selector: "ui-input", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: true, transformFunction: null }, inputMode: { classPropertyName: "inputMode", publicName: "inputMode", isSignal: true, isRequired: false, transformFunction: null }, showClearButton: { classPropertyName: "showClearButton", publicName: "showClearButton", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, readOnly: { classPropertyName: "readOnly", publicName: "readOnly", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, leading: { classPropertyName: "leading", publicName: "leading", isSignal: true, isRequired: false, transformFunction: null }, trailing: { classPropertyName: "trailing", publicName: "trailing", isSignal: true, isRequired: false, transformFunction: null }, autoComplete: { classPropertyName: "autoComplete", publicName: "autoComplete", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, owner: { classPropertyName: "owner", publicName: "owner", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelledBy: { classPropertyName: "ariaLabelledBy", publicName: "ariaLabelledBy", isSignal: true, isRequired: false, transformFunction: null }, ariaDescribedBy: { classPropertyName: "ariaDescribedBy", publicName: "ariaDescribedBy", isSignal: true, isRequired: false, transformFunction: null }, ariaErrorMessage: { classPropertyName: "ariaErrorMessage", publicName: "ariaErrorMessage", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange", value: "valueChange" }, host: { attributes: { "data-bspk": "input" }, properties: { "attr.data-size": "size()", "attr.data-invalid": "invalid() || null", "attr.data-show-clear-button": "( displayClearButton()) || null", "attr.data-readonly": "readOnly() || null" } }, providers: [], viewQueries: [{ propertyName: "inputEl", first: true, predicate: ["inputEl"], descendants: true, isSignal: true }], ngImport: i0, template: `<ng-content select="[data-leading]">
             @if (leading()) {
@@ -65418,14 +65425,11 @@ class UIInput {
             (blur)="hasFocus.set(false)"
             (change)="valueChange.emit($event.target.value)"
             #inputEl />
-        <ng-content select="[data-trailing]"></ng-content>
-        @if (trailing()) {
-            @if (trailingValue) {
-                <ng-container [ngTemplateOutlet]="trailingValue"></ng-container>
-            } @else {
+        <ng-content select="[data-trailing]">
+            @if (trailing()) {
                 <span data-trailing>{{ trailing() }}</span>
             }
-        }
+        </ng-content>
         @if (displayClearButton()) {
             <ui-button
                 data-clear-button
@@ -65436,7 +65440,7 @@ class UIInput {
                 (click)="clearInput()"
                 [icon]="IconCancel"
                 [iconOnly]="true" />
-        }`, isInline: true, styles: ["[data-bspk=input]{--border-color: var(--stroke-neutral-base);display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;background-color:var(--surface-neutral-t1-base);border:solid 1px var(--border-color);height:var(--field-height);border-radius:var(--radius-sm);padding:0 var(--field-padding);gap:var(--spacing-sizing-01);width:100%}[data-bspk=input][data-show-clear-button]:focus-within{padding-right:0}[data-bspk=input]>*{display:flex;justify-content:center;align-items:center;height:var(--field-height);font:var(--field-font);color:var(--foreground-neutral-on-surface);min-width:0}[data-bspk=input]:hover:not(:focus-within){background:linear-gradient(var(--interactions-hover-opacity),var(--interactions-hover-opacity)),linear-gradient(var(--surface-neutral-t1-base),var(--surface-neutral-t1-base))}[data-bspk=input]:active:not(:focus-within){background:linear-gradient(var(--interactions-press-opacity),var(--interactions-press-opacity)),linear-gradient(var(--surface-neutral-t1-base),var(--surface-neutral-t1-base))}[data-bspk=input][data-readonly]{--border-color: var(--stroke-neutral-disabled-light);background:linear-gradient(var(--interactions-disabled-opacity),var(--interactions-disabled-opacity)),linear-gradient(var(--surface-neutral-t1-base),var(--surface-neutral-t1-base))}[data-bspk=input][data-disabled],[data-bspk=input]:has([data-main-input][disabled]){--border-color: var(--stroke-neutral-disabled-light);background:linear-gradient(var(--interactions-disabled-opacity),var(--interactions-disabled-opacity)),linear-gradient(var(--surface-neutral-t1-base),var(--surface-neutral-t1-base))}[data-bspk=input][data-disabled]>*,[data-bspk=input]:has([data-main-input][disabled])>*{color:var(--foreground-neutral-disabled-on-surface)}[data-bspk=input][data-invalid]{--border-color: var(--status-error)}[data-bspk=input]:not(:focus-within) [data-clear-button]{display:none}[data-bspk=input]:focus-within{--border-color: var(--stroke-neutral-focus);outline:1px solid var(--stroke-neutral-focus)}[data-bspk=input][data-size=small]{--field-padding: var(--spacing-sizing-02);--field-height: var(--spacing-sizing-08);--field-font: var(--body-small);--field-icon-width: var(--spacing-sizing-04);--field-clear-width: var(--spacing-sizing-05)}[data-bspk=input][data-size=medium]{--field-padding: var(--spacing-sizing-03);--field-height: var(--spacing-sizing-10);--field-font: var(--body-base);--field-icon-width: var(--spacing-sizing-05);--field-clear-width: var(--spacing-sizing-05)}[data-bspk=input][data-size=large]{--field-padding: var(--spacing-sizing-03);--field-height: var(--spacing-sizing-12);--field-font: var(--body-large);--field-icon-width: var(--spacing-sizing-06);--field-clear-width: var(--spacing-sizing-06)}[data-bspk=input] [data-leading],[data-bspk=input] [data-trailing]{position:relative}[data-bspk=input] [data-leading] svg,[data-bspk=input] [data-trailing] svg{width:var(--field-icon-width)}[data-bspk=input] label{font:var(--labels-small);color:var(--foreground-neutral-on-surface-variant-01)}[data-bspk=input] [data-main-input]{flex:1;background-color:transparent!important;border:none;outline:none;padding:0;pointer-events:all;text-overflow:ellipsis}[data-bspk=input] [data-main-input][type=number]::-webkit-inner-spin-button,[data-bspk=input] [data-main-input][type=number]::-webkit-outer-spin-button{display:none}\n"], dependencies: [{ kind: "component", type: UIButton, selector: "ui-button", inputs: ["style", "label", "ariaLabel", "ariaHaspopup", "ariaExpanded", "ariaControls", "icon", "iconOnly", "destructive", "size", "variant", "width", "tooltip", "disabled", "type", "owner", "class"], outputs: ["onClick", "onFocus", "onBlur", "onMouseEnter", "onMouseLeave"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], encapsulation: i0.ViewEncapsulation.None });
+        }`, isInline: true, styles: ["[data-bspk=input]{--border-color: var(--stroke-neutral-base);display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;background-color:var(--surface-neutral-t1-base);border:solid 1px var(--border-color);height:var(--field-height);border-radius:var(--radius-sm);padding:0 var(--field-padding);gap:var(--spacing-sizing-01);width:100%}[data-bspk=input][data-show-clear-button]:focus-within{padding-right:0}[data-bspk=input]>*{display:flex;justify-content:center;align-items:center;height:var(--field-height);font:var(--field-font);color:var(--foreground-neutral-on-surface);min-width:0}[data-bspk=input]:hover:not(:focus-within){background:linear-gradient(var(--interactions-hover-opacity),var(--interactions-hover-opacity)),linear-gradient(var(--surface-neutral-t1-base),var(--surface-neutral-t1-base))}[data-bspk=input]:active:not(:focus-within){background:linear-gradient(var(--interactions-press-opacity),var(--interactions-press-opacity)),linear-gradient(var(--surface-neutral-t1-base),var(--surface-neutral-t1-base))}[data-bspk=input][data-readonly]{--border-color: var(--stroke-neutral-disabled-light);background:linear-gradient(var(--interactions-disabled-opacity),var(--interactions-disabled-opacity)),linear-gradient(var(--surface-neutral-t1-base),var(--surface-neutral-t1-base))}[data-bspk=input][data-disabled],[data-bspk=input]:has([data-main-input][disabled]){--border-color: var(--stroke-neutral-disabled-light);background:linear-gradient(var(--interactions-disabled-opacity),var(--interactions-disabled-opacity)),linear-gradient(var(--surface-neutral-t1-base),var(--surface-neutral-t1-base))}[data-bspk=input][data-disabled]>*,[data-bspk=input]:has([data-main-input][disabled])>*{color:var(--foreground-neutral-disabled-on-surface)}[data-bspk=input][data-invalid]{--border-color: var(--status-error)}[data-bspk=input]:not(:focus-within) [data-clear-button]{display:none}[data-bspk=input]:focus-within{--border-color: var(--stroke-neutral-focus);outline:1px solid var(--stroke-neutral-focus)}[data-bspk=input][data-size=small]{--field-padding: var(--spacing-sizing-02);--field-height: var(--spacing-sizing-08);--field-font: var(--body-small);--field-icon-width: var(--spacing-sizing-04);--field-clear-width: var(--spacing-sizing-05)}[data-bspk=input][data-size=medium]{--field-padding: var(--spacing-sizing-03);--field-height: var(--spacing-sizing-10);--field-font: var(--body-base);--field-icon-width: var(--spacing-sizing-05);--field-clear-width: var(--spacing-sizing-05)}[data-bspk=input][data-size=large]{--field-padding: var(--spacing-sizing-03);--field-height: var(--spacing-sizing-12);--field-font: var(--body-large);--field-icon-width: var(--spacing-sizing-06);--field-clear-width: var(--spacing-sizing-06)}[data-bspk=input] [data-leading],[data-bspk=input] [data-trailing]{position:relative}[data-bspk=input] [data-leading] svg,[data-bspk=input] [data-trailing] svg{width:var(--field-icon-width)}[data-bspk=input] label{font:var(--labels-small);color:var(--foreground-neutral-on-surface-variant-01)}[data-bspk=input] [data-main-input]{flex:1;background-color:transparent!important;border:none;outline:none;padding:0;pointer-events:all;text-overflow:ellipsis}[data-bspk=input] [data-main-input][type=number]::-webkit-inner-spin-button,[data-bspk=input] [data-main-input][type=number]::-webkit-outer-spin-button{display:none}\n"], dependencies: [{ kind: "component", type: UIButton, selector: "ui-button", inputs: ["style", "label", "ariaLabel", "ariaHaspopup", "ariaExpanded", "ariaControls", "icon", "iconOnly", "destructive", "size", "variant", "width", "tooltip", "disabled", "type", "owner", "class"], outputs: ["onClick", "onFocus", "onBlur", "onMouseEnter", "onMouseLeave"] }, { kind: "ngmodule", type: CommonModule }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: UIInput, decorators: [{
             type: Component,
@@ -65468,14 +65472,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
             (blur)="hasFocus.set(false)"
             (change)="valueChange.emit($event.target.value)"
             #inputEl />
-        <ng-content select="[data-trailing]"></ng-content>
-        @if (trailing()) {
-            @if (trailingValue) {
-                <ng-container [ngTemplateOutlet]="trailingValue"></ng-container>
-            } @else {
+        <ng-content select="[data-trailing]">
+            @if (trailing()) {
                 <span data-trailing>{{ trailing() }}</span>
             }
-        }
+        </ng-content>
         @if (displayClearButton()) {
             <ui-button
                 data-clear-button
@@ -65538,6 +65539,7 @@ class UIDatePicker {
     reference = viewChild('reference', ...(ngDevMode ? [{ debugName: "reference", read: ElementRef }] : [{ read: ElementRef }]));
     internalValue = signal(this.value(), ...(ngDevMode ? [{ debugName: "internalValue" }] : []));
     IconEvent = IconEvent;
+    document = inject(DOCUMENT$1);
     get calendarId() {
         return `${this.id() || 'date-picker'}-calendar`;
     }
@@ -65546,7 +65548,7 @@ class UIDatePicker {
     }
     get offset() {
         // Reads the CSS variable value at runtime, offsetOptions requires a number
-        return parseInt(getComputedStyle(document.documentElement).getPropertyValue('--spacing-sizing-01'));
+        return parseInt(getComputedStyle(this.document.documentElement).getPropertyValue('--spacing-sizing-01'));
     }
     get internalValueAsString() {
         const value = this.internalValue();
@@ -65613,10 +65615,19 @@ class UIDatePicker {
                 [showClearButton]="false"
                 [size]="size() || 'medium'"
                 [value]="internalValueAsString"
-                (valueChange)="onInputChange($event)"
-                [trailing]="calendarButton"></ui-input>
+                (valueChange)="onInputChange($event)">
+                @if (!disabled() && !readOnly()) {
+                    <ui-button
+                        data-trailing
+                        [icon]="IconEvent"
+                        [iconOnly]="true"
+                        label="Toggle calendar"
+                        variant="tertiary"
+                        (onClick)="toggleCalendar()"></ui-button>
+                }
+            </ui-input>
 
-            <ng-template #calendarButton>
+            <!-- <ng-template #calendarButton>
                 @if (!disabled() && !readOnly()) {
                     <ui-button
                         [icon]="IconEvent"
@@ -65625,7 +65636,7 @@ class UIDatePicker {
                         variant="tertiary"
                         (onClick)="toggleCalendar()"></ui-button>
                 }
-            </ng-template>
+            </ng-template> -->
             @if (calendarVisible()) {
                 <div
                     aria-label="Choose Date"
@@ -65667,10 +65678,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                 [showClearButton]="false"
                 [size]="size() || 'medium'"
                 [value]="internalValueAsString"
-                (valueChange)="onInputChange($event)"
-                [trailing]="calendarButton"></ui-input>
+                (valueChange)="onInputChange($event)">
+                @if (!disabled() && !readOnly()) {
+                    <ui-button
+                        data-trailing
+                        [icon]="IconEvent"
+                        [iconOnly]="true"
+                        label="Toggle calendar"
+                        variant="tertiary"
+                        (onClick)="toggleCalendar()"></ui-button>
+                }
+            </ui-input>
 
-            <ng-template #calendarButton>
+            <!-- <ng-template #calendarButton>
                 @if (!disabled() && !readOnly()) {
                     <ui-button
                         [icon]="IconEvent"
@@ -65679,7 +65699,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                         variant="tertiary"
                         (onClick)="toggleCalendar()"></ui-button>
                 }
-            </ng-template>
+            </ng-template> -->
             @if (calendarVisible()) {
                 <div
                     aria-label="Choose Date"
@@ -65929,40 +65949,45 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
  * @phase Utility
  */
 class UIPortalDirective {
-    elRef;
-    /** The target element to render the portal into. Defaults to `document.body` in the browser. */
+    /** The target element to render the portal into. Defaults to `this.document.body` in the browser. */
     container = input(undefined, ...(ngDevMode ? [{ debugName: "container", alias: 'ui-portal' }] : [{ alias: 'ui-portal' }]));
-    constructor(elRef) {
-        this.elRef = elRef;
-    }
-    ngOnChanges(changes) {
-        if (changes['container']) {
-            if (typeof document === 'undefined' || !this.elRef?.nativeElement || !this.elRef.nativeElement.parentNode)
+    host = inject(ElementRef);
+    renderer = inject(Renderer2);
+    document = inject(DOCUMENT$1);
+    constructor() {
+        effect(() => {
+            if (typeof document === 'undefined' ||
+                !this.host?.nativeElement ||
+                !this.host.nativeElement.parentNode ||
+                !this.container())
                 return;
-            this.elRef.nativeElement.parentNode.removeChild(this.elRef.nativeElement);
+            this.renderer.removeChild(this.host.nativeElement.parentNode, this.host.nativeElement);
             // Move the element to the new target
             let targetElement;
-            const target = changes['container'].currentValue;
+            const target = this.container();
             if (typeof target === 'function') {
                 targetElement = target();
             }
             else {
-                targetElement = target || document.body;
+                targetElement = target || this.document.body;
             }
-            targetElement?.appendChild(this.elRef.nativeElement);
-        }
+            this.renderer.appendChild(targetElement, this.host.nativeElement);
+        });
     }
     ngOnDestroy() {
-        if (this.elRef.nativeElement.parentNode)
-            this.elRef.nativeElement.parentNode.removeChild(this.elRef.nativeElement);
+        if (this.host.nativeElement.parentNode && this.host.nativeElement)
+            this.host.nativeElement.parentNode.removeChild(this.host.nativeElement);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: UIPortalDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.15", type: UIPortalDirective, isStandalone: true, selector: "[ui-portal]", inputs: { container: { classPropertyName: "container", publicName: "ui-portal", isSignal: true, isRequired: false, transformFunction: null } }, usesOnChanges: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: UIPortalDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.15", type: UIPortalDirective, isStandalone: true, selector: "[ui-portal]", inputs: { container: { classPropertyName: "container", publicName: "ui-portal", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: UIPortalDirective, decorators: [{
             type: Directive,
-            args: [{ selector: '[ui-portal]' }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { container: [{ type: i0.Input, args: [{ isSignal: true, alias: "ui-portal", required: false }] }] } });
+            args: [{
+                    selector: '[ui-portal]',
+                    standalone: true,
+                }]
+        }], ctorParameters: () => [], propDecorators: { container: [{ type: i0.Input, args: [{ isSignal: true, alias: "ui-portal", required: false }] }] } });
 
 /**
  * A temporary effect or overlay that can be applied to a user interface to make content less prominent or to draw
@@ -66021,11 +66046,12 @@ class UIDialog {
     disableFocusTrap = input(false, ...(ngDevMode ? [{ debugName: "disableFocusTrap" }] : []));
     ariaLabel = input(undefined, ...(ngDevMode ? [{ debugName: "ariaLabel" }] : []));
     ariaDescription = input(undefined, ...(ngDevMode ? [{ debugName: "ariaDescription" }] : []));
+    document = inject(DOCUMENT$1);
     keydownBound = signal(false, ...(ngDevMode ? [{ debugName: "keydownBound" }] : []));
     ngOnChanges() {
         const isOpen = this.open();
         // Lock page scroll when open (like React)
-        document.documentElement.style.overflow = isOpen ? 'hidden' : '';
+        this.document.documentElement.style.overflow = isOpen ? 'hidden' : '';
         if (isOpen && !this.keydownBound()) {
             window.addEventListener('keydown', this._onKeydown);
             this.keydownBound.set(true);
@@ -66036,7 +66062,7 @@ class UIDialog {
         }
     }
     ngOnDestroy() {
-        document.documentElement.style.overflow = '';
+        this.document.documentElement.style.overflow = '';
         if (this.keydownBound()) {
             window.removeEventListener('keydown', this._onKeydown);
             this.keydownBound.set(false);
@@ -68478,6 +68504,7 @@ class UISelect {
             width: this.menuWidth() || 'fit-content',
         };
     }, ...(ngDevMode ? [{ debugName: "ngMenuStyle" }] : []));
+    document = inject(DOCUMENT$1);
     constructor() {
         this.value.subscribe((val) => {
             this.valueChange.emit(val || '');
@@ -68485,7 +68512,7 @@ class UISelect {
     }
     get offset() {
         // Reads the CSS variable value at runtime, offsetOptions requires a number
-        return parseInt(getComputedStyle(document.documentElement).getPropertyValue('--spacing-sizing-01'));
+        return parseInt(getComputedStyle(this.document.documentElement).getPropertyValue('--spacing-sizing-01'));
     }
     get selectedItem() {
         return this.menuItems().find((item) => item.value === this.value());
@@ -69526,11 +69553,78 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                     }, encapsulation: ViewEncapsulation.None, styles: ["[data-bspk-utility=field]{width:100%;display:flex;flex-direction:column;gap:var(--spacing-sizing-01);border:none;max-width:100%;min-inline-size:unset}[data-bspk-utility=field] [data-field-label]{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-sizing-01)}[data-bspk-utility=field] [data-field-label] span{font:var(--labels-small);color:var(--foreground-neutral-on-surface)}[data-bspk-utility=field] [data-field-label] span[data-required]{font:var(--body-small);color:var(--foreground-neutral-on-surface-variant-01)}[data-bspk-utility=field] [data-field-label] span[data-trailing]{font:var(--body-small);color:var(--foreground-neutral-on-surface-variant-02);margin-left:auto}[data-bspk-utility=field] [data-field-description]{font:var(--body-small);color:var(--foreground-neutral-on-surface-variant-01);margin:0;padding:0}[data-bspk-utility=field] fieldset,[data-bspk-utility=field] legend{display:contents}\n"] }]
         }], propDecorators: { errorMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "errorMessage", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: true }] }], helperText: [{ type: i0.Input, args: [{ isSignal: true, alias: "helperText", required: false }] }], labelTrailing: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelTrailing", required: false }] }], style: [{ type: i0.Input, args: [{ isSignal: true, alias: "style", required: false }] }] } });
 
+// create an angular service to manage brand setting and getting
+const BRAND_KEY = 'brand-preference';
+const EXTRA_BRANDS = [
+    {
+        title: 'Example',
+        slug: 'example',
+    },
+];
+class BrandService {
+    document = inject(DOCUMENT$1);
+    value = signal(localStorage.getItem(BRAND_KEY) || 'anywhere', ...(ngDevMode ? [{ debugName: "value" }] : []));
+    constructor() {
+        effect(() => {
+            const brand = this.value();
+            this.document.documentElement.setAttribute('data-brand', brand);
+            localStorage.setItem(BRAND_KEY, brand);
+            updateBrandStylesheet(brand);
+        });
+    }
+    toggle() {
+        const newBrand = this.value();
+        this.value.set(newBrand);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: BrandService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: BrandService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: BrandService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [] });
+/**
+ * Loads the brand stylesheet corresponding to the given brand value.
+ *
+ * 1. Appends the new brand stylesheet link element to the document head
+ * 2. Once the stylesheet is loaded, it adds a 'loaded' class to the body to help mitigate F.O.U.C. (Flash of Unstyled
+ *    Content)
+ * 3. If a previous brand stylesheet exists (id of 'brand-stylesheet'), it removes it to ensure only the current brand's
+ *    styles are applied.
+ * 4. Adds an id of 'brand-stylesheet' to the link element for easy identification and management of the brand stylesheet.
+ *
+ * Once the stylesheet is loaded, it adds a 'loaded' class to the body to help mitigate F.O.U.C. (Flash of Unstyled
+ * Content) when switching brands.
+ *
+ * Then it removes any previously loaded brand stylesheet to ensure that only the current brand's styles are applied.
+ *
+ * Then it
+ *
+ * @param value The brand value for which to load the stylesheet.
+ */
+function updateBrandStylesheet(value) {
+    const linkElement = document.createElement('link');
+    linkElement.onload = () => {
+        // eslint-disable-next-line no-console
+        console.info(`Brand ${value} stylesheet loaded`);
+        document.body.classList.add('loaded');
+        // remove any previous brand stylesheets
+        const existingLinks = document.querySelector('link#brand-stylesheet');
+        existingLinks?.remove();
+        linkElement.id = 'brand-stylesheet';
+    };
+    linkElement.rel = 'stylesheet';
+    linkElement.href = value === 'example' ? `/example.css` : `/brands/${value}.css`;
+    document.head.appendChild(linkElement);
+}
+
 // create an angular service to manage theme setting and getting
 const THEME_KEY = 'theme-preference';
 class ThemeService {
-    document = inject(DOCUMENT$1);
     value = signal(localStorage.getItem(THEME_KEY) || 'light', ...(ngDevMode ? [{ debugName: "value" }] : []));
+    document = inject(DOCUMENT$1);
     constructor() {
         effect(() => {
             const theme = this.value();
@@ -69562,5 +69656,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { BUILT_IN_COLUMN_SORTERS, Icon360, IconAZAscend, IconAZDescend, IconAccessibilityNew, IconAccessible, IconAccountCircle, IconAccountCircleFill, IconAccountTree, IconAccountTreeFill, IconAdd, IconAddAPhoto, IconAddAPhotoFill, IconAddAlert, IconAddAlertFill, IconAddBusiness, IconAddBusinessFill, IconAddChart, IconAddChartFill, IconAddCircle, IconAddCircleFill, IconAddComment, IconAddCommentFill, IconAddReaction, IconAddReactionFill, IconAddShoppingCart, IconAirplanemodeInactive, IconAirportShuttle, IconAirportShuttleFill, IconAlignCenter, IconAlignEnd, IconAlignFlexCenter, IconAlignFlexEnd, IconAlignFlexStart, IconAlignHorizontalCenter, IconAlignHorizontalLeft, IconAlignHorizontalRight, IconAlignItemsStretch, IconAlignJustifyCenter, IconAlignJustifyFlexEnd, IconAlignJustifyFlexStart, IconAlignJustifySpaceAround, IconAlignJustifySpaceBetween, IconAlignJustifySpaceEven, IconAlignJustifyStretch, IconAlignSpaceAround, IconAlignSpaceBetween, IconAlignSpaceEven, IconAlignStart, IconAlignStretch, IconAlignVerticalBottom, IconAlignVerticalCenter, IconAlignVerticalTop, IconAlternateEmail, IconAmex, IconAnalytics, IconAnalyticsFill, IconApartment, IconAppStore, IconAppleBlack, IconAppleWhite, IconApplepay, IconApps, IconArOnYou, IconArOnYouFill, IconArStickers, IconArStickersFill, IconArchive, IconArchiveFill, IconAreaChart, IconAreaChartFill, IconArrowBack, IconArrowDownward, IconArrowDropDown, IconArrowDropUp, IconArrowForward, IconArrowInsert, IconArrowLeft, IconArrowOutward, IconArrowRight, IconArrowUpward, IconAssignment, IconAssignmentAdd, IconAssignmentAddFill, IconAssignmentFill, IconAttachFile, IconAttachFileAdd, IconAttachFileFill, IconAttachMoney, IconAutomation, IconAutomationFill, IconBadge, IconBadgeFill, IconBakeryDining, IconBakeryDiningFill, IconBarChart, IconBarcode, IconBarcodeScanner, IconBarn, IconBarnFill, IconBasement, IconBasementFill, IconBathroom, IconBathroomFill, IconBed, IconBedFill, IconBlock, IconBluetooth, IconBolt, IconBoltFill, IconBookmark, IconBookmarkAdd, IconBookmarkAddFill, IconBookmarkAdded, IconBookmarkAddedFill, IconBookmarkFill, IconBookmarkRemove, IconBookmarkRemoveFill, IconBookmarks, IconBookmarksFill, IconBorderColor, IconBorderColorFill, IconBorderStyle, IconBox, IconBoxAdd, IconBoxAddFill, IconBoxFill, IconBrail, IconBubbleChart, IconBubbleChartFill, IconBuilding, IconBuildingFill, IconBusinessCenter, IconBusinessCenterFill, IconCalendarViewDay, IconCalendarViewDayFill, IconCalendarViewWeek, IconCalendarViewWeekFill, IconCall, IconCallEnd, IconCallEndFill, IconCallFill, IconCampaign, IconCampaignFill, IconCancel, IconCancelFill, IconCasino, IconCasinoFill, IconCat, IconCatFill, IconCategory, IconCategoryFill, IconChartData, IconChartDataFill, IconChat, IconChatBubble, IconChatBubbleFill, IconChatFill, IconCheck, IconCheckCircle, IconCheckCircleFill, IconCheckFill, IconChecklist, IconChevronLeft, IconChevronRight, IconCircle, IconCircleFill, IconCleaningServices, IconCleaningServicesFill, IconClose, IconCloseFill, IconClosedCaption, IconClosedCaptionDisabled, IconClosedCaptionDisabledFill, IconClosedCaptionFill, IconCloud, IconCloudDone, IconCloudDoneFill, IconCloudDownload, IconCloudDownloadFill, IconCloudFill, IconCloudOff, IconCloudOffFill, IconCloudUpload, IconCloudUploadFill, IconCode, IconCognition, IconCognitionFill, IconColorBlind, IconColors, IconCommute, IconCommuteFill, IconComputer, IconComputerFill, IconConstruction, IconContactMail, IconContactMailFill, IconContactPage, IconContactPageFill, IconContactPhone, IconContactPhoneFill, IconContactSupport, IconContactSupportFill, IconContacts, IconContactsFill, IconContentCopy, IconContentCopyFill, IconContentPasteOff, IconContentPasteSearch, IconContrast, IconContrastCircle, IconContrastFill, IconContrastSquare, IconCopyright, IconCopyrightFill, IconCrawlspace, IconCrawlspaceFill, IconCreditCard, IconCreditCardFill, IconDangerous, IconDangerousFill, IconDarkMode, IconDarkModeFill, IconDashboard, IconDashboard2, IconDashboard2Fill, IconDashboardCustomize, IconDashboardCustomizeFill, IconDashboardFill, IconDatabase, IconDatabaseFill, IconDelete, IconDeleteFill, IconDeleteForever, IconDeleteForeverFill, IconDeployedCode, IconDeployedCodeAccount, IconDeployedCodeAccountFill, IconDeployedCodeAlert, IconDeployedCodeAlertFill, IconDeployedCodeFill, IconDeployedCodeHistory, IconDeployedCodeHistoryFill, IconDeployedCodeUpdate, IconDeployedCodeUpdateFill, IconDescription, IconDescriptionFill, IconDesktopWindows, IconDesktopWindowsFill, IconDeviceThermostat, IconDevices, IconDevicesFill, IconDialpad, IconDiamond, IconDiamondFill, IconDirections, IconDirectionsBike, IconDirectionsBoat, IconDirectionsBoatFill, IconDirectionsBus, IconDirectionsBusFill, IconDirectionsCar, IconDirectionsCarFill, IconDirectionsFill, IconDirectionsSubway, IconDirectionsSubwayFill, IconDirectionsWalk, IconDiscover, IconDiversity1, IconDiversity1Fill, IconDoNotDisturbOn, IconDoNotDisturbOnFill, IconDocumentScanner, IconDocumentScannerFill, IconDog, IconDogFill, IconDonutLarge, IconDonutSmall, IconDonutSmallFill, IconDoorOpen, IconDoorOpenFill, IconDraft, IconDraftFill, IconDrafts, IconDraftsFill, IconDragHandle, IconDragIndicator, IconDraw, IconDrawFill, IconEdit, IconEditFill, IconEditNote, IconEditNoteFill, IconEditRoad, IconEditRoadFill, IconEditSquare, IconEditSquareFill, IconEgg, IconEggFill, IconEmojiLanguage, IconEmojiLanguageFill, IconEmoticon, IconEncrypted, IconEncryptedFill, IconError, IconErrorFill, IconEvent, IconEventFill, IconEventNote, IconEventNoteFill, IconExercise, IconExerciseFill, IconExperiment, IconExperimentFill, IconExplore, IconExploreFill, IconExtension, IconExtensionFill, IconExtensionOff, IconExtensionOffFill, IconFaceId, IconFaceRetouchingOff, IconFaceRetouchingOffFill, IconFacebook, IconFacebookWhite, IconFamilyHome, IconFamilyHomeFill, IconFastfood, IconFastfoodFill, IconFavorite, IconFavoriteFill, IconFileDownload, IconFileUpload, IconFilterList, IconFinance, IconFingerprint, IconFingerprintOff, IconFireplace, IconFireplaceFill, IconFitScreen, IconFitScreenFill, IconFitnessCenter, IconFlag, IconFlagAfghanistan, IconFlagAlandIsland, IconFlagAlbania, IconFlagAlgeria, IconFlagAmericanSamoa, IconFlagAndorra, IconFlagAngola, IconFlagAnguilla, IconFlagAntiguaAndBarbuda, IconFlagArgentina, IconFlagArmenia, IconFlagAruba, IconFlagAustralia, IconFlagAustria, IconFlagAzerbaijan, IconFlagBahamas, IconFlagBahrain, IconFlagBangladesh, IconFlagBarbados, IconFlagBelarus, IconFlagBelgium, IconFlagBelize, IconFlagBenin, IconFlagBermuda, IconFlagBhutan, IconFlagBolivia, IconFlagBonaire, IconFlagBosniaAndHerzegovina, IconFlagBotswana, IconFlagBrazil, IconFlagBrunei, IconFlagBulgaria, IconFlagBurkinaFaso, IconFlagBurundi, IconFlagCambodia, IconFlagCameroon, IconFlagCanada, IconFlagCaymanIslands, IconFlagCentralAfricanRepublic, IconFlagChad, IconFlagChile, IconFlagChina, IconFlagChristmasIsland, IconFlagCocosIslands, IconFlagColombia, IconFlagComoros, IconFlagCookIsland, IconFlagCostaRica, IconFlagCroatia, IconFlagCuba, IconFlagCuracao, IconFlagCyprus, IconFlagCzechRepublic, IconFlagDemocraticRepublicOfTheCongo, IconFlagDenmark, IconFlagDjibouti, IconFlagDominica, IconFlagDominicanRepublic, IconFlagEcuador, IconFlagEgypt, IconFlagElSalvador, IconFlagEquatorialGuinea, IconFlagEritrea, IconFlagEstonia, IconFlagEswatini, IconFlagEthiopia, IconFlagFalklandIslands, IconFlagFaroeIslands, IconFlagFederatedStatesOfMicronesia, IconFlagFiji, IconFlagFill, IconFlagFinland, IconFlagFrance, IconFlagFrenchGuiana, IconFlagFrenchPolynesia, IconFlagGabon, IconFlagGambia, IconFlagGeorgia, IconFlagGermany, IconFlagGhana, IconFlagGibraltar, IconFlagGreece, IconFlagGreeland, IconFlagGrenada, IconFlagGrenadines, IconFlagGuam, IconFlagGuatemala, IconFlagGuernsey, IconFlagGuinea, IconFlagGuineaBissau, IconFlagGuyana, IconFlagHaiti, IconFlagHonduras, IconFlagHongKong, IconFlagHungary, IconFlagIceland, IconFlagIndia, IconFlagIndianOceanTerritory, IconFlagIndonesia, IconFlagIran, IconFlagIraq, IconFlagIreland, IconFlagIsleOfMan, IconFlagIsrael, IconFlagItaly, IconFlagJamaica, IconFlagJapan, IconFlagJersey, IconFlagJordan, IconFlagKazakhstan, IconFlagKenya, IconFlagKiribati, IconFlagKuwait, IconFlagKyrgyzstan, IconFlagLaos, IconFlagLatvia, IconFlagLebanon, IconFlagLesotho, IconFlagLiberia, IconFlagLibya, IconFlagLiechtenstein, IconFlagLithuania, IconFlagLuxembourg, IconFlagMacau, IconFlagMadagascar, IconFlagMalasia, IconFlagMalawi, IconFlagMaldives, IconFlagMali, IconFlagMalta, IconFlagMarshallIslands, IconFlagMartinique, IconFlagMauritania, IconFlagMauritius, IconFlagMexico, IconFlagMoldova, IconFlagMonaco, IconFlagMongolia, IconFlagMontenegro, IconFlagMontserrat, IconFlagMorroco, IconFlagMozambique, IconFlagMyanmar, IconFlagNamibia, IconFlagNauru, IconFlagNepal, IconFlagNetherlands, IconFlagNewZealand, IconFlagNicaragua, IconFlagNiger, IconFlagNigeria, IconFlagNiue, IconFlagNorfolkIsland, IconFlagNorthKorea, IconFlagNorthMacedonia, IconFlagNorthernMarianaIslands, IconFlagNorway, IconFlagOman, IconFlagPakistan, IconFlagPalau, IconFlagPalestine, IconFlagPanama, IconFlagPapuaNewGuinea, IconFlagParaguay, IconFlagPeru, IconFlagPhilippines, IconFlagPitcairnIslands, IconFlagPoland, IconFlagPortugal, IconFlagPuertoRico, IconFlagQatar, IconFlagRepublicOfTheCongo, IconFlagRomania, IconFlagRussia, IconFlagRwanda, IconFlagSaintBarthelemy, IconFlagSamoa, IconFlagSanMarino, IconFlagSaoTomeAndPrincipe, IconFlagSaudiArabia, IconFlagSenegal, IconFlagSerbia, IconFlagSeychelles, IconFlagSierraLeone, IconFlagSingapore, IconFlagSintMaarten, IconFlagSlovakia, IconFlagSlovenia, IconFlagSolomonIslands, IconFlagSomalia, IconFlagSouthAfrica, IconFlagSouthKorea, IconFlagSouthSudan, IconFlagSpain, IconFlagSriLanka, IconFlagStKittsNevis, IconFlagStLucia, IconFlagSudan, IconFlagSuriname, IconFlagSweden, IconFlagSwitzerland, IconFlagSyria, IconFlagTaiwan, IconFlagTajikistan, IconFlagTanzania, IconFlagThailand, IconFlagTimorLeste, IconFlagTogo, IconFlagTokelau, IconFlagTonga, IconFlagTrinidadAndTobago, IconFlagTunisia, IconFlagTurkey, IconFlagTurkmenistan, IconFlagTurksAndCaicos, IconFlagTuvalu, IconFlagUganda, IconFlagUkraine, IconFlagUnitedArabEmirates, IconFlagUnitedKingdom, IconFlagUnitedKingdomOfGreatBritainAndNorthernIreland, IconFlagUnitedStates, IconFlagUruguay, IconFlagUzbekistan, IconFlagVanuatu, IconFlagVenezuela, IconFlagVietnam, IconFlagVirginIslands, IconFlagVirginIslandsBritish, IconFlagWestSahara, IconFlagYemen, IconFlagZambia, IconFlagZimbabwe, IconFlashAuto, IconFlashAutoFill, IconFlight, IconFlowchart, IconFlowchartFill, IconFolder, IconFolderFill, IconFolderOpen, IconFolderOpenFill, IconFolderShared, IconFolderSharedFill, IconFontDownload, IconFontDownloadFill, IconForSaleSign, IconForYou, IconForYouFill, IconForest, IconForestFill, IconForkRight, IconFormatAlignCenter, IconFormatAlignJustify, IconFormatAlignLeft, IconFormatAlignRight, IconFormatColorFill, IconFormatLetterSpacingWide, IconFormatLetterSpacingWider, IconFormatLineSpacing, IconFormatListBulleted, IconFormatListNumbered, IconFormatShapes, IconFormatShapesFill, IconFormatSize, IconForum, IconForumFill, IconForward, IconForwardToInbox, IconForwardToInboxFill, IconFullStackedBarChart, IconFullscreen, IconFullscreenExit, IconFullscreenFill, IconGTranslate, IconGalleryThumbnail, IconGalleryThumbnailFill, IconGarage, IconGarageFill, IconGlobe, IconGoogle, IconGooglePlay, IconGooglepay, IconGridView, IconGridViewFill, IconGroup, IconGroupFill, IconGroupedBarChart, IconHail, IconHandDraw, IconHandDrawFill, IconHandshake, IconHandshakeFill, IconHandyman, IconHandymanFill, IconHeadMountedDevice, IconHeadMountedDeviceFill, IconHeadsetMic, IconHeadsetMicFill, IconHearing, IconHeat, IconHeatPump, IconHeatPumpFill, IconHelp, IconHelpFill, IconHexagon, IconHexagonFill, IconHistory, IconHome, IconHomeAdd, IconHomeAddFill, IconHomeCheck, IconHomeCheckFill, IconHomeFill, IconHomeLock, IconHomeLockFill, IconHomeMonitize, IconHomeMonitizeFill, IconHomeMove, IconHomeMoveFill, IconHomeRemove, IconHomeRemoveFill, IconHomeStorage, IconHomeStorageFill, IconHomeTimer, IconHomeTimerFill, IconHomeWork, IconHomeWorkFill, IconHorizontalDistribute, IconHub, IconHubFill, IconHvac, IconHvacFill, IconIcecream, IconIcecreamFill, IconIdCard, IconIdCardFill, IconImage, IconImageFill, IconInProgress, IconInbox, IconInboxFill, IconIncompleteCircle, IconInfo, IconInfoFill, IconInkEraser, IconInkEraserFill, IconInput, IconInstagramBlack, IconInstagramWhite, IconInventory, IconInventory2, IconInventory2Fill, IconInventoryFill, IconIosShare, IconKebabDining, IconKebabDiningFill, IconKey, IconKeyFill, IconKeyOff, IconKeyOffFill, IconKeyVertical, IconKeyVerticalFill, IconKeyboard, IconKeyboardArrowDown, IconKeyboardArrowUp, IconKeyboardDoubleArrowLeft, IconKeyboardDoubleArrowRight, IconKeyboardFill, IconLabel, IconLabelFill, IconLabelImportant, IconLabelImportantFill, IconLan, IconLanFill, IconLandscape, IconLandscapeFill, IconLanguage, IconLaundry, IconLaundryFill, IconLayers, IconLayersFill, IconLeaderboard, IconLeaderboardFill, IconLeftPanelClose, IconLeftPanelCloseFill, IconLeftPanelOpen, IconLeftPanelOpenFill, IconLicense, IconLicenseFill, IconLight, IconLightFill, IconLightMode, IconLightModeFill, IconLightbulb, IconLightbulbFill, IconLink, IconLinkFill, IconLinkOff, IconLinkedin, IconLinkedinWhite, IconList, IconListChange, IconListFill, IconLocalCafe, IconLocalCafeFill, IconLocalParking, IconLocalShipping, IconLocalShippingFill, IconLocalTaxi, IconLocalTaxiFill, IconLocationDisabled, IconLocationOff, IconLocationOffFill, IconLocationOn, IconLocationOnFill, IconLocationSearching, IconLock, IconLockFill, IconLockOpen, IconLockOpenFill, IconLogin, IconLogout, IconLowVisibility, IconMail, IconMailFill, IconMailLock, IconMailLockFill, IconMan, IconManFill, IconManageAccounts, IconManageAccountsFill, IconMap, IconMapFill, IconMarkAsUnread, IconMarkAsUnreadFill, IconMarkEmailRead, IconMarkEmailReadFill, IconMarkEmailUnread, IconMarkEmailUnreadFill, IconMastercard, IconMenu, IconMenuBook, IconMenuBookFill, IconMenuFill, IconMerge, IconMic, IconMicFill, IconMicOff, IconMicOffFill, IconModeCool, IconModeCoolOff, IconModeFan, IconModeFanFill, IconModeFanOff, IconModeFanOffFill, IconModeHeat, IconModeHeatFill, IconMoneyOff, IconMonitor, IconMonitorFill, IconMood, IconMoodBad, IconMoodBadFill, IconMoodFill, IconMoreHoriz, IconMoreVert, IconMoveLocation, IconMoveLocationFill, IconMoveToInbox, IconMoveToInboxFill, IconMultilineChart, IconMusicNote, IconMyLocation, IconMyLocationFill, IconNavigation, IconNavigationFill, IconNearMe, IconNearMeFill, IconNoSound, IconNoSoundFill, IconNorth, IconNorthWest, IconNoteAdd, IconNoteAddFill, IconNotifications, IconNotificationsFill, IconNotificationsOff, IconNotificationsOffFill, IconNutrition, IconNutritionFill, IconOktaBlack, IconOktaWhite, IconOmniChatbox, IconOmniChatboxFill, IconOpenInFull, IconOpenInNew, IconOpportunities, IconOrders, IconOrdersFill, IconOtherHouses, IconOtherHousesFill, IconOutbox, IconOutboxFill, IconOutgoingMail, IconOutgoingMailFill, IconOutlook, IconOvenGen, IconOvenGenFill, IconPackage, IconPackage2, IconPackage2Fill, IconPackageFill, IconPaid, IconPaidFill, IconPalette, IconPaletteFill, IconPanZoom, IconPartnerExchange, IconPartnerExchangeFill, IconPause, IconPauseCircle, IconPauseCircleFill, IconPauseFill, IconPayments, IconPaymentsFill, IconPaypal, IconPendingActions, IconPentagon, IconPentagonFill, IconPercent, IconPerson, IconPersonAdd, IconPersonAddDisabled, IconPersonAddDisabledFill, IconPersonAddFill, IconPersonBook, IconPersonBookFill, IconPersonCancel, IconPersonCancelFill, IconPersonCheck, IconPersonCheckFill, IconPersonFill, IconPersonRemove, IconPersonRemoveFill, IconPersonSearch, IconPersonSearchFill, IconPets, IconPhotoCamera, IconPhotoCameraFill, IconPieChart, IconPieChartFill, IconPin, IconPinFill, IconPinterest, IconPinterestBlack, IconPlayArrow, IconPlayArrowFill, IconPlayCircle, IconPlayCircleFill, IconPlayPause, IconPlaylistAdd, IconPlaylistAddCheck, IconPlaylistAddFill, IconPlaylistRemove, IconPolicy, IconPolicyFill, IconPreview, IconPreviewFill, IconPrint, IconPrintFill, IconPublic, IconQrCode, IconQrCodeScanner, IconQuestionMark, IconRampLeft, IconRampRight, IconRealEstateAgent, IconRealEstateAgentFill, IconReceipt, IconReceiptFill, IconReceiptLong, IconReceiptLongFill, IconRecordVoiceOver, IconRecordVoiceOverFill, IconRecycling, IconRefresh, IconRemove, IconRemoveShoppingCart, IconRentSign, IconReplay, IconReply, IconReplyAll, IconReplyFill, IconReport, IconReportFill, IconResize, IconResizeHandle, IconRestaurant, IconRightPanelClose, IconRightPanelCloseFill, IconRightPanelOpen, IconRightPanelOpenFill, IconRoofing, IconRoofingFill, IconRoomPreferences, IconRoomPreferencesFill, IconRoundaboutLeft, IconRoundaboutRight, IconRoute, IconRouteFill, IconSave, IconSaveFill, IconSaveSearch, IconSaveSearchFill, IconScatterPlot, IconScatterPlotFill, IconSchedule, IconScheduleFill, IconScheduleSend, IconScheduleSendFill, IconSchema, IconSchemaFill, IconSchool, IconSchoolFill, IconScience, IconScienceFill, IconScore, IconScoreFill, IconSearch, IconSegment, IconSell, IconSellFill, IconSeller, IconSellerFill, IconSend, IconSendFill, IconSentimentDissatisfied, IconSentimentDissatisfiedFill, IconSentimentExtremelyDissatisfied, IconSentimentExtremelyDissatisfiedFill, IconSentimentNeutral, IconSentimentNeutralFill, IconSentimentSatisfied, IconSentimentSatisfiedFill, IconSentimentVeryDissatisfied, IconSentimentVeryDissatisfiedFill, IconSentimentVerySatisfied, IconSentimentVerySatisfiedFill, IconSettings, IconSettingsAccessibility, IconSettingsFill, IconShare, IconShareFill, IconShippingContainer, IconShippingContainerFill, IconShoppingBag, IconShoppingBagFill, IconShoppingCart, IconShoppingCartCheckout, IconShoppingCartFill, IconShoppingCartOff, IconShoppingCartOffFill, IconSick, IconSickFill, IconSignLanguage, IconSignLanguageFill, IconSignalCellularAlt, IconSkipNext, IconSkipNextFill, IconSkipPrevious, IconSkipPreviousFill, IconSlabSerif, IconSlabSerifFill, IconSmartphone, IconSmartphoneFill, IconSms, IconSmsFill, IconSort, IconSortByAlpha, IconSortByReverseAlpha, IconSortFill, IconSouth, IconSouthEast, IconSouthFill, IconSouthWest, IconSquare, IconSquareFill, IconSquareFoot, IconStackedBarChart, IconStackedEmail, IconStackedEmailFill, IconStacks, IconStacksFill, IconStar, IconStarFill, IconStop, IconStopCircle, IconStopCircleFill, IconStopFill, IconStorefront, IconStorefrontFill, IconStraight, IconStraightFill, IconStraighten, IconStraightenFill, IconStressManagement, IconStressManagementFill, IconSubject, IconSubway, IconSubwayFill, IconSwapVert, IconSwapVerticalCircle, IconSwapVerticalCircleFill, IconSymbolAfghanistan, IconSymbolAlandIsland, IconSymbolAlbania, IconSymbolAlgeria, IconSymbolAmericanSamoa, IconSymbolAndorra, IconSymbolAngola, IconSymbolAnguilla, IconSymbolAntiguaAndBarbuda, IconSymbolArgentina, IconSymbolArmenia, IconSymbolAruba, IconSymbolAustralia, IconSymbolAustria, IconSymbolAzerbaijan, IconSymbolBahamas, IconSymbolBahrain, IconSymbolBangladesh, IconSymbolBarbados, IconSymbolBelarus, IconSymbolBelgium, IconSymbolBelize, IconSymbolBenin, IconSymbolBermuda, IconSymbolBhutan, IconSymbolBolivia, IconSymbolBonaire, IconSymbolBosniaAndHerzegovina, IconSymbolBotswana, IconSymbolBrazil, IconSymbolBrunei, IconSymbolBulgaria, IconSymbolBurkinaFaso, IconSymbolBurundi, IconSymbolCambodia, IconSymbolCameroon, IconSymbolCanada, IconSymbolCaymanIslands, IconSymbolCentralAfricanRepublic, IconSymbolChad, IconSymbolChile, IconSymbolChina, IconSymbolChristmasIsland, IconSymbolCocosIslands, IconSymbolColombia, IconSymbolComoros, IconSymbolCookIsland, IconSymbolCostaRica, IconSymbolCroatia, IconSymbolCuba, IconSymbolCuracao, IconSymbolCyprus, IconSymbolCzechRepublic, IconSymbolDemocraticRepublicOfTheCongo, IconSymbolDenmark, IconSymbolDjibouti, IconSymbolDominica, IconSymbolDominicanRepublic, IconSymbolEcuador, IconSymbolEgypt, IconSymbolElSalvador, IconSymbolEquatorialGuinea, IconSymbolEritrea, IconSymbolEstonia, IconSymbolEswatini, IconSymbolEthiopia, IconSymbolFalklandIslands, IconSymbolFaroeIslands, IconSymbolFederatedStatesOfMicronesia, IconSymbolFiji, IconSymbolFinland, IconSymbolFrance, IconSymbolFrenchGuiana, IconSymbolFrenchPolynesia, IconSymbolGabon, IconSymbolGambia, IconSymbolGeorgia, IconSymbolGermany, IconSymbolGhana, IconSymbolGibraltar, IconSymbolGreece, IconSymbolGreeland, IconSymbolGrenada, IconSymbolGrenadines, IconSymbolGuam, IconSymbolGuatemala, IconSymbolGuernsey, IconSymbolGuinea, IconSymbolGuineaBissau, IconSymbolGuyana, IconSymbolHaiti, IconSymbolHonduras, IconSymbolHongKong, IconSymbolHungary, IconSymbolIceland, IconSymbolIndia, IconSymbolIndianOceanTerritory, IconSymbolIndonesia, IconSymbolIran, IconSymbolIraq, IconSymbolIreland, IconSymbolIsleOfMan, IconSymbolIsrael, IconSymbolItaly, IconSymbolJamaica, IconSymbolJapan, IconSymbolJersey, IconSymbolJordan, IconSymbolKazakhstan, IconSymbolKenya, IconSymbolKiribati, IconSymbolKuwait, IconSymbolKyrgyzstan, IconSymbolLaos, IconSymbolLatvia, IconSymbolLebanon, IconSymbolLesotho, IconSymbolLiberia, IconSymbolLibya, IconSymbolLiechtenstein, IconSymbolLithuania, IconSymbolLuxembourg, IconSymbolMacau, IconSymbolMadagascar, IconSymbolMalasia, IconSymbolMalawi, IconSymbolMaldives, IconSymbolMali, IconSymbolMalta, IconSymbolMarshallIslands, IconSymbolMartinique, IconSymbolMauritania, IconSymbolMauritius, IconSymbolMexico, IconSymbolMoldova, IconSymbolMonaco, IconSymbolMongolia, IconSymbolMontenegro, IconSymbolMontserrat, IconSymbolMorroco, IconSymbolMozambique, IconSymbolMyanmar, IconSymbolNamibia, IconSymbolNauru, IconSymbolNepal, IconSymbolNetherlands, IconSymbolNewZealand, IconSymbolNicaragua, IconSymbolNiger, IconSymbolNigeria, IconSymbolNiue, IconSymbolNorfolkIsland, IconSymbolNorthKorea, IconSymbolNorthMacedonia, IconSymbolNorthernMarianaIslands, IconSymbolNorway, IconSymbolOman, IconSymbolPakistan, IconSymbolPalau, IconSymbolPalestine, IconSymbolPanama, IconSymbolPapuaNewGuinea, IconSymbolParaguay, IconSymbolPeru, IconSymbolPhilippines, IconSymbolPitcairnIslands, IconSymbolPoland, IconSymbolPortugal, IconSymbolPuertoRico, IconSymbolQatar, IconSymbolRepublicOfTheCongo, IconSymbolRomania, IconSymbolRussia, IconSymbolRwanda, IconSymbolSaintBarthelemy, IconSymbolSamoa, IconSymbolSanMarino, IconSymbolSaoTomeAndPrincipe, IconSymbolSaudiArabia, IconSymbolSenegal, IconSymbolSerbia, IconSymbolSeychelles, IconSymbolSierraLeone, IconSymbolSingapore, IconSymbolSintMaarten, IconSymbolSlovakia, IconSymbolSlovenia, IconSymbolSolomonIslands, IconSymbolSomalia, IconSymbolSouthAfrica, IconSymbolSouthKorea, IconSymbolSouthSudan, IconSymbolSpain, IconSymbolSriLanka, IconSymbolStKittsNevis, IconSymbolStLucia, IconSymbolSudan, IconSymbolSuriname, IconSymbolSweden, IconSymbolSwitzerland, IconSymbolSyria, IconSymbolTaiwan, IconSymbolTajikistan, IconSymbolTanzania, IconSymbolThailand, IconSymbolTimorLeste, IconSymbolTogo, IconSymbolTokelau, IconSymbolTonga, IconSymbolTrinidadAndTobago, IconSymbolTunisia, IconSymbolTurkey, IconSymbolTurkmenistan, IconSymbolTurksAndCaicos, IconSymbolTuvalu, IconSymbolUganda, IconSymbolUkraine, IconSymbolUnitedArabEmirates, IconSymbolUnitedKingdom, IconSymbolUnitedKingdomOfGreatBritainAndNorthernIreland, IconSymbolUnitedStates, IconSymbolUruguay, IconSymbolUzbekistan, IconSymbolVanuatu, IconSymbolVenezuela, IconSymbolVietnam, IconSymbolVirginIslands, IconSymbolVirginIslandsBritish, IconSymbolWestSahara, IconSymbolYemen, IconSymbolZambia, IconSymbolZimbabwe, IconSync, IconTableChart, IconTableChartFill, IconTableChartView, IconTableChartViewFill, IconTablet, IconTabletFill, IconTag, IconTaxiAlert, IconTaxiAlertFill, IconThermometer, IconThermometerAdd, IconThermometerFill, IconThermometerGain, IconThermometerGainFill, IconThermometerLoss, IconThermometerLossFill, IconThermostat, IconThermostatAuto, IconThermostatFill, IconThumbDown, IconThumbDownFill, IconThumbUp, IconThumbUpFill, IconTimeline, IconTimer, IconTimerFill, IconTitle, IconToken, IconTokenFill, IconTrain, IconTrainFill, IconTranslate, IconTravel, IconTravelExplore, IconTravelFill, IconTrendingDown, IconTrendingFlat, IconTrendingUp, IconTriangle, IconTriangleFill, IconTrip, IconTripFill, IconTrophy, IconTrophyFill, IconTune, IconTurnLeft, IconTurnRight, IconTurnSharpLeft, IconTurnSlightLeft, IconTurnSlightRight, IconTv, IconTvFill, IconUTurnLeft, IconUTurnRight, IconUnarchive, IconUnarchiveFill, IconUndo, IconUnsubscribe, IconUnsubscribeFill, IconUpcoming, IconUpcomingFill, IconVerifiedUser, IconVerifiedUserFill, IconVerticalAlignBottom, IconVerticalAlignCenter, IconVerticalAlignTop, IconVerticalDistribute, IconVideoLibrary, IconVideoLibraryFill, IconVideocam, IconVideocamFill, IconViewCarousel, IconViewCarouselFill, IconViewColumn, IconViewColumn2, IconViewColumn2Fill, IconViewColumnFill, IconViewDay, IconViewDayFill, IconViewInAr, IconViewInArFill, IconViewList, IconViewListFill, IconViewModule, IconViewModuleFill, IconVilla, IconVillaFill, IconVisa, IconVisibility, IconVisibilityFill, IconVisibilityOff, IconVisibilityOffFill, IconVoicemail, IconVolumeDown, IconVolumeDownFill, IconVolumeMute, IconVolumeMuteFill, IconVolumeOff, IconVolumeOffFill, IconVolumeUp, IconVolumeUpFill, IconVolunteerActivism, IconVolunteerActivismFill, IconWallet, IconWarehouse, IconWarehouseFill, IconWarning, IconWarningFill, IconWc, IconWest, IconWifi, IconWifiCalling, IconWifiCallingFill, IconWifiFill, IconWifiHome, IconWifiHomeFill, IconWineBar, IconWineBarFill, IconWoman, IconWork, IconWorkFill, IconX, IconXWhite, IconYoutube, IconYoutubeBlack, IconYoutubeWhite, IconZoomIn, IconZoomInMap, IconZoomOut, IconZoomOutMap, KeyNavigationUtility, ThemeService, UIAccordion, UIAccordionSection, UIAvatar, UIAvatarGroup, UIBadge, UIBannerAlert, UIBreadcrumb, UIButton, UICalendar, UICard, UICheckbox, UICheckboxGroup, UICheckboxGroupField, UICheckboxOption, UIChip, UIChipGroup, UIDatePicker, UIDatePickerField, UIDialog, UIDivider, UIFab, UIField, UIFlexDirective, UIFloatingDirective, UIFocusTrapDirective, UIIcon, UIInlineAlert, UIInput, UIInputField, UIInputNumber, UIInputNumberField, UIInputPhone, UIInputPhoneField, UIKeyNavigationDirective, UILinkDirective, UIListItem, UIMatchParentHeightDirective, UIMenu, UIModal, UIOutsideClickDirective, UIPagination, UIPortalDirective, UIRadio, UIRadioGroup, UIRadioGroupField, UIRadioOption, UIScrim, UISegmentedControl, UISelect, UISelectField, UISwitch, UISwitchOption, UITabGroup, UITabList, UITabListUtility, UITable, UITableCell, UITag, UITextarea, UITextareaField, UITooltip, UITooltipDirective, UITxtDirective, describedById, errorMessageId, formatCell, labelledById };
+export { BUILT_IN_COLUMN_SORTERS, BrandService, EXTRA_BRANDS, Icon360, IconAZAscend, IconAZDescend, IconAccessibilityNew, IconAccessible, IconAccountCircle, IconAccountCircleFill, IconAccountTree, IconAccountTreeFill, IconAdd, IconAddAPhoto, IconAddAPhotoFill, IconAddAlert, IconAddAlertFill, IconAddBusiness, IconAddBusinessFill, IconAddChart, IconAddChartFill, IconAddCircle, IconAddCircleFill, IconAddComment, IconAddCommentFill, IconAddReaction, IconAddReactionFill, IconAddShoppingCart, IconAirplanemodeInactive, IconAirportShuttle, IconAirportShuttleFill, IconAlignCenter, IconAlignEnd, IconAlignFlexCenter, IconAlignFlexEnd, IconAlignFlexStart, IconAlignHorizontalCenter, IconAlignHorizontalLeft, IconAlignHorizontalRight, IconAlignItemsStretch, IconAlignJustifyCenter, IconAlignJustifyFlexEnd, IconAlignJustifyFlexStart, IconAlignJustifySpaceAround, IconAlignJustifySpaceBetween, IconAlignJustifySpaceEven, IconAlignJustifyStretch, IconAlignSpaceAround, IconAlignSpaceBetween, IconAlignSpaceEven, IconAlignStart, IconAlignStretch, IconAlignVerticalBottom, IconAlignVerticalCenter, IconAlignVerticalTop, IconAlternateEmail, IconAmex, IconAnalytics, IconAnalyticsFill, IconApartment, IconAppStore, IconAppleBlack, IconAppleWhite, IconApplepay, IconApps, IconArOnYou, IconArOnYouFill, IconArStickers, IconArStickersFill, IconArchive, IconArchiveFill, IconAreaChart, IconAreaChartFill, IconArrowBack, IconArrowDownward, IconArrowDropDown, IconArrowDropUp, IconArrowForward, IconArrowInsert, IconArrowLeft, IconArrowOutward, IconArrowRight, IconArrowUpward, IconAssignment, IconAssignmentAdd, IconAssignmentAddFill, IconAssignmentFill, IconAttachFile, IconAttachFileAdd, IconAttachFileFill, IconAttachMoney, IconAutomation, IconAutomationFill, IconBadge, IconBadgeFill, IconBakeryDining, IconBakeryDiningFill, IconBarChart, IconBarcode, IconBarcodeScanner, IconBarn, IconBarnFill, IconBasement, IconBasementFill, IconBathroom, IconBathroomFill, IconBed, IconBedFill, IconBlock, IconBluetooth, IconBolt, IconBoltFill, IconBookmark, IconBookmarkAdd, IconBookmarkAddFill, IconBookmarkAdded, IconBookmarkAddedFill, IconBookmarkFill, IconBookmarkRemove, IconBookmarkRemoveFill, IconBookmarks, IconBookmarksFill, IconBorderColor, IconBorderColorFill, IconBorderStyle, IconBox, IconBoxAdd, IconBoxAddFill, IconBoxFill, IconBrail, IconBubbleChart, IconBubbleChartFill, IconBuilding, IconBuildingFill, IconBusinessCenter, IconBusinessCenterFill, IconCalendarViewDay, IconCalendarViewDayFill, IconCalendarViewWeek, IconCalendarViewWeekFill, IconCall, IconCallEnd, IconCallEndFill, IconCallFill, IconCampaign, IconCampaignFill, IconCancel, IconCancelFill, IconCasino, IconCasinoFill, IconCat, IconCatFill, IconCategory, IconCategoryFill, IconChartData, IconChartDataFill, IconChat, IconChatBubble, IconChatBubbleFill, IconChatFill, IconCheck, IconCheckCircle, IconCheckCircleFill, IconCheckFill, IconChecklist, IconChevronLeft, IconChevronRight, IconCircle, IconCircleFill, IconCleaningServices, IconCleaningServicesFill, IconClose, IconCloseFill, IconClosedCaption, IconClosedCaptionDisabled, IconClosedCaptionDisabledFill, IconClosedCaptionFill, IconCloud, IconCloudDone, IconCloudDoneFill, IconCloudDownload, IconCloudDownloadFill, IconCloudFill, IconCloudOff, IconCloudOffFill, IconCloudUpload, IconCloudUploadFill, IconCode, IconCognition, IconCognitionFill, IconColorBlind, IconColors, IconCommute, IconCommuteFill, IconComputer, IconComputerFill, IconConstruction, IconContactMail, IconContactMailFill, IconContactPage, IconContactPageFill, IconContactPhone, IconContactPhoneFill, IconContactSupport, IconContactSupportFill, IconContacts, IconContactsFill, IconContentCopy, IconContentCopyFill, IconContentPasteOff, IconContentPasteSearch, IconContrast, IconContrastCircle, IconContrastFill, IconContrastSquare, IconCopyright, IconCopyrightFill, IconCrawlspace, IconCrawlspaceFill, IconCreditCard, IconCreditCardFill, IconDangerous, IconDangerousFill, IconDarkMode, IconDarkModeFill, IconDashboard, IconDashboard2, IconDashboard2Fill, IconDashboardCustomize, IconDashboardCustomizeFill, IconDashboardFill, IconDatabase, IconDatabaseFill, IconDelete, IconDeleteFill, IconDeleteForever, IconDeleteForeverFill, IconDeployedCode, IconDeployedCodeAccount, IconDeployedCodeAccountFill, IconDeployedCodeAlert, IconDeployedCodeAlertFill, IconDeployedCodeFill, IconDeployedCodeHistory, IconDeployedCodeHistoryFill, IconDeployedCodeUpdate, IconDeployedCodeUpdateFill, IconDescription, IconDescriptionFill, IconDesktopWindows, IconDesktopWindowsFill, IconDeviceThermostat, IconDevices, IconDevicesFill, IconDialpad, IconDiamond, IconDiamondFill, IconDirections, IconDirectionsBike, IconDirectionsBoat, IconDirectionsBoatFill, IconDirectionsBus, IconDirectionsBusFill, IconDirectionsCar, IconDirectionsCarFill, IconDirectionsFill, IconDirectionsSubway, IconDirectionsSubwayFill, IconDirectionsWalk, IconDiscover, IconDiversity1, IconDiversity1Fill, IconDoNotDisturbOn, IconDoNotDisturbOnFill, IconDocumentScanner, IconDocumentScannerFill, IconDog, IconDogFill, IconDonutLarge, IconDonutSmall, IconDonutSmallFill, IconDoorOpen, IconDoorOpenFill, IconDraft, IconDraftFill, IconDrafts, IconDraftsFill, IconDragHandle, IconDragIndicator, IconDraw, IconDrawFill, IconEdit, IconEditFill, IconEditNote, IconEditNoteFill, IconEditRoad, IconEditRoadFill, IconEditSquare, IconEditSquareFill, IconEgg, IconEggFill, IconEmojiLanguage, IconEmojiLanguageFill, IconEmoticon, IconEncrypted, IconEncryptedFill, IconError, IconErrorFill, IconEvent, IconEventFill, IconEventNote, IconEventNoteFill, IconExercise, IconExerciseFill, IconExperiment, IconExperimentFill, IconExplore, IconExploreFill, IconExtension, IconExtensionFill, IconExtensionOff, IconExtensionOffFill, IconFaceId, IconFaceRetouchingOff, IconFaceRetouchingOffFill, IconFacebook, IconFacebookWhite, IconFamilyHome, IconFamilyHomeFill, IconFastfood, IconFastfoodFill, IconFavorite, IconFavoriteFill, IconFileDownload, IconFileUpload, IconFilterList, IconFinance, IconFingerprint, IconFingerprintOff, IconFireplace, IconFireplaceFill, IconFitScreen, IconFitScreenFill, IconFitnessCenter, IconFlag, IconFlagAfghanistan, IconFlagAlandIsland, IconFlagAlbania, IconFlagAlgeria, IconFlagAmericanSamoa, IconFlagAndorra, IconFlagAngola, IconFlagAnguilla, IconFlagAntiguaAndBarbuda, IconFlagArgentina, IconFlagArmenia, IconFlagAruba, IconFlagAustralia, IconFlagAustria, IconFlagAzerbaijan, IconFlagBahamas, IconFlagBahrain, IconFlagBangladesh, IconFlagBarbados, IconFlagBelarus, IconFlagBelgium, IconFlagBelize, IconFlagBenin, IconFlagBermuda, IconFlagBhutan, IconFlagBolivia, IconFlagBonaire, IconFlagBosniaAndHerzegovina, IconFlagBotswana, IconFlagBrazil, IconFlagBrunei, IconFlagBulgaria, IconFlagBurkinaFaso, IconFlagBurundi, IconFlagCambodia, IconFlagCameroon, IconFlagCanada, IconFlagCaymanIslands, IconFlagCentralAfricanRepublic, IconFlagChad, IconFlagChile, IconFlagChina, IconFlagChristmasIsland, IconFlagCocosIslands, IconFlagColombia, IconFlagComoros, IconFlagCookIsland, IconFlagCostaRica, IconFlagCroatia, IconFlagCuba, IconFlagCuracao, IconFlagCyprus, IconFlagCzechRepublic, IconFlagDemocraticRepublicOfTheCongo, IconFlagDenmark, IconFlagDjibouti, IconFlagDominica, IconFlagDominicanRepublic, IconFlagEcuador, IconFlagEgypt, IconFlagElSalvador, IconFlagEquatorialGuinea, IconFlagEritrea, IconFlagEstonia, IconFlagEswatini, IconFlagEthiopia, IconFlagFalklandIslands, IconFlagFaroeIslands, IconFlagFederatedStatesOfMicronesia, IconFlagFiji, IconFlagFill, IconFlagFinland, IconFlagFrance, IconFlagFrenchGuiana, IconFlagFrenchPolynesia, IconFlagGabon, IconFlagGambia, IconFlagGeorgia, IconFlagGermany, IconFlagGhana, IconFlagGibraltar, IconFlagGreece, IconFlagGreeland, IconFlagGrenada, IconFlagGrenadines, IconFlagGuam, IconFlagGuatemala, IconFlagGuernsey, IconFlagGuinea, IconFlagGuineaBissau, IconFlagGuyana, IconFlagHaiti, IconFlagHonduras, IconFlagHongKong, IconFlagHungary, IconFlagIceland, IconFlagIndia, IconFlagIndianOceanTerritory, IconFlagIndonesia, IconFlagIran, IconFlagIraq, IconFlagIreland, IconFlagIsleOfMan, IconFlagIsrael, IconFlagItaly, IconFlagJamaica, IconFlagJapan, IconFlagJersey, IconFlagJordan, IconFlagKazakhstan, IconFlagKenya, IconFlagKiribati, IconFlagKuwait, IconFlagKyrgyzstan, IconFlagLaos, IconFlagLatvia, IconFlagLebanon, IconFlagLesotho, IconFlagLiberia, IconFlagLibya, IconFlagLiechtenstein, IconFlagLithuania, IconFlagLuxembourg, IconFlagMacau, IconFlagMadagascar, IconFlagMalasia, IconFlagMalawi, IconFlagMaldives, IconFlagMali, IconFlagMalta, IconFlagMarshallIslands, IconFlagMartinique, IconFlagMauritania, IconFlagMauritius, IconFlagMexico, IconFlagMoldova, IconFlagMonaco, IconFlagMongolia, IconFlagMontenegro, IconFlagMontserrat, IconFlagMorroco, IconFlagMozambique, IconFlagMyanmar, IconFlagNamibia, IconFlagNauru, IconFlagNepal, IconFlagNetherlands, IconFlagNewZealand, IconFlagNicaragua, IconFlagNiger, IconFlagNigeria, IconFlagNiue, IconFlagNorfolkIsland, IconFlagNorthKorea, IconFlagNorthMacedonia, IconFlagNorthernMarianaIslands, IconFlagNorway, IconFlagOman, IconFlagPakistan, IconFlagPalau, IconFlagPalestine, IconFlagPanama, IconFlagPapuaNewGuinea, IconFlagParaguay, IconFlagPeru, IconFlagPhilippines, IconFlagPitcairnIslands, IconFlagPoland, IconFlagPortugal, IconFlagPuertoRico, IconFlagQatar, IconFlagRepublicOfTheCongo, IconFlagRomania, IconFlagRussia, IconFlagRwanda, IconFlagSaintBarthelemy, IconFlagSamoa, IconFlagSanMarino, IconFlagSaoTomeAndPrincipe, IconFlagSaudiArabia, IconFlagSenegal, IconFlagSerbia, IconFlagSeychelles, IconFlagSierraLeone, IconFlagSingapore, IconFlagSintMaarten, IconFlagSlovakia, IconFlagSlovenia, IconFlagSolomonIslands, IconFlagSomalia, IconFlagSouthAfrica, IconFlagSouthKorea, IconFlagSouthSudan, IconFlagSpain, IconFlagSriLanka, IconFlagStKittsNevis, IconFlagStLucia, IconFlagSudan, IconFlagSuriname, IconFlagSweden, IconFlagSwitzerland, IconFlagSyria, IconFlagTaiwan, IconFlagTajikistan, IconFlagTanzania, IconFlagThailand, IconFlagTimorLeste, IconFlagTogo, IconFlagTokelau, IconFlagTonga, IconFlagTrinidadAndTobago, IconFlagTunisia, IconFlagTurkey, IconFlagTurkmenistan, IconFlagTurksAndCaicos, IconFlagTuvalu, IconFlagUganda, IconFlagUkraine, IconFlagUnitedArabEmirates, IconFlagUnitedKingdom, IconFlagUnitedKingdomOfGreatBritainAndNorthernIreland, IconFlagUnitedStates, IconFlagUruguay, IconFlagUzbekistan, IconFlagVanuatu, IconFlagVenezuela, IconFlagVietnam, IconFlagVirginIslands, IconFlagVirginIslandsBritish, IconFlagWestSahara, IconFlagYemen, IconFlagZambia, IconFlagZimbabwe, IconFlashAuto, IconFlashAutoFill, IconFlight, IconFlowchart, IconFlowchartFill, IconFolder, IconFolderFill, IconFolderOpen, IconFolderOpenFill, IconFolderShared, IconFolderSharedFill, IconFontDownload, IconFontDownloadFill, IconForSaleSign, IconForYou, IconForYouFill, IconForest, IconForestFill, IconForkRight, IconFormatAlignCenter, IconFormatAlignJustify, IconFormatAlignLeft, IconFormatAlignRight, IconFormatColorFill, IconFormatLetterSpacingWide, IconFormatLetterSpacingWider, IconFormatLineSpacing, IconFormatListBulleted, IconFormatListNumbered, IconFormatShapes, IconFormatShapesFill, IconFormatSize, IconForum, IconForumFill, IconForward, IconForwardToInbox, IconForwardToInboxFill, IconFullStackedBarChart, IconFullscreen, IconFullscreenExit, IconFullscreenFill, IconGTranslate, IconGalleryThumbnail, IconGalleryThumbnailFill, IconGarage, IconGarageFill, IconGlobe, IconGoogle, IconGooglePlay, IconGooglepay, IconGridView, IconGridViewFill, IconGroup, IconGroupFill, IconGroupedBarChart, IconHail, IconHandDraw, IconHandDrawFill, IconHandshake, IconHandshakeFill, IconHandyman, IconHandymanFill, IconHeadMountedDevice, IconHeadMountedDeviceFill, IconHeadsetMic, IconHeadsetMicFill, IconHearing, IconHeat, IconHeatPump, IconHeatPumpFill, IconHelp, IconHelpFill, IconHexagon, IconHexagonFill, IconHistory, IconHome, IconHomeAdd, IconHomeAddFill, IconHomeCheck, IconHomeCheckFill, IconHomeFill, IconHomeLock, IconHomeLockFill, IconHomeMonitize, IconHomeMonitizeFill, IconHomeMove, IconHomeMoveFill, IconHomeRemove, IconHomeRemoveFill, IconHomeStorage, IconHomeStorageFill, IconHomeTimer, IconHomeTimerFill, IconHomeWork, IconHomeWorkFill, IconHorizontalDistribute, IconHub, IconHubFill, IconHvac, IconHvacFill, IconIcecream, IconIcecreamFill, IconIdCard, IconIdCardFill, IconImage, IconImageFill, IconInProgress, IconInbox, IconInboxFill, IconIncompleteCircle, IconInfo, IconInfoFill, IconInkEraser, IconInkEraserFill, IconInput, IconInstagramBlack, IconInstagramWhite, IconInventory, IconInventory2, IconInventory2Fill, IconInventoryFill, IconIosShare, IconKebabDining, IconKebabDiningFill, IconKey, IconKeyFill, IconKeyOff, IconKeyOffFill, IconKeyVertical, IconKeyVerticalFill, IconKeyboard, IconKeyboardArrowDown, IconKeyboardArrowUp, IconKeyboardDoubleArrowLeft, IconKeyboardDoubleArrowRight, IconKeyboardFill, IconLabel, IconLabelFill, IconLabelImportant, IconLabelImportantFill, IconLan, IconLanFill, IconLandscape, IconLandscapeFill, IconLanguage, IconLaundry, IconLaundryFill, IconLayers, IconLayersFill, IconLeaderboard, IconLeaderboardFill, IconLeftPanelClose, IconLeftPanelCloseFill, IconLeftPanelOpen, IconLeftPanelOpenFill, IconLicense, IconLicenseFill, IconLight, IconLightFill, IconLightMode, IconLightModeFill, IconLightbulb, IconLightbulbFill, IconLink, IconLinkFill, IconLinkOff, IconLinkedin, IconLinkedinWhite, IconList, IconListChange, IconListFill, IconLocalCafe, IconLocalCafeFill, IconLocalParking, IconLocalShipping, IconLocalShippingFill, IconLocalTaxi, IconLocalTaxiFill, IconLocationDisabled, IconLocationOff, IconLocationOffFill, IconLocationOn, IconLocationOnFill, IconLocationSearching, IconLock, IconLockFill, IconLockOpen, IconLockOpenFill, IconLogin, IconLogout, IconLowVisibility, IconMail, IconMailFill, IconMailLock, IconMailLockFill, IconMan, IconManFill, IconManageAccounts, IconManageAccountsFill, IconMap, IconMapFill, IconMarkAsUnread, IconMarkAsUnreadFill, IconMarkEmailRead, IconMarkEmailReadFill, IconMarkEmailUnread, IconMarkEmailUnreadFill, IconMastercard, IconMenu, IconMenuBook, IconMenuBookFill, IconMenuFill, IconMerge, IconMic, IconMicFill, IconMicOff, IconMicOffFill, IconModeCool, IconModeCoolOff, IconModeFan, IconModeFanFill, IconModeFanOff, IconModeFanOffFill, IconModeHeat, IconModeHeatFill, IconMoneyOff, IconMonitor, IconMonitorFill, IconMood, IconMoodBad, IconMoodBadFill, IconMoodFill, IconMoreHoriz, IconMoreVert, IconMoveLocation, IconMoveLocationFill, IconMoveToInbox, IconMoveToInboxFill, IconMultilineChart, IconMusicNote, IconMyLocation, IconMyLocationFill, IconNavigation, IconNavigationFill, IconNearMe, IconNearMeFill, IconNoSound, IconNoSoundFill, IconNorth, IconNorthWest, IconNoteAdd, IconNoteAddFill, IconNotifications, IconNotificationsFill, IconNotificationsOff, IconNotificationsOffFill, IconNutrition, IconNutritionFill, IconOktaBlack, IconOktaWhite, IconOmniChatbox, IconOmniChatboxFill, IconOpenInFull, IconOpenInNew, IconOpportunities, IconOrders, IconOrdersFill, IconOtherHouses, IconOtherHousesFill, IconOutbox, IconOutboxFill, IconOutgoingMail, IconOutgoingMailFill, IconOutlook, IconOvenGen, IconOvenGenFill, IconPackage, IconPackage2, IconPackage2Fill, IconPackageFill, IconPaid, IconPaidFill, IconPalette, IconPaletteFill, IconPanZoom, IconPartnerExchange, IconPartnerExchangeFill, IconPause, IconPauseCircle, IconPauseCircleFill, IconPauseFill, IconPayments, IconPaymentsFill, IconPaypal, IconPendingActions, IconPentagon, IconPentagonFill, IconPercent, IconPerson, IconPersonAdd, IconPersonAddDisabled, IconPersonAddDisabledFill, IconPersonAddFill, IconPersonBook, IconPersonBookFill, IconPersonCancel, IconPersonCancelFill, IconPersonCheck, IconPersonCheckFill, IconPersonFill, IconPersonRemove, IconPersonRemoveFill, IconPersonSearch, IconPersonSearchFill, IconPets, IconPhotoCamera, IconPhotoCameraFill, IconPieChart, IconPieChartFill, IconPin, IconPinFill, IconPinterest, IconPinterestBlack, IconPlayArrow, IconPlayArrowFill, IconPlayCircle, IconPlayCircleFill, IconPlayPause, IconPlaylistAdd, IconPlaylistAddCheck, IconPlaylistAddFill, IconPlaylistRemove, IconPolicy, IconPolicyFill, IconPreview, IconPreviewFill, IconPrint, IconPrintFill, IconPublic, IconQrCode, IconQrCodeScanner, IconQuestionMark, IconRampLeft, IconRampRight, IconRealEstateAgent, IconRealEstateAgentFill, IconReceipt, IconReceiptFill, IconReceiptLong, IconReceiptLongFill, IconRecordVoiceOver, IconRecordVoiceOverFill, IconRecycling, IconRefresh, IconRemove, IconRemoveShoppingCart, IconRentSign, IconReplay, IconReply, IconReplyAll, IconReplyFill, IconReport, IconReportFill, IconResize, IconResizeHandle, IconRestaurant, IconRightPanelClose, IconRightPanelCloseFill, IconRightPanelOpen, IconRightPanelOpenFill, IconRoofing, IconRoofingFill, IconRoomPreferences, IconRoomPreferencesFill, IconRoundaboutLeft, IconRoundaboutRight, IconRoute, IconRouteFill, IconSave, IconSaveFill, IconSaveSearch, IconSaveSearchFill, IconScatterPlot, IconScatterPlotFill, IconSchedule, IconScheduleFill, IconScheduleSend, IconScheduleSendFill, IconSchema, IconSchemaFill, IconSchool, IconSchoolFill, IconScience, IconScienceFill, IconScore, IconScoreFill, IconSearch, IconSegment, IconSell, IconSellFill, IconSeller, IconSellerFill, IconSend, IconSendFill, IconSentimentDissatisfied, IconSentimentDissatisfiedFill, IconSentimentExtremelyDissatisfied, IconSentimentExtremelyDissatisfiedFill, IconSentimentNeutral, IconSentimentNeutralFill, IconSentimentSatisfied, IconSentimentSatisfiedFill, IconSentimentVeryDissatisfied, IconSentimentVeryDissatisfiedFill, IconSentimentVerySatisfied, IconSentimentVerySatisfiedFill, IconSettings, IconSettingsAccessibility, IconSettingsFill, IconShare, IconShareFill, IconShippingContainer, IconShippingContainerFill, IconShoppingBag, IconShoppingBagFill, IconShoppingCart, IconShoppingCartCheckout, IconShoppingCartFill, IconShoppingCartOff, IconShoppingCartOffFill, IconSick, IconSickFill, IconSignLanguage, IconSignLanguageFill, IconSignalCellularAlt, IconSkipNext, IconSkipNextFill, IconSkipPrevious, IconSkipPreviousFill, IconSlabSerif, IconSlabSerifFill, IconSmartphone, IconSmartphoneFill, IconSms, IconSmsFill, IconSort, IconSortByAlpha, IconSortByReverseAlpha, IconSortFill, IconSouth, IconSouthEast, IconSouthFill, IconSouthWest, IconSquare, IconSquareFill, IconSquareFoot, IconStackedBarChart, IconStackedEmail, IconStackedEmailFill, IconStacks, IconStacksFill, IconStar, IconStarFill, IconStop, IconStopCircle, IconStopCircleFill, IconStopFill, IconStorefront, IconStorefrontFill, IconStraight, IconStraightFill, IconStraighten, IconStraightenFill, IconStressManagement, IconStressManagementFill, IconSubject, IconSubway, IconSubwayFill, IconSwapVert, IconSwapVerticalCircle, IconSwapVerticalCircleFill, IconSymbolAfghanistan, IconSymbolAlandIsland, IconSymbolAlbania, IconSymbolAlgeria, IconSymbolAmericanSamoa, IconSymbolAndorra, IconSymbolAngola, IconSymbolAnguilla, IconSymbolAntiguaAndBarbuda, IconSymbolArgentina, IconSymbolArmenia, IconSymbolAruba, IconSymbolAustralia, IconSymbolAustria, IconSymbolAzerbaijan, IconSymbolBahamas, IconSymbolBahrain, IconSymbolBangladesh, IconSymbolBarbados, IconSymbolBelarus, IconSymbolBelgium, IconSymbolBelize, IconSymbolBenin, IconSymbolBermuda, IconSymbolBhutan, IconSymbolBolivia, IconSymbolBonaire, IconSymbolBosniaAndHerzegovina, IconSymbolBotswana, IconSymbolBrazil, IconSymbolBrunei, IconSymbolBulgaria, IconSymbolBurkinaFaso, IconSymbolBurundi, IconSymbolCambodia, IconSymbolCameroon, IconSymbolCanada, IconSymbolCaymanIslands, IconSymbolCentralAfricanRepublic, IconSymbolChad, IconSymbolChile, IconSymbolChina, IconSymbolChristmasIsland, IconSymbolCocosIslands, IconSymbolColombia, IconSymbolComoros, IconSymbolCookIsland, IconSymbolCostaRica, IconSymbolCroatia, IconSymbolCuba, IconSymbolCuracao, IconSymbolCyprus, IconSymbolCzechRepublic, IconSymbolDemocraticRepublicOfTheCongo, IconSymbolDenmark, IconSymbolDjibouti, IconSymbolDominica, IconSymbolDominicanRepublic, IconSymbolEcuador, IconSymbolEgypt, IconSymbolElSalvador, IconSymbolEquatorialGuinea, IconSymbolEritrea, IconSymbolEstonia, IconSymbolEswatini, IconSymbolEthiopia, IconSymbolFalklandIslands, IconSymbolFaroeIslands, IconSymbolFederatedStatesOfMicronesia, IconSymbolFiji, IconSymbolFinland, IconSymbolFrance, IconSymbolFrenchGuiana, IconSymbolFrenchPolynesia, IconSymbolGabon, IconSymbolGambia, IconSymbolGeorgia, IconSymbolGermany, IconSymbolGhana, IconSymbolGibraltar, IconSymbolGreece, IconSymbolGreeland, IconSymbolGrenada, IconSymbolGrenadines, IconSymbolGuam, IconSymbolGuatemala, IconSymbolGuernsey, IconSymbolGuinea, IconSymbolGuineaBissau, IconSymbolGuyana, IconSymbolHaiti, IconSymbolHonduras, IconSymbolHongKong, IconSymbolHungary, IconSymbolIceland, IconSymbolIndia, IconSymbolIndianOceanTerritory, IconSymbolIndonesia, IconSymbolIran, IconSymbolIraq, IconSymbolIreland, IconSymbolIsleOfMan, IconSymbolIsrael, IconSymbolItaly, IconSymbolJamaica, IconSymbolJapan, IconSymbolJersey, IconSymbolJordan, IconSymbolKazakhstan, IconSymbolKenya, IconSymbolKiribati, IconSymbolKuwait, IconSymbolKyrgyzstan, IconSymbolLaos, IconSymbolLatvia, IconSymbolLebanon, IconSymbolLesotho, IconSymbolLiberia, IconSymbolLibya, IconSymbolLiechtenstein, IconSymbolLithuania, IconSymbolLuxembourg, IconSymbolMacau, IconSymbolMadagascar, IconSymbolMalasia, IconSymbolMalawi, IconSymbolMaldives, IconSymbolMali, IconSymbolMalta, IconSymbolMarshallIslands, IconSymbolMartinique, IconSymbolMauritania, IconSymbolMauritius, IconSymbolMexico, IconSymbolMoldova, IconSymbolMonaco, IconSymbolMongolia, IconSymbolMontenegro, IconSymbolMontserrat, IconSymbolMorroco, IconSymbolMozambique, IconSymbolMyanmar, IconSymbolNamibia, IconSymbolNauru, IconSymbolNepal, IconSymbolNetherlands, IconSymbolNewZealand, IconSymbolNicaragua, IconSymbolNiger, IconSymbolNigeria, IconSymbolNiue, IconSymbolNorfolkIsland, IconSymbolNorthKorea, IconSymbolNorthMacedonia, IconSymbolNorthernMarianaIslands, IconSymbolNorway, IconSymbolOman, IconSymbolPakistan, IconSymbolPalau, IconSymbolPalestine, IconSymbolPanama, IconSymbolPapuaNewGuinea, IconSymbolParaguay, IconSymbolPeru, IconSymbolPhilippines, IconSymbolPitcairnIslands, IconSymbolPoland, IconSymbolPortugal, IconSymbolPuertoRico, IconSymbolQatar, IconSymbolRepublicOfTheCongo, IconSymbolRomania, IconSymbolRussia, IconSymbolRwanda, IconSymbolSaintBarthelemy, IconSymbolSamoa, IconSymbolSanMarino, IconSymbolSaoTomeAndPrincipe, IconSymbolSaudiArabia, IconSymbolSenegal, IconSymbolSerbia, IconSymbolSeychelles, IconSymbolSierraLeone, IconSymbolSingapore, IconSymbolSintMaarten, IconSymbolSlovakia, IconSymbolSlovenia, IconSymbolSolomonIslands, IconSymbolSomalia, IconSymbolSouthAfrica, IconSymbolSouthKorea, IconSymbolSouthSudan, IconSymbolSpain, IconSymbolSriLanka, IconSymbolStKittsNevis, IconSymbolStLucia, IconSymbolSudan, IconSymbolSuriname, IconSymbolSweden, IconSymbolSwitzerland, IconSymbolSyria, IconSymbolTaiwan, IconSymbolTajikistan, IconSymbolTanzania, IconSymbolThailand, IconSymbolTimorLeste, IconSymbolTogo, IconSymbolTokelau, IconSymbolTonga, IconSymbolTrinidadAndTobago, IconSymbolTunisia, IconSymbolTurkey, IconSymbolTurkmenistan, IconSymbolTurksAndCaicos, IconSymbolTuvalu, IconSymbolUganda, IconSymbolUkraine, IconSymbolUnitedArabEmirates, IconSymbolUnitedKingdom, IconSymbolUnitedKingdomOfGreatBritainAndNorthernIreland, IconSymbolUnitedStates, IconSymbolUruguay, IconSymbolUzbekistan, IconSymbolVanuatu, IconSymbolVenezuela, IconSymbolVietnam, IconSymbolVirginIslands, IconSymbolVirginIslandsBritish, IconSymbolWestSahara, IconSymbolYemen, IconSymbolZambia, IconSymbolZimbabwe, IconSync, IconTableChart, IconTableChartFill, IconTableChartView, IconTableChartViewFill, IconTablet, IconTabletFill, IconTag, IconTaxiAlert, IconTaxiAlertFill, IconThermometer, IconThermometerAdd, IconThermometerFill, IconThermometerGain, IconThermometerGainFill, IconThermometerLoss, IconThermometerLossFill, IconThermostat, IconThermostatAuto, IconThermostatFill, IconThumbDown, IconThumbDownFill, IconThumbUp, IconThumbUpFill, IconTimeline, IconTimer, IconTimerFill, IconTitle, IconToken, IconTokenFill, IconTrain, IconTrainFill, IconTranslate, IconTravel, IconTravelExplore, IconTravelFill, IconTrendingDown, IconTrendingFlat, IconTrendingUp, IconTriangle, IconTriangleFill, IconTrip, IconTripFill, IconTrophy, IconTrophyFill, IconTune, IconTurnLeft, IconTurnRight, IconTurnSharpLeft, IconTurnSlightLeft, IconTurnSlightRight, IconTv, IconTvFill, IconUTurnLeft, IconUTurnRight, IconUnarchive, IconUnarchiveFill, IconUndo, IconUnsubscribe, IconUnsubscribeFill, IconUpcoming, IconUpcomingFill, IconVerifiedUser, IconVerifiedUserFill, IconVerticalAlignBottom, IconVerticalAlignCenter, IconVerticalAlignTop, IconVerticalDistribute, IconVideoLibrary, IconVideoLibraryFill, IconVideocam, IconVideocamFill, IconViewCarousel, IconViewCarouselFill, IconViewColumn, IconViewColumn2, IconViewColumn2Fill, IconViewColumnFill, IconViewDay, IconViewDayFill, IconViewInAr, IconViewInArFill, IconViewList, IconViewListFill, IconViewModule, IconViewModuleFill, IconVilla, IconVillaFill, IconVisa, IconVisibility, IconVisibilityFill, IconVisibilityOff, IconVisibilityOffFill, IconVoicemail, IconVolumeDown, IconVolumeDownFill, IconVolumeMute, IconVolumeMuteFill, IconVolumeOff, IconVolumeOffFill, IconVolumeUp, IconVolumeUpFill, IconVolunteerActivism, IconVolunteerActivismFill, IconWallet, IconWarehouse, IconWarehouseFill, IconWarning, IconWarningFill, IconWc, IconWest, IconWifi, IconWifiCalling, IconWifiCallingFill, IconWifiFill, IconWifiHome, IconWifiHomeFill, IconWineBar, IconWineBarFill, IconWoman, IconWork, IconWorkFill, IconX, IconXWhite, IconYoutube, IconYoutubeBlack, IconYoutubeWhite, IconZoomIn, IconZoomInMap, IconZoomOut, IconZoomOutMap, KeyNavigationUtility, ThemeService, UIAccordion, UIAccordionSection, UIAvatar, UIAvatarGroup, UIBadge, UIBannerAlert, UIBreadcrumb, UIButton, UICalendar, UICard, UICheckbox, UICheckboxGroup, UICheckboxGroupField, UICheckboxOption, UIChip, UIChipGroup, UIDatePicker, UIDatePickerField, UIDialog, UIDivider, UIFab, UIField, UIFlexDirective, UIFloatingDirective, UIFocusTrapDirective, UIIcon, UIInlineAlert, UIInput, UIInputField, UIInputNumber, UIInputNumberField, UIInputPhone, UIInputPhoneField, UIKeyNavigationDirective, UILinkDirective, UIListItem, UIMatchParentHeightDirective, UIMenu, UIModal, UIOutsideClickDirective, UIPagination, UIPortalDirective, UIRadio, UIRadioGroup, UIRadioGroupField, UIRadioOption, UIScrim, UISegmentedControl, UISelect, UISelectField, UISwitch, UISwitchOption, UITabGroup, UITabList, UITabListUtility, UITable, UITableCell, UITag, UITextarea, UITextareaField, UITooltip, UITooltipDirective, UITxtDirective, describedById, errorMessageId, formatCell, labelledById, updateBrandStylesheet };
 //# sourceMappingURL=bspk-ui-ngx.mjs.map