@bspk/ui-ngx 1.0.4 → 1.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/fesm2022/bspk-ui-ngx.mjs +490 -56
  2. package/fesm2022/bspk-ui-ngx.mjs.map +1 -1
  3. package/index.d.ts +95 -11
  4. package/package.json +3 -2
package/fesm2022/bspk-ui-ngx.mjs CHANGED
@@ -3,6 +3,7 @@ import { CommonModule, DOCUMENT, NgTemplateOutlet } from '@angular/common';
3
3
  import * as i0 from '@angular/core';
4
4
  import { Input, ViewEncapsulation, Component, input, computed, model, TemplateRef, createComponent, signal, inject, ElementRef, Renderer2, EnvironmentInjector, effect, Directive, viewChild, EventEmitter, Output, ViewContainerRef, ChangeDetectionStrategy, output, booleanAttribute, Injectable, DOCUMENT as DOCUMENT$1 } from '@angular/core';
5
5
  import { computePosition, arrow, offset, flip, size } from '@floating-ui/dom';
6
+ import { parse, isValid, format, addDays, addMonths, isSameDay, startOfToday, addYears, startOfWeek, startOfMonth, endOfWeek, endOfMonth, eachDayOfInterval } from 'date-fns';
6
7
 
7
8
  /**
8
9
  * Returns a random integer between min and max (inclusive).
@@ -142,7 +143,7 @@ class UIAccordion {
142
143
  }
143
144
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: UIAccordion, deps: [], target: i0.ɵɵFactoryTarget.Component });
144
145
  static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: UIAccordion, isStandalone: true, selector: "ui-accordion", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, singleOpen: { classPropertyName: "singleOpen", publicName: "singleOpen", isSignal: true, isRequired: false, transformFunction: null }, openSections: { classPropertyName: "openSections", publicName: "openSections", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { openSections: "openSectionsChange" }, host: { attributes: { "data-bspk": "accordion" } }, ngImport: i0, template: `@for (item of itemsWithIds(); track item) {
145
- <section [attr.data-disabled]="item.disabled ? true : null" [id]="item.id">
146
+ <section data-bspk="accordion-item" [attr.data-disabled]="item.disabled ? true : null" [id]="item.id">
146
147
  <button
147
148
  type="button"
148
149
  [attr.aria-controls]="item.id + '-content'"
@@ -210,12 +211,12 @@ class UIAccordion {
210
211
  }
211
212
  <span data-divider></span>
212
213
  </section>
213
- }`, isInline: true, styles: ["[data-bspk=accordion]{display:block;width:100%;padding:var(--spacing-sizing-02)}[data-bspk=accordion]:empty{display:none}[data-bspk=accordion]>section{--border-bottom-color: var(--stroke-neutral-base);display:flex;flex-direction:column;justify-content:center;color:var(--foreground-neutral-on-surface)}[data-bspk=accordion]>section[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]>section 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]>section button[data-header] [data-title-subtitle]{display:flex;flex-direction:column;align-items:flex-start;flex:1}[data-bspk=accordion]>section button[data-header] [data-title-subtitle] [data-title]{font:var(--labels-base)}[data-bspk=accordion]>section button[data-header] [data-title-subtitle] [data-subtitle]{font:var(--body-x-small);color:var(--foreground-neutral-on-surface-variant-01)}[data-bspk=accordion]>section button[data-header] [data-arrow]{display:flex;align-items:center;justify-content:center;margin-left:var(--spacing-sizing-02)}[data-bspk=accordion]>section button[data-header] [data-arrow] svg{width:var(--spacing-sizing-06)}[data-bspk=accordion]>section 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]>section 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]>section button[data-header]:disabled{cursor:not-allowed;color:var(--foreground-neutral-disabled-on-surface);border-color:var(--stroke-neutral-disabled-light)}[data-bspk=accordion]>section:has(:focus-visible){outline:2px solid var(--stroke-neutral-focus);border-color:var(--stroke-neutral-focus);margin-bottom:1px}[data-bspk=accordion]>section [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"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: IconKeyboardArrowDown, selector: "icon-keyboard-arrow-down", inputs: ["width"] }, { kind: "component", type: IconKeyboardArrowUp, selector: "icon-keyboard-arrow-up", inputs: ["width"] }], encapsulation: i0.ViewEncapsulation.None });
214
+ }`, isInline: true, 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"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: IconKeyboardArrowDown, selector: "icon-keyboard-arrow-down", inputs: ["width"] }, { kind: "component", type: IconKeyboardArrowUp, selector: "icon-keyboard-arrow-up", inputs: ["width"] }], encapsulation: i0.ViewEncapsulation.None });
214
215
  }
215
216
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: UIAccordion, decorators: [{
216
217
  type: Component,
217
218
  args: [{ selector: 'ui-accordion', standalone: true, imports: [CommonModule, IconKeyboardArrowDown, IconKeyboardArrowUp], template: `@for (item of itemsWithIds(); track item) {
218
- <section [attr.data-disabled]="item.disabled ? true : null" [id]="item.id">
219
+ <section data-bspk="accordion-item" [attr.data-disabled]="item.disabled ? true : null" [id]="item.id">
219
220
  <button
220
221
  type="button"
221
222
  [attr.aria-controls]="item.id + '-content'"
@@ -285,7 +286,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
285
286
  </section>
286
287
  }`, encapsulation: ViewEncapsulation.None, host: {
287
288
  'data-bspk': 'accordion',
288
- }, styles: ["[data-bspk=accordion]{display:block;width:100%;padding:var(--spacing-sizing-02)}[data-bspk=accordion]:empty{display:none}[data-bspk=accordion]>section{--border-bottom-color: var(--stroke-neutral-base);display:flex;flex-direction:column;justify-content:center;color:var(--foreground-neutral-on-surface)}[data-bspk=accordion]>section[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]>section 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]>section button[data-header] [data-title-subtitle]{display:flex;flex-direction:column;align-items:flex-start;flex:1}[data-bspk=accordion]>section button[data-header] [data-title-subtitle] [data-title]{font:var(--labels-base)}[data-bspk=accordion]>section button[data-header] [data-title-subtitle] [data-subtitle]{font:var(--body-x-small);color:var(--foreground-neutral-on-surface-variant-01)}[data-bspk=accordion]>section button[data-header] [data-arrow]{display:flex;align-items:center;justify-content:center;margin-left:var(--spacing-sizing-02)}[data-bspk=accordion]>section button[data-header] [data-arrow] svg{width:var(--spacing-sizing-06)}[data-bspk=accordion]>section 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]>section 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]>section button[data-header]:disabled{cursor:not-allowed;color:var(--foreground-neutral-disabled-on-surface);border-color:var(--stroke-neutral-disabled-light)}[data-bspk=accordion]>section:has(:focus-visible){outline:2px solid var(--stroke-neutral-focus);border-color:var(--stroke-neutral-focus);margin-bottom:1px}[data-bspk=accordion]>section [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"] }]
289
+ }, 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"] }]
289
290
  }], propDecorators: { items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], singleOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "singleOpen", required: false }] }], openSections: [{ type: i0.Input, args: [{ isSignal: true, alias: "openSections", required: false }] }, { type: i0.Output, args: ["openSectionsChange"] }] } });
290
291
 
291
292
  class IconPerson {
@@ -695,8 +696,6 @@ class TooltipUtility {
695
696
  * An avatar is a visual representation of a user or entity. It can be used to display an initials, icon, or image.
696
697
  *
697
698
  * @example
698
- * import { Avatar } from '@bspk/ui/Avatar';
699
- *
700
699
  * <Avatar
701
700
  * color="blue"
702
701
  * showIcon
@@ -877,7 +876,20 @@ class UIFloatingDirective {
877
876
  floating: this.host.nativeElement,
878
877
  };
879
878
  this.floating.compute(nextProps);
879
+ window.addEventListener('scroll', this.updateFloatingPosition, true);
880
+ window.addEventListener('resize', this.updateFloatingPosition, true);
881
+ }
882
+ ngOnDestroy() {
883
+ window.removeEventListener('scroll', this.updateFloatingPosition, true);
884
+ window.removeEventListener('resize', this.updateFloatingPosition, true);
880
885
  }
886
+ updateFloatingPosition = () => {
887
+ const nextProps = {
888
+ ...this.props(),
889
+ floating: this.host.nativeElement,
890
+ };
891
+ this.floating.compute(nextProps);
892
+ };
881
893
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: UIFloatingDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
882
894
  static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.15", type: UIFloatingDirective, isStandalone: true, selector: "[ui-floating]", inputs: { props: { classPropertyName: "props", publicName: "ui-floating", isSignal: true, isRequired: true, transformFunction: null } }, host: { styleAttribute: "position: absolute;" }, ngImport: i0 });
883
895
  }
@@ -911,6 +923,7 @@ class UIListItem {
911
923
  active = input(...(ngDevMode ? [undefined, { debugName: "active" }] : []));
912
924
  owner = input(...(ngDevMode ? [undefined, { debugName: "owner" }] : []));
913
925
  ariaLabel = input(...(ngDevMode ? [undefined, { debugName: "ariaLabel" }] : []));
926
+ ariaRole = input(...(ngDevMode ? [undefined, { debugName: "ariaRole" }] : []));
914
927
  ariaSelected = input(...(ngDevMode ? [undefined, { debugName: "ariaSelected" }] : []));
915
928
  ariaDisabled = input(...(ngDevMode ? [undefined, { debugName: "ariaDisabled" }] : []));
916
929
  ariaReadonly = input(...(ngDevMode ? [undefined, { debugName: "ariaReadonly" }] : []));
@@ -949,9 +962,11 @@ class UIListItem {
949
962
  return 'div';
950
963
  }
951
964
  get role() {
965
+ if (this.ariaRole())
966
+ return this.ariaRole();
952
967
  if (!this.actionable())
953
968
  return undefined;
954
- if (this.as() === 'button')
969
+ if (this.as() === 'button' || this.as() === 'a')
955
970
  return undefined;
956
971
  return 'button';
957
972
  }
@@ -961,7 +976,7 @@ class UIListItem {
961
976
  this.onClick.emit(event);
962
977
  }
963
978
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: UIListItem, deps: [], target: i0.ɵɵFactoryTarget.Component });
964
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: UIListItem, isStandalone: true, selector: "ui-list-item", inputs: { active: { classPropertyName: "active", publicName: "active", 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 }, ariaSelected: { classPropertyName: "ariaSelected", publicName: "ariaSelected", isSignal: true, isRequired: false, transformFunction: null }, ariaDisabled: { classPropertyName: "ariaDisabled", publicName: "ariaDisabled", isSignal: true, isRequired: false, transformFunction: null }, ariaReadonly: { classPropertyName: "ariaReadonly", publicName: "ariaReadonly", isSignal: true, isRequired: false, transformFunction: null }, htmlFor: { classPropertyName: "htmlFor", publicName: "htmlFor", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readOnly: { classPropertyName: "readOnly", publicName: "readOnly", isSignal: true, isRequired: false, transformFunction: null }, as: { classPropertyName: "as", publicName: "as", isSignal: true, isRequired: false, transformFunction: null }, href: { classPropertyName: "href", publicName: "href", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, subText: { classPropertyName: "subText", publicName: "subText", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, tabIndex: { classPropertyName: "tabIndex", publicName: "tabIndex", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onClick: "onClick" }, host: { properties: { "attr.id": "listItemId()" }, styleAttribute: "display: contents;" }, ngImport: i0, template: `
979
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: UIListItem, isStandalone: true, selector: "ui-list-item", inputs: { active: { classPropertyName: "active", publicName: "active", 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 }, ariaRole: { classPropertyName: "ariaRole", publicName: "ariaRole", isSignal: true, isRequired: false, transformFunction: null }, ariaSelected: { classPropertyName: "ariaSelected", publicName: "ariaSelected", isSignal: true, isRequired: false, transformFunction: null }, ariaDisabled: { classPropertyName: "ariaDisabled", publicName: "ariaDisabled", isSignal: true, isRequired: false, transformFunction: null }, ariaReadonly: { classPropertyName: "ariaReadonly", publicName: "ariaReadonly", isSignal: true, isRequired: false, transformFunction: null }, htmlFor: { classPropertyName: "htmlFor", publicName: "htmlFor", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readOnly: { classPropertyName: "readOnly", publicName: "readOnly", isSignal: true, isRequired: false, transformFunction: null }, as: { classPropertyName: "as", publicName: "as", isSignal: true, isRequired: false, transformFunction: null }, href: { classPropertyName: "href", publicName: "href", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, subText: { classPropertyName: "subText", publicName: "subText", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, tabIndex: { classPropertyName: "tabIndex", publicName: "tabIndex", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onClick: "onClick" }, host: { properties: { "attr.id": "listItemId()" }, styleAttribute: "display: contents;" }, ngImport: i0, template: `
965
980
  <ng-template #inner>
966
981
  <ng-content select="[data-leading]"></ng-content>
967
982
  <span data-item-label>
@@ -1049,7 +1064,7 @@ class UIListItem {
1049
1064
  <ng-container *ngTemplateOutlet="inner"></ng-container>
1050
1065
  </div>
1051
1066
  }
1052
- `, isInline: true, styles: ["[data-bspk=list-item]{display:flex;-webkit-user-select:none;user-select:none;color:var(--foreground-neutral-on-surface);background-color:var(--surface-neutral-t1-base);height:100%;overflow:hidden;min-height:var(--list-item-height);flex-direction:row;gap:var(--spacing-sizing-03);padding:var(--spacing-sizing-02);justify-items:stretch;border:unset;margin:unset;text-decoration:unset;width:100%}[data-bspk=list-item][data-width=hug]{width:auto;max-width:100%}[data-pseudo=focus] [data-bspk=list-item],[data-bspk=list-item]:focus-visible,[data-bspk=list-item]:has(*:focus-visible){outline:solid 2px var(--stroke-neutral-focus);isolation:isolate}[data-pseudo=focus] [data-bspk=list-item] [data-inner],[data-bspk=list-item]:focus-visible [data-inner],[data-bspk=list-item]:has(*:focus-visible) [data-inner]{border-color:transparent}[data-bspk=list-item]:not([data-disabled],[data-readonly])[data-action][data-active],[data-pseudo=hover] [data-bspk=list-item]:not([data-disabled],[data-readonly])[data-action],[data-bspk=list-item]:not([data-disabled],[data-readonly])[data-action]:hover,[data-bspk=list-item]:not([data-disabled],[data-readonly]):is(label)[data-active],[data-pseudo=hover] [data-bspk=list-item]:not([data-disabled],[data-readonly]):is(label),[data-bspk=list-item]:not([data-disabled],[data-readonly]):is(label):hover{background-color:var(--interactions-neutral-hover-opacity)}[data-pseudo=active] [data-bspk=list-item]:not([data-disabled],[data-readonly])[data-action],[data-bspk=list-item]:not([data-disabled],[data-readonly])[data-action]:active,[data-pseudo=active] [data-bspk=list-item]:not([data-disabled],[data-readonly]):is(label),[data-bspk=list-item]:not([data-disabled],[data-readonly]):is(label):active{background-color:var(--interactions-neutral-press-opacity)}[data-bspk=list-item] [data-leading],[data-bspk=list-item] [data-item-label],[data-bspk=list-item] [data-trailing]{min-height:100%;display:flex;flex-direction:column;justify-content:space-around;flex:1 1 0;min-width:0}[data-bspk=list-item] [data-leading] svg,[data-bspk=list-item] [data-item-label] svg,[data-bspk=list-item] [data-trailing] svg{width:24px;max-width:unset}[data-bspk=list-item] [data-leading],[data-bspk=list-item] [data-trailing]{width:fit-content;flex:0 0 auto}[data-bspk=list-item] [data-leading]:empty,[data-bspk=list-item] [data-trailing]:empty{display:none}[data-bspk=list-item] [data-item-label]{text-align:left}[data-bspk=list-item] [data-item-label] [data-text]{width:100%;font:var(--labels-base);color:var(--foreground-neutral-on-surface)}[data-bspk=list-item] [data-item-label] [data-sub-text]{width:100%;font:var(--body-small);color:var(--foreground-neutral-on-surface-variant-01)}[data-bspk=list-item] [data-trailing]:has(input){pointer-events:none}[data-bspk=list-item] img{height:36px;width:36px;max-width:unset}[data-bspk=list-item]:is(label) [data-inner]{border-bottom:0;gap:var(--spacing-sizing-02)}[data-bspk=list-item][aria-selected=true]{background-color:var(--surface-brand-primary-highlight)}[data-bspk=list-item][data-disabled] [data-text],[data-bspk=list-item][data-disabled] [data-sub-text],[data-bspk=list-item][data-readonly] [data-text],[data-bspk=list-item][data-readonly] [data-sub-text]{color:var(--foreground-neutral-disabled-on-surface);cursor:not-allowed}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: UITooltipDirective, selector: "[ui-tooltip]", inputs: ["ui-tooltip"], outputs: ["ui-tooltipChange"] }], encapsulation: i0.ViewEncapsulation.None });
1067
+ `, isInline: true, styles: ["[data-bspk=list-item]{display:flex;-webkit-user-select:none;user-select:none;color:var(--foreground-neutral-on-surface);background-color:var(--surface-neutral-t1-base);height:100%;overflow:hidden;min-height:var(--list-item-height);flex-direction:row;gap:var(--spacing-sizing-03);padding:var(--spacing-sizing-02);justify-items:stretch;border:unset;border-radius:var(--radius-sm);margin:unset;text-decoration:unset;width:100%}[data-bspk=list-item][data-width=hug]{width:auto;max-width:100%}[data-pseudo=focus] [data-bspk=list-item],[data-bspk=list-item]:focus-visible,[data-bspk=list-item]:has(*:focus-visible){outline:solid 2px var(--stroke-neutral-focus);isolation:isolate}[data-pseudo=focus] [data-bspk=list-item] [data-inner],[data-bspk=list-item]:focus-visible [data-inner],[data-bspk=list-item]:has(*:focus-visible) [data-inner]{border-color:transparent}[data-bspk=list-item]:not([data-disabled],[data-readonly])[data-action][data-active],[data-pseudo=hover] [data-bspk=list-item]:not([data-disabled],[data-readonly])[data-action],[data-bspk=list-item]:not([data-disabled],[data-readonly])[data-action]:hover,[data-bspk=list-item]:not([data-disabled],[data-readonly]):is(label)[data-active],[data-pseudo=hover] [data-bspk=list-item]:not([data-disabled],[data-readonly]):is(label),[data-bspk=list-item]:not([data-disabled],[data-readonly]):is(label):hover{background-color:var(--interactions-neutral-hover-opacity)}[data-pseudo=active] [data-bspk=list-item]:not([data-disabled],[data-readonly])[data-action],[data-bspk=list-item]:not([data-disabled],[data-readonly])[data-action]:active,[data-pseudo=active] [data-bspk=list-item]:not([data-disabled],[data-readonly]):is(label),[data-bspk=list-item]:not([data-disabled],[data-readonly]):is(label):active{background-color:var(--interactions-neutral-press-opacity)}[data-bspk=list-item] [data-leading],[data-bspk=list-item] [data-item-label],[data-bspk=list-item] [data-trailing]{min-height:100%;display:flex;flex-direction:column;justify-content:space-around;flex:1 1 0;min-width:0}[data-bspk=list-item] [data-leading] svg,[data-bspk=list-item] [data-item-label] svg,[data-bspk=list-item] [data-trailing] svg{width:24px;max-width:unset}[data-bspk=list-item] [data-leading],[data-bspk=list-item] [data-trailing]{width:fit-content;flex:0 0 auto}[data-bspk=list-item] [data-leading]:empty,[data-bspk=list-item] [data-trailing]:empty{display:none}[data-bspk=list-item] [data-item-label]{text-align:left}[data-bspk=list-item] [data-item-label] [data-text]{width:100%;font:var(--labels-small);color:var(--foreground-neutral-on-surface)}[data-bspk=list-item] [data-item-label] [data-sub-text]{width:100%;font:var(--body-small);color:var(--foreground-neutral-on-surface-variant-01)}[data-bspk=list-item] [data-trailing]:has(input){pointer-events:none}[data-bspk=list-item] img{height:36px;width:36px;max-width:unset}[data-bspk=list-item]:is(label) [data-inner]{border-bottom:0;gap:var(--spacing-sizing-02)}[data-bspk=list-item][aria-selected=true]{background-color:var(--surface-brand-primary-highlight)}[data-bspk=list-item][data-disabled] [data-text],[data-bspk=list-item][data-disabled] [data-sub-text],[data-bspk=list-item][data-readonly] [data-text],[data-bspk=list-item][data-readonly] [data-sub-text]{color:var(--foreground-neutral-disabled-on-surface);cursor:not-allowed}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: UITooltipDirective, selector: "[ui-tooltip]", inputs: ["ui-tooltip"], outputs: ["ui-tooltipChange"] }], encapsulation: i0.ViewEncapsulation.None });
1053
1068
  }
1054
1069
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: UIListItem, decorators: [{
1055
1070
  type: Component,
@@ -1144,10 +1159,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
1144
1159
  `, host: {
1145
1160
  style: 'display: contents;',
1146
1161
  '[attr.id]': 'listItemId()',
1147
- }, styles: ["[data-bspk=list-item]{display:flex;-webkit-user-select:none;user-select:none;color:var(--foreground-neutral-on-surface);background-color:var(--surface-neutral-t1-base);height:100%;overflow:hidden;min-height:var(--list-item-height);flex-direction:row;gap:var(--spacing-sizing-03);padding:var(--spacing-sizing-02);justify-items:stretch;border:unset;margin:unset;text-decoration:unset;width:100%}[data-bspk=list-item][data-width=hug]{width:auto;max-width:100%}[data-pseudo=focus] [data-bspk=list-item],[data-bspk=list-item]:focus-visible,[data-bspk=list-item]:has(*:focus-visible){outline:solid 2px var(--stroke-neutral-focus);isolation:isolate}[data-pseudo=focus] [data-bspk=list-item] [data-inner],[data-bspk=list-item]:focus-visible [data-inner],[data-bspk=list-item]:has(*:focus-visible) [data-inner]{border-color:transparent}[data-bspk=list-item]:not([data-disabled],[data-readonly])[data-action][data-active],[data-pseudo=hover] [data-bspk=list-item]:not([data-disabled],[data-readonly])[data-action],[data-bspk=list-item]:not([data-disabled],[data-readonly])[data-action]:hover,[data-bspk=list-item]:not([data-disabled],[data-readonly]):is(label)[data-active],[data-pseudo=hover] [data-bspk=list-item]:not([data-disabled],[data-readonly]):is(label),[data-bspk=list-item]:not([data-disabled],[data-readonly]):is(label):hover{background-color:var(--interactions-neutral-hover-opacity)}[data-pseudo=active] [data-bspk=list-item]:not([data-disabled],[data-readonly])[data-action],[data-bspk=list-item]:not([data-disabled],[data-readonly])[data-action]:active,[data-pseudo=active] [data-bspk=list-item]:not([data-disabled],[data-readonly]):is(label),[data-bspk=list-item]:not([data-disabled],[data-readonly]):is(label):active{background-color:var(--interactions-neutral-press-opacity)}[data-bspk=list-item] [data-leading],[data-bspk=list-item] [data-item-label],[data-bspk=list-item] [data-trailing]{min-height:100%;display:flex;flex-direction:column;justify-content:space-around;flex:1 1 0;min-width:0}[data-bspk=list-item] [data-leading] svg,[data-bspk=list-item] [data-item-label] svg,[data-bspk=list-item] [data-trailing] svg{width:24px;max-width:unset}[data-bspk=list-item] [data-leading],[data-bspk=list-item] [data-trailing]{width:fit-content;flex:0 0 auto}[data-bspk=list-item] [data-leading]:empty,[data-bspk=list-item] [data-trailing]:empty{display:none}[data-bspk=list-item] [data-item-label]{text-align:left}[data-bspk=list-item] [data-item-label] [data-text]{width:100%;font:var(--labels-base);color:var(--foreground-neutral-on-surface)}[data-bspk=list-item] [data-item-label] [data-sub-text]{width:100%;font:var(--body-small);color:var(--foreground-neutral-on-surface-variant-01)}[data-bspk=list-item] [data-trailing]:has(input){pointer-events:none}[data-bspk=list-item] img{height:36px;width:36px;max-width:unset}[data-bspk=list-item]:is(label) [data-inner]{border-bottom:0;gap:var(--spacing-sizing-02)}[data-bspk=list-item][aria-selected=true]{background-color:var(--surface-brand-primary-highlight)}[data-bspk=list-item][data-disabled] [data-text],[data-bspk=list-item][data-disabled] [data-sub-text],[data-bspk=list-item][data-readonly] [data-text],[data-bspk=list-item][data-readonly] [data-sub-text]{color:var(--foreground-neutral-disabled-on-surface);cursor:not-allowed}\n"] }]
1162
+ }, styles: ["[data-bspk=list-item]{display:flex;-webkit-user-select:none;user-select:none;color:var(--foreground-neutral-on-surface);background-color:var(--surface-neutral-t1-base);height:100%;overflow:hidden;min-height:var(--list-item-height);flex-direction:row;gap:var(--spacing-sizing-03);padding:var(--spacing-sizing-02);justify-items:stretch;border:unset;border-radius:var(--radius-sm);margin:unset;text-decoration:unset;width:100%}[data-bspk=list-item][data-width=hug]{width:auto;max-width:100%}[data-pseudo=focus] [data-bspk=list-item],[data-bspk=list-item]:focus-visible,[data-bspk=list-item]:has(*:focus-visible){outline:solid 2px var(--stroke-neutral-focus);isolation:isolate}[data-pseudo=focus] [data-bspk=list-item] [data-inner],[data-bspk=list-item]:focus-visible [data-inner],[data-bspk=list-item]:has(*:focus-visible) [data-inner]{border-color:transparent}[data-bspk=list-item]:not([data-disabled],[data-readonly])[data-action][data-active],[data-pseudo=hover] [data-bspk=list-item]:not([data-disabled],[data-readonly])[data-action],[data-bspk=list-item]:not([data-disabled],[data-readonly])[data-action]:hover,[data-bspk=list-item]:not([data-disabled],[data-readonly]):is(label)[data-active],[data-pseudo=hover] [data-bspk=list-item]:not([data-disabled],[data-readonly]):is(label),[data-bspk=list-item]:not([data-disabled],[data-readonly]):is(label):hover{background-color:var(--interactions-neutral-hover-opacity)}[data-pseudo=active] [data-bspk=list-item]:not([data-disabled],[data-readonly])[data-action],[data-bspk=list-item]:not([data-disabled],[data-readonly])[data-action]:active,[data-pseudo=active] [data-bspk=list-item]:not([data-disabled],[data-readonly]):is(label),[data-bspk=list-item]:not([data-disabled],[data-readonly]):is(label):active{background-color:var(--interactions-neutral-press-opacity)}[data-bspk=list-item] [data-leading],[data-bspk=list-item] [data-item-label],[data-bspk=list-item] [data-trailing]{min-height:100%;display:flex;flex-direction:column;justify-content:space-around;flex:1 1 0;min-width:0}[data-bspk=list-item] [data-leading] svg,[data-bspk=list-item] [data-item-label] svg,[data-bspk=list-item] [data-trailing] svg{width:24px;max-width:unset}[data-bspk=list-item] [data-leading],[data-bspk=list-item] [data-trailing]{width:fit-content;flex:0 0 auto}[data-bspk=list-item] [data-leading]:empty,[data-bspk=list-item] [data-trailing]:empty{display:none}[data-bspk=list-item] [data-item-label]{text-align:left}[data-bspk=list-item] [data-item-label] [data-text]{width:100%;font:var(--labels-small);color:var(--foreground-neutral-on-surface)}[data-bspk=list-item] [data-item-label] [data-sub-text]{width:100%;font:var(--body-small);color:var(--foreground-neutral-on-surface-variant-01)}[data-bspk=list-item] [data-trailing]:has(input){pointer-events:none}[data-bspk=list-item] img{height:36px;width:36px;max-width:unset}[data-bspk=list-item]:is(label) [data-inner]{border-bottom:0;gap:var(--spacing-sizing-02)}[data-bspk=list-item][aria-selected=true]{background-color:var(--surface-brand-primary-highlight)}[data-bspk=list-item][data-disabled] [data-text],[data-bspk=list-item][data-disabled] [data-sub-text],[data-bspk=list-item][data-readonly] [data-text],[data-bspk=list-item][data-readonly] [data-sub-text]{color:var(--foreground-neutral-disabled-on-surface);cursor:not-allowed}\n"] }]
1148
1163
  }], propDecorators: { onClick: [{
1149
1164
  type: Output
1150
- }], active: [{ type: i0.Input, args: [{ isSignal: true, alias: "active", required: false }] }], owner: [{ type: i0.Input, args: [{ isSignal: true, alias: "owner", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], ariaSelected: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaSelected", required: false }] }], ariaDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaDisabled", required: false }] }], ariaReadonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaReadonly", required: false }] }], htmlFor: [{ type: i0.Input, args: [{ isSignal: true, alias: "htmlFor", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], readOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readOnly", required: false }] }], as: [{ type: i0.Input, args: [{ isSignal: true, alias: "as", required: false }] }], href: [{ type: i0.Input, args: [{ isSignal: true, alias: "href", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: true }] }], subText: [{ type: i0.Input, args: [{ isSignal: true, alias: "subText", required: false }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], tabIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabIndex", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }] } });
1165
+ }], active: [{ type: i0.Input, args: [{ isSignal: true, alias: "active", required: false }] }], owner: [{ type: i0.Input, args: [{ isSignal: true, alias: "owner", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], ariaRole: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaRole", required: false }] }], ariaSelected: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaSelected", required: false }] }], ariaDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaDisabled", required: false }] }], ariaReadonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaReadonly", required: false }] }], htmlFor: [{ type: i0.Input, args: [{ isSignal: true, alias: "htmlFor", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], readOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readOnly", required: false }] }], as: [{ type: i0.Input, args: [{ isSignal: true, alias: "as", required: false }] }], href: [{ type: i0.Input, args: [{ isSignal: true, alias: "href", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: true }] }], subText: [{ type: i0.Input, args: [{ isSignal: true, alias: "subText", required: false }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], tabIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabIndex", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }] } });
1151
1166
 
1152
1167
  /**
1153
1168
  * A container housing a simple list of options presented to the customer to select one option at a time.
@@ -1192,6 +1207,10 @@ class UIAvatarGroupOverflow {
1192
1207
  menuId = input.required(...(ngDevMode ? [{ debugName: "menuId" }] : []));
1193
1208
  activeElementId = model(null, ...(ngDevMode ? [{ debugName: "activeElementId" }] : []));
1194
1209
  menuReference = input.required(...(ngDevMode ? [{ debugName: "menuReference" }] : []));
1210
+ get offset() {
1211
+ // Reads the CSS variable value at runtime, offsetOptions requires a number
1212
+ return parseInt(getComputedStyle(document.documentElement).getPropertyValue('--spacing-sizing-01'));
1213
+ }
1195
1214
  get maxMenuHeight() {
1196
1215
  return this.items.length > 5 ? 'calc(var(--spacing-sizing-12) * 5)' : '';
1197
1216
  }
@@ -1220,15 +1239,18 @@ class UIAvatarGroupOverflow {
1220
1239
  @if (open()) {
1221
1240
  <ng-container>
1222
1241
  <ui-menu
1223
- [ui-floating]="{ reference: menuReference() }"
1242
+ [ui-floating]="{ reference: menuReference(), offsetOptions: offset }"
1224
1243
  [id]="menuId()"
1225
1244
  [style.width]="'fit-content'"
1226
1245
  [style.paddingRight]="'var(--spacing-sizing-04)'"
1227
1246
  [style.--list-item-height]="'var(--spacing-sizing-12)'"
1228
1247
  [style.maxHeight]="maxMenuHeight"
1229
- role="menu">
1248
+ [ariaRole]="'menu'">
1230
1249
  @for (item of items(); track item.id) {
1231
- <ui-list-item [active]="activeElementId() === item.id" [label]="item.name">
1250
+ <ui-list-item
1251
+ [ariaRole]="'menuitem'"
1252
+ [active]="activeElementId() === item.id"
1253
+ [label]="item.name">
1232
1254
  <span data-leading>
1233
1255
  <ui-avatar
1234
1256
  [hideTooltip]="true"
@@ -1236,6 +1258,8 @@ class UIAvatarGroupOverflow {
1236
1258
  [id]="item.id"
1237
1259
  [name]="item.name"
1238
1260
  [image]="item.image"
1261
+ [color]="item.color"
1262
+ [showIcon]="item.showIcon"
1239
1263
  [initials]="item.initials">
1240
1264
  </ui-avatar>
1241
1265
  </span>
@@ -1251,9 +1275,11 @@ class UIAvatarGroupOverflow {
1251
1275
  [id]="item.id"
1252
1276
  [name]="item.name"
1253
1277
  [image]="item.image"
1278
+ [color]="item.color"
1279
+ [showIcon]="item.showIcon"
1254
1280
  [initials]="item.initials"></ui-avatar>
1255
1281
  </ng-template>
1256
- `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: UIAvatar, selector: "ui-avatar", inputs: ["name", "size", "color", "initials", "showIcon", "image", "hideTooltip", "disabled"], outputs: ["onClick"] }, { kind: "component", type: UIListItem, selector: "ui-list-item", inputs: ["active", "owner", "ariaLabel", "ariaSelected", "ariaDisabled", "ariaReadonly", "htmlFor", "disabled", "readOnly", "as", "href", "label", "subText", "width", "tabIndex", "id"], outputs: ["onClick"] }, { kind: "component", type: UIMenu, selector: "ui-menu", inputs: ["ariaLabel", "width", "owner", "id", "ariaRole"] }, { kind: "directive", type: UIFloatingDirective, selector: "[ui-floating]", inputs: ["ui-floating"] }], encapsulation: i0.ViewEncapsulation.None });
1282
+ `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: UIAvatar, selector: "ui-avatar", inputs: ["name", "size", "color", "initials", "showIcon", "image", "hideTooltip", "disabled"], outputs: ["onClick"] }, { kind: "component", type: UIListItem, selector: "ui-list-item", inputs: ["active", "owner", "ariaLabel", "ariaRole", "ariaSelected", "ariaDisabled", "ariaReadonly", "htmlFor", "disabled", "readOnly", "as", "href", "label", "subText", "width", "tabIndex", "id"], outputs: ["onClick"] }, { kind: "component", type: UIMenu, selector: "ui-menu", inputs: ["ariaLabel", "width", "owner", "id", "ariaRole"] }, { kind: "directive", type: UIFloatingDirective, selector: "[ui-floating]", inputs: ["ui-floating"] }], encapsulation: i0.ViewEncapsulation.None });
1257
1283
  }
1258
1284
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: UIAvatarGroupOverflow, decorators: [{
1259
1285
  type: Component,
@@ -1265,15 +1291,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
1265
1291
  @if (open()) {
1266
1292
  <ng-container>
1267
1293
  <ui-menu
1268
- [ui-floating]="{ reference: menuReference() }"
1294
+ [ui-floating]="{ reference: menuReference(), offsetOptions: offset }"
1269
1295
  [id]="menuId()"
1270
1296
  [style.width]="'fit-content'"
1271
1297
  [style.paddingRight]="'var(--spacing-sizing-04)'"
1272
1298
  [style.--list-item-height]="'var(--spacing-sizing-12)'"
1273
1299
  [style.maxHeight]="maxMenuHeight"
1274
- role="menu">
1300
+ [ariaRole]="'menu'">
1275
1301
  @for (item of items(); track item.id) {
1276
- <ui-list-item [active]="activeElementId() === item.id" [label]="item.name">
1302
+ <ui-list-item
1303
+ [ariaRole]="'menuitem'"
1304
+ [active]="activeElementId() === item.id"
1305
+ [label]="item.name">
1277
1306
  <span data-leading>
1278
1307
  <ui-avatar
1279
1308
  [hideTooltip]="true"
@@ -1281,6 +1310,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
1281
1310
  [id]="item.id"
1282
1311
  [name]="item.name"
1283
1312
  [image]="item.image"
1313
+ [color]="item.color"
1314
+ [showIcon]="item.showIcon"
1284
1315
  [initials]="item.initials">
1285
1316
  </ui-avatar>
1286
1317
  </span>
@@ -1296,6 +1327,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
1296
1327
  [id]="item.id"
1297
1328
  [name]="item.name"
1298
1329
  [image]="item.image"
1330
+ [color]="item.color"
1331
+ [showIcon]="item.showIcon"
1299
1332
  [initials]="item.initials"></ui-avatar>
1300
1333
  </ng-template>
1301
1334
  `,
@@ -1306,6 +1339,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
1306
1339
  }]
1307
1340
  }], propDecorators: { overflowBtn: [{ type: i0.ViewChild, args: ['overflowBtn', { isSignal: true }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: true }] }], open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }, { type: i0.Output, args: ["openChange"] }], menuId: [{ type: i0.Input, args: [{ isSignal: true, alias: "menuId", required: true }] }], activeElementId: [{ type: i0.Input, args: [{ isSignal: true, alias: "activeElementId", required: false }] }, { type: i0.Output, args: ["activeElementIdChange"] }], menuReference: [{ type: i0.Input, args: [{ isSignal: true, alias: "menuReference", required: true }] }] } });
1308
1341
 
1342
+ /**
1343
+ * The AvatarGroup component is used to display a group of avatars, with support for overflow handling and different
1344
+ * display variants.
1345
+ *
1346
+ * @example
1347
+ * <AvatarGroup
1348
+ * items={[
1349
+ * { name: 'Fezzik', image: '/avatar-01.png' },
1350
+ * { name: 'Inigo Montoya', initials: 'IM', color: 'blue' },
1351
+ * { name: 'Miracle Max', initials: 'MM', color: 'green' },
1352
+ * { name: 'Princess Buttercup', showIcon: true },
1353
+ * { name: 'Westley', initials: 'W', color: 'purple' },
1354
+ * { name: 'Vincent', initials: 'V', image: '/avatar-04.png' },
1355
+ * ]}
1356
+ * size="medium"
1357
+ * max={3}
1358
+ * variant="spread"
1359
+ * />;
1360
+ *
1361
+ * @name AvatarGroup
1362
+ * @phase Dev
1363
+ */
1309
1364
  class UIAvatarGroup {
1310
1365
  items = input([], ...(ngDevMode ? [{ debugName: "items" }] : []));
1311
1366
  size = input('small', ...(ngDevMode ? [{ debugName: "size" }] : []));
@@ -1386,6 +1441,8 @@ class UIAvatarGroup {
1386
1441
  [name]="item.name"
1387
1442
  [image]="item.image"
1388
1443
  [initials]="item.initials"
1444
+ [color]="item.color"
1445
+ [showIcon]="item.showIcon"
1389
1446
  [id]="item.id"
1390
1447
  [size]="size()"
1391
1448
  (click)="onAvatarClick()"></ui-avatar>
@@ -1434,6 +1491,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
1434
1491
  [name]="item.name"
1435
1492
  [image]="item.image"
1436
1493
  [initials]="item.initials"
1494
+ [color]="item.color"
1495
+ [showIcon]="item.showIcon"
1437
1496
  [id]="item.id"
1438
1497
  [size]="size()"
1439
1498
  (click)="onAvatarClick()"></ui-avatar>
@@ -1614,6 +1673,12 @@ class UIButton {
1614
1673
  label = input.required(...(ngDevMode ? [{ debugName: "label" }] : []));
1615
1674
  /** Use only for custom buttons. The aria-label of the button for accessibility purposes. */
1616
1675
  ariaLabel = input(...(ngDevMode ? [undefined, { debugName: "ariaLabel" }] : []));
1676
+ /** The aria-haspopup attribute of the button for accessibility purposes. */
1677
+ ariaHaspopup = input(...(ngDevMode ? [undefined, { debugName: "ariaHaspopup" }] : []));
1678
+ /** The aria-expanded attribute of the button for accessibility purposes. */
1679
+ ariaExpanded = input(null, ...(ngDevMode ? [{ debugName: "ariaExpanded" }] : []));
1680
+ /** The aria-controls attribute of the button for accessibility purposes. */
1681
+ ariaControls = input(null, ...(ngDevMode ? [{ debugName: "ariaControls" }] : []));
1617
1682
  /**
1618
1683
  * The icon of the button.
1619
1684
  *
@@ -1714,11 +1779,14 @@ class UIButton {
1714
1779
  }
1715
1780
  }
1716
1781
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: UIButton, deps: [], target: i0.ɵɵFactoryTarget.Component });
1717
- 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 }, 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", onMouseOver: "onMouseOver", onMouseLeave: "onMouseLeave" }, host: { styleAttribute: "display: contents;" }, viewQueries: [{ propertyName: "buttonElement", first: true, predicate: ["buttonElement"], descendants: true, isSignal: true }], ngImport: i0, template: `<button
1782
+ 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", onMouseOver: "onMouseOver", onMouseLeave: "onMouseLeave" }, host: { styleAttribute: "display: contents;" }, viewQueries: [{ propertyName: "buttonElement", first: true, predicate: ["buttonElement"], descendants: true, isSignal: true }], ngImport: i0, template: `<button
1718
1783
  [ui-tooltip]="tooltipLabel"
1719
1784
  #buttonElement
1720
1785
  [type]="type()"
1721
1786
  [attr.aria-label]="ariaLabel() || label()"
1787
+ [attr.aria-controls]="ariaControls() || null"
1788
+ [attr.aria-expanded]="ariaExpanded() || null"
1789
+ [attr.aria-haspopup]="ariaHaspopup() || null"
1722
1790
  [attr.data-bspk]="'button'"
1723
1791
  [attr.data-bspk-owner]="owner() || null"
1724
1792
  [attr.data-destructive]="destructive() || null"
@@ -1756,6 +1824,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
1756
1824
  #buttonElement
1757
1825
  [type]="type()"
1758
1826
  [attr.aria-label]="ariaLabel() || label()"
1827
+ [attr.aria-controls]="ariaControls() || null"
1828
+ [attr.aria-expanded]="ariaExpanded() || null"
1829
+ [attr.aria-haspopup]="ariaHaspopup() || null"
1759
1830
  [attr.data-bspk]="'button'"
1760
1831
  [attr.data-bspk-owner]="owner() || null"
1761
1832
  [attr.data-destructive]="destructive() || null"
@@ -1797,7 +1868,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
1797
1868
  type: Output
1798
1869
  }], onMouseLeave: [{
1799
1870
  type: Output
1800
- }], 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 }] }], 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 }] }] } });
1871
+ }], 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 }] }] } });
1801
1872
 
1802
1873
  class Icon360 {
1803
1874
  width;
@@ -63227,7 +63298,7 @@ class UIBannerAlert {
63227
63298
  [variant]="'tertiary'" />
63228
63299
  }
63229
63300
  </div>
63230
- </div>`, isInline: true, styles: ["[data-bspk=banner-alert]{--color: var(--status-information);--on-color: var(--status-on-information);display:flex;flex-direction:row;border:2px solid var(--color);border-radius:var(--radius-md);background-color:var(--surface-neutral-t1-base);width:100%}[data-bspk=banner-alert][data-variant=error]{--color: var(--status-error);--on-color: var(--status-on-error)}[data-bspk=banner-alert][data-variant=success]{--color: var(--status-success);--on-color: var(--status-on-success)}[data-bspk=banner-alert][data-variant=warning]{--color: var(--status-warning);--on-color: var(--status-on-warning)}[data-bspk=banner-alert][data-elevated]{box-shadow:var(--drop-shadow-raise)}[data-bspk=banner-alert] [data-icon-bar]{flex:1;padding:var(--spacing-sizing-04) var(--spacing-sizing-03);background:var(--color);color:var(--on-color)}[data-bspk=banner-alert] [data-icon-bar] svg{width:var(--spacing-sizing-06);height:var(--spacing-sizing-06)}[data-bspk=banner-alert] [data-content]{flex:100%;display:flex;flex-direction:column;padding:var(--spacing-sizing-02) var(--spacing-sizing-02) var(--spacing-sizing-02) var(--spacing-sizing-04)}[data-bspk=banner-alert] [data-content] [data-header]{display:flex;flex-direction:row;gap:var(--spacing-sizing-03);height:var(--spacing-sizing-12);align-items:center}[data-bspk=banner-alert] [data-content] [data-header] span{flex:1;display:flex;align-items:center;color:var(--foreground-neutral-on-surface);font:var(--heading-h6)}@media (any-pointer: coarse){[data-bspk=banner-alert] [data-content] [data-header] span{font:var(--heading-h6)}}[data-bspk=banner-alert] [data-content] [data-body]{display:flex;flex-direction:column;gap:var(--spacing-sizing-02);padding:0 var(--spacing-sizing-02) var(--spacing-sizing-02) 0}[data-bspk=banner-alert] [data-content] [data-body] span{font:var(--body-base)}[data-bspk=banner-alert] [data-content] [data-body] button{margin-left:auto}\n"], dependencies: [{ kind: "component", type: UIButton, selector: "ui-button", inputs: ["style", "label", "ariaLabel", "icon", "iconOnly", "destructive", "size", "variant", "width", "tooltip", "disabled", "type", "owner", "class"], outputs: ["onClick", "onFocus", "onBlur", "onMouseOver", "onMouseLeave"] }, { kind: "component", type: IconErrorFill, selector: "icon-error-fill", inputs: ["width"] }, { kind: "component", type: IconInfoFill, selector: "icon-info-fill", inputs: ["width"] }, { kind: "component", type: IconCheckCircleFill, selector: "icon-check-circle-fill", inputs: ["width"] }, { kind: "component", type: IconWarningFill, selector: "icon-warning-fill", inputs: ["width"] }], encapsulation: i0.ViewEncapsulation.None });
63301
+ </div>`, isInline: true, styles: ["[data-bspk=banner-alert]{--color: var(--status-information);--on-color: var(--status-on-information);display:flex;flex-direction:row;border:2px solid var(--color);border-radius:var(--radius-md);background-color:var(--surface-neutral-t1-base);width:100%}[data-bspk=banner-alert][data-variant=error]{--color: var(--status-error);--on-color: var(--status-on-error)}[data-bspk=banner-alert][data-variant=success]{--color: var(--status-success);--on-color: var(--status-on-success)}[data-bspk=banner-alert][data-variant=warning]{--color: var(--status-warning);--on-color: var(--status-on-warning)}[data-bspk=banner-alert][data-elevated]{box-shadow:var(--drop-shadow-raise)}[data-bspk=banner-alert] [data-icon-bar]{flex:1;padding:var(--spacing-sizing-04) var(--spacing-sizing-03);background:var(--color);color:var(--on-color)}[data-bspk=banner-alert] [data-icon-bar] svg{width:var(--spacing-sizing-06);height:var(--spacing-sizing-06)}[data-bspk=banner-alert] [data-content]{flex:100%;display:flex;flex-direction:column;padding:var(--spacing-sizing-02) var(--spacing-sizing-02) var(--spacing-sizing-02) var(--spacing-sizing-04)}[data-bspk=banner-alert] [data-content] [data-header]{display:flex;flex-direction:row;gap:var(--spacing-sizing-03);height:var(--spacing-sizing-12);align-items:center}[data-bspk=banner-alert] [data-content] [data-header] span{flex:1;display:flex;align-items:center;color:var(--foreground-neutral-on-surface);font:var(--heading-h6)}@media (any-pointer: coarse){[data-bspk=banner-alert] [data-content] [data-header] span{font:var(--heading-h6)}}[data-bspk=banner-alert] [data-content] [data-body]{display:flex;flex-direction:column;gap:var(--spacing-sizing-02);padding:0 var(--spacing-sizing-02) var(--spacing-sizing-02) 0}[data-bspk=banner-alert] [data-content] [data-body] span{font:var(--body-base)}[data-bspk=banner-alert] [data-content] [data-body] button{margin-left:auto}\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", "onMouseOver", "onMouseLeave"] }, { kind: "component", type: IconErrorFill, selector: "icon-error-fill", inputs: ["width"] }, { kind: "component", type: IconInfoFill, selector: "icon-info-fill", inputs: ["width"] }, { kind: "component", type: IconCheckCircleFill, selector: "icon-check-circle-fill", inputs: ["width"] }, { kind: "component", type: IconWarningFill, selector: "icon-warning-fill", inputs: ["width"] }], encapsulation: i0.ViewEncapsulation.None });
63231
63302
  }
63232
63303
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: UIBannerAlert, decorators: [{
63233
63304
  type: Component,
@@ -63718,6 +63789,10 @@ class UIBreadcrumbDropdown {
63718
63789
  minWidth: '150px',
63719
63790
  };
63720
63791
  }, ...(ngDevMode ? [{ debugName: "ngMenuStyle" }] : []));
63792
+ get offset() {
63793
+ // Reads the CSS variable value at runtime, offsetOptions requires a number
63794
+ return parseInt(getComputedStyle(document.documentElement).getPropertyValue('--spacing-sizing-01'));
63795
+ }
63721
63796
  get referenceEl() {
63722
63797
  return this.reference().nativeElement;
63723
63798
  }
@@ -63767,9 +63842,9 @@ class UIBreadcrumbDropdown {
63767
63842
  [iconOnly]="true"
63768
63843
  variant="tertiary"
63769
63844
  size="small"
63770
- [attr.aria-expanded]="!!open() || null"
63771
- [attr.aria-haspopup]="'listbox'"
63772
- [attr.aria-controls]="open() ? menuId() : null"
63845
+ [ariaExpanded]="!!open() || null"
63846
+ [ariaHaspopup]="'listbox'"
63847
+ [ariaControls]="open() ? menuId() : null"
63773
63848
  (onClick)="toggleMenu()"
63774
63849
  #reference
63775
63850
  (keydown)="handleKeydown($event)"
@@ -63777,15 +63852,16 @@ class UIBreadcrumbDropdown {
63777
63852
  @if (open()) {
63778
63853
  <ui-menu
63779
63854
  [ui-outside-click]="{ callback: handleOutsideClick.bind(this) }"
63780
- [ui-floating]="{ reference: referenceEl }"
63855
+ [ui-floating]="{ reference: referenceEl, offsetOptions: offset }"
63781
63856
  [id]="menuId()"
63782
63857
  label="Expanded breadcrumb"
63783
63858
  owner="Breadcrumb"
63784
- ariaRole="listbox"
63859
+ [ariaRole]="'menu'"
63785
63860
  [ngStyle]="ngMenuStyle()">
63786
63861
  @for (item of menuItems(); track item.href) {
63787
63862
  <ui-list-item
63788
63863
  as="a"
63864
+ [ariaRole]="'menuitem'"
63789
63865
  [tabIndex]="-1"
63790
63866
  [id]="item.id"
63791
63867
  [label]="item.label"
@@ -63795,7 +63871,7 @@ class UIBreadcrumbDropdown {
63795
63871
  </ui-menu>
63796
63872
  }
63797
63873
  <icon-chevron-right aria-hidden="true" width="24" />
63798
- `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: UIButton, selector: "ui-button", inputs: ["style", "label", "ariaLabel", "icon", "iconOnly", "destructive", "size", "variant", "width", "tooltip", "disabled", "type", "owner", "class"], outputs: ["onClick", "onFocus", "onBlur", "onMouseOver", "onMouseLeave"] }, { kind: "component", type: UIListItem, selector: "ui-list-item", inputs: ["active", "owner", "ariaLabel", "ariaSelected", "ariaDisabled", "ariaReadonly", "htmlFor", "disabled", "readOnly", "as", "href", "label", "subText", "width", "tabIndex", "id"], outputs: ["onClick"] }, { kind: "component", type: UIMenu, selector: "ui-menu", inputs: ["ariaLabel", "width", "owner", "id", "ariaRole"] }, { kind: "component", type: IconChevronRight, selector: "icon-chevron-right", inputs: ["width"] }, { kind: "directive", type: UIFloatingDirective, selector: "[ui-floating]", inputs: ["ui-floating"] }, { kind: "directive", type: UIOutsideClickDirective, selector: "[ui-outside-click]", inputs: ["ui-outside-click"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
63874
+ `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { 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", "onMouseOver", "onMouseLeave"] }, { kind: "component", type: UIListItem, selector: "ui-list-item", inputs: ["active", "owner", "ariaLabel", "ariaRole", "ariaSelected", "ariaDisabled", "ariaReadonly", "htmlFor", "disabled", "readOnly", "as", "href", "label", "subText", "width", "tabIndex", "id"], outputs: ["onClick"] }, { kind: "component", type: UIMenu, selector: "ui-menu", inputs: ["ariaLabel", "width", "owner", "id", "ariaRole"] }, { kind: "component", type: IconChevronRight, selector: "icon-chevron-right", inputs: ["width"] }, { kind: "directive", type: UIFloatingDirective, selector: "[ui-floating]", inputs: ["ui-floating"] }, { kind: "directive", type: UIOutsideClickDirective, selector: "[ui-outside-click]", inputs: ["ui-outside-click"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
63799
63875
  }
63800
63876
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: UIBreadcrumbDropdown, decorators: [{
63801
63877
  type: Component,
@@ -63817,9 +63893,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
63817
63893
  [iconOnly]="true"
63818
63894
  variant="tertiary"
63819
63895
  size="small"
63820
- [attr.aria-expanded]="!!open() || null"
63821
- [attr.aria-haspopup]="'listbox'"
63822
- [attr.aria-controls]="open() ? menuId() : null"
63896
+ [ariaExpanded]="!!open() || null"
63897
+ [ariaHaspopup]="'listbox'"
63898
+ [ariaControls]="open() ? menuId() : null"
63823
63899
  (onClick)="toggleMenu()"
63824
63900
  #reference
63825
63901
  (keydown)="handleKeydown($event)"
@@ -63827,15 +63903,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
63827
63903
  @if (open()) {
63828
63904
  <ui-menu
63829
63905
  [ui-outside-click]="{ callback: handleOutsideClick.bind(this) }"
63830
- [ui-floating]="{ reference: referenceEl }"
63906
+ [ui-floating]="{ reference: referenceEl, offsetOptions: offset }"
63831
63907
  [id]="menuId()"
63832
63908
  label="Expanded breadcrumb"
63833
63909
  owner="Breadcrumb"
63834
- ariaRole="listbox"
63910
+ [ariaRole]="'menu'"
63835
63911
  [ngStyle]="ngMenuStyle()">
63836
63912
  @for (item of menuItems(); track item.href) {
63837
63913
  <ui-list-item
63838
63914
  as="a"
63915
+ [ariaRole]="'menuitem'"
63839
63916
  [tabIndex]="-1"
63840
63917
  [id]="item.id"
63841
63918
  [label]="item.label"
@@ -63944,6 +64021,350 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
63944
64021
  }`, changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule, UITxtDirective, UIBreadcrumbDropdown, IconChevronRight, UILinkDirective], encapsulation: ViewEncapsulation.None, styles: ["[data-bspk=breadcrumb]{width:100%}[data-bspk=breadcrumb] ol{display:flex;align-items:center;flex-flow:row wrap;list-style:none;gap:var(--spacing-sizing-02)}[data-bspk=breadcrumb] ol li{display:flex;gap:var(--spacing-sizing-02)}\n"] }]
63945
64022
  }], propDecorators: { items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: true }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], scrollLimit: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollLimit", required: false }] }] } });
63946
64023
 
64024
+ const COLUMNS_COUNT = 7;
64025
+ function parseDate(next) {
64026
+ // don't allow parsing unless the format is approximately mm/dd/yyyy
64027
+ if (!/^\d{1,2}\/\d{1,2}\/\d{2,4}$/.test(next || ''))
64028
+ return undefined;
64029
+ const parsedDate = next ? parse(next, 'MM/dd/yyyy', new Date()) : undefined;
64030
+ if (!isValid(parsedDate))
64031
+ return undefined;
64032
+ if (parsedDate && parsedDate.getFullYear() < 100) {
64033
+ parsedDate.setFullYear(parsedDate.getFullYear() + 2000);
64034
+ }
64035
+ return parsedDate;
64036
+ }
64037
+ function optionIdGenerator(baseId) {
64038
+ return (date) => `${baseId}-option-${format(date, 'MM-dd-yyyy')}`;
64039
+ }
64040
+ const DIRECTION_INCREMENT = {
64041
+ down: 1 * COLUMNS_COUNT,
64042
+ right: 1,
64043
+ up: -1 * COLUMNS_COUNT,
64044
+ left: -1,
64045
+ };
64046
+ // Angular version of useKeyDownCaptures
64047
+ function getCalendarKeydownHandler(activeDate, setActiveDate, rows, focusActiveDay) {
64048
+ function handleItemArrows(direction) {
64049
+ return () => {
64050
+ const next = addDays(activeDate, DIRECTION_INCREMENT[direction]);
64051
+ setActiveDate(next);
64052
+ focusActiveDay();
64053
+ };
64054
+ }
64055
+ function handleEnterOrSpace(event) {
64056
+ const target = event.target;
64057
+ if (target.nodeName === 'TD')
64058
+ target.click();
64059
+ }
64060
+ return (event) => {
64061
+ switch (event.key) {
64062
+ case 'ArrowDown':
64063
+ event.preventDefault();
64064
+ event.stopPropagation();
64065
+ handleItemArrows('down')();
64066
+ break;
64067
+ case 'ArrowUp':
64068
+ event.preventDefault();
64069
+ event.stopPropagation();
64070
+ handleItemArrows('up')();
64071
+ break;
64072
+ case 'ArrowLeft':
64073
+ event.preventDefault();
64074
+ event.stopPropagation();
64075
+ handleItemArrows('left')();
64076
+ break;
64077
+ case 'ArrowRight':
64078
+ event.preventDefault();
64079
+ event.stopPropagation();
64080
+ handleItemArrows('right')();
64081
+ break;
64082
+ case 'End': {
64083
+ event.preventDefault();
64084
+ event.stopPropagation();
64085
+ const next = rows.find((r) => r.some((d) => isSameDay(d, activeDate)))?.[COLUMNS_COUNT - 1];
64086
+ if (!next || isSameDay(next, activeDate))
64087
+ return;
64088
+ setActiveDate(next);
64089
+ focusActiveDay();
64090
+ break;
64091
+ }
64092
+ case 'Home': {
64093
+ event.preventDefault();
64094
+ event.stopPropagation();
64095
+ const next = rows.find((r) => r.some((d) => isSameDay(d, activeDate)))?.[0];
64096
+ if (!next || isSameDay(next, activeDate))
64097
+ return;
64098
+ setActiveDate(next);
64099
+ focusActiveDay();
64100
+ break;
64101
+ }
64102
+ case 'PageDown':
64103
+ event.preventDefault();
64104
+ event.stopPropagation();
64105
+ setActiveDate(addMonths(activeDate, 1));
64106
+ focusActiveDay();
64107
+ break;
64108
+ case 'PageUp':
64109
+ event.preventDefault();
64110
+ event.stopPropagation();
64111
+ setActiveDate(addMonths(activeDate, -1));
64112
+ focusActiveDay();
64113
+ break;
64114
+ case ' ':
64115
+ case 'Spacebar':
64116
+ case 'Enter':
64117
+ event.preventDefault();
64118
+ event.stopPropagation();
64119
+ handleEnterOrSpace(event);
64120
+ break;
64121
+ }
64122
+ };
64123
+ }
64124
+
64125
+ /**
64126
+ * Allows customers to select the date, month, and year.
64127
+ *
64128
+ * @example
64129
+ * <ui-calendar (onChange)="handleChange($event)" />
64130
+ *
64131
+ * @name Calendar
64132
+ * @phase Dev
64133
+ */
64134
+ class UICalendar {
64135
+ onChange = new EventEmitter();
64136
+ IconKeyboardDoubleArrowLeft = IconKeyboardDoubleArrowLeft;
64137
+ IconKeyboardDoubleArrowRight = IconKeyboardDoubleArrowRight;
64138
+ IconChevronLeft = IconChevronLeft;
64139
+ IconChevronRight = IconChevronRight;
64140
+ value = input(undefined, ...(ngDevMode ? [{ debugName: "value" }] : []));
64141
+ focusTrap = input(false, ...(ngDevMode ? [{ debugName: "focusTrap" }] : []));
64142
+ id = input(undefined, ...(ngDevMode ? [{ debugName: "id" }] : []));
64143
+ activeDate = startOfToday();
64144
+ focusDay = false;
64145
+ format = format;
64146
+ isSameDay = isSameDay;
64147
+ addYears = addYears;
64148
+ addMonths = addMonths;
64149
+ firstButton = viewChild('firstButton', ...(ngDevMode ? [{ debugName: "firstButton" }] : []));
64150
+ lastButton = viewChild('lastButton', ...(ngDevMode ? [{ debugName: "lastButton" }] : []));
64151
+ grid = viewChild('grid', ...(ngDevMode ? [{ debugName: "grid" }] : []));
64152
+ get rows() {
64153
+ const start = startOfWeek(startOfMonth(this.activeDate), { weekStartsOn: 0 });
64154
+ const end = endOfWeek(endOfMonth(this.activeDate), { weekStartsOn: 0 });
64155
+ const days = eachDayOfInterval({ start, end });
64156
+ const weeks = [];
64157
+ for (let i = 0; i < days.length; i += COLUMNS_COUNT) {
64158
+ weeks.push(days.slice(i, i + COLUMNS_COUNT));
64159
+ }
64160
+ return weeks;
64161
+ }
64162
+ get gridId() {
64163
+ return `${this.id() || 'calendar'}-grid`;
64164
+ }
64165
+ ngOnInit() {
64166
+ this.activeDate = this.value() && isValid(this.value()) ? this.value() : startOfToday();
64167
+ }
64168
+ ngAfterViewInit() {
64169
+ if (this.focusDay) {
64170
+ setTimeout(() => {
64171
+ const selectedDateId = this.generateOptionId(this.activeDate);
64172
+ const selectedDateElement = this.grid()?.nativeElement?.querySelector(`#${selectedDateId}`);
64173
+ selectedDateElement?.focus();
64174
+ this.focusDay = false;
64175
+ }, 0);
64176
+ }
64177
+ }
64178
+ setActiveDate(date) {
64179
+ this.activeDate = date;
64180
+ }
64181
+ generateOptionId(date) {
64182
+ return optionIdGenerator(this.id() || 'calendar')(date);
64183
+ }
64184
+ onFirstButtonKeydown(event) {
64185
+ if (event.shiftKey && event.key === 'Tab') {
64186
+ event.preventDefault();
64187
+ event.stopPropagation();
64188
+ this.focusDay = true;
64189
+ setTimeout(() => this.grid?.()?.nativeElement?.focus(), 0);
64190
+ }
64191
+ }
64192
+ onGridKeydown(event) {
64193
+ // Use the shared calendar keydown handler from utils
64194
+ getCalendarKeydownHandler(this.activeDate, (date) => {
64195
+ this.setActiveDate(date);
64196
+ }, this.rows, () => {
64197
+ this.focusDay = true;
64198
+ setTimeout(() => {
64199
+ const selectedDateId = this.generateOptionId(this.activeDate);
64200
+ const selectedDateElement = this.grid()?.nativeElement?.querySelector(`#${selectedDateId}`);
64201
+ selectedDateElement?.focus();
64202
+ this.focusDay = false;
64203
+ }, 0);
64204
+ })(event);
64205
+ // Tab navigation for focus trap
64206
+ if (event.key === 'Tab' && !event.shiftKey) {
64207
+ event.preventDefault();
64208
+ event.stopPropagation();
64209
+ this.firstButton()?.nativeElement?.focus();
64210
+ }
64211
+ }
64212
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: UICalendar, deps: [], target: i0.ɵɵFactoryTarget.Component });
64213
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: UICalendar, isStandalone: true, selector: "ui-calendar", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, focusTrap: { classPropertyName: "focusTrap", publicName: "focusTrap", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onChange: "onChange" }, host: { styleAttribute: "display: contents;" }, viewQueries: [{ propertyName: "firstButton", first: true, predicate: ["firstButton"], descendants: true, isSignal: true }, { propertyName: "lastButton", first: true, predicate: ["lastButton"], descendants: true, isSignal: true }, { propertyName: "grid", first: true, predicate: ["grid"], descendants: true, isSignal: true }], ngImport: i0, template: `
64214
+ <div data-bspk="calendar" [id]="id()">
64215
+ <div data-header>
64216
+ <ui-button
64217
+ label="Previous Year"
64218
+ variant="tertiary"
64219
+ size="large"
64220
+ (click)="setActiveDate(addYears(activeDate, -1))"
64221
+ (keydown)="onFirstButtonKeydown($event)"
64222
+ #firstButton
64223
+ [icon]="IconKeyboardDoubleArrowLeft"
64224
+ [iconOnly]="true">
64225
+ </ui-button>
64226
+ <ui-button
64227
+ label="Previous Month"
64228
+ variant="tertiary"
64229
+ size="large"
64230
+ (click)="setActiveDate(addMonths(activeDate, -1))"
64231
+ [iconOnly]="true"
64232
+ [icon]="IconChevronLeft">
64233
+ </ui-button>
64234
+ <span data-title>{{ format(activeDate, 'MMMM yyyy') }}</span>
64235
+ <ui-button
64236
+ label="Next Month"
64237
+ variant="tertiary"
64238
+ size="large"
64239
+ (click)="setActiveDate(addMonths(activeDate, 1))"
64240
+ [iconOnly]="true"
64241
+ [icon]="IconChevronRight">
64242
+ </ui-button>
64243
+ <ui-button
64244
+ label="Next Year"
64245
+ variant="tertiary"
64246
+ size="large"
64247
+ (click)="setActiveDate(addYears(activeDate, 1))"
64248
+ #lastButton
64249
+ [iconOnly]="true"
64250
+ [icon]="IconKeyboardDoubleArrowRight">
64251
+ </ui-button>
64252
+ </div>
64253
+
64254
+ <table role="grid">
64255
+ <thead>
64256
+ <tr>
64257
+ <th abbr="Sunday" scope="col">Sun</th>
64258
+ <th abbr="Monday" scope="col">Mon</th>
64259
+ <th abbr="Tuesday" scope="col">Tue</th>
64260
+ <th abbr="Wednesday" scope="col">Wed</th>
64261
+ <th abbr="Thursday" scope="col">Thu</th>
64262
+ <th abbr="Friday" scope="col">Fri</th>
64263
+ <th abbr="Saturday" scope="col">Sat</th>
64264
+ </tr>
64265
+ </thead>
64266
+ <tbody [id]="gridId" (keydown)="onGridKeydown($event)" #grid tabindex="0">
64267
+ @for (week of rows; track week[0]?.getTime() ?? -1) {
64268
+ <tr>
64269
+ @for (date of week; track date?.getTime() ?? -1) {
64270
+ <td
64271
+ [attr.aria-label]="format(date, 'do MMMM yyyy')"
64272
+ [attr.data-selected]="isSameDay(date, activeDate) ? true : null"
64273
+ [id]="generateOptionId(date)"
64274
+ (click)="onChange.emit(date)"
64275
+ [attr.role]="isSameDay(date, activeDate) ? 'gridcell' : null"
64276
+ [attr.tabindex]="isSameDay(date, activeDate) ? 0 : -1">
64277
+ {{ format(date, 'd') }}
64278
+ </td>
64279
+ }
64280
+ </tr>
64281
+ }
64282
+ </tbody>
64283
+ </table>
64284
+ </div>
64285
+ `, isInline: true, styles: ["[data-bspk=calendar]{display:flex;flex-direction:column;justify-content:center;font:var(--labels-base);width:360px;color:var(--foreground-neutral-on-surface);gap:var(--spacing-sizing-01);background:var(--surface-neutral-t1-base);border-radius:var(--radius-lg);padding:var(--spacing-sizing-02)}[data-bspk=calendar] [data-header]{display:flex;justify-content:space-between;align-items:center;padding:0;border-bottom:1px solid var(--stroke-neutral-low)}[data-bspk=calendar] [data-header] [data-title]{flex-grow:1;display:flex;align-items:center;justify-content:center}[data-bspk=calendar] [data-header] [data-title] [data-bspk=button]{font:inherit}[data-bspk=calendar] [data-header] [data-title] [data-bspk=button][data-month],[data-bspk=calendar] [data-header] [data-title] [data-bspk=button][data-year]{padding:0;min-width:var(--spacing-sizing-12)}[data-bspk=calendar] [data-header] [data-bspk=button]{border-radius:var(--radius-sm)}[data-bspk=calendar] table{display:flex;flex-direction:column}[data-bspk=calendar] table tr{display:contents}[data-bspk=calendar] table td,[data-bspk=calendar] table th{height:var(--spacing-sizing-12);line-height:var(--spacing-sizing-12);text-align:center;border-radius:var(--radius-sm);font-weight:inherit}[data-bspk=calendar] table thead{display:grid;grid-template-columns:repeat(7,14.2857142857%);text-align:center}[data-bspk=calendar] table thead th{color:var(--foreground-neutral-on-surface-variant-01)}[data-bspk=calendar] table tbody{display:grid;grid-template-columns:repeat(7,14.2857142857%)}[data-bspk=calendar] table tbody [data-non-month-day]{color:var(--foreground-neutral-on-surface-variant-02)}[data-bspk=calendar] table tbody td:hover,[data-bspk=calendar] table tbody td:focus-visible{cursor:pointer;outline:2px solid var(--stroke-neutral-focus);outline-offset:-2px}[data-bspk=calendar] table tbody td[data-selected]{background:var(--surface-brand-primary);color:var(--foreground-brand-on-primary);outline-offset:2px}\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", "onMouseOver", "onMouseLeave"] }], encapsulation: i0.ViewEncapsulation.None });
64286
+ }
64287
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: UICalendar, decorators: [{
64288
+ type: Component,
64289
+ args: [{ selector: 'ui-calendar', standalone: true, template: `
64290
+ <div data-bspk="calendar" [id]="id()">
64291
+ <div data-header>
64292
+ <ui-button
64293
+ label="Previous Year"
64294
+ variant="tertiary"
64295
+ size="large"
64296
+ (click)="setActiveDate(addYears(activeDate, -1))"
64297
+ (keydown)="onFirstButtonKeydown($event)"
64298
+ #firstButton
64299
+ [icon]="IconKeyboardDoubleArrowLeft"
64300
+ [iconOnly]="true">
64301
+ </ui-button>
64302
+ <ui-button
64303
+ label="Previous Month"
64304
+ variant="tertiary"
64305
+ size="large"
64306
+ (click)="setActiveDate(addMonths(activeDate, -1))"
64307
+ [iconOnly]="true"
64308
+ [icon]="IconChevronLeft">
64309
+ </ui-button>
64310
+ <span data-title>{{ format(activeDate, 'MMMM yyyy') }}</span>
64311
+ <ui-button
64312
+ label="Next Month"
64313
+ variant="tertiary"
64314
+ size="large"
64315
+ (click)="setActiveDate(addMonths(activeDate, 1))"
64316
+ [iconOnly]="true"
64317
+ [icon]="IconChevronRight">
64318
+ </ui-button>
64319
+ <ui-button
64320
+ label="Next Year"
64321
+ variant="tertiary"
64322
+ size="large"
64323
+ (click)="setActiveDate(addYears(activeDate, 1))"
64324
+ #lastButton
64325
+ [iconOnly]="true"
64326
+ [icon]="IconKeyboardDoubleArrowRight">
64327
+ </ui-button>
64328
+ </div>
64329
+
64330
+ <table role="grid">
64331
+ <thead>
64332
+ <tr>
64333
+ <th abbr="Sunday" scope="col">Sun</th>
64334
+ <th abbr="Monday" scope="col">Mon</th>
64335
+ <th abbr="Tuesday" scope="col">Tue</th>
64336
+ <th abbr="Wednesday" scope="col">Wed</th>
64337
+ <th abbr="Thursday" scope="col">Thu</th>
64338
+ <th abbr="Friday" scope="col">Fri</th>
64339
+ <th abbr="Saturday" scope="col">Sat</th>
64340
+ </tr>
64341
+ </thead>
64342
+ <tbody [id]="gridId" (keydown)="onGridKeydown($event)" #grid tabindex="0">
64343
+ @for (week of rows; track week[0]?.getTime() ?? -1) {
64344
+ <tr>
64345
+ @for (date of week; track date?.getTime() ?? -1) {
64346
+ <td
64347
+ [attr.aria-label]="format(date, 'do MMMM yyyy')"
64348
+ [attr.data-selected]="isSameDay(date, activeDate) ? true : null"
64349
+ [id]="generateOptionId(date)"
64350
+ (click)="onChange.emit(date)"
64351
+ [attr.role]="isSameDay(date, activeDate) ? 'gridcell' : null"
64352
+ [attr.tabindex]="isSameDay(date, activeDate) ? 0 : -1">
64353
+ {{ format(date, 'd') }}
64354
+ </td>
64355
+ }
64356
+ </tr>
64357
+ }
64358
+ </tbody>
64359
+ </table>
64360
+ </div>
64361
+ `, imports: [UIButton], encapsulation: ViewEncapsulation.None, host: {
64362
+ style: 'display: contents;',
64363
+ }, styles: ["[data-bspk=calendar]{display:flex;flex-direction:column;justify-content:center;font:var(--labels-base);width:360px;color:var(--foreground-neutral-on-surface);gap:var(--spacing-sizing-01);background:var(--surface-neutral-t1-base);border-radius:var(--radius-lg);padding:var(--spacing-sizing-02)}[data-bspk=calendar] [data-header]{display:flex;justify-content:space-between;align-items:center;padding:0;border-bottom:1px solid var(--stroke-neutral-low)}[data-bspk=calendar] [data-header] [data-title]{flex-grow:1;display:flex;align-items:center;justify-content:center}[data-bspk=calendar] [data-header] [data-title] [data-bspk=button]{font:inherit}[data-bspk=calendar] [data-header] [data-title] [data-bspk=button][data-month],[data-bspk=calendar] [data-header] [data-title] [data-bspk=button][data-year]{padding:0;min-width:var(--spacing-sizing-12)}[data-bspk=calendar] [data-header] [data-bspk=button]{border-radius:var(--radius-sm)}[data-bspk=calendar] table{display:flex;flex-direction:column}[data-bspk=calendar] table tr{display:contents}[data-bspk=calendar] table td,[data-bspk=calendar] table th{height:var(--spacing-sizing-12);line-height:var(--spacing-sizing-12);text-align:center;border-radius:var(--radius-sm);font-weight:inherit}[data-bspk=calendar] table thead{display:grid;grid-template-columns:repeat(7,14.2857142857%);text-align:center}[data-bspk=calendar] table thead th{color:var(--foreground-neutral-on-surface-variant-01)}[data-bspk=calendar] table tbody{display:grid;grid-template-columns:repeat(7,14.2857142857%)}[data-bspk=calendar] table tbody [data-non-month-day]{color:var(--foreground-neutral-on-surface-variant-02)}[data-bspk=calendar] table tbody td:hover,[data-bspk=calendar] table tbody td:focus-visible{cursor:pointer;outline:2px solid var(--stroke-neutral-focus);outline-offset:-2px}[data-bspk=calendar] table tbody td[data-selected]{background:var(--surface-brand-primary);color:var(--foreground-brand-on-primary);outline-offset:2px}\n"] }]
64364
+ }], propDecorators: { onChange: [{
64365
+ type: Output
64366
+ }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], focusTrap: [{ type: i0.Input, args: [{ isSignal: true, alias: "focusTrap", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], firstButton: [{ type: i0.ViewChild, args: ['firstButton', { isSignal: true }] }], lastButton: [{ type: i0.ViewChild, args: ['lastButton', { isSignal: true }] }], grid: [{ type: i0.ViewChild, args: ['grid', { isSignal: true }] }] } });
64367
+
63947
64368
  /**
63948
64369
  * Cards are often rectangular and contain various content, such as text, images, icons, multimedia, and interactive
63949
64370
  * elements.
@@ -64152,7 +64573,7 @@ class UICheckboxOption extends UICheckbox {
64152
64573
  #input>
64153
64574
  </ui-checkbox>
64154
64575
  </span>
64155
- </ui-list-item>`, isInline: true, dependencies: [{ kind: "component", type: UICheckbox, selector: "ui-checkbox", inputs: ["name", "value", "ariaLabel", "id", "checked", "indeterminate", "disabled", "invalid", "required", "ariaDescribedBy", "ariaErrorMessage"], outputs: ["checkedChange"] }, { kind: "component", type: UIListItem, selector: "ui-list-item", inputs: ["active", "owner", "ariaLabel", "ariaSelected", "ariaDisabled", "ariaReadonly", "htmlFor", "disabled", "readOnly", "as", "href", "label", "subText", "width", "tabIndex", "id"], outputs: ["onClick"] }] });
64576
+ </ui-list-item>`, isInline: true, dependencies: [{ kind: "component", type: UICheckbox, selector: "ui-checkbox", inputs: ["name", "value", "ariaLabel", "id", "checked", "indeterminate", "disabled", "invalid", "required", "ariaDescribedBy", "ariaErrorMessage"], outputs: ["checkedChange"] }, { kind: "component", type: UIListItem, selector: "ui-list-item", inputs: ["active", "owner", "ariaLabel", "ariaRole", "ariaSelected", "ariaDisabled", "ariaReadonly", "htmlFor", "disabled", "readOnly", "as", "href", "label", "subText", "width", "tabIndex", "id"], outputs: ["onClick"] }] });
64156
64577
  }
64157
64578
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: UICheckboxOption, decorators: [{
64158
64579
  type: Component,
@@ -65006,7 +65427,7 @@ class UIField {
65006
65427
  } @else if (helperText()) {
65007
65428
  <p data-field-description [attr.id]="describedById()">{{ helperText() }}</p>
65008
65429
  }
65009
- `, isInline: true, 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}\n"], dependencies: [{ kind: "component", type: UIInlineAlert, selector: "ui-inline-alert", inputs: ["label", "variant", "id", "owner"] }], encapsulation: i0.ViewEncapsulation.None });
65430
+ `, isInline: true, 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"], dependencies: [{ kind: "component", type: UIInlineAlert, selector: "ui-inline-alert", inputs: ["label", "variant", "id", "owner"] }], encapsulation: i0.ViewEncapsulation.None });
65010
65431
  }
65011
65432
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: UIField, decorators: [{
65012
65433
  type: Component,
@@ -65030,7 +65451,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
65030
65451
  'data-bspk-utility': 'field',
65031
65452
  role: 'group',
65032
65453
  '[style]': 'style() || null',
65033
- }, 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}\n"] }]
65454
+ }, 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"] }]
65034
65455
  }], 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 }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], controlId: [{ type: i0.Input, args: [{ isSignal: true, alias: "controlId", required: true }] }], style: [{ type: i0.Input, args: [{ isSignal: true, alias: "style", required: false }] }] } });
65035
65456
  function labelledById(controlId) {
65036
65457
  return `${controlId}-label`;
@@ -65204,7 +65625,7 @@ class UIInput {
65204
65625
  (click)="clearInput()"
65205
65626
  [icon]="IconCancel"
65206
65627
  [iconOnly]="true" />
65207
- }`, 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", "icon", "iconOnly", "destructive", "size", "variant", "width", "tooltip", "disabled", "type", "owner", "class"], outputs: ["onClick", "onFocus", "onBlur", "onMouseOver", "onMouseLeave"] }], encapsulation: i0.ViewEncapsulation.None });
65628
+ }`, 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", "onMouseOver", "onMouseLeave"] }], encapsulation: i0.ViewEncapsulation.None });
65208
65629
  }
65209
65630
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: UIInput, decorators: [{
65210
65631
  type: Component,
@@ -65314,7 +65735,7 @@ class UIInputField extends UIInput {
65314
65735
  [trailing]="trailing()"
65315
65736
  [type]="type()" />
65316
65737
  </ui-field>
65317
- `, isInline: true, 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}\n"], dependencies: [{ kind: "component", type: UIField, selector: "ui-field", inputs: ["errorMessage", "label", "helperText", "labelTrailing", "required", "controlId", "style"] }, { kind: "component", type: UIInput, selector: "ui-input", inputs: ["value", "name", "showClearButton", "disabled", "invalid", "placeholder", "readOnly", "required", "type", "size", "leading", "trailing", "autoComplete", "id", "owner", "ariaLabel", "ariaLabelledBy", "ariaDescribedBy", "ariaErrorMessage"], outputs: ["valueChange"] }], encapsulation: i0.ViewEncapsulation.None });
65738
+ `, isInline: true, 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"], dependencies: [{ kind: "component", type: UIField, selector: "ui-field", inputs: ["errorMessage", "label", "helperText", "labelTrailing", "required", "controlId", "style"] }, { kind: "component", type: UIInput, selector: "ui-input", inputs: ["value", "name", "showClearButton", "disabled", "invalid", "placeholder", "readOnly", "required", "type", "size", "leading", "trailing", "autoComplete", "id", "owner", "ariaLabel", "ariaLabelledBy", "ariaDescribedBy", "ariaErrorMessage"], outputs: ["valueChange"] }], encapsulation: i0.ViewEncapsulation.None });
65318
65739
  }
65319
65740
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: UIInputField, decorators: [{
65320
65741
  type: Component,
@@ -65353,7 +65774,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
65353
65774
  `, host: {
65354
65775
  'data-bspk': 'input-field',
65355
65776
  '[id]': 'controlId()+"-field"',
65356
- }, 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}\n"] }]
65777
+ }, 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"] }]
65357
65778
  }], propDecorators: { valueChange: [{ type: i0.Output, args: ["valueChange"] }], 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 }] }] } });
65358
65779
 
65359
65780
  /**
@@ -65545,7 +65966,7 @@ class UIModal {
65545
65966
  </div>
65546
65967
  </ui-dialog>
65547
65968
  }
65548
- `, isInline: true, styles: ["[data-bspk=modal]{max-height:100%;display:flex;flex-direction:column;gap:var(--spacing-sizing-02);padding:var(--spacing-sizing-05)}@media (width < 640px){[data-bspk=modal]{padding:var(--spacing-sizing-04)}}[data-bspk=modal]>[data-modal-header]{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:var(--spacing-sizing-04)}[data-bspk=modal]>[data-modal-header] [data-modal-title]{font:var(--heading-h4);flex:1}[data-bspk=modal] [data-modal-main]{flex:1;overflow-y:auto;max-height:fit-content}[data-bspk=modal]>[data-modal-footer]{display:flex;gap:var(--spacing-sizing-04)}[data-bspk=modal] [data-button-format=horizontal]{flex-direction:row-reverse;justify-content:flex-start}[data-bspk=modal] [data-button-format=vertical]{flex-direction:column}@media (width >= 640px){[data-bspk=modal] [data-button-format=vertical]{flex-direction:row-reverse;justify-content:flex-start}}\n"], dependencies: [{ kind: "component", type: UIDialog, selector: "ui-dialog", inputs: ["innerRef", "open", "placement", "showScrim", "widthFull", "owner", "id", "container", "disableFocusTrap", "ariaLabel", "ariaDescription"], outputs: ["onClose"] }, { kind: "component", type: UIButton, selector: "ui-button", inputs: ["style", "label", "ariaLabel", "icon", "iconOnly", "destructive", "size", "variant", "width", "tooltip", "disabled", "type", "owner", "class"], outputs: ["onClick", "onFocus", "onBlur", "onMouseOver", "onMouseLeave"] }, { kind: "directive", type: UIMatchParentHeightDirective, selector: "[ui-match-parent-height]" }], encapsulation: i0.ViewEncapsulation.None });
65969
+ `, isInline: true, styles: ["[data-bspk=modal]{max-height:100%;display:flex;flex-direction:column;gap:var(--spacing-sizing-02);padding:var(--spacing-sizing-05)}@media (width < 640px){[data-bspk=modal]{padding:var(--spacing-sizing-04)}}[data-bspk=modal]>[data-modal-header]{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:var(--spacing-sizing-04)}[data-bspk=modal]>[data-modal-header] [data-modal-title]{font:var(--heading-h5);flex:1}[data-bspk=modal] [data-modal-main]{flex:1;overflow-y:auto;max-height:fit-content}[data-bspk=modal]>[data-modal-footer]{display:flex;gap:var(--spacing-sizing-04)}[data-bspk=modal] [data-button-format=horizontal]{flex-direction:row-reverse;justify-content:flex-start}[data-bspk=modal] [data-button-format=vertical]{flex-direction:column}@media (width >= 640px){[data-bspk=modal] [data-button-format=vertical]{flex-direction:row-reverse;justify-content:flex-start}}\n"], dependencies: [{ kind: "component", type: UIDialog, selector: "ui-dialog", inputs: ["innerRef", "open", "placement", "showScrim", "widthFull", "owner", "id", "container", "disableFocusTrap", "ariaLabel", "ariaDescription"], outputs: ["onClose"] }, { 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", "onMouseOver", "onMouseLeave"] }, { kind: "directive", type: UIMatchParentHeightDirective, selector: "[ui-match-parent-height]" }], encapsulation: i0.ViewEncapsulation.None });
65549
65970
  }
65550
65971
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: UIModal, decorators: [{
65551
65972
  type: Component,
@@ -65600,7 +66021,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
65600
66021
  </div>
65601
66022
  </ui-dialog>
65602
66023
  }
65603
- `, encapsulation: ViewEncapsulation.None, styles: ["[data-bspk=modal]{max-height:100%;display:flex;flex-direction:column;gap:var(--spacing-sizing-02);padding:var(--spacing-sizing-05)}@media (width < 640px){[data-bspk=modal]{padding:var(--spacing-sizing-04)}}[data-bspk=modal]>[data-modal-header]{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:var(--spacing-sizing-04)}[data-bspk=modal]>[data-modal-header] [data-modal-title]{font:var(--heading-h4);flex:1}[data-bspk=modal] [data-modal-main]{flex:1;overflow-y:auto;max-height:fit-content}[data-bspk=modal]>[data-modal-footer]{display:flex;gap:var(--spacing-sizing-04)}[data-bspk=modal] [data-button-format=horizontal]{flex-direction:row-reverse;justify-content:flex-start}[data-bspk=modal] [data-button-format=vertical]{flex-direction:column}@media (width >= 640px){[data-bspk=modal] [data-button-format=vertical]{flex-direction:row-reverse;justify-content:flex-start}}\n"] }]
66024
+ `, encapsulation: ViewEncapsulation.None, styles: ["[data-bspk=modal]{max-height:100%;display:flex;flex-direction:column;gap:var(--spacing-sizing-02);padding:var(--spacing-sizing-05)}@media (width < 640px){[data-bspk=modal]{padding:var(--spacing-sizing-04)}}[data-bspk=modal]>[data-modal-header]{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:var(--spacing-sizing-04)}[data-bspk=modal]>[data-modal-header] [data-modal-title]{font:var(--heading-h5);flex:1}[data-bspk=modal] [data-modal-main]{flex:1;overflow-y:auto;max-height:fit-content}[data-bspk=modal]>[data-modal-footer]{display:flex;gap:var(--spacing-sizing-04)}[data-bspk=modal] [data-button-format=horizontal]{flex-direction:row-reverse;justify-content:flex-start}[data-bspk=modal] [data-button-format=vertical]{flex-direction:column}@media (width >= 640px){[data-bspk=modal] [data-button-format=vertical]{flex-direction:row-reverse;justify-content:flex-start}}\n"] }]
65604
66025
  }], propDecorators: { onClose: [{
65605
66026
  type: Output
65606
66027
  }], header: [{ type: i0.Input, args: [{ isSignal: true, alias: "header", required: true }] }], description: [{ type: i0.Input, args: [{ isSignal: true, alias: "description", required: true }] }], innerRef: [{ type: i0.Input, args: [{ isSignal: true, alias: "innerRef", required: false }] }], cancelButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "cancelButton", required: false }] }], callToAction: [{ type: i0.Input, args: [{ isSignal: true, alias: "callToAction", required: false }] }], buttonFormat: [{ type: i0.Input, args: [{ isSignal: true, alias: "buttonFormat", required: false }] }], open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], owner: [{ type: i0.Input, args: [{ isSignal: true, alias: "owner", required: false }] }], container: [{ type: i0.Input, args: [{ isSignal: true, alias: "container", required: false }] }], disableFocusTrap: [{ type: i0.Input, args: [{ isSignal: true, alias: "disableFocusTrap", required: false }] }] } });
@@ -65756,7 +66177,7 @@ class UIPagination {
65756
66177
  variant="tertiary"
65757
66178
  owner="pagination"></ui-button>
65758
66179
  </ng-container>
65759
- }`, isInline: true, styles: ["[data-bspk=pagination]{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--spacing-sizing-01);flex:1}[data-bspk=pagination] [data-input-form]{display:contents}[data-bspk=pagination] [data-input-form] [data-bspk=input]{max-width:var(--spacing-sizing-12);margin-right:var(--spacing-sizing-01)}[data-bspk=pagination] [data-input-form] [data-bspk=input] input{text-align:center}[data-bspk=pagination] [data-input-form] span{display:block;white-space:nowrap;font:var(--body-small)}[data-bspk=pagination] button[data-bspk-owner=pagination][data-bspk=button][data-size=small]{padding:6px 0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: UIButton, selector: "ui-button", inputs: ["style", "label", "ariaLabel", "icon", "iconOnly", "destructive", "size", "variant", "width", "tooltip", "disabled", "type", "owner", "class"], outputs: ["onClick", "onFocus", "onBlur", "onMouseOver", "onMouseLeave"] }, { kind: "component", type: UIInput, selector: "ui-input", inputs: ["value", "name", "showClearButton", "disabled", "invalid", "placeholder", "readOnly", "required", "type", "size", "leading", "trailing", "autoComplete", "id", "owner", "ariaLabel", "ariaLabelledBy", "ariaDescribedBy", "ariaErrorMessage"], outputs: ["valueChange"] }], encapsulation: i0.ViewEncapsulation.None });
66180
+ }`, isInline: true, styles: ["[data-bspk=pagination]{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--spacing-sizing-01);flex:1}[data-bspk=pagination] [data-input-form]{display:contents}[data-bspk=pagination] [data-input-form] [data-bspk=input]{max-width:var(--spacing-sizing-12);margin-right:var(--spacing-sizing-01)}[data-bspk=pagination] [data-input-form] [data-bspk=input] input{text-align:center}[data-bspk=pagination] [data-input-form] span{display:block;white-space:nowrap;font:var(--body-small)}[data-bspk=pagination] button[data-bspk-owner=pagination][data-bspk=button][data-size=small]{padding:6px 0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { 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", "onMouseOver", "onMouseLeave"] }, { kind: "component", type: UIInput, selector: "ui-input", inputs: ["value", "name", "showClearButton", "disabled", "invalid", "placeholder", "readOnly", "required", "type", "size", "leading", "trailing", "autoComplete", "id", "owner", "ariaLabel", "ariaLabelledBy", "ariaDescribedBy", "ariaErrorMessage"], outputs: ["valueChange"] }], encapsulation: i0.ViewEncapsulation.None });
65760
66181
  }
65761
66182
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: UIPagination, decorators: [{
65762
66183
  type: Component,
@@ -65970,7 +66391,7 @@ class UIRadioOption extends UIRadio {
65970
66391
  (checkedChange)="checkedChange.emit($event)">
65971
66392
  </ui-radio>
65972
66393
  </span>
65973
- </ui-list-item>`, isInline: true, dependencies: [{ kind: "component", type: UIRadio, selector: "ui-radio", inputs: ["change", "name", "value", "ariaLabel", "checked", "disabled", "id", "invalid", "required"], outputs: ["checkedChange"] }, { kind: "component", type: UIListItem, selector: "ui-list-item", inputs: ["active", "owner", "ariaLabel", "ariaSelected", "ariaDisabled", "ariaReadonly", "htmlFor", "disabled", "readOnly", "as", "href", "label", "subText", "width", "tabIndex", "id"], outputs: ["onClick"] }] });
66394
+ </ui-list-item>`, isInline: true, dependencies: [{ kind: "component", type: UIRadio, selector: "ui-radio", inputs: ["change", "name", "value", "ariaLabel", "checked", "disabled", "id", "invalid", "required"], outputs: ["checkedChange"] }, { kind: "component", type: UIListItem, selector: "ui-list-item", inputs: ["active", "owner", "ariaLabel", "ariaRole", "ariaSelected", "ariaDisabled", "ariaReadonly", "htmlFor", "disabled", "readOnly", "as", "href", "label", "subText", "width", "tabIndex", "id"], outputs: ["onClick"] }] });
65974
66395
  }
65975
66396
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: UIRadioOption, decorators: [{
65976
66397
  type: Component,
@@ -66445,6 +66866,10 @@ class UISelect {
66445
66866
  width: this.menuWidth() || 'fit-content',
66446
66867
  };
66447
66868
  }, ...(ngDevMode ? [{ debugName: "ngMenuStyle" }] : []));
66869
+ get offset() {
66870
+ // Reads the CSS variable value at runtime, offsetOptions requires a number
66871
+ return parseInt(getComputedStyle(document.documentElement).getPropertyValue('--spacing-sizing-01'));
66872
+ }
66448
66873
  get selectedItem() {
66449
66874
  return this.menuItems().find((item) => item.value === this.value());
66450
66875
  }
@@ -66468,25 +66893,32 @@ class UISelect {
66468
66893
  this.open.set(false);
66469
66894
  };
66470
66895
  handleKeydown(event) {
66896
+ // when menu is closed
66471
66897
  if (!this.open()) {
66472
66898
  keydownHandler({
66473
66899
  ArrowDown: () => this.toggleMenu(true),
66474
66900
  'Ctrl+Option+Space': () => this.toggleMenu(true),
66475
- Space: () => this.toggleMenu(true),
66901
+ Space: (e) => {
66902
+ e.preventDefault();
66903
+ this.toggleMenu(true);
66904
+ },
66476
66905
  Enter: () => this.toggleMenu(true),
66477
66906
  })(event);
66478
66907
  return;
66479
66908
  }
66480
- const SpaceEnter = () => this.keyNavigation.activeElement?.click();
66909
+ // when menu is open
66910
+ const SpaceEnter = () => {
66911
+ this.keyNavigation.activeElement?.click();
66912
+ this.toggleMenu(false);
66913
+ };
66481
66914
  // all key events run through keyNavigation utility when menu is open
66482
- this.keyNavigation.handleKeydown(event, {
66915
+ this.keyNavigation.handleKeydown(event,
66916
+ // additional callbacks for when menu is open
66917
+ {
66483
66918
  'Ctrl+Option+Space': SpaceEnter,
66484
66919
  Space: SpaceEnter,
66485
66920
  Enter: SpaceEnter,
66486
- Escape: () => {
66487
- if (this.open())
66488
- this.toggleMenu(false);
66489
- },
66921
+ Escape: () => this.toggleMenu(false),
66490
66922
  });
66491
66923
  }
66492
66924
  ngAfterViewInit() {
@@ -66500,6 +66932,7 @@ class UISelect {
66500
66932
  <input [attr.name]="name() || null" type="hidden" [value]="value() || ''" />
66501
66933
  <button
66502
66934
  type="button"
66935
+ [attr.role]="'combobox'"
66503
66936
  [attr.aria-label]="
66504
66937
  (ariaLabel() ? ariaLabel() + ' ' : '') + (selectedItem?.label || placeholder() || 'Select one')
66505
66938
  "
@@ -66536,7 +66969,7 @@ class UISelect {
66536
66969
  @if (open()) {
66537
66970
  <ui-menu
66538
66971
  #floating
66539
- [ui-floating]="{ reference: referenceEl, refWidth: true }"
66972
+ [ui-floating]="{ reference: referenceEl, refWidth: true, offsetOptions: offset }"
66540
66973
  [ui-outside-click]="{
66541
66974
  callback: handleOutsideClick.bind(this),
66542
66975
  }"
@@ -66558,7 +66991,7 @@ class UISelect {
66558
66991
  }
66559
66992
  </ui-menu>
66560
66993
  }
66561
- `, isInline: true, styles: ["[data-bspk=select]{--select-background: var(--surface-neutral-t1-base);--select-border-color: var(--stroke-neutral-base);--select-text-color: var(--foreground-neutral-on-surface);--select-height: var(--spacing-sizing-10);--select-font: var(--body-base);--select-clear-height: var(--spacing-sizing-05);--select-padding: var(--spacing-sizing-03);--select-icon-width: var(--spacing-sizing-05);overflow:hidden;position:relative;width:100%;outline:unset;min-height:var(--select-height);max-height:var(--select-height);display:flex;flex-direction:row;align-items:center;gap:var(--spacing-sizing-02);flex-grow:0;flex-shrink:0;text-align:left;font:var(--select-font);border:1px solid var(--select-border-color);border-radius:var(--radius-sm);background:var(--select-background);padding:0 var(--select-padding);cursor:pointer}[data-bspk=select] [data-input]{position:absolute;opacity:0;inset:0;cursor:pointer}[data-bspk=select] [data-bspk=list-item]{background:transparent}[data-bspk=select] [data-bspk=list-item] [data-item-label] [data-text]{font:var(--select-font);color:var(--select-text-color)}[data-bspk=select][data-size=small]{--select-height: var(--spacing-sizing-08);--select-font: var(--body-small);--select-clear-height: var(--spacing-sizing-05);--select-padding: var(--spacing-sizing-02);--select-icon-width: var(--spacing-sizing-05)}[data-bspk=select][data-size=large]{--select-height: var(--spacing-sizing-12);--select-font: var(--body-large);--select-clear-height: var(--spacing-sizing-06);--select-icon-width: var(--spacing-sizing-06)}[data-bspk=select][aria-disabled],[data-bspk=select][aria-readonly]:not([data-empty]){--select-text-color: var(--foreground-neutral-disabled-on-surface);--select-border-color: var(--stroke-neutral-disabled-light);--select-background: linear-gradient(var(--interactions-disabled-opacity), var(--interactions-disabled-opacity)), linear-gradient(var(--surface-neutral-t1-base), var(--surface-neutral-t1-base));cursor:not-allowed}[data-bspk=select][aria-disabled][aria-readonly]:not([data-empty]),[data-bspk=select][aria-readonly]:not([data-empty])[aria-readonly]:not([data-empty]){--select-text-color: var(--foreground-neutral-on-surface)}[data-bspk=select]:not([aria-disabled],[aria-readonly]):focus-within{--select-border-color: var(--stroke-neutral-focus);border-width:1px;outline:1px solid var(--stroke-neutral-focus)}[data-bspk=select]:not([aria-disabled],[aria-readonly]):hover{--select-background: 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=select]:not([aria-disabled],[aria-readonly]):active{--select-background: 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=select][data-invalid]{--select-border-color: var(--status-error)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: UIListItem, selector: "ui-list-item", inputs: ["active", "owner", "ariaLabel", "ariaSelected", "ariaDisabled", "ariaReadonly", "htmlFor", "disabled", "readOnly", "as", "href", "label", "subText", "width", "tabIndex", "id"], outputs: ["onClick"] }, { kind: "component", type: UIMenu, selector: "ui-menu", inputs: ["ariaLabel", "width", "owner", "id", "ariaRole"] }, { kind: "component", type: IconKeyboardArrowDown, selector: "icon-keyboard-arrow-down", inputs: ["width"] }, { kind: "directive", type: UIFloatingDirective, selector: "[ui-floating]", inputs: ["ui-floating"] }, { kind: "directive", type: UIOutsideClickDirective, selector: "[ui-outside-click]", inputs: ["ui-outside-click"] }], encapsulation: i0.ViewEncapsulation.None });
66994
+ `, isInline: true, styles: ["[data-bspk=select]{--select-background: var(--surface-neutral-t1-base);--select-border-color: var(--stroke-neutral-base);--select-text-color: var(--foreground-neutral-on-surface);--select-height: var(--spacing-sizing-10);--select-font: var(--body-base);--select-clear-height: var(--spacing-sizing-05);--select-padding: var(--spacing-sizing-03);--select-icon-width: var(--spacing-sizing-05);overflow:hidden;position:relative;width:100%;outline:unset;min-height:var(--select-height);max-height:var(--select-height);display:flex;flex-direction:row;align-items:center;gap:var(--spacing-sizing-02);flex-grow:0;flex-shrink:0;text-align:left;font:var(--select-font);border:1px solid var(--select-border-color);border-radius:var(--radius-sm);background:var(--select-background);padding:0 var(--select-padding);cursor:pointer}[data-bspk=select] [data-input]{position:absolute;opacity:0;inset:0;cursor:pointer}[data-bspk=select] [data-bspk=list-item]{background:transparent}[data-bspk=select] [data-bspk=list-item] [data-item-label] [data-text]{font:var(--select-font);color:var(--select-text-color)}[data-bspk=select][data-size=small]{--select-height: var(--spacing-sizing-08);--select-font: var(--body-small);--select-clear-height: var(--spacing-sizing-05);--select-padding: var(--spacing-sizing-02);--select-icon-width: var(--spacing-sizing-05)}[data-bspk=select][data-size=large]{--select-height: var(--spacing-sizing-12);--select-font: var(--body-large);--select-clear-height: var(--spacing-sizing-06);--select-icon-width: var(--spacing-sizing-06)}[data-bspk=select][aria-disabled],[data-bspk=select][aria-readonly]:not([data-empty]){--select-text-color: var(--foreground-neutral-disabled-on-surface);--select-border-color: var(--stroke-neutral-disabled-light);--select-background: linear-gradient(var(--interactions-disabled-opacity), var(--interactions-disabled-opacity)), linear-gradient(var(--surface-neutral-t1-base), var(--surface-neutral-t1-base));cursor:not-allowed}[data-bspk=select][aria-disabled][aria-readonly]:not([data-empty]),[data-bspk=select][aria-readonly]:not([data-empty])[aria-readonly]:not([data-empty]){--select-text-color: var(--foreground-neutral-on-surface)}[data-bspk=select]:not([aria-disabled],[aria-readonly]):focus-within{--select-border-color: var(--stroke-neutral-focus);border-width:1px;outline:1px solid var(--stroke-neutral-focus)}[data-bspk=select]:not([aria-disabled],[aria-readonly]):hover{--select-background: 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=select]:not([aria-disabled],[aria-readonly]):active{--select-background: 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=select][data-invalid]{--select-border-color: var(--status-error)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: UIListItem, selector: "ui-list-item", inputs: ["active", "owner", "ariaLabel", "ariaRole", "ariaSelected", "ariaDisabled", "ariaReadonly", "htmlFor", "disabled", "readOnly", "as", "href", "label", "subText", "width", "tabIndex", "id"], outputs: ["onClick"] }, { kind: "component", type: UIMenu, selector: "ui-menu", inputs: ["ariaLabel", "width", "owner", "id", "ariaRole"] }, { kind: "component", type: IconKeyboardArrowDown, selector: "icon-keyboard-arrow-down", inputs: ["width"] }, { kind: "directive", type: UIFloatingDirective, selector: "[ui-floating]", inputs: ["ui-floating"] }, { kind: "directive", type: UIOutsideClickDirective, selector: "[ui-outside-click]", inputs: ["ui-outside-click"] }], encapsulation: i0.ViewEncapsulation.None });
66562
66995
  }
66563
66996
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: UISelect, decorators: [{
66564
66997
  type: Component,
@@ -66566,6 +66999,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
66566
66999
  <input [attr.name]="name() || null" type="hidden" [value]="value() || ''" />
66567
67000
  <button
66568
67001
  type="button"
67002
+ [attr.role]="'combobox'"
66569
67003
  [attr.aria-label]="
66570
67004
  (ariaLabel() ? ariaLabel() + ' ' : '') + (selectedItem?.label || placeholder() || 'Select one')
66571
67005
  "
@@ -66602,7 +67036,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
66602
67036
  @if (open()) {
66603
67037
  <ui-menu
66604
67038
  #floating
66605
- [ui-floating]="{ reference: referenceEl, refWidth: true }"
67039
+ [ui-floating]="{ reference: referenceEl, refWidth: true, offsetOptions: offset }"
66606
67040
  [ui-outside-click]="{
66607
67041
  callback: handleOutsideClick.bind(this),
66608
67042
  }"
@@ -66722,7 +67156,7 @@ class UISwitchOption extends UISwitch {
66722
67156
  (checkedChange)="checkedChange.emit($event)">
66723
67157
  </ui-switch
66724
67158
  ></span>
66725
- </ui-list-item>`, isInline: true, dependencies: [{ kind: "component", type: UISwitch, selector: "ui-switch", inputs: ["value", "checked", "ariaLabel", "name", "id", "disabled"], outputs: ["checkedChange"] }, { kind: "component", type: UIListItem, selector: "ui-list-item", inputs: ["active", "owner", "ariaLabel", "ariaSelected", "ariaDisabled", "ariaReadonly", "htmlFor", "disabled", "readOnly", "as", "href", "label", "subText", "width", "tabIndex", "id"], outputs: ["onClick"] }] });
67159
+ </ui-list-item>`, isInline: true, dependencies: [{ kind: "component", type: UISwitch, selector: "ui-switch", inputs: ["value", "checked", "ariaLabel", "name", "id", "disabled"], outputs: ["checkedChange"] }, { kind: "component", type: UIListItem, selector: "ui-list-item", inputs: ["active", "owner", "ariaLabel", "ariaRole", "ariaSelected", "ariaDisabled", "ariaReadonly", "htmlFor", "disabled", "readOnly", "as", "href", "label", "subText", "width", "tabIndex", "id"], outputs: ["onClick"] }] });
66726
67160
  }
66727
67161
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: UISwitchOption, decorators: [{
66728
67162
  type: Component,
@@ -67329,7 +67763,7 @@ class UITextareaField extends UITextarea {
67329
67763
  [minRows]="minRows()"
67330
67764
  [maxRows]="maxRows()" />
67331
67765
  </ui-field>
67332
- `, isInline: true, 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}\n"], dependencies: [{ kind: "component", type: UIField, selector: "ui-field", inputs: ["errorMessage", "label", "helperText", "labelTrailing", "required", "controlId", "style"] }, { kind: "component", type: UITextarea, selector: "ui-textarea", inputs: ["name", "value", "ariaLabel", "disabled", "id", "invalid", "maxLength", "maxRows", "minRows", "placeholder", "readOnly", "required", "size", "ariaLabelledBy", "ariaDescribedBy", "ariaErrorMessage"], outputs: ["valueChange"] }], encapsulation: i0.ViewEncapsulation.None });
67766
+ `, isInline: true, 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"], dependencies: [{ kind: "component", type: UIField, selector: "ui-field", inputs: ["errorMessage", "label", "helperText", "labelTrailing", "required", "controlId", "style"] }, { kind: "component", type: UITextarea, selector: "ui-textarea", inputs: ["name", "value", "ariaLabel", "disabled", "id", "invalid", "maxLength", "maxRows", "minRows", "placeholder", "readOnly", "required", "size", "ariaLabelledBy", "ariaDescribedBy", "ariaErrorMessage"], outputs: ["valueChange"] }], encapsulation: i0.ViewEncapsulation.None });
67333
67767
  }
67334
67768
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: UITextareaField, decorators: [{
67335
67769
  type: Component,
@@ -67364,7 +67798,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
67364
67798
  `, host: {
67365
67799
  'data-bspk': 'textarea-field',
67366
67800
  '[id]': 'controlId()+"-field"',
67367
- }, 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}\n"] }]
67801
+ }, 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"] }]
67368
67802
  }], propDecorators: { valueChange: [{ type: i0.Output, args: ["valueChange"] }], 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 }] }] } });
67369
67803
 
67370
67804
  // create an angular service to manage theme setting and getting
@@ -67403,5 +67837,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
67403
67837
  * Generated bundle index. Do not edit.
67404
67838
  */
67405
67839
 
67406
- export { 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, IconCategory, IconCategoryFill, IconChartData, IconChartDataFill, IconChat, IconChatBubble, IconChatBubbleFill, IconChatFill, IconCheck, IconCheckCircle, IconCheckCircleFill, IconCheckFill, IconChecklist, IconChevronLeft, IconChevronRight, IconCircle, IconCircleFill, 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, 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, IconWallet, IconWarehouse, IconWarehouseFill, IconWarning, IconWarningFill, IconWc, IconWest, IconWifi, IconWifiCalling, IconWifiCallingFill, IconWifiFill, IconWifiHome, IconWifiHomeFill, IconWoman, IconWork, IconWorkFill, IconX, IconXWhite, IconYoutube, IconYoutubeBlack, IconYoutubeWhite, IconZoomIn, IconZoomInMap, IconZoomOut, IconZoomOutMap, KeyNavigationUtility, ThemeService, UIAccordion, UIAvatar, UIAvatarGroup, UIBadge, UIBannerAlert, UIBreadcrumb, UIButton, UICard, UICheckbox, UICheckboxGroup, UICheckboxOption, UIChip, UIChipGroup, UIDialog, UIDivider, UIField, UIFlexDirective, UIFloatingDirective, UIFocusTrapDirective, UIIcon, UIInlineAlert, UIInput, UIInputField, UIKeyNavigationDirective, UILinkDirective, UIListItem, UIMatchParentHeightDirective, UIMenu, UIModal, UIOutsideClickDirective, UIPagination, UIPortalDirective, UIRadio, UIRadioGroup, UIRadioOption, UIScrim, UISegmentedControl, UISelect, UISwitch, UISwitchOption, UITabGroup, UITabList, UITabListUtility, UITable, UITag, UITextarea, UITextareaField, UITooltip, UITooltipDirective, UITxtDirective, describedById, errorMessageId, labelledById };
67840
+ export { 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, IconCategory, IconCategoryFill, IconChartData, IconChartDataFill, IconChat, IconChatBubble, IconChatBubbleFill, IconChatFill, IconCheck, IconCheckCircle, IconCheckCircleFill, IconCheckFill, IconChecklist, IconChevronLeft, IconChevronRight, IconCircle, IconCircleFill, 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, 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, IconWallet, IconWarehouse, IconWarehouseFill, IconWarning, IconWarningFill, IconWc, IconWest, IconWifi, IconWifiCalling, IconWifiCallingFill, IconWifiFill, IconWifiHome, IconWifiHomeFill, IconWoman, IconWork, IconWorkFill, IconX, IconXWhite, IconYoutube, IconYoutubeBlack, IconYoutubeWhite, IconZoomIn, IconZoomInMap, IconZoomOut, IconZoomOutMap, KeyNavigationUtility, ThemeService, UIAccordion, UIAvatar, UIAvatarGroup, UIBadge, UIBannerAlert, UIBreadcrumb, UIButton, UICalendar, UICard, UICheckbox, UICheckboxGroup, UICheckboxOption, UIChip, UIChipGroup, UIDialog, UIDivider, UIField, UIFlexDirective, UIFloatingDirective, UIFocusTrapDirective, UIIcon, UIInlineAlert, UIInput, UIInputField, UIKeyNavigationDirective, UILinkDirective, UIListItem, UIMatchParentHeightDirective, UIMenu, UIModal, UIOutsideClickDirective, UIPagination, UIPortalDirective, UIRadio, UIRadioGroup, UIRadioOption, UIScrim, UISegmentedControl, UISelect, UISwitch, UISwitchOption, UITabGroup, UITabList, UITabListUtility, UITable, UITag, UITextarea, UITextareaField, UITooltip, UITooltipDirective, UITxtDirective, describedById, errorMessageId, labelledById };
67407
67841
  //# sourceMappingURL=bspk-ui-ngx.mjs.map