@genesislcap/foundation-ui 14.272.0 → 14.274.0

package/dist/dts/base-components.d.ts

@@ -209,6 +209,17 @@ export declare const baseComponents: {
     foundationProgressRing: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").ProgressRingOptions>) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").ProgressRingOptions, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
     foundationRadio: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").RadioOptions>) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").RadioOptions, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
     foundationRadioGroup: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition>) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./radio-group").RadioGroup>;
+    foundationScheduler: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<{
+        baseName: string;
+        styles: import("@microsoft/fast-element").ElementStyles;
+        template: import("@microsoft/fast-element").ViewTemplate<import("./scheduler").Scheduler, any>;
+        shadowOptions: ShadowRootInit;
+    }>) => import("@microsoft/fast-foundation").FoundationElementRegistry<{
+        baseName: string;
+        styles: import("@microsoft/fast-element").ElementStyles;
+        template: import("@microsoft/fast-element").ViewTemplate<import("./scheduler").Scheduler, any>;
+        shadowOptions: ShadowRootInit;
+    }, typeof import("./scheduler").Scheduler>;
     foundationSchedulerCronBuilder: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<{
         baseName: string;
         styles: import("@microsoft/fast-element").ElementStyles;
@@ -220,6 +231,17 @@ export declare const baseComponents: {
         template: import("@microsoft/fast-element").ViewTemplate<import("./scheduler-cron-builder").SchedulerCronBuilder, any>;
         shadowOptions: ShadowRootInit;
     }, typeof import("./scheduler-cron-builder").SchedulerCronBuilder>;
+    foundationSchedulerTimezone: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<{
+        baseName: string;
+        styles: import("@microsoft/fast-element").ElementStyles;
+        template: import("@microsoft/fast-element").ViewTemplate<import("./scheduler-timezone").SchedulerTimezone, any>;
+        shadowOptions: ShadowRootInit;
+    }>) => import("@microsoft/fast-foundation").FoundationElementRegistry<{
+        baseName: string;
+        styles: import("@microsoft/fast-element").ElementStyles;
+        template: import("@microsoft/fast-element").ViewTemplate<import("./scheduler-timezone").SchedulerTimezone, any>;
+        shadowOptions: ShadowRootInit;
+    }, typeof import("./scheduler-timezone").SchedulerTimezone>;
     foundationSearchBar: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<{
         baseName: string;
         template: import("@microsoft/fast-element").ViewTemplate<import("./search-bar").SearchBar, any>;

package/dist/dts/base-components.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"base-components.d.ts","sourceRoot":"","sources":["../../src/base-components.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AA+E5D,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBA+EJ,SAAS,WAAW,GAAG,EAAE;CAe/C,CAAC"}
+{"version":3,"file":"base-components.d.ts","sourceRoot":"","sources":["../../src/base-components.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAiF5D,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBAiFJ,SAAS,WAAW,GAAG,EAAE;CAe/C,CAAC"}

package/dist/dts/index.d.ts

@@ -63,7 +63,9 @@ export * from './progress-ring';
 export * from './radio';
 export * from './radio-group';
 export * from './router';
+export * from './scheduler';
 export * from './scheduler-cron-builder';
+export * from './scheduler-timezone';
 export * from './search-bar';
 export * from './segmented-control';
 export * from './segmented-item';

package/dist/dts/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}

package/dist/dts/multiselect/multiselect-consts.d.ts

@@ -3,8 +3,8 @@ export declare enum Position {
     ABOVE = "above"
 }
 export type MultiselectOption = {
-    value: string;
-    label: string;
+    value: string | string[];
+    label: string | string[];
     disabled?: boolean;
     labelStyle?: string;
     optionLabelText?: string;

package/dist/dts/multiselect/multiselect-consts.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"multiselect-consts.d.ts","sourceRoot":"","sources":["../../../src/multiselect/multiselect-consts.ts"],"names":[],"mappings":"AAAA,oBAAY,QAAQ;IAClB,KAAK,UAAU;IACf,KAAK,UAAU;CAChB;AAED,MAAM,MAAM,iBAAiB,GACzB;IACE,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,GACD,MAAM,CAAC"}
+{"version":3,"file":"multiselect-consts.d.ts","sourceRoot":"","sources":["../../../src/multiselect/multiselect-consts.ts"],"names":[],"mappings":"AAAA,oBAAY,QAAQ;IAClB,KAAK,UAAU;IACf,KAAK,UAAU;CAChB;AAED,MAAM,MAAM,iBAAiB,GACzB;IACE,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACzB,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,GACD,MAAM,CAAC"}

package/dist/dts/multiselect/multiselect.d.ts

@@ -1,3 +1,4 @@
+import { ViewTemplate } from '@microsoft/fast-element';
 import { FoundationElement } from '@microsoft/fast-foundation';
 import { MultiselectDatasource } from '../options-datasource';
 import { MultiselectOption, Position } from './multiselect-consts';
@@ -16,6 +17,8 @@ export declare class Multiselect extends FoundationElement {
     creatable: boolean;
     async: boolean;
     debounce: number;
+    delimiterValues: string;
+    delimiterLabels: string;
     /** Tells if the filter uses a contains; if FALSE, will filter using a starts-with check */
     filterByContains: boolean;
     debounceChanged(oldValue: any, newValue: number): void;
@@ -39,11 +42,13 @@ export declare class Multiselect extends FoundationElement {
      */
     position: Position;
     onAllSelectedCallback: (allSelected: boolean) => void;
+    itemRenderer: (option: MultiselectOption, parent: Multiselect, prefix: string) => ViewTemplate;
     private initialisedOptions;
     arrowIcon: SVGElement;
-    optionsElement: HTMLElement;
+    multiselectDropdown: HTMLElement;
     connectedCallback(): void;
     disconnectedCallback(): void;
+    defaultItemRenderer(option: MultiselectOption, parent: Multiselect): ViewTemplate;
     toggle(): void;
     optionsChanged(): void;
     selectedOptionsChanged(): void;
@@ -56,7 +61,8 @@ export declare class Multiselect extends FoundationElement {
      * @private
      */
     private setDropdownPosition;
-    optionGetter(option: MultiselectOption): string;
+    optionValueGetter(option: MultiselectOption): string;
+    optionLabelGetter(option: MultiselectOption): string;
     getItemLabel(option: MultiselectOption): any;
     isOptionDisabled(option: MultiselectOption): boolean;
     get getDisplayValue(): string;
@@ -76,15 +82,16 @@ export declare class Multiselect extends FoundationElement {
     changeHandler(event: Event): void;
     private handleClickOutside;
     keydownHandler(e: Event & KeyboardEvent): boolean | void;
+    optionsHeaderSlottedNodes: Node[];
 }
 export declare const foundationMultiselect: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<{
     baseName: string;
-    template: import("@microsoft/fast-element").ViewTemplate<Multiselect, any>;
+    template: ViewTemplate<Multiselect, any>;
     styles: import("@microsoft/fast-element").ElementStyles;
     shadowOptions: ShadowRootInit;
 }>) => import("@microsoft/fast-foundation").FoundationElementRegistry<{
     baseName: string;
-    template: import("@microsoft/fast-element").ViewTemplate<Multiselect, any>;
+    template: ViewTemplate<Multiselect, any>;
     styles: import("@microsoft/fast-element").ElementStyles;
     shadowOptions: ShadowRootInit;
 }, typeof Multiselect>;

package/dist/dts/multiselect/multiselect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"multiselect.d.ts","sourceRoot":"","sources":["../../../src/multiselect/multiselect.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAE/D,OAAO,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAO9D,OAAO,EAAE,iBAAiB,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAMnE,eAAO,MAAM,kCAAkC,EAAE,cAA0B,CAAC;AAE5E,eAAO,MAAM,wBAAwB,IAAK,CAAC;AAE3C;;GAEG;AACH,qBAAa,WAAY,SAAQ,iBAAiB;IAC1C,IAAI,SAAM;IACuC,YAAY,EAAE,OAAO,CAAQ;IACzD,GAAG,UAAQ;IACX,WAAW,UAAS;IACpB,MAAM,UAAQ;IACd,QAAQ,UAAS;IACjB,SAAS,UAAS;IAClB,KAAK,UAAS;IACnC,QAAQ,EAAE,MAAM,CAAiB;IAEvC,2FAA2F;IAC/B,gBAAgB,UAAS;IAErF,eAAe,CAAC,QAAQ,KAAA,EAAE,QAAQ,EAAE,MAAM;IAG1C,qBAAqB,MAAC;IACV,mBAAmB,EAAE,IAAI,EAAE,CAAC;IAC5B,iBAAiB,EAAE,qBAAqB,EAAE,CAAC;IAC3C,cAAc,MAAC;IACf,OAAO,EAAE,OAAO,CAAC;IACjB,iBAAiB,EAAE,MAAM,CAAM;IAC3C,OAAO,CAAC,YAAY,CAAiD;IACzD,IAAI,UAAS;IACzB,WAAW,CAAC,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO;IAYhC,OAAO,EAAE,iBAAiB,EAAE,CAAM;IAClC,eAAe,EAAE,MAAM,EAAE,CAAM;IAC/B,wBAAwB,EAAE,iBAAiB,EAAE,CAAqB;IAClE,eAAe,EAAE,WAAW,CAAC;IAEzC;;;;OAIG;IACG,QAAQ,EAAE,QAAQ,CAAkB;IAE9B,qBAAqB,EAAE,CAAC,WAAW,EAAE,OAAO,KAAK,IAAI,CAAC;IAElE,OAAO,CAAC,kBAAkB,CAAkB;IAE5C,SAAS,EAAE,UAAU,CAAC;IACtB,cAAc,EAAE,WAAW,CAAC;IAE5B,iBAAiB;IAOjB,oBAAoB;IAKpB,MAAM;IAON,cAAc;IAQd,sBAAsB;IAOtB;;;;;;;OAOG;IACH,OAAO,CAAC,mBAAmB;IAoB3B,YAAY,CAAC,MAAM,EAAE,iBAAiB;IAOtC,YAAY,CAAC,MAAM,EAAE,iBAAiB;IAetC,gBAAgB,CAAC,MAAM,EAAE,iBAAiB;IAQ1C,IACI,eAAe,WAyBlB;IAED,IACI,cAAc,WAEjB;IAED,IACI,oBAAoB,YAEvB;IAED,IACI,aAAa,YAMhB;IAED,gBAAgB,CAAC,gBAAgB,EAAE,iBAAiB,GAAG,OAAO;IAI9D,iBAAiB,CAAC,gBAAgB,EAAE,iBAAiB;IAarD,eAAe,CAAC,gBAAgB,EAAE,iBAAiB,EAAE,KAAK,EAAE,aAAa;IAQzE,sBAAsB;IAItB,iBAAiB;IAajB,YAAY;IAcZ,qBAAqB;IAQrB,SAAS;IAcT,SAAS;IAST,cAAc;IAkBd,aAAa,CAAC,KAAK,EAAE,KAAK;IAK1B,OAAO,CAAC,kBAAkB;IAM1B,cAAc,CAAC,CAAC,EAAE,KAAK,GAAG,aAAa,GAAG,OAAO,GAAG,IAAI;CAgCzD;AAED,eAAO,MAAM,qBAAqB;;;;;;;;;;sBAMhC,CAAC"}
+{"version":3,"file":"multiselect.d.ts","sourceRoot":"","sources":["../../../src/multiselect/multiselect.ts"],"names":[],"mappings":"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"}

package/dist/dts/multiselect/multiselect.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"multiselect.styles.d.ts","sourceRoot":"","sources":["../../../src/multiselect/multiselect.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS,MAAM,CAAC;AAE7B,eAAO,MAAM,iBAAiB,iDAkM7B,CAAC"}
+{"version":3,"file":"multiselect.styles.d.ts","sourceRoot":"","sources":["../../../src/multiselect/multiselect.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS,MAAM,CAAC;AAE7B,eAAO,MAAM,iBAAiB,iDAuM7B,CAAC"}

package/dist/dts/multiselect/multiselect.template.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"multiselect.template.d.ts","sourceRoot":"","sources":["../../../src/multiselect/multiselect.template.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAMjD,eAAO,MAAM,sBAAsB,uFAwHlC,CAAC;AAEF,eAAO,MAAM,mBAAmB,kEAE/B,CAAC"}
+{"version":3,"file":"multiselect.template.d.ts","sourceRoot":"","sources":["../../../src/multiselect/multiselect.template.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAMjD,eAAO,MAAM,sBAAsB,uFA4HlC,CAAC;AAEF,eAAO,MAAM,mBAAmB,kEAE/B,CAAC"}

package/dist/dts/scheduler/index.d.ts

@@ -0,0 +1,4 @@
+export * from './scheduler';
+export * from './scheduler.styles';
+export * from './scheduler.template';
+//# sourceMappingURL=index.d.ts.map

package/dist/dts/scheduler/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/scheduler/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC"}

package/dist/dts/scheduler/scheduler.d.ts

@@ -0,0 +1,37 @@
+import { FoundationElement } from '@microsoft/fast-foundation';
+type CronConfig = {
+    timezone: string;
+    cronExpression: string;
+};
+/**
+ * @tagname %%prefix%%-scheduler
+ */
+export declare class Scheduler extends FoundationElement {
+    timezone: string;
+    cron: string;
+    cronConfig: CronConfig;
+    cronConfigChanged(): void;
+    handleChange(event: CustomEvent, key: string): void;
+}
+export declare const foundationSchedulerShadowOptions: ShadowRootInit;
+export declare const defaultConfig: {};
+/**
+ * The Foundation Scheduler  Element.
+ *
+ * @public
+ * @remarks
+ * HTML Element: \<foundation-scheduler\>
+ */
+export declare const foundationScheduler: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<{
+    baseName: string;
+    styles: import("@microsoft/fast-element").ElementStyles;
+    template: import("@microsoft/fast-element").ViewTemplate<Scheduler, any>;
+    shadowOptions: ShadowRootInit;
+}>) => import("@microsoft/fast-foundation").FoundationElementRegistry<{
+    baseName: string;
+    styles: import("@microsoft/fast-element").ElementStyles;
+    template: import("@microsoft/fast-element").ViewTemplate<Scheduler, any>;
+    shadowOptions: ShadowRootInit;
+}, typeof Scheduler>;
+export {};
+//# sourceMappingURL=scheduler.d.ts.map

package/dist/dts/scheduler/scheduler.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scheduler.d.ts","sourceRoot":"","sources":["../../../src/scheduler/scheduler.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAI/D,KAAK,UAAU,GAAG;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,cAAc,EAAE,MAAM,CAAC;CACxB,CAAC;AACF;;GAEG;AACH,qBAAa,SAAU,SAAQ,iBAAiB;IAClC,QAAQ,EAAE,MAAM,CAAM;IACtB,IAAI,EAAE,MAAM,CAAM;IAClB,UAAU,EAAE,UAAU,CAAC;IACnC,iBAAiB;IAKjB,YAAY,CAAC,KAAK,EAAE,WAAW,EAAE,GAAG,EAAE,MAAM;CAS7C;AAGD,eAAO,MAAM,gCAAgC,EAAE,cAA0B,CAAC;AAE1E,eAAO,MAAM,aAAa,IAAK,CAAC;AAEhC;;;;;;GAMG;AACH,eAAO,MAAM,mBAAmB;;;;;;;;;;oBAM9B,CAAC"}

package/dist/dts/scheduler/scheduler.styles.d.ts

@@ -0,0 +1,3 @@
+import type { ElementStyles } from '@microsoft/fast-element';
+export declare const schedulerStyles: ElementStyles;
+//# sourceMappingURL=scheduler.styles.d.ts.map

package/dist/dts/scheduler/scheduler.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scheduler.styles.d.ts","sourceRoot":"","sources":["../../../src/scheduler/scheduler.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAE7D,eAAO,MAAM,eAAe,EAAE,aAO7B,CAAC"}

package/dist/dts/scheduler/scheduler.template.d.ts

@@ -0,0 +1,4 @@
+import type { Scheduler } from './scheduler';
+export declare const getPrefixedScheduler: (prefix: string) => import("@microsoft/fast-element").ViewTemplate<Scheduler, any>;
+export declare const foundationSchedulerTemplate: import("@microsoft/fast-element").ViewTemplate<Scheduler, any>;
+//# sourceMappingURL=scheduler.template.d.ts.map

package/dist/dts/scheduler/scheduler.template.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scheduler.template.d.ts","sourceRoot":"","sources":["../../../src/scheduler/scheduler.template.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAE7C,eAAO,MAAM,oBAAoB,WAAY,MAAM,mEAWlD,CAAC;AACF,eAAO,MAAM,2BAA2B,gEAEvC,CAAC"}

package/dist/dts/scheduler-timezone/index.d.ts

@@ -0,0 +1,4 @@
+export * from './scheduler-timezone.styles';
+export * from './scheduler-timezone.template';
+export * from './scheduler-timezone';
+//# sourceMappingURL=index.d.ts.map

package/dist/dts/scheduler-timezone/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/scheduler-timezone/index.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAC;AAC5C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,sBAAsB,CAAC"}

package/dist/dts/scheduler-timezone/scheduler-timezone.d.ts

@@ -0,0 +1,40 @@
+import { Connect } from '@genesislcap/foundation-comms';
+import { FoundationElement } from '@microsoft/fast-foundation';
+/**
+ * @tagname %%prefix%%-scheduler-timezone
+ */
+export declare class SchedulerTimezone extends FoundationElement {
+    timezone: string;
+    timezoneChanged(): void;
+    connect: Connect;
+    timeZones: any;
+    /**
+     * Used to store the timezone
+     * added to make sync directive work as it checks value field in the change event
+     * @internal
+     */
+    value: string;
+    connectedCallback(): void;
+    getTimeZones(): Promise<void>;
+}
+export declare const foundationSchedulerTimezoneShadowOptions: ShadowRootInit;
+export declare const defaultTimezoneConfig: {};
+/**
+ * The Foundation Scheduler Timezone Element.
+ *
+ * @public
+ * @remarks
+ * HTML Element: \<foundation-scheduler-timezone\>
+ */
+export declare const foundationSchedulerTimezone: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<{
+    baseName: string;
+    styles: import("@microsoft/fast-element").ElementStyles;
+    template: import("@microsoft/fast-element").ViewTemplate<SchedulerTimezone, any>;
+    shadowOptions: ShadowRootInit;
+}>) => import("@microsoft/fast-foundation").FoundationElementRegistry<{
+    baseName: string;
+    styles: import("@microsoft/fast-element").ElementStyles;
+    template: import("@microsoft/fast-element").ViewTemplate<SchedulerTimezone, any>;
+    shadowOptions: ShadowRootInit;
+}, typeof SchedulerTimezone>;
+//# sourceMappingURL=scheduler-timezone.d.ts.map

package/dist/dts/scheduler-timezone/scheduler-timezone.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scheduler-timezone.d.ts","sourceRoot":"","sources":["../../../src/scheduler-timezone/scheduler-timezone.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAU,MAAM,+BAA+B,CAAC;AAGhE,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAI/D;;GAEG;AACH,qBAAa,iBAAkB,SAAQ,iBAAiB;IAC1C,QAAQ,EAAE,MAAM,CAAM;IAClC,eAAe;IAIN,OAAO,EAAG,OAAO,CAAC;IAEf,SAAS,MAAC;IACtB;;;;OAIG;IACH,KAAK,EAAE,MAAM,CAAiB;IAE9B,iBAAiB;IAKX,YAAY,IAAI,OAAO,CAAC,IAAI,CAAC;CA4BpC;AAGD,eAAO,MAAM,wCAAwC,EAAE,cAA0B,CAAC;AAElF,eAAO,MAAM,qBAAqB,IAAK,CAAC;AAExC;;;;;;GAMG;AACH,eAAO,MAAM,2BAA2B;;;;;;;;;;4BAMtC,CAAC"}

package/dist/dts/scheduler-timezone/scheduler-timezone.styles.d.ts

@@ -0,0 +1,3 @@
+import type { ElementStyles } from '@microsoft/fast-element';
+export declare const schedulerTimezoneStyles: ElementStyles;
+//# sourceMappingURL=scheduler-timezone.styles.d.ts.map

package/dist/dts/scheduler-timezone/scheduler-timezone.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scheduler-timezone.styles.d.ts","sourceRoot":"","sources":["../../../src/scheduler-timezone/scheduler-timezone.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAE7D,eAAO,MAAM,uBAAuB,EAAE,aA2BrC,CAAC"}

package/dist/dts/scheduler-timezone/scheduler-timezone.template.d.ts

@@ -0,0 +1,4 @@
+import type { SchedulerTimezone } from './scheduler-timezone';
+export declare const getPrefixedSchedulerTimezone: (prefix: string) => import("@microsoft/fast-element").ViewTemplate<SchedulerTimezone, any>;
+export declare const foundationSchedulerTimezoneTemplate: import("@microsoft/fast-element").ViewTemplate<SchedulerTimezone, any>;
+//# sourceMappingURL=scheduler-timezone.template.d.ts.map

package/dist/dts/scheduler-timezone/scheduler-timezone.template.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scheduler-timezone.template.d.ts","sourceRoot":"","sources":["../../../src/scheduler-timezone/scheduler-timezone.template.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAE9D,eAAO,MAAM,4BAA4B,WAAY,MAAM,2EAmB1D,CAAC;AACF,eAAO,MAAM,mCAAmC,wEAE/C,CAAC"}

package/dist/esm/base-components.js

@@ -51,7 +51,9 @@ import { foundationProgress } from './progress';
 import { foundationProgressRing } from './progress-ring';
 import { foundationRadio } from './radio';
 import { foundationRadioGroup } from './radio-group';
+import { foundationScheduler } from './scheduler';
 import { foundationSchedulerCronBuilder } from './scheduler-cron-builder';
+import { foundationSchedulerTimezone } from './scheduler-timezone';
 import { foundationSearchBar, foundationSearchBarCombobox } from './search-bar';
 import { foundationSegmentedControl } from './segmented-control';
 import { foundationSegmentedItem } from './segmented-item';
@@ -128,7 +130,9 @@ export const baseComponents = {
     foundationProgressRing,
     foundationRadio,
     foundationRadioGroup,
+    foundationScheduler,
     foundationSchedulerCronBuilder,
+    foundationSchedulerTimezone,
     foundationSearchBar,
     foundationSearchBarCombobox,
     foundationSegmentedControl,

package/dist/esm/index.js

@@ -63,7 +63,9 @@ export * from './progress-ring';
 export * from './radio';
 export * from './radio-group';
 export * from './router';
+export * from './scheduler';
 export * from './scheduler-cron-builder';
+export * from './scheduler-timezone';
 export * from './search-bar';
 export * from './segmented-control';
 export * from './segmented-item';

package/dist/esm/multiselect/multiselect.js

@@ -1,6 +1,6 @@
 import { __decorate } from "tslib";
 import { ResourceType } from '@genesislcap/foundation-comms';
-import { attr, observable, volatile } from '@microsoft/fast-element';
+import { attr, html, observable, volatile } from '@microsoft/fast-element';
 import { FoundationElement } from '@microsoft/fast-foundation';
 import debounce from 'lodash.debounce';
 import { dataserverCriteriaBuilder, logger, requestServerCriteriaBuilder, wasClickOutsideElement, } from '../utils';
@@ -25,6 +25,8 @@ export class Multiselect extends FoundationElement {
         this.creatable = false;
         this.async = false;
         this.debounce = DEBOUNCE_TIME;
+        this.delimiterValues = ';';
+        this.delimiterLabels = ',';
         /** Tells if the filter uses a contains; if FALSE, will filter using a starts-with check */
         this.filterByContains = false;
         this.filterSearchValue = '';
@@ -39,6 +41,7 @@ export class Multiselect extends FoundationElement {
          * - Position.BELOW: Forces the dropdown to always open below the input field.
          */
         this.position = Position.BELOW;
+        this.itemRenderer = this.defaultItemRenderer;
         this.initialisedOptions = false;
     }
     debounceChanged(oldValue, newValue) {
@@ -49,25 +52,42 @@ export class Multiselect extends FoundationElement {
         if (open) {
             document.addEventListener('mousedown', this.clickOutside);
             (_a = this.arrowIcon) === null || _a === void 0 ? void 0 : _a.classList.add('flipped');
-            (_b = this.optionsElement) === null || _b === void 0 ? void 0 : _b.classList.add('visible');
+            (_b = this.multiselectDropdown) === null || _b === void 0 ? void 0 : _b.classList.add('visible');
         }
         else {
             document.removeEventListener('mousedown', this.clickOutside);
             (_c = this.arrowIcon) === null || _c === void 0 ? void 0 : _c.classList.remove('flipped');
-            (_d = this.optionsElement) === null || _d === void 0 ? void 0 : _d.classList.remove('visible');
+            (_d = this.multiselectDropdown) === null || _d === void 0 ? void 0 : _d.classList.remove('visible');
         }
     }
     connectedCallback() {
         var _a;
         super.connectedCallback();
         if (this.position === Position.ABOVE) {
-            (_a = this.optionsElement) === null || _a === void 0 ? void 0 : _a.classList.add('position-above');
+            (_a = this.multiselectDropdown) === null || _a === void 0 ? void 0 : _a.classList.add('position-above');
         }
     }
     disconnectedCallback() {
         super.disconnectedCallback();
         document.removeEventListener('mousedown', this.clickOutside);
     }
+    defaultItemRenderer(option, parent) {
+        return html `
+      ${typeof option === 'string'
+            ? html `
+            <span part="option-label">${() => parent.getItemLabel(option)}</span>
+          `
+            : html `
+            <span
+              data-option-label-text=${() => option.optionLabelText}
+              style=${() => option.labelStyle}
+              part="option-label"
+            >
+              ${() => parent.getItemLabel(option)}
+            </span>
+          `}
+    `;
+    }
     toggle() {
         if (!this.open) {
             this.setDropdownPosition();
@@ -76,7 +96,7 @@ export class Multiselect extends FoundationElement {
     }
     optionsChanged() {
         if (this.allSelected && !this.initialisedOptions) {
-            this.selectedOptions = this.options.map((option) => this.optionGetter(option));
+            this.selectedOptions = this.options.map((option) => this.optionValueGetter(option));
         }
         this.filteredAvailableOptions = [...this.options];
     }
@@ -108,14 +128,26 @@ export class Multiselect extends FoundationElement {
                 calculatedPosition = Position.BELOW;
             }
         }
-        this.optionsElement.classList.toggle('position-above', calculatedPosition === Position.ABOVE);
-        this.optionsElement.classList.toggle('position-below', calculatedPosition === Position.BELOW);
+        this.multiselectDropdown.classList.toggle('position-above', calculatedPosition === Position.ABOVE);
+        this.multiselectDropdown.classList.toggle('position-below', calculatedPosition === Position.BELOW);
     }
-    optionGetter(option) {
-        if (typeof option != 'string') {
-            return option.value;
+    optionValueGetter(option) {
+        if (typeof option === 'string') {
+            return option;
+        }
+        if (Array.isArray(option.value)) {
+            return option.value.join(this.delimiterValues);
         }
-        return option;
+        return option.value;
+    }
+    optionLabelGetter(option) {
+        if (typeof option === 'string') {
+            return option;
+        }
+        if (Array.isArray(option.label)) {
+            return option.label.join(this.delimiterLabels);
+        }
+        return option.label;
     }
     getItemLabel(option) {
         let value;
@@ -126,7 +158,7 @@ export class Multiselect extends FoundationElement {
             value = option;
         }
         else {
-            value = option.label || option.value || '';
+            value = this.optionLabelGetter(option) || this.optionValueGetter(option) || '';
         }
         return this.valueFormatter ? this.valueFormatter(value) : value;
     }
@@ -144,7 +176,7 @@ export class Multiselect extends FoundationElement {
                 break;
             }
             case 1: {
-                const selectedOption = this.options.find((option) => this.optionGetter(option) === this.selectedOptions[0]);
+                const selectedOption = this.options.find((option) => this.optionValueGetter(option) === this.selectedOptions[0]);
                 displayText = this.getItemLabel(selectedOption);
                 break;
             }
@@ -170,17 +202,17 @@ export class Multiselect extends FoundationElement {
             this.findExactMatchOptions().length === 0);
     }
     isOptionSelected(normalizedOption) {
-        return this.selectedOptions.includes(this.optionGetter(normalizedOption));
+        const value = this.optionValueGetter(normalizedOption);
+        return this.selectedOptions.includes(value);
     }
     selectCheckboxOne(normalizedOption) {
-        const option = this.optionGetter(normalizedOption);
+        const option = this.optionValueGetter(normalizedOption);
         const isIncluded = this.selectedOptions.includes(option);
         if (!isIncluded) {
             this.selectedOptions = [...this.selectedOptions, option];
         }
         else {
-            this.selectedOptions = [...this.selectedOptions];
-            this.selectedOptions.splice(this.selectedOptions.indexOf(option), 1);
+            this.selectedOptions = this.selectedOptions.filter((x) => x !== option);
         }
         this.$emit('selectionChange', this.selectedOptions);
     }
@@ -200,7 +232,7 @@ export class Multiselect extends FoundationElement {
             ? []
             : this.options
                 .filter((opt) => !this.isOptionDisabled(opt))
-                .map((option) => this.optionGetter(option));
+                .map((option) => this.optionValueGetter(option));
         if (this.onAllSelectedCallback) {
             this.onAllSelectedCallback(!prevAllChecked);
         }
@@ -223,21 +255,28 @@ export class Multiselect extends FoundationElement {
         const filterSearchValueLower = this.filterSearchValue.toLowerCase();
         return this.filteredAvailableOptions.filter((option) => {
             var _a, _b;
-            const optionValue = typeof option === 'string' ? option : (_a = option.label) !== null && _a !== void 0 ? _a : option.value;
+            const optionValue = typeof option === 'string'
+                ? option
+                : (_a = this.optionLabelGetter(option)) !== null && _a !== void 0 ? _a : this.optionValueGetter(option);
             return ((_b = optionValue === null || optionValue === void 0 ? void 0 : optionValue.toLowerCase()) !== null && _b !== void 0 ? _b : '') === filterSearchValueLower;
         });
     }
     setFilter() {
-        this.filteredAvailableOptions = [
-            ...this.options.filter((option) => {
-                var _a;
-                const optionValue = (typeof option == 'string' ? option : (_a = option.label) !== null && _a !== void 0 ? _a : option.value).toLowerCase();
-                const searchValue = this.filterSearchValue.toLowerCase();
-                return this.filterByContains
-                    ? optionValue.indexOf(searchValue) >= 0
-                    : optionValue.startsWith(searchValue);
-            }),
-        ];
+        const searchValue = this.filterSearchValue.toLowerCase();
+        this.filteredAvailableOptions = this.options.filter((option) => {
+            const rawLabel = typeof option === 'string' ? option : option.label;
+            const rawValue = typeof option === 'string' ? option : option.value;
+            const checkMatch = (val) => this.filterByContains
+                ? val === null || val === void 0 ? void 0 : val.toLowerCase().includes(searchValue)
+                : val === null || val === void 0 ? void 0 : val.toLowerCase().startsWith(searchValue);
+            const matchLabel = Array.isArray(rawLabel)
+                ? rawLabel.some(checkMatch)
+                : rawLabel && checkMatch(rawLabel);
+            const matchValue = Array.isArray(rawValue)
+                ? rawValue.some((val) => checkMatch(val))
+                : rawValue && checkMatch(rawValue);
+            return matchLabel || matchValue;
+        });
     }
     addOption() {
         this.options = [
@@ -325,6 +364,12 @@ __decorate([
 __decorate([
     attr
 ], Multiselect.prototype, "debounce", void 0);
+__decorate([
+    attr
+], Multiselect.prototype, "delimiterValues", void 0);
+__decorate([
+    attr
+], Multiselect.prototype, "delimiterLabels", void 0);
 __decorate([
     attr({ mode: 'boolean', attribute: 'filter-by-contains' })
 ], Multiselect.prototype, "filterByContains", void 0);
@@ -364,6 +409,9 @@ __decorate([
 __decorate([
     observable
 ], Multiselect.prototype, "onAllSelectedCallback", void 0);
+__decorate([
+    observable
+], Multiselect.prototype, "itemRenderer", void 0);
 __decorate([
     volatile
 ], Multiselect.prototype, "getDisplayValue", null);
@@ -376,5 +424,8 @@ __decorate([
 __decorate([
     volatile
 ], Multiselect.prototype, "showCreatable", null);
+__decorate([
+    observable
+], Multiselect.prototype, "optionsHeaderSlottedNodes", void 0);
 export const foundationMultiselect = Multiselect.compose(Object.assign({ baseName: 'multiselect', template,
     styles, shadowOptions: foundationMultiselectShadowOptions }, defaultMultiselectConfig));