@danske/sapphire-angular 2.9.0 → 3.0.0

package/esm2020/lib/select/src/select-button/select-button.component.mjs

@@ -0,0 +1,136 @@
+import { Component, Directive, ElementRef, forwardRef, Input, ViewChild, } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import { ListboxComponent } from '../../../listbox/src/listbox.component';
+import { SelectComponentBase } from '../common/select-component-base';
+import { SelectValueHolder, SingleSelectDirectiveBase, } from '../common/select-value-holder';
+import { ViewEncapsulationProvider } from '../../../common/sapphire-view-encapsulation';
+import { iconChevronDown } from '@danske/sapphire-icons/js';
+import * as i0 from "@angular/core";
+import * as i1 from "../common/select-value-holder";
+import * as i2 from "@angular/cdk/a11y";
+import * as i3 from "../../../icon/public_api";
+import * as i4 from "@angular/common";
+import * as i5 from "../../../icon/src/icon.component";
+import * as i6 from "../../../listbox/src/listbox.component";
+import * as i7 from "../../../popover/src/popover.component";
+import * as i8 from "../../../popover/src/popover-trigger.directive";
+import * as i9 from "../../../button/src/button.component";
+import * as i10 from "../../../button/src/button-icon.directive";
+import * as i11 from "../common/hidden-select.component";
+/**
+ * NOTE: Support for multiple selection in basic select is removed, based on
+ * a UX decision. See commit message for more details.
+ */
+export class SelectButtonSingleSelectDirective extends SingleSelectDirectiveBase {
+}
+SelectButtonSingleSelectDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: SelectButtonSingleSelectDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+SelectButtonSingleSelectDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.0", type: SelectButtonSingleSelectDirective, selector: "sp-select-button:not([multiple])", providers: [
+        {
+            provide: SelectValueHolder,
+            useExisting: forwardRef(() => SelectButtonSingleSelectDirective),
+        },
+    ], usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: SelectButtonSingleSelectDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'sp-select-button:not([multiple])',
+                    providers: [
+                        {
+                            provide: SelectValueHolder,
+                            useExisting: forwardRef(() => SelectButtonSingleSelectDirective),
+                        },
+                    ],
+                    standalone: false,
+                }]
+        }] });
+/**
+ * Allows user to select a single option from a list, similar to native select
+ * component.
+ *
+ * Example:
+ * ```tsx
+ * <sp-select-button
+ *    placeholder="Select an option"
+ *    size="sm"
+ *    variant="secondary"
+ * >
+ *   <sp-option value="option1">First Option</sp-option>
+ *   <sp-option value="option2">Second Option</sp-option>
+ *   <sp-option value="option3">Third Option</sp-option>
+ * </sp-select-button>
+ * ```
+ */
+export class SelectButtonComponent extends SelectComponentBase {
+    constructor(valueHolder, focusMonitor, iconRegistry) {
+        super(valueHolder);
+        this.focusMonitor = focusMonitor;
+        /**
+         * Size of the button
+         * @default 'md'
+         */
+        this.size = 'md';
+        /**
+         * Visual variations
+         * @default 'tertiary'
+         */
+        this.variant = 'tertiary';
+        this.focused = false;
+        iconRegistry.registerIcon(iconChevronDown);
+    }
+    focus(focusOrigin = 'program') {
+        if (this.triggerElementRef) {
+            this.focusMonitor.focusVia(this.triggerElementRef.nativeElement, focusOrigin);
+        }
+    }
+    isFocused() {
+        return this.focused;
+    }
+    _onFocusChange(focusOrigin) {
+        this.focused = Boolean(focusOrigin);
+    }
+}
+SelectButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: SelectButtonComponent, deps: [{ token: i1.SelectValueHolder }, { token: i2.FocusMonitor }, { token: i3.IconRegistry }], target: i0.ɵɵFactoryTarget.Component });
+SelectButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: SelectButtonComponent, selector: "sp-select-button", inputs: { size: "size", variant: "variant" }, host: { properties: { "attr.aria-label": "null", "attr.aria-labelledby": "null" } }, providers: [
+        {
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: forwardRef(() => SelectButtonComponent),
+            multi: true,
+        },
+        {
+            provide: SelectComponentBase,
+            useExisting: forwardRef(() => SelectButtonComponent),
+        },
+        ViewEncapsulationProvider,
+    ], viewQueries: [{ propertyName: "triggerRef", first: true, predicate: ["triggerRef"], descendants: true }, { propertyName: "triggerElementRef", first: true, predicate: ["triggerElementRef"], descendants: true, read: ElementRef }, { propertyName: "listbox", first: true, predicate: ListboxComponent, descendants: true }], exportAs: ["spSelectButton"], usesInheritance: true, ngImport: i0, template: "<div style=\"position: relative\">\n  <sp-hidden-select></sp-hidden-select>\n  <button\n    sp-button\n    [variant]=\"variant\"\n    [size]=\"size\"\n    iconAlign=\"right\"\n    [spPopoverTriggerFor]=\"popover\"\n    spPopoverPlacement=\"bottom start\"\n    #triggerElementRef\n    #triggerRef=\"spPopoverTrigger\"\n    (keydown)=\"handleKeyDown($event)\"\n    (spPopoverTriggerOpened)=\"_onOpen()\"\n    (spPopoverTriggerClosed)=\"_onClose()\"\n    cdkMonitorElementFocus\n    (cdkFocusChange)=\"_onFocusChange($event)\"\n    aria-haspopup=\"listbox\"\n    [attr.aria-label]=\"ariaLabel\"\n    [attr.aria-labelledby]=\"ariaLabelledby\"\n    [disabled]=\"disabled\"\n  >\n    <span *ngIf=\"selectedOptions.length === 0\">\n      {{ placeholder }}\n    </span>\n    <ng-container *ngIf=\"selectedOptions.length > 0\">\n      <ng-container *ngIf=\"!selectionText\">{{\n        getSelectionText()\n      }}</ng-container>\n      <ng-content select=\"sp-selection-text\"></ng-content>\n    </ng-container>\n    <sp-icon spButtonIcon name=\"chevronDown\"></sp-icon>\n  </button>\n  <ng-template #popover>\n    <sp-popover noPadding>\n      <sp-listbox\n        [spListboxItems]=\"listboxChildren\"\n        navigationWrapDisabled\n        [multiple]=\"multiple\"\n        [(selectedValues)]=\"listboxValue\"\n        (selected)=\"_handleSelected()\"\n      >\n      </sp-listbox>\n    </sp-popover>\n  </ng-template>\n</div>\n", styles: [".sapphire-select{position:relative;display:block;color:var(--sapphire-semantic-color-foreground-primary);font-family:var(--sapphire-semantic-font-name-default);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sapphire-select__button{display:flex;align-items:center;height:var(--sapphire-semantic-size-height-control-lg);box-sizing:border-box;cursor:pointer;padding:0 var(--sapphire-semantic-size-spacing-control-horizontal-lg);border:none;background:var(--sapphire-semantic-color-background-field);width:100%;outline:0;text-align:left;color:inherit;font-family:inherit;box-shadow:inset 0 0 0 var(--sapphire-semantic-size-border-sm) var(--sapphire-semantic-color-border-field-default);border-radius:var(--sapphire-semantic-size-radius-sm);gap:var(--sapphire-semantic-size-spacing-sm)}.sapphire-select--md .sapphire-select__button{height:var(--sapphire-semantic-size-height-control-md);padding:0 var(--sapphire-semantic-size-spacing-control-horizontal-md);gap:var(--sapphire-semantic-size-spacing-xs)}.sapphire-select__value{flex:1 0 0;min-width:0;font-size:var(--sapphire-semantic-size-font-control-lg);width:100%;font-weight:var(--sapphire-semantic-font-weight-default-regular);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sapphire-select--md .sapphire-select__value{font-size:var(--sapphire-semantic-size-font-control-md)}.sapphire-select__placeholder{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--sapphire-semantic-color-foreground-secondary);pointer-events:none}.sapphire-select__icon-container{line-height:0;width:var(--sapphire-semantic-size-icon-md);height:var(--sapphire-semantic-size-icon-md)}.sapphire-select--md .sapphire-select__icon-container{width:var(--sapphire-semantic-size-icon-sm);height:var(--sapphire-semantic-size-icon-sm)}.sapphire-select__prefix{display:inherit;font-size:var(--sapphire-semantic-size-font-control-lg);color:var(--sapphire-semantic-color-foreground-secondary)}.sapphire-select--md .sapphire-select__prefix{font-size:var(--sapphire-semantic-size-font-control-md)}.sapphire-select__search-input:not([data-hidden=true]){all:inherit}.sapphire-select__search-input::placeholder{color:var(--sapphire-semantic-color-foreground-secondary)}.sapphire-select__native-select{position:absolute;inset:0;opacity:.01;width:100%;z-index:1}.sapphire-select--error:not(.is-disabled) .sapphire-select__button{box-shadow:inset 0 0 0 1px var(--sapphire-semantic-color-border-negative-default)}.sapphire-select:not(.sapphire-select--error):not(.is-focus):not(.is-disabled).is-hover .sapphire-select__button,.sapphire-select:not(.sapphire-select--error):not(.is-focus):not(.is-disabled):not(.js-hover):hover .sapphire-select__button{box-shadow:inset 0 0 0 var(--sapphire-semantic-size-border-sm) var(--sapphire-semantic-color-border-field-hover)}.sapphire-select:not(.is-disabled).is-focus .sapphire-select__button{box-shadow:inset 0 0 0 var(--sapphire-semantic-size-focus-ring) var(--sapphire-semantic-color-focus-ring)}.sapphire-select--error:not(.is-disabled).is-focus .sapphire-select__button{box-shadow:inset 0 0 0 var(--sapphire-semantic-size-focus-ring) var(--sapphire-semantic-color-border-negative-default)}.sapphire-select.is-disabled .sapphire-select__button{cursor:not-allowed}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.IconComponent, selector: "sp-icon", inputs: ["name", "size", "color"] }, { kind: "component", type: i6.ListboxComponent, selector: "sp-listbox", inputs: ["selectedValues", "spListboxItems", "disabled", "multiple", "navigationWrapDisabled", "aria-label", "aria-labelledby", "id"], outputs: ["selectedValuesChange", "selected"], exportAs: ["spListbox"] }, { kind: "component", type: i7.PopoverComponent, selector: "sp-popover", inputs: ["noPadding", "noMaxWidth", "noAutoFocus", "trapFocus"] }, { kind: "directive", type: i8.PopoverTriggerDirective, selector: "[spPopoverTriggerFor]", inputs: ["spPopoverPlacement", "spPopoverTriggerFor", "spPopoverNonModal", "spPopoverTriggerOpenOnPressStart", "spPopoverTriggerCloseOnScroll", "spPopoverTriggerDisabled", "spPopoverDisablePushInsideViewport"], outputs: ["spPopoverTriggerOpened", "spPopoverTriggerClosed"], exportAs: ["spPopoverTrigger"] }, { kind: "directive", type: i2.CdkMonitorFocus, selector: "[cdkMonitorElementFocus], [cdkMonitorSubtreeFocus]", outputs: ["cdkFocusChange"], exportAs: ["cdkMonitorFocus"] }, { kind: "component", type: i9.ButtonComponent, selector: "button[sp-button], a[sp-button]", inputs: ["variant", "size", "disabled", "iconAlign", "type"] }, { kind: "directive", type: i10.ButtonIconDirective, selector: "[spButtonIcon]" }, { kind: "component", type: i11.HiddenSelectComponent, selector: "sp-hidden-select" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: SelectButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sp-select-button', exportAs: 'spSelectButton', providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => SelectButtonComponent),
+                            multi: true,
+                        },
+                        {
+                            provide: SelectComponentBase,
+                            useExisting: forwardRef(() => SelectButtonComponent),
+                        },
+                        ViewEncapsulationProvider,
+                    ], host: {
+                        '[attr.aria-label]': 'null',
+                        '[attr.aria-labelledby]': 'null',
+                    }, standalone: false, template: "<div style=\"position: relative\">\n  <sp-hidden-select></sp-hidden-select>\n  <button\n    sp-button\n    [variant]=\"variant\"\n    [size]=\"size\"\n    iconAlign=\"right\"\n    [spPopoverTriggerFor]=\"popover\"\n    spPopoverPlacement=\"bottom start\"\n    #triggerElementRef\n    #triggerRef=\"spPopoverTrigger\"\n    (keydown)=\"handleKeyDown($event)\"\n    (spPopoverTriggerOpened)=\"_onOpen()\"\n    (spPopoverTriggerClosed)=\"_onClose()\"\n    cdkMonitorElementFocus\n    (cdkFocusChange)=\"_onFocusChange($event)\"\n    aria-haspopup=\"listbox\"\n    [attr.aria-label]=\"ariaLabel\"\n    [attr.aria-labelledby]=\"ariaLabelledby\"\n    [disabled]=\"disabled\"\n  >\n    <span *ngIf=\"selectedOptions.length === 0\">\n      {{ placeholder }}\n    </span>\n    <ng-container *ngIf=\"selectedOptions.length > 0\">\n      <ng-container *ngIf=\"!selectionText\">{{\n        getSelectionText()\n      }}</ng-container>\n      <ng-content select=\"sp-selection-text\"></ng-content>\n    </ng-container>\n    <sp-icon spButtonIcon name=\"chevronDown\"></sp-icon>\n  </button>\n  <ng-template #popover>\n    <sp-popover noPadding>\n      <sp-listbox\n        [spListboxItems]=\"listboxChildren\"\n        navigationWrapDisabled\n        [multiple]=\"multiple\"\n        [(selectedValues)]=\"listboxValue\"\n        (selected)=\"_handleSelected()\"\n      >\n      </sp-listbox>\n    </sp-popover>\n  </ng-template>\n</div>\n", styles: [".sapphire-select{position:relative;display:block;color:var(--sapphire-semantic-color-foreground-primary);font-family:var(--sapphire-semantic-font-name-default);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sapphire-select__button{display:flex;align-items:center;height:var(--sapphire-semantic-size-height-control-lg);box-sizing:border-box;cursor:pointer;padding:0 var(--sapphire-semantic-size-spacing-control-horizontal-lg);border:none;background:var(--sapphire-semantic-color-background-field);width:100%;outline:0;text-align:left;color:inherit;font-family:inherit;box-shadow:inset 0 0 0 var(--sapphire-semantic-size-border-sm) var(--sapphire-semantic-color-border-field-default);border-radius:var(--sapphire-semantic-size-radius-sm);gap:var(--sapphire-semantic-size-spacing-sm)}.sapphire-select--md .sapphire-select__button{height:var(--sapphire-semantic-size-height-control-md);padding:0 var(--sapphire-semantic-size-spacing-control-horizontal-md);gap:var(--sapphire-semantic-size-spacing-xs)}.sapphire-select__value{flex:1 0 0;min-width:0;font-size:var(--sapphire-semantic-size-font-control-lg);width:100%;font-weight:var(--sapphire-semantic-font-weight-default-regular);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sapphire-select--md .sapphire-select__value{font-size:var(--sapphire-semantic-size-font-control-md)}.sapphire-select__placeholder{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--sapphire-semantic-color-foreground-secondary);pointer-events:none}.sapphire-select__icon-container{line-height:0;width:var(--sapphire-semantic-size-icon-md);height:var(--sapphire-semantic-size-icon-md)}.sapphire-select--md .sapphire-select__icon-container{width:var(--sapphire-semantic-size-icon-sm);height:var(--sapphire-semantic-size-icon-sm)}.sapphire-select__prefix{display:inherit;font-size:var(--sapphire-semantic-size-font-control-lg);color:var(--sapphire-semantic-color-foreground-secondary)}.sapphire-select--md .sapphire-select__prefix{font-size:var(--sapphire-semantic-size-font-control-md)}.sapphire-select__search-input:not([data-hidden=true]){all:inherit}.sapphire-select__search-input::placeholder{color:var(--sapphire-semantic-color-foreground-secondary)}.sapphire-select__native-select{position:absolute;inset:0;opacity:.01;width:100%;z-index:1}.sapphire-select--error:not(.is-disabled) .sapphire-select__button{box-shadow:inset 0 0 0 1px var(--sapphire-semantic-color-border-negative-default)}.sapphire-select:not(.sapphire-select--error):not(.is-focus):not(.is-disabled).is-hover .sapphire-select__button,.sapphire-select:not(.sapphire-select--error):not(.is-focus):not(.is-disabled):not(.js-hover):hover .sapphire-select__button{box-shadow:inset 0 0 0 var(--sapphire-semantic-size-border-sm) var(--sapphire-semantic-color-border-field-hover)}.sapphire-select:not(.is-disabled).is-focus .sapphire-select__button{box-shadow:inset 0 0 0 var(--sapphire-semantic-size-focus-ring) var(--sapphire-semantic-color-focus-ring)}.sapphire-select--error:not(.is-disabled).is-focus .sapphire-select__button{box-shadow:inset 0 0 0 var(--sapphire-semantic-size-focus-ring) var(--sapphire-semantic-color-border-negative-default)}.sapphire-select.is-disabled .sapphire-select__button{cursor:not-allowed}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.SelectValueHolder }, { type: i2.FocusMonitor }, { type: i3.IconRegistry }]; }, propDecorators: { size: [{
+                type: Input
+            }], variant: [{
+                type: Input
+            }], triggerRef: [{
+                type: ViewChild,
+                args: ['triggerRef']
+            }], triggerElementRef: [{
+                type: ViewChild,
+                args: ['triggerElementRef', { read: ElementRef }]
+            }], listbox: [{
+                type: ViewChild,
+                args: [ListboxComponent]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0LWJ1dHRvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL3NlbGVjdC9zcmMvc2VsZWN0LWJ1dHRvbi9zZWxlY3QtYnV0dG9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9saWIvc2VsZWN0L3NyYy9zZWxlY3QtYnV0dG9uL3NlbGVjdC1idXR0b24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxTQUFTLEVBQ1QsVUFBVSxFQUNWLFVBQVUsRUFDVixLQUFLLEVBQ0wsU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBRW5ELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHdDQUF3QyxDQUFDO0FBRTFFLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBQ3RFLE9BQU8sRUFDTCxpQkFBaUIsRUFDakIseUJBQXlCLEdBQzFCLE1BQU0sK0JBQStCLENBQUM7QUFDdkMsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sNkNBQTZDLENBQUM7QUFFeEYsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDJCQUEyQixDQUFDOzs7Ozs7Ozs7Ozs7O0FBRTVEOzs7R0FHRztBQVdILE1BQU0sT0FBTyxpQ0FBa0MsU0FBUSx5QkFBeUI7OzhIQUFuRSxpQ0FBaUM7a0hBQWpDLGlDQUFpQywyREFSakM7UUFDVDtZQUNFLE9BQU8sRUFBRSxpQkFBaUI7WUFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxpQ0FBaUMsQ0FBQztTQUNqRTtLQUNGOzJGQUdVLGlDQUFpQztrQkFWN0MsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsa0NBQWtDO29CQUM1QyxTQUFTLEVBQUU7d0JBQ1Q7NEJBQ0UsT0FBTyxFQUFFLGlCQUFpQjs0QkFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsa0NBQWtDLENBQUM7eUJBQ2pFO3FCQUNGO29CQUNELFVBQVUsRUFBRSxLQUFLO2lCQUNsQjs7QUFHRDs7Ozs7Ozs7Ozs7Ozs7OztHQWdCRztBQXdCSCxNQUFNLE9BQU8scUJBQXNCLFNBQVEsbUJBQW1CO0lBMEI1RCxZQUNFLFdBQThCLEVBQ3RCLFlBQTBCLEVBQ2xDLFlBQTBCO1FBRTFCLEtBQUssQ0FBQyxXQUFXLENBQUMsQ0FBQztRQUhYLGlCQUFZLEdBQVosWUFBWSxDQUFjO1FBM0JwQzs7O1dBR0c7UUFFSCxTQUFJLEdBQXVCLElBQUksQ0FBQztRQUVoQzs7O1dBR0c7UUFFSCxZQUFPLEdBQXlDLFVBQVUsQ0FBQztRQVduRCxZQUFPLEdBQUcsS0FBSyxDQUFDO1FBUXRCLFlBQVksQ0FBQyxZQUFZLENBQUMsZUFBZSxDQUFDLENBQUM7SUFDN0MsQ0FBQztJQUVELEtBQUssQ0FBQyxjQUEyQixTQUFTO1FBQ3hDLElBQUksSUFBSSxDQUFDLGlCQUFpQixFQUFFO1lBQzFCLElBQUksQ0FBQyxZQUFZLENBQUMsUUFBUSxDQUN4QixJQUFJLENBQUMsaUJBQWlCLENBQUMsYUFBYSxFQUNwQyxXQUFXLENBQ1osQ0FBQztTQUNIO0lBQ0gsQ0FBQztJQUVELFNBQVM7UUFDUCxPQUFPLElBQUksQ0FBQyxPQUFPLENBQUM7SUFDdEIsQ0FBQztJQUVELGNBQWMsQ0FBQyxXQUF3QjtRQUNyQyxJQUFJLENBQUMsT0FBTyxHQUFHLE9BQU8sQ0FBQyxXQUFXLENBQUMsQ0FBQztJQUN0QyxDQUFDOztrSEFsRFUscUJBQXFCO3NHQUFyQixxQkFBcUIsOEtBbEJyQjtRQUNUO1lBQ0UsT0FBTyxFQUFFLGlCQUFpQjtZQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLHFCQUFxQixDQUFDO1lBQ3BELEtBQUssRUFBRSxJQUFJO1NBQ1o7UUFDRDtZQUNFLE9BQU8sRUFBRSxtQkFBbUI7WUFDNUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxxQkFBcUIsQ0FBQztTQUNyRDtRQUNELHlCQUF5QjtLQUMxQix3TkF5QnVDLFVBQVUsdURBR3ZDLGdCQUFnQixxR0NsRzdCLGk1Q0E2Q0E7MkZEZ0NhLHFCQUFxQjtrQkF2QmpDLFNBQVM7K0JBQ0Usa0JBQWtCLFlBR2xCLGdCQUFnQixhQUNmO3dCQUNUOzRCQUNFLE9BQU8sRUFBRSxpQkFBaUI7NEJBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLHNCQUFzQixDQUFDOzRCQUNwRCxLQUFLLEVBQUUsSUFBSTt5QkFDWjt3QkFDRDs0QkFDRSxPQUFPLEVBQUUsbUJBQW1COzRCQUM1QixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxzQkFBc0IsQ0FBQzt5QkFDckQ7d0JBQ0QseUJBQXlCO3FCQUMxQixRQUNLO3dCQUNKLG1CQUFtQixFQUFFLE1BQU07d0JBQzNCLHdCQUF3QixFQUFFLE1BQU07cUJBQ2pDLGNBQ1csS0FBSzs4SkFRakIsSUFBSTtzQkFESCxLQUFLO2dCQVFOLE9BQU87c0JBRE4sS0FBSztnQkFJSSxVQUFVO3NCQURuQixTQUFTO3VCQUFDLFlBQVk7Z0JBSWIsaUJBQWlCO3NCQUQxQixTQUFTO3VCQUFDLG1CQUFtQixFQUFFLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRTtnQkFJMUMsT0FBTztzQkFEaEIsU0FBUzt1QkFBQyxnQkFBZ0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIERpcmVjdGl2ZSxcbiAgRWxlbWVudFJlZixcbiAgZm9yd2FyZFJlZixcbiAgSW5wdXQsXG4gIFZpZXdDaGlsZCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBOR19WQUxVRV9BQ0NFU1NPUiB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IFBvcG92ZXJUcmlnZ2VyRGlyZWN0aXZlIH0gZnJvbSAnLi4vLi4vLi4vcG9wb3Zlci9zcmMvcG9wb3Zlci10cmlnZ2VyLmRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBMaXN0Ym94Q29tcG9uZW50IH0gZnJvbSAnLi4vLi4vLi4vbGlzdGJveC9zcmMvbGlzdGJveC5jb21wb25lbnQnO1xuaW1wb3J0IHsgRm9jdXNNb25pdG9yLCBGb2N1c09yaWdpbiB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9hMTF5JztcbmltcG9ydCB7IFNlbGVjdENvbXBvbmVudEJhc2UgfSBmcm9tICcuLi9jb21tb24vc2VsZWN0LWNvbXBvbmVudC1iYXNlJztcbmltcG9ydCB7XG4gIFNlbGVjdFZhbHVlSG9sZGVyLFxuICBTaW5nbGVTZWxlY3REaXJlY3RpdmVCYXNlLFxufSBmcm9tICcuLi9jb21tb24vc2VsZWN0LXZhbHVlLWhvbGRlcic7XG5pbXBvcnQgeyBWaWV3RW5jYXBzdWxhdGlvblByb3ZpZGVyIH0gZnJvbSAnLi4vLi4vLi4vY29tbW9uL3NhcHBoaXJlLXZpZXctZW5jYXBzdWxhdGlvbic7XG5pbXBvcnQgeyBJY29uUmVnaXN0cnkgfSBmcm9tICcuLi8uLi8uLi9pY29uL3B1YmxpY19hcGknO1xuaW1wb3J0IHsgaWNvbkNoZXZyb25Eb3duIH0gZnJvbSAnQGRhbnNrZS9zYXBwaGlyZS1pY29ucy9qcyc7XG5cbi8qKlxuICogTk9URTogU3VwcG9ydCBmb3IgbXVsdGlwbGUgc2VsZWN0aW9uIGluIGJhc2ljIHNlbGVjdCBpcyByZW1vdmVkLCBiYXNlZCBvblxuICogYSBVWCBkZWNpc2lvbi4gU2VlIGNvbW1pdCBtZXNzYWdlIGZvciBtb3JlIGRldGFpbHMuXG4gKi9cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ3NwLXNlbGVjdC1idXR0b246bm90KFttdWx0aXBsZV0pJyxcbiAgcHJvdmlkZXJzOiBbXG4gICAge1xuICAgICAgcHJvdmlkZTogU2VsZWN0VmFsdWVIb2xkZXIsXG4gICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBTZWxlY3RCdXR0b25TaW5nbGVTZWxlY3REaXJlY3RpdmUpLFxuICAgIH0sXG4gIF0sXG4gIHN0YW5kYWxvbmU6IGZhbHNlLFxufSlcbmV4cG9ydCBjbGFzcyBTZWxlY3RCdXR0b25TaW5nbGVTZWxlY3REaXJlY3RpdmUgZXh0ZW5kcyBTaW5nbGVTZWxlY3REaXJlY3RpdmVCYXNlIHt9XG5cbi8qKlxuICogQWxsb3dzIHVzZXIgdG8gc2VsZWN0IGEgc2luZ2xlIG9wdGlvbiBmcm9tIGEgbGlzdCwgc2ltaWxhciB0byBuYXRpdmUgc2VsZWN0XG4gKiBjb21wb25lbnQuXG4gKlxuICogRXhhbXBsZTpcbiAqIGBgYHRzeFxuICogPHNwLXNlbGVjdC1idXR0b25cbiAqICAgIHBsYWNlaG9sZGVyPVwiU2VsZWN0IGFuIG9wdGlvblwiXG4gKiAgICBzaXplPVwic21cIlxuICogICAgdmFyaWFudD1cInNlY29uZGFyeVwiXG4gKiA+XG4gKiAgIDxzcC1vcHRpb24gdmFsdWU9XCJvcHRpb24xXCI+Rmlyc3QgT3B0aW9uPC9zcC1vcHRpb24+XG4gKiAgIDxzcC1vcHRpb24gdmFsdWU9XCJvcHRpb24yXCI+U2Vjb25kIE9wdGlvbjwvc3Atb3B0aW9uPlxuICogICA8c3Atb3B0aW9uIHZhbHVlPVwib3B0aW9uM1wiPlRoaXJkIE9wdGlvbjwvc3Atb3B0aW9uPlxuICogPC9zcC1zZWxlY3QtYnV0dG9uPlxuICogYGBgXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NwLXNlbGVjdC1idXR0b24nLFxuICB0ZW1wbGF0ZVVybDogJy4vc2VsZWN0LWJ1dHRvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3NlbGVjdC1idXR0b24uY29tcG9uZW50LnNjc3MnXSxcbiAgZXhwb3J0QXM6ICdzcFNlbGVjdEJ1dHRvbicsXG4gIHByb3ZpZGVyczogW1xuICAgIHtcbiAgICAgIHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxuICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gU2VsZWN0QnV0dG9uQ29tcG9uZW50KSxcbiAgICAgIG11bHRpOiB0cnVlLFxuICAgIH0sXG4gICAge1xuICAgICAgcHJvdmlkZTogU2VsZWN0Q29tcG9uZW50QmFzZSxcbiAgICAgIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IFNlbGVjdEJ1dHRvbkNvbXBvbmVudCksXG4gICAgfSxcbiAgICBWaWV3RW5jYXBzdWxhdGlvblByb3ZpZGVyLFxuICBdLFxuICBob3N0OiB7XG4gICAgJ1thdHRyLmFyaWEtbGFiZWxdJzogJ251bGwnLFxuICAgICdbYXR0ci5hcmlhLWxhYmVsbGVkYnldJzogJ251bGwnLFxuICB9LFxuICBzdGFuZGFsb25lOiBmYWxzZSxcbn0pXG5leHBvcnQgY2xhc3MgU2VsZWN0QnV0dG9uQ29tcG9uZW50IGV4dGVuZHMgU2VsZWN0Q29tcG9uZW50QmFzZSB7XG4gIC8qKlxuICAgKiBTaXplIG9mIHRoZSBidXR0b25cbiAgICogQGRlZmF1bHQgJ21kJ1xuICAgKi9cbiAgQElucHV0KClcbiAgc2l6ZTogJ3NtJyB8ICdtZCcgfCAnbGcnID0gJ21kJztcblxuICAvKipcbiAgICogVmlzdWFsIHZhcmlhdGlvbnNcbiAgICogQGRlZmF1bHQgJ3RlcnRpYXJ5J1xuICAgKi9cbiAgQElucHV0KClcbiAgdmFyaWFudDogJ3ByaW1hcnknIHwgJ3NlY29uZGFyeScgfCAndGVydGlhcnknID0gJ3RlcnRpYXJ5JztcblxuICBAVmlld0NoaWxkKCd0cmlnZ2VyUmVmJylcbiAgcHJvdGVjdGVkIHRyaWdnZXJSZWY6IFBvcG92ZXJUcmlnZ2VyRGlyZWN0aXZlIHwgdW5kZWZpbmVkO1xuXG4gIEBWaWV3Q2hpbGQoJ3RyaWdnZXJFbGVtZW50UmVmJywgeyByZWFkOiBFbGVtZW50UmVmIH0pXG4gIHByb3RlY3RlZCB0cmlnZ2VyRWxlbWVudFJlZjogRWxlbWVudFJlZiB8IHVuZGVmaW5lZDtcblxuICBAVmlld0NoaWxkKExpc3Rib3hDb21wb25lbnQpXG4gIHByb3RlY3RlZCBsaXN0Ym94OiBMaXN0Ym94Q29tcG9uZW50IHwgdW5kZWZpbmVkO1xuXG4gIHByaXZhdGUgZm9jdXNlZCA9IGZhbHNlO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHZhbHVlSG9sZGVyOiBTZWxlY3RWYWx1ZUhvbGRlcixcbiAgICBwcml2YXRlIGZvY3VzTW9uaXRvcjogRm9jdXNNb25pdG9yLFxuICAgIGljb25SZWdpc3RyeTogSWNvblJlZ2lzdHJ5XG4gICkge1xuICAgIHN1cGVyKHZhbHVlSG9sZGVyKTtcbiAgICBpY29uUmVnaXN0cnkucmVnaXN0ZXJJY29uKGljb25DaGV2cm9uRG93bik7XG4gIH1cblxuICBmb2N1cyhmb2N1c09yaWdpbjogRm9jdXNPcmlnaW4gPSAncHJvZ3JhbScpIHtcbiAgICBpZiAodGhpcy50cmlnZ2VyRWxlbWVudFJlZikge1xuICAgICAgdGhpcy5mb2N1c01vbml0b3IuZm9jdXNWaWEoXG4gICAgICAgIHRoaXMudHJpZ2dlckVsZW1lbnRSZWYubmF0aXZlRWxlbWVudCxcbiAgICAgICAgZm9jdXNPcmlnaW5cbiAgICAgICk7XG4gICAgfVxuICB9XG5cbiAgaXNGb2N1c2VkKCkge1xuICAgIHJldHVybiB0aGlzLmZvY3VzZWQ7XG4gIH1cblxuICBfb25Gb2N1c0NoYW5nZShmb2N1c09yaWdpbjogRm9jdXNPcmlnaW4pIHtcbiAgICB0aGlzLmZvY3VzZWQgPSBCb29sZWFuKGZvY3VzT3JpZ2luKTtcbiAgfVxufVxuIiwiPGRpdiBzdHlsZT1cInBvc2l0aW9uOiByZWxhdGl2ZVwiPlxuICA8c3AtaGlkZGVuLXNlbGVjdD48L3NwLWhpZGRlbi1zZWxlY3Q+XG4gIDxidXR0b25cbiAgICBzcC1idXR0b25cbiAgICBbdmFyaWFudF09XCJ2YXJpYW50XCJcbiAgICBbc2l6ZV09XCJzaXplXCJcbiAgICBpY29uQWxpZ249XCJyaWdodFwiXG4gICAgW3NwUG9wb3ZlclRyaWdnZXJGb3JdPVwicG9wb3ZlclwiXG4gICAgc3BQb3BvdmVyUGxhY2VtZW50PVwiYm90dG9tIHN0YXJ0XCJcbiAgICAjdHJpZ2dlckVsZW1lbnRSZWZcbiAgICAjdHJpZ2dlclJlZj1cInNwUG9wb3ZlclRyaWdnZXJcIlxuICAgIChrZXlkb3duKT1cImhhbmRsZUtleURvd24oJGV2ZW50KVwiXG4gICAgKHNwUG9wb3ZlclRyaWdnZXJPcGVuZWQpPVwiX29uT3BlbigpXCJcbiAgICAoc3BQb3BvdmVyVHJpZ2dlckNsb3NlZCk9XCJfb25DbG9zZSgpXCJcbiAgICBjZGtNb25pdG9yRWxlbWVudEZvY3VzXG4gICAgKGNka0ZvY3VzQ2hhbmdlKT1cIl9vbkZvY3VzQ2hhbmdlKCRldmVudClcIlxuICAgIGFyaWEtaGFzcG9wdXA9XCJsaXN0Ym94XCJcbiAgICBbYXR0ci5hcmlhLWxhYmVsXT1cImFyaWFMYWJlbFwiXG4gICAgW2F0dHIuYXJpYS1sYWJlbGxlZGJ5XT1cImFyaWFMYWJlbGxlZGJ5XCJcbiAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxuICA+XG4gICAgPHNwYW4gKm5nSWY9XCJzZWxlY3RlZE9wdGlvbnMubGVuZ3RoID09PSAwXCI+XG4gICAgICB7eyBwbGFjZWhvbGRlciB9fVxuICAgIDwvc3Bhbj5cbiAgICA8bmctY29udGFpbmVyICpuZ0lmPVwic2VsZWN0ZWRPcHRpb25zLmxlbmd0aCA+IDBcIj5cbiAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCIhc2VsZWN0aW9uVGV4dFwiPnt7XG4gICAgICAgIGdldFNlbGVjdGlvblRleHQoKVxuICAgICAgfX08L25nLWNvbnRhaW5lcj5cbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cInNwLXNlbGVjdGlvbi10ZXh0XCI+PC9uZy1jb250ZW50PlxuICAgIDwvbmctY29udGFpbmVyPlxuICAgIDxzcC1pY29uIHNwQnV0dG9uSWNvbiBuYW1lPVwiY2hldnJvbkRvd25cIj48L3NwLWljb24+XG4gIDwvYnV0dG9uPlxuICA8bmctdGVtcGxhdGUgI3BvcG92ZXI+XG4gICAgPHNwLXBvcG92ZXIgbm9QYWRkaW5nPlxuICAgICAgPHNwLWxpc3Rib3hcbiAgICAgICAgW3NwTGlzdGJveEl0ZW1zXT1cImxpc3Rib3hDaGlsZHJlblwiXG4gICAgICAgIG5hdmlnYXRpb25XcmFwRGlzYWJsZWRcbiAgICAgICAgW211bHRpcGxlXT1cIm11bHRpcGxlXCJcbiAgICAgICAgWyhzZWxlY3RlZFZhbHVlcyldPVwibGlzdGJveFZhbHVlXCJcbiAgICAgICAgKHNlbGVjdGVkKT1cIl9oYW5kbGVTZWxlY3RlZCgpXCJcbiAgICAgID5cbiAgICAgIDwvc3AtbGlzdGJveD5cbiAgICA8L3NwLXBvcG92ZXI+XG4gIDwvbmctdGVtcGxhdGU+XG48L2Rpdj5cbiJdfQ==

package/esm2020/lib/skeleton/src/skeleton.component.mjs

@@ -16,13 +16,13 @@ export class SkeletonComponent {
     }
 }
 SkeletonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: SkeletonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SkeletonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: SkeletonComponent, selector: "sp-skeleton-block, sp-skeleton-circle, sp-skeleton-text", inputs: { index: "index" }, host: { properties: { "style.animation-delay": "_getAnimationDelay(index)" }, classAttribute: "sapphire-skeleton" }, hostDirectives: [{ directive: i1.ThemeCheckDirective }, { directive: i2.UseComponentStylesOnHost }], ngImport: i0, template: '', isInline: true, styles: ["@keyframes skeletonPulse{0%,25%{opacity:1}60%,65%{opacity:var(--sapphire-global-opacity-35)}to{opacity:1}}.sapphire-skeleton{width:100%;background-color:var(--sapphire-semantic-color-background-skeleton-default);animation:skeletonPulse infinite cubic-bezier(.25,0,.25,1);animation-duration:var(--sapphire-semantic-time-fade-slow)}.sapphire-skeleton--text{height:calc(var(--sapphire-global-size-ratio-height) * 1em);transform:translateY(calc((1 - var(--sapphire-global-size-ratio-height)) / 2 * 1em));display:inline-block;border-radius:var(--sapphire-semantic-size-radius-sm)}.sapphire-skeleton--circle{height:100%;border-radius:50%}.sapphire-skeleton--block{height:100%;width:100%}:host{display:block}\n"] });
+SkeletonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: SkeletonComponent, selector: "sp-skeleton-block, sp-skeleton-circle, sp-skeleton-text", inputs: { index: "index" }, host: { properties: { "style.animation-delay": "_getAnimationDelay(index)" }, classAttribute: "sapphire-skeleton" }, hostDirectives: [{ directive: i1.ThemeCheckDirective }, { directive: i2.UseComponentStylesOnHost }], ngImport: i0, template: '', isInline: true, styles: ["@keyframes skeletonPulse{0%,25%{opacity:1}60%,65%{opacity:var(--sapphire-semantic-opacity-disabled)}to{opacity:1}}.sapphire-skeleton{width:100%;background:var(--sapphire-semantic-color-background-skeleton);animation:skeletonPulse infinite cubic-bezier(.25,0,.25,1);animation-duration:var(--sapphire-semantic-time-fade-slow)}.sapphire-skeleton--text{height:calc(var(--sapphire-global-size-ratio-height) * 1em);transform:translateY(calc((1 - var(--sapphire-global-size-ratio-height)) / 2 * 1em));display:inline-block;border-radius:var(--sapphire-semantic-size-radius-sm)}.sapphire-skeleton--circle{height:100%;border-radius:50%}.sapphire-skeleton--block{height:100%;width:100%}:host{display:block}\n"] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: SkeletonComponent, decorators: [{
             type: Component,
             args: [{ selector: 'sp-skeleton-block, sp-skeleton-circle, sp-skeleton-text', template: '', host: {
                         class: 'sapphire-skeleton',
                         '[style.animation-delay]': '_getAnimationDelay(index)',
-                    }, hostDirectives: [ThemeCheckDirective, UseComponentStylesOnHost], standalone: false, styles: ["@keyframes skeletonPulse{0%,25%{opacity:1}60%,65%{opacity:var(--sapphire-global-opacity-35)}to{opacity:1}}.sapphire-skeleton{width:100%;background-color:var(--sapphire-semantic-color-background-skeleton-default);animation:skeletonPulse infinite cubic-bezier(.25,0,.25,1);animation-duration:var(--sapphire-semantic-time-fade-slow)}.sapphire-skeleton--text{height:calc(var(--sapphire-global-size-ratio-height) * 1em);transform:translateY(calc((1 - var(--sapphire-global-size-ratio-height)) / 2 * 1em));display:inline-block;border-radius:var(--sapphire-semantic-size-radius-sm)}.sapphire-skeleton--circle{height:100%;border-radius:50%}.sapphire-skeleton--block{height:100%;width:100%}:host{display:block}\n"] }]
+                    }, hostDirectives: [ThemeCheckDirective, UseComponentStylesOnHost], standalone: false, styles: ["@keyframes skeletonPulse{0%,25%{opacity:1}60%,65%{opacity:var(--sapphire-semantic-opacity-disabled)}to{opacity:1}}.sapphire-skeleton{width:100%;background:var(--sapphire-semantic-color-background-skeleton);animation:skeletonPulse infinite cubic-bezier(.25,0,.25,1);animation-duration:var(--sapphire-semantic-time-fade-slow)}.sapphire-skeleton--text{height:calc(var(--sapphire-global-size-ratio-height) * 1em);transform:translateY(calc((1 - var(--sapphire-global-size-ratio-height)) / 2 * 1em));display:inline-block;border-radius:var(--sapphire-semantic-size-radius-sm)}.sapphire-skeleton--circle{height:100%;border-radius:50%}.sapphire-skeleton--block{height:100%;width:100%}:host{display:block}\n"] }]
         }], propDecorators: { index: [{
                 type: Input
             }] } });

package/esm2020/lib/spinner/public_api.mjs

@@ -0,0 +1,7 @@
+// We have separate public_api.ts file for each angular module, to have them
+// exposed as separate entry points. The build is still not emitting separate
+// entry points, which will be addressed in this task:
+// WCCJ-838
+export * from './src/spinner.component';
+export * from './src/spinner.module';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9saWIvc3Bpbm5lci9wdWJsaWNfYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLDRFQUE0RTtBQUM1RSw2RUFBNkU7QUFDN0Usc0RBQXNEO0FBQ3RELFdBQVc7QUFDWCxjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMsc0JBQXNCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvLyBXZSBoYXZlIHNlcGFyYXRlIHB1YmxpY19hcGkudHMgZmlsZSBmb3IgZWFjaCBhbmd1bGFyIG1vZHVsZSwgdG8gaGF2ZSB0aGVtXG4vLyBleHBvc2VkIGFzIHNlcGFyYXRlIGVudHJ5IHBvaW50cy4gVGhlIGJ1aWxkIGlzIHN0aWxsIG5vdCBlbWl0dGluZyBzZXBhcmF0ZVxuLy8gZW50cnkgcG9pbnRzLCB3aGljaCB3aWxsIGJlIGFkZHJlc3NlZCBpbiB0aGlzIHRhc2s6XG4vLyBXQ0NKLTgzOFxuZXhwb3J0ICogZnJvbSAnLi9zcmMvc3Bpbm5lci5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9zcmMvc3Bpbm5lci5tb2R1bGUnO1xuIl19

package/esm2020/lib/spinner/src/spinner.component.mjs

@@ -0,0 +1,26 @@
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class SpinnerComponent {
+    constructor() {
+        this.size = 'md';
+    }
+}
+SpinnerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: SpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SpinnerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: SpinnerComponent, selector: "sp-spinner", inputs: { size: "size", ariaLabel: ["aria-label", "ariaLabel"], ariaLabelledBy: ["aria-labelledby", "ariaLabelledBy"] }, host: { properties: { "attr.aria-label": "null", "attr.aria-labelledby": "null" } }, ngImport: i0, template: "<svg\n  class=\"sapphire-spinner\"\n  viewBox=\"0 0 16 16\"\n  role=\"progressbar\"\n  [ngClass]=\"{\n    'sapphire-spinner--3xs': size === '3xs',\n    'sapphire-spinner--2xs': size === '2xs',\n    'sapphire-spinner--xs': size === 'xs',\n    'sapphire-spinner--sm': size === 'sm',\n    'sapphire-spinner--lg': size === 'lg',\n    'sapphire-spinner--xl': size === 'xl'\n  }\"\n  [attr.aria-label]=\"ariaLabel\"\n  [attr.aria-labelledby]=\"ariaLabelledBy\"\n>\n  <path\n    class=\"sapphire-spinner__track\"\n    d=\"M10.3993 2.13882C10.3295 2.39914 10.4641 2.66858 10.7034 2.79263C11.2238 3.06246 11.7123 3.41501 12.1489 3.85159C14.4401 6.14281 14.4399 9.85728 12.1489 12.1483C9.85783 14.4393 6.14335 14.4395 3.85214 12.1483C3.41556 11.7117 3.06301 11.2232 2.79317 10.7028C2.66913 10.4635 2.39969 10.329 2.13937 10.3987C1.82795 10.4821 1.65738 10.8194 1.80178 11.1077C2.1261 11.7551 2.55778 12.3624 3.09789 12.9026C5.80564 15.6103 10.1955 15.6101 12.9031 12.9026C15.6107 10.195 15.6109 5.80509 12.9031 3.09734C12.363 2.55723 11.7556 2.12555 11.1082 1.80123C10.82 1.65683 10.4827 1.8274 10.3993 2.13882Z\"\n  />\n  <path\n    class=\"sapphire-spinner__accent\"\n    d=\"M1.72661 8.85304C1.98694 8.78329 2.15316 8.53215 2.14111 8.26291C2.07002 6.67514 2.63971 5.06425 3.85203 3.85193C5.06452 2.63944 6.67527 2.06989 8.26302 2.14101C8.53225 2.15306 8.78337 1.98683 8.85309 1.7265C8.93661 1.41464 8.72921 1.09798 8.4069 1.07913C6.49959 0.96764 4.55516 1.6403 3.09778 3.09768C1.64062 4.55485 0.967813 6.49934 1.07909 8.40676C1.0979 8.72916 1.41467 8.93663 1.72661 8.85304Z\"\n  />\n</svg>\n", styles: ["@keyframes rotate{0%{transform:rotate(0)}80%{transform:rotate(360deg)}to{transform:rotate(360deg)}}.sapphire-spinner{width:var(--sapphire-global-size-generic-100);height:var(--sapphire-global-size-generic-100);animation:rotate var(--sapphire-semantic-time-motion-very-slow) cubic-bezier(.25,.1,.25,1);animation-iteration-count:infinite}.sapphire-spinner__track{fill:var(--sapphire-semantic-color-background-spinner-primary)}.sapphire-spinner__accent{fill:var(--sapphire-semantic-color-background-spinner-secondary)}.sapphire-spinner--inherit .sapphire-spinner__track{fill:currentColor;opacity:var(--sapphire-semantic-opacity-disabled)}.sapphire-spinner--inherit .sapphire-spinner__accent{fill:currentColor}.sapphire-spinner--3xs{width:var(--sapphire-global-size-generic-40);height:var(--sapphire-global-size-generic-40)}.sapphire-spinner--2xs{width:var(--sapphire-global-size-generic-50);height:var(--sapphire-global-size-generic-50)}.sapphire-spinner--xs{width:var(--sapphire-global-size-generic-60);height:var(--sapphire-global-size-generic-60)}.sapphire-spinner--sm{width:var(--sapphire-global-size-generic-80);height:var(--sapphire-global-size-generic-80)}.sapphire-spinner--lg{width:var(--sapphire-global-size-generic-120);height:var(--sapphire-global-size-generic-120)}.sapphire-spinner--xl{width:var(--sapphire-global-size-generic-160);height:var(--sapphire-global-size-generic-160)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: SpinnerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sp-spinner', host: {
+                        '[attr.aria-label]': 'null',
+                        '[attr.aria-labelledby]': 'null',
+                    }, standalone: false, template: "<svg\n  class=\"sapphire-spinner\"\n  viewBox=\"0 0 16 16\"\n  role=\"progressbar\"\n  [ngClass]=\"{\n    'sapphire-spinner--3xs': size === '3xs',\n    'sapphire-spinner--2xs': size === '2xs',\n    'sapphire-spinner--xs': size === 'xs',\n    'sapphire-spinner--sm': size === 'sm',\n    'sapphire-spinner--lg': size === 'lg',\n    'sapphire-spinner--xl': size === 'xl'\n  }\"\n  [attr.aria-label]=\"ariaLabel\"\n  [attr.aria-labelledby]=\"ariaLabelledBy\"\n>\n  <path\n    class=\"sapphire-spinner__track\"\n    d=\"M10.3993 2.13882C10.3295 2.39914 10.4641 2.66858 10.7034 2.79263C11.2238 3.06246 11.7123 3.41501 12.1489 3.85159C14.4401 6.14281 14.4399 9.85728 12.1489 12.1483C9.85783 14.4393 6.14335 14.4395 3.85214 12.1483C3.41556 11.7117 3.06301 11.2232 2.79317 10.7028C2.66913 10.4635 2.39969 10.329 2.13937 10.3987C1.82795 10.4821 1.65738 10.8194 1.80178 11.1077C2.1261 11.7551 2.55778 12.3624 3.09789 12.9026C5.80564 15.6103 10.1955 15.6101 12.9031 12.9026C15.6107 10.195 15.6109 5.80509 12.9031 3.09734C12.363 2.55723 11.7556 2.12555 11.1082 1.80123C10.82 1.65683 10.4827 1.8274 10.3993 2.13882Z\"\n  />\n  <path\n    class=\"sapphire-spinner__accent\"\n    d=\"M1.72661 8.85304C1.98694 8.78329 2.15316 8.53215 2.14111 8.26291C2.07002 6.67514 2.63971 5.06425 3.85203 3.85193C5.06452 2.63944 6.67527 2.06989 8.26302 2.14101C8.53225 2.15306 8.78337 1.98683 8.85309 1.7265C8.93661 1.41464 8.72921 1.09798 8.4069 1.07913C6.49959 0.96764 4.55516 1.6403 3.09778 3.09768C1.64062 4.55485 0.967813 6.49934 1.07909 8.40676C1.0979 8.72916 1.41467 8.93663 1.72661 8.85304Z\"\n  />\n</svg>\n", styles: ["@keyframes rotate{0%{transform:rotate(0)}80%{transform:rotate(360deg)}to{transform:rotate(360deg)}}.sapphire-spinner{width:var(--sapphire-global-size-generic-100);height:var(--sapphire-global-size-generic-100);animation:rotate var(--sapphire-semantic-time-motion-very-slow) cubic-bezier(.25,.1,.25,1);animation-iteration-count:infinite}.sapphire-spinner__track{fill:var(--sapphire-semantic-color-background-spinner-primary)}.sapphire-spinner__accent{fill:var(--sapphire-semantic-color-background-spinner-secondary)}.sapphire-spinner--inherit .sapphire-spinner__track{fill:currentColor;opacity:var(--sapphire-semantic-opacity-disabled)}.sapphire-spinner--inherit .sapphire-spinner__accent{fill:currentColor}.sapphire-spinner--3xs{width:var(--sapphire-global-size-generic-40);height:var(--sapphire-global-size-generic-40)}.sapphire-spinner--2xs{width:var(--sapphire-global-size-generic-50);height:var(--sapphire-global-size-generic-50)}.sapphire-spinner--xs{width:var(--sapphire-global-size-generic-60);height:var(--sapphire-global-size-generic-60)}.sapphire-spinner--sm{width:var(--sapphire-global-size-generic-80);height:var(--sapphire-global-size-generic-80)}.sapphire-spinner--lg{width:var(--sapphire-global-size-generic-120);height:var(--sapphire-global-size-generic-120)}.sapphire-spinner--xl{width:var(--sapphire-global-size-generic-160);height:var(--sapphire-global-size-generic-160)}\n"] }]
+        }], propDecorators: { size: [{
+                type: Input
+            }], ariaLabel: [{
+                type: Input,
+                args: ['aria-label']
+            }], ariaLabelledBy: [{
+                type: Input,
+                args: ['aria-labelledby']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Bpbm5lci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL3NwaW5uZXIvc3JjL3NwaW5uZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9zcGlubmVyL3NyYy9zcGlubmVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFhakQsTUFBTSxPQUFPLGdCQUFnQjtJQVg3QjtRQWFFLFNBQUksR0FBcUQsSUFBSSxDQUFDO0tBWS9EOzs2R0FkWSxnQkFBZ0I7aUdBQWhCLGdCQUFnQixnUUNiN0Isa2pEQXdCQTsyRkRYYSxnQkFBZ0I7a0JBWDVCLFNBQVM7K0JBQ0UsWUFBWSxRQUloQjt3QkFDSixtQkFBbUIsRUFBRSxNQUFNO3dCQUMzQix3QkFBd0IsRUFBRSxNQUFNO3FCQUNqQyxjQUNXLEtBQUs7OEJBSWpCLElBQUk7c0JBREgsS0FBSztnQkFPTixTQUFTO3NCQURSLEtBQUs7dUJBQUMsWUFBWTtnQkFNbkIsY0FBYztzQkFEYixLQUFLO3VCQUFDLGlCQUFpQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3Atc3Bpbm5lcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9zcGlubmVyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc3Bpbm5lci5jb21wb25lbnQuc2NzcyddLFxuXG4gIGhvc3Q6IHtcbiAgICAnW2F0dHIuYXJpYS1sYWJlbF0nOiAnbnVsbCcsXG4gICAgJ1thdHRyLmFyaWEtbGFiZWxsZWRieV0nOiAnbnVsbCcsXG4gIH0sXG4gIHN0YW5kYWxvbmU6IGZhbHNlLFxufSlcbmV4cG9ydCBjbGFzcyBTcGlubmVyQ29tcG9uZW50IHtcbiAgQElucHV0KClcbiAgc2l6ZTogJzN4cycgfCAnMnhzJyB8ICd4cycgfCAnc20nIHwgJ21kJyB8ICdsZycgfCAneGwnID0gJ21kJztcblxuICAvKipcbiAgICogRGVmaW5lcyBhIHN0cmluZyB2YWx1ZSB0aGF0IGxhYmVscyB0aGUgY3VycmVudCBlbGVtZW50LlxuICAgKi9cbiAgQElucHV0KCdhcmlhLWxhYmVsJylcbiAgYXJpYUxhYmVsPzogc3RyaW5nO1xuICAvKipcbiAgICogSWRlbnRpZmllcyB0aGUgZWxlbWVudCAob3IgZWxlbWVudHMpIHRoYXQgbGFiZWxzIHRoZSBjdXJyZW50IGVsZW1lbnQuXG4gICAqL1xuICBASW5wdXQoJ2FyaWEtbGFiZWxsZWRieScpXG4gIGFyaWFMYWJlbGxlZEJ5Pzogc3RyaW5nO1xufVxuIiwiPHN2Z1xuICBjbGFzcz1cInNhcHBoaXJlLXNwaW5uZXJcIlxuICB2aWV3Qm94PVwiMCAwIDE2IDE2XCJcbiAgcm9sZT1cInByb2dyZXNzYmFyXCJcbiAgW25nQ2xhc3NdPVwie1xuICAgICdzYXBwaGlyZS1zcGlubmVyLS0zeHMnOiBzaXplID09PSAnM3hzJyxcbiAgICAnc2FwcGhpcmUtc3Bpbm5lci0tMnhzJzogc2l6ZSA9PT0gJzJ4cycsXG4gICAgJ3NhcHBoaXJlLXNwaW5uZXItLXhzJzogc2l6ZSA9PT0gJ3hzJyxcbiAgICAnc2FwcGhpcmUtc3Bpbm5lci0tc20nOiBzaXplID09PSAnc20nLFxuICAgICdzYXBwaGlyZS1zcGlubmVyLS1sZyc6IHNpemUgPT09ICdsZycsXG4gICAgJ3NhcHBoaXJlLXNwaW5uZXItLXhsJzogc2l6ZSA9PT0gJ3hsJ1xuICB9XCJcbiAgW2F0dHIuYXJpYS1sYWJlbF09XCJhcmlhTGFiZWxcIlxuICBbYXR0ci5hcmlhLWxhYmVsbGVkYnldPVwiYXJpYUxhYmVsbGVkQnlcIlxuPlxuICA8cGF0aFxuICAgIGNsYXNzPVwic2FwcGhpcmUtc3Bpbm5lcl9fdHJhY2tcIlxuICAgIGQ9XCJNMTAuMzk5MyAyLjEzODgyQzEwLjMyOTUgMi4zOTkxNCAxMC40NjQxIDIuNjY4NTggMTAuNzAzNCAyLjc5MjYzQzExLjIyMzggMy4wNjI0NiAxMS43MTIzIDMuNDE1MDEgMTIuMTQ4OSAzLjg1MTU5QzE0LjQ0MDEgNi4xNDI4MSAxNC40Mzk5IDkuODU3MjggMTIuMTQ4OSAxMi4xNDgzQzkuODU3ODMgMTQuNDM5MyA2LjE0MzM1IDE0LjQzOTUgMy44NTIxNCAxMi4xNDgzQzMuNDE1NTYgMTEuNzExNyAzLjA2MzAxIDExLjIyMzIgMi43OTMxNyAxMC43MDI4QzIuNjY5MTMgMTAuNDYzNSAyLjM5OTY5IDEwLjMyOSAyLjEzOTM3IDEwLjM5ODdDMS44Mjc5NSAxMC40ODIxIDEuNjU3MzggMTAuODE5NCAxLjgwMTc4IDExLjEwNzdDMi4xMjYxIDExLjc1NTEgMi41NTc3OCAxMi4zNjI0IDMuMDk3ODkgMTIuOTAyNkM1LjgwNTY0IDE1LjYxMDMgMTAuMTk1NSAxNS42MTAxIDEyLjkwMzEgMTIuOTAyNkMxNS42MTA3IDEwLjE5NSAxNS42MTA5IDUuODA1MDkgMTIuOTAzMSAzLjA5NzM0QzEyLjM2MyAyLjU1NzIzIDExLjc1NTYgMi4xMjU1NSAxMS4xMDgyIDEuODAxMjNDMTAuODIgMS42NTY4MyAxMC40ODI3IDEuODI3NCAxMC4zOTkzIDIuMTM4ODJaXCJcbiAgLz5cbiAgPHBhdGhcbiAgICBjbGFzcz1cInNhcHBoaXJlLXNwaW5uZXJfX2FjY2VudFwiXG4gICAgZD1cIk0xLjcyNjYxIDguODUzMDRDMS45ODY5NCA4Ljc4MzI5IDIuMTUzMTYgOC41MzIxNSAyLjE0MTExIDguMjYyOTFDMi4wNzAwMiA2LjY3NTE0IDIuNjM5NzEgNS4wNjQyNSAzLjg1MjAzIDMuODUxOTNDNS4wNjQ1MiAyLjYzOTQ0IDYuNjc1MjcgMi4wNjk4OSA4LjI2MzAyIDIuMTQxMDFDOC41MzIyNSAyLjE1MzA2IDguNzgzMzcgMS45ODY4MyA4Ljg1MzA5IDEuNzI2NUM4LjkzNjYxIDEuNDE0NjQgOC43MjkyMSAxLjA5Nzk4IDguNDA2OSAxLjA3OTEzQzYuNDk5NTkgMC45Njc2NCA0LjU1NTE2IDEuNjQwMyAzLjA5Nzc4IDMuMDk3NjhDMS42NDA2MiA0LjU1NDg1IDAuOTY3ODEzIDYuNDk5MzQgMS4wNzkwOSA4LjQwNjc2QzEuMDk3OSA4LjcyOTE2IDEuNDE0NjcgOC45MzY2MyAxLjcyNjYxIDguODUzMDRaXCJcbiAgLz5cbjwvc3ZnPlxuIl19

package/esm2020/lib/spinner/src/spinner.module.mjs

@@ -0,0 +1,18 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { SpinnerComponent } from './spinner.component';
+import * as i0 from "@angular/core";
+export class SapphireSpinnerModule {
+}
+SapphireSpinnerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: SapphireSpinnerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SapphireSpinnerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.0", ngImport: i0, type: SapphireSpinnerModule, declarations: [SpinnerComponent], imports: [CommonModule], exports: [SpinnerComponent] });
+SapphireSpinnerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: SapphireSpinnerModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: SapphireSpinnerModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [SpinnerComponent],
+                    imports: [CommonModule],
+                    exports: [SpinnerComponent],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Bpbm5lci5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL3NwaW5uZXIvc3JjL3NwaW5uZXIubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBRS9DLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHFCQUFxQixDQUFDOztBQU92RCxNQUFNLE9BQU8scUJBQXFCOztrSEFBckIscUJBQXFCO21IQUFyQixxQkFBcUIsaUJBSmpCLGdCQUFnQixhQUNyQixZQUFZLGFBQ1osZ0JBQWdCO21IQUVmLHFCQUFxQixZQUh0QixZQUFZOzJGQUdYLHFCQUFxQjtrQkFMakMsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyxnQkFBZ0IsQ0FBQztvQkFDaEMsT0FBTyxFQUFFLENBQUMsWUFBWSxDQUFDO29CQUN2QixPQUFPLEVBQUUsQ0FBQyxnQkFBZ0IsQ0FBQztpQkFDNUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcblxuaW1wb3J0IHsgU3Bpbm5lckNvbXBvbmVudCB9IGZyb20gJy4vc3Bpbm5lci5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtTcGlubmVyQ29tcG9uZW50XSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXG4gIGV4cG9ydHM6IFtTcGlubmVyQ29tcG9uZW50XSxcbn0pXG5leHBvcnQgY2xhc3MgU2FwcGhpcmVTcGlubmVyTW9kdWxlIHt9XG4iXX0=

package/esm2020/lib/surface/src/surface.component.mjs

@@ -12,14 +12,16 @@ export class SurfaceComponent {
     }
 }
 SurfaceComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: SurfaceComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SurfaceComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: SurfaceComponent, isStandalone: true, selector: "sp-surface", inputs: { variant: "variant" }, host: { properties: { "class.sapphire-theme--secondary": "variant === \"secondary\"" }, classAttribute: "sapphire-surface" }, hostDirectives: [{ directive: i1.UseComponentStylesOnHost }], ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, styles: [".sapphire-surface,:host{font-family:var(--sapphire-semantic-font-name-default);background-color:var(--sapphire-semantic-color-background-surface);color:var(--sapphire-semantic-color-content-default-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host{display:block}\n"] });
+SurfaceComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: SurfaceComponent, isStandalone: true, selector: "sp-surface", inputs: { variant: "variant" }, host: { properties: { "class.sapphire-theme--secondary": "variant === \"secondary\"", "class.sapphire-theme--tertiary": "variant === \"tertiary\"", "class.sapphire-theme--contrast": "variant === \"contrast\"" }, classAttribute: "sapphire-surface" }, hostDirectives: [{ directive: i1.UseComponentStylesOnHost }], ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, styles: [".sapphire-surface,:host{font-family:var(--sapphire-semantic-font-name-default);background:var(--sapphire-semantic-color-background-surface);color:var(--sapphire-semantic-color-foreground-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host{display:block}\n"] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: SurfaceComponent, decorators: [{
             type: Component,
             args: [{ selector: 'sp-surface', standalone: true, template: `<ng-content></ng-content>`, host: {
                         class: 'sapphire-surface',
                         '[class.sapphire-theme--secondary]': 'variant === "secondary"',
-                    }, hostDirectives: [UseComponentStylesOnHost], styles: [".sapphire-surface,:host{font-family:var(--sapphire-semantic-font-name-default);background-color:var(--sapphire-semantic-color-background-surface);color:var(--sapphire-semantic-color-content-default-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host{display:block}\n"] }]
+                        '[class.sapphire-theme--tertiary]': 'variant === "tertiary"',
+                        '[class.sapphire-theme--contrast]': 'variant === "contrast"',
+                    }, hostDirectives: [UseComponentStylesOnHost], styles: [".sapphire-surface,:host{font-family:var(--sapphire-semantic-font-name-default);background:var(--sapphire-semantic-color-background-surface);color:var(--sapphire-semantic-color-foreground-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host{display:block}\n"] }]
         }], propDecorators: { variant: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3VyZmFjZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL3N1cmZhY2Uvc3JjL3N1cmZhY2UuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pELE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLDBDQUEwQyxDQUFDOzs7QUFFcEY7OztHQUdHO0FBWUgsTUFBTSxPQUFPLGdCQUFnQjtJQVg3QjtRQWFFLFlBQU8sR0FBNkIsU0FBUyxDQUFDO0tBQy9DOzs2R0FIWSxnQkFBZ0I7aUdBQWhCLGdCQUFnQixrU0FQakIsMkJBQTJCOzJGQU8xQixnQkFBZ0I7a0JBWDVCLFNBQVM7K0JBQ0UsWUFBWSxjQUVWLElBQUksWUFDTiwyQkFBMkIsUUFDL0I7d0JBQ0osS0FBSyxFQUFFLGtCQUFrQjt3QkFDekIsbUNBQW1DLEVBQUUseUJBQXlCO3FCQUMvRCxrQkFDZSxDQUFDLHdCQUF3QixDQUFDOzhCQUkxQyxPQUFPO3NCQUROLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBVc2VDb21wb25lbnRTdHlsZXNPbkhvc3QgfSBmcm9tICcuLi8uLi9jb21tb24vc2FwcGhpcmUtdmlldy1lbmNhcHN1bGF0aW9uJztcblxuLyoqXG4gKiBUaGlzIGlzIGEgY29udGFpbmVyIGZvciBhbGwgb3RoZXIgY29tcG9uZW50cyB3aGljaCBjb21lcyB3aXRoIHRoZSB0aGVtZSdzXG4gKiBwcmltYXJ5IHN1cmZhY2UgYmFja2dyb3VuZCBjb2xvciwgdGV4dCBjb2xvciBhbmQgZm9udCBmYW1pbHkuXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NwLXN1cmZhY2UnLFxuICBzdHlsZVVybHM6IFsnLi9zdXJmYWNlLmNvbXBvbmVudC5zY3NzJ10sXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIHRlbXBsYXRlOiBgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PmAsXG4gIGhvc3Q6IHtcbiAgICBjbGFzczogJ3NhcHBoaXJlLXN1cmZhY2UnLFxuICAgICdbY2xhc3Muc2FwcGhpcmUtdGhlbWUtLXNlY29uZGFyeV0nOiAndmFyaWFudCA9PT0gXCJzZWNvbmRhcnlcIicsXG4gIH0sXG4gIGhvc3REaXJlY3RpdmVzOiBbVXNlQ29tcG9uZW50U3R5bGVzT25Ib3N0XSxcbn0pXG5leHBvcnQgY2xhc3MgU3VyZmFjZUNvbXBvbmVudCB7XG4gIEBJbnB1dCgpXG4gIHZhcmlhbnQ/OiAncHJpbWFyeScgfCAnc2Vjb25kYXJ5JyA9ICdwcmltYXJ5Jztcbn1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3VyZmFjZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL3N1cmZhY2Uvc3JjL3N1cmZhY2UuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pELE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLDBDQUEwQyxDQUFDOzs7QUFFcEY7OztHQUdHO0FBY0gsTUFBTSxPQUFPLGdCQUFnQjtJQWI3QjtRQWVFLFlBQU8sR0FBdUQsU0FBUyxDQUFDO0tBQ3pFOzs2R0FIWSxnQkFBZ0I7aUdBQWhCLGdCQUFnQiw4WkFUakIsMkJBQTJCOzJGQVMxQixnQkFBZ0I7a0JBYjVCLFNBQVM7K0JBQ0UsWUFBWSxjQUVWLElBQUksWUFDTiwyQkFBMkIsUUFDL0I7d0JBQ0osS0FBSyxFQUFFLGtCQUFrQjt3QkFDekIsbUNBQW1DLEVBQUUseUJBQXlCO3dCQUM5RCxrQ0FBa0MsRUFBRSx3QkFBd0I7d0JBQzVELGtDQUFrQyxFQUFFLHdCQUF3QjtxQkFDN0Qsa0JBQ2UsQ0FBQyx3QkFBd0IsQ0FBQzs4QkFJMUMsT0FBTztzQkFETixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgVXNlQ29tcG9uZW50U3R5bGVzT25Ib3N0IH0gZnJvbSAnLi4vLi4vY29tbW9uL3NhcHBoaXJlLXZpZXctZW5jYXBzdWxhdGlvbic7XG5cbi8qKlxuICogVGhpcyBpcyBhIGNvbnRhaW5lciBmb3IgYWxsIG90aGVyIGNvbXBvbmVudHMgd2hpY2ggY29tZXMgd2l0aCB0aGUgdGhlbWUnc1xuICogcHJpbWFyeSBzdXJmYWNlIGJhY2tncm91bmQgY29sb3IsIHRleHQgY29sb3IgYW5kIGZvbnQgZmFtaWx5LlxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzcC1zdXJmYWNlJyxcbiAgc3R5bGVVcmxzOiBbJy4vc3VyZmFjZS5jb21wb25lbnQuc2NzcyddLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICB0ZW1wbGF0ZTogYDxuZy1jb250ZW50PjwvbmctY29udGVudD5gLFxuICBob3N0OiB7XG4gICAgY2xhc3M6ICdzYXBwaGlyZS1zdXJmYWNlJyxcbiAgICAnW2NsYXNzLnNhcHBoaXJlLXRoZW1lLS1zZWNvbmRhcnldJzogJ3ZhcmlhbnQgPT09IFwic2Vjb25kYXJ5XCInLFxuICAgICdbY2xhc3Muc2FwcGhpcmUtdGhlbWUtLXRlcnRpYXJ5XSc6ICd2YXJpYW50ID09PSBcInRlcnRpYXJ5XCInLFxuICAgICdbY2xhc3Muc2FwcGhpcmUtdGhlbWUtLWNvbnRyYXN0XSc6ICd2YXJpYW50ID09PSBcImNvbnRyYXN0XCInLFxuICB9LFxuICBob3N0RGlyZWN0aXZlczogW1VzZUNvbXBvbmVudFN0eWxlc09uSG9zdF0sXG59KVxuZXhwb3J0IGNsYXNzIFN1cmZhY2VDb21wb25lbnQge1xuICBASW5wdXQoKVxuICB2YXJpYW50PzogJ3ByaW1hcnknIHwgJ3NlY29uZGFyeScgfCAndGVydGlhcnknIHwgJ2NvbnRyYXN0JyA9ICdwcmltYXJ5Jztcbn1cbiJdfQ==

package/esm2020/lib/switch/src/switch.component.mjs

@@ -155,7 +155,7 @@ SwitchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versio
             useExisting: forwardRef(() => SwitchComponent),
             multi: true,
         },
-    ], viewQueries: [{ propertyName: "_inputElement", first: true, predicate: ["input"], descendants: true }], usesInheritance: true, hostDirectives: [{ directive: i1.ThemeCheckDirective }], ngImport: i0, template: "<label\n  class=\"sapphire-switch\"\n  [class.sapphire-switch--md]=\"size === 'md'\"\n  [attr.for]=\"inputId\"\n>\n  <input\n    #input\n    class=\"sapphire-switch-input\"\n    role=\"switch\"\n    type=\"checkbox\"\n    [attr.aria-label]=\"ariaLabel || null\"\n    [attr.aria-labelledby]=\"ariaLabelledby || null\"\n    [attr.aria-describedby]=\"ariaDescribedby || null\"\n    [attr.name]=\"name\"\n    [attr.value]=\"value\"\n    [checked]=\"selected\"\n    [disabled]=\"disabled\"\n    [readonly]=\"readonly\"\n    [id]=\"inputId\"\n    [required]=\"required\"\n    [tabIndex]=\"tabIndex\"\n    (blur)=\"_onBlur()\"\n    (click)=\"_onInputClick($event)\"\n    (change)=\"_onInteractionEvent($event)\"\n  />\n  <span class=\"sapphire-switch-track\"></span>\n  <span span class=\"sapphire-switch-label\"><ng-content></ng-content></span>\n</label>\n", styles: [".sapphire-switch{display:inline-flex;align-items:center;position:relative;max-width:100%;gap:var(--sapphire-semantic-size-spacing-30)}.sapphire-switch--md{gap:var(--sapphire-semantic-size-spacing-20)}.sapphire-switch-input{margin:0;box-sizing:border-box;padding:0;position:absolute;width:100%;height:100%;top:0;left:0;opacity:.0001;z-index:1;cursor:pointer}.sapphire-switch-label{display:flex;align-items:center;gap:var(--sapphire-semantic-size-spacing-30);font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-regular);font-size:var(--sapphire-semantic-size-font-control-default);line-height:var(--sapphire-semantic-size-height-control-xs);color:var(--sapphire-semantic-color-content-default-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sapphire-switch--md .sapphire-switch-label{gap:var(--sapphire-semantic-size-spacing-20);font-size:var(--sapphire-semantic-size-font-control-md);line-height:var(--sapphire-semantic-size-height-control-2xs)}.sapphire-switch-track{background:var(--sapphire-semantic-color-border-control-default);box-sizing:border-box;position:relative;width:var(--sapphire-global-size-generic-100);transition:background var(--sapphire-semantic-time-motion-quick) ease-in-out;height:var(--sapphire-semantic-size-height-control-xs);border-radius:calc(var(--sapphire-semantic-size-height-control-xs) / 2);flex-shrink:0}.sapphire-switch-input:checked~.sapphire-switch-track{background-color:var(--sapphire-semantic-color-background-action-primary-default)}.sapphire-switch:not(:active):not(.is-active):not(.js-hover):hover .sapphire-switch-input:not(:disabled)~.sapphire-switch-track,.sapphire-switch:not(:active):not(.is-active).is-hover .sapphire-switch-track{background-color:var(--sapphire-semantic-color-border-control-hover)}.sapphire-switch:not(:active):not(.is-active):not(.js-hover):hover .sapphire-switch-input:not(:disabled):checked~.sapphire-switch-track,.sapphire-switch:not(:active):not(.is-active).is-hover .sapphire-switch-input:checked~.sapphire-switch-track{background-color:var(--sapphire-semantic-color-background-action-primary-hover)}.sapphire-switch:not(.js-focus) .sapphire-switch-input:focus-visible~.sapphire-switch-track,.sapphire-switch.is-focus .sapphire-switch-track{outline:var(--sapphire-semantic-size-focus-ring) solid var(--sapphire-semantic-color-focus-ring);outline-offset:var(--sapphire-semantic-size-focus-ring)}.sapphire-switch:active .sapphire-switch-input:not(:disabled):checked~.sapphire-switch-track,.sapphire-switch.is-active .sapphire-switch-input:not(:disabled):checked~.sapphire-switch-track{background-color:var(--sapphire-semantic-color-background-action-primary-active)}.sapphire-switch:active .sapphire-switch-input:not(:disabled)~.sapphire-switch-track,.sapphire-switch.is-active .sapphire-switch-input:not(:disabled)~.sapphire-switch-track{background-color:var(--sapphire-semantic-color-border-control-active)}.sapphire-switch-input:disabled{cursor:not-allowed}.sapphire-switch-input:disabled~.sapphire-switch-track,.sapphire-switch-input:disabled~.sapphire-switch-label{opacity:var(--sapphire-semantic-opacity-disabled)}.sapphire-switch-track:after{content:\"\";position:absolute;box-sizing:border-box;height:calc(100% - 2 * var(--sapphire-global-size-static-5));margin:var(--sapphire-global-size-static-5);aspect-ratio:1/1;border-radius:50%;background-color:var(--sapphire-semantic-color-background-control-default);background-clip:content-box;left:0;transition:left var(--sapphire-semantic-time-motion-quick) ease-in-out;box-shadow:var(--sapphire-global-shadow-sm)}.sapphire-switch-input:checked~.sapphire-switch-track:after{left:calc(100% - var(--sapphire-semantic-size-height-control-xs))}.sapphire-switch--md .sapphire-switch-track{width:var(--sapphire-global-size-generic-80);height:var(--sapphire-semantic-size-height-control-2xs);border-radius:calc(var(--sapphire-semantic-size-height-control-2xs) / 2)}.sapphire-switch--md .sapphire-switch-input:checked~.sapphire-switch-track:after{left:calc(100% - var(--sapphire-semantic-size-height-control-2xs))}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    ], viewQueries: [{ propertyName: "_inputElement", first: true, predicate: ["input"], descendants: true }], usesInheritance: true, hostDirectives: [{ directive: i1.ThemeCheckDirective }], ngImport: i0, template: "<label\n  class=\"sapphire-switch\"\n  [class.sapphire-switch--md]=\"size === 'md'\"\n  [attr.for]=\"inputId\"\n>\n  <input\n    #input\n    class=\"sapphire-switch-input\"\n    role=\"switch\"\n    type=\"checkbox\"\n    [attr.aria-label]=\"ariaLabel || null\"\n    [attr.aria-labelledby]=\"ariaLabelledby || null\"\n    [attr.aria-describedby]=\"ariaDescribedby || null\"\n    [attr.name]=\"name\"\n    [attr.value]=\"value\"\n    [checked]=\"selected\"\n    [disabled]=\"disabled\"\n    [readonly]=\"readonly\"\n    [id]=\"inputId\"\n    [required]=\"required\"\n    [tabIndex]=\"tabIndex\"\n    (blur)=\"_onBlur()\"\n    (click)=\"_onInputClick($event)\"\n    (change)=\"_onInteractionEvent($event)\"\n  />\n  <span class=\"sapphire-switch-track\"></span>\n  <span span class=\"sapphire-switch-label\"><ng-content></ng-content></span>\n</label>\n", styles: [".sapphire-switch{display:inline-flex;align-items:center;position:relative;max-width:100%;gap:var(--sapphire-semantic-size-spacing-sm)}.sapphire-switch--md{gap:var(--sapphire-semantic-size-spacing-2xs)}.sapphire-switch-input{margin:0;box-sizing:border-box;padding:0;position:absolute;width:100%;height:100%;top:0;left:0;opacity:.0001;z-index:1;cursor:pointer}.sapphire-switch-label{display:flex;align-items:center;gap:var(--sapphire-semantic-size-spacing-sm);font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-regular);font-size:var(--sapphire-semantic-size-font-control-lg);line-height:var(--sapphire-semantic-size-height-control-xs);color:var(--sapphire-semantic-color-foreground-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sapphire-switch--md .sapphire-switch-label{gap:var(--sapphire-semantic-size-spacing-2xs);font-size:var(--sapphire-semantic-size-font-control-md);line-height:var(--sapphire-semantic-size-height-control-2xs)}.sapphire-switch:not(.js-focus) .sapphire-switch-input:focus-visible~.sapphire-switch-track,.sapphire-switch.is-focus .sapphire-switch-track{outline:var(--sapphire-semantic-size-focus-ring) solid var(--sapphire-semantic-color-focus-ring);outline-offset:var(--sapphire-semantic-size-focus-ring)}.sapphire-switch-track{background:var(--sapphire-semantic-color-background-switch-default);box-sizing:border-box;position:relative;width:var(--sapphire-global-size-generic-110);transition:background var(--sapphire-semantic-time-motion-quick) var(--sapphire-semantic-transitions-fade);height:var(--sapphire-semantic-size-height-control-xs);border-radius:calc(var(--sapphire-semantic-size-height-control-xs) / 2);flex-shrink:0}.sapphire-switch:not(:active):not(.is-active):not(.js-hover):hover .sapphire-switch-input:not(:disabled)~.sapphire-switch-track,.sapphire-switch:not(:active):not(.is-active).is-hover .sapphire-switch-track{background:var(--sapphire-semantic-color-background-switch-hover)}.sapphire-switch:active .sapphire-switch-input:not(:disabled)~.sapphire-switch-track,.sapphire-switch.is-active .sapphire-switch-input:not(:disabled)~.sapphire-switch-track{background:var(--sapphire-semantic-color-background-switch-active)}.sapphire-switch-input:checked~.sapphire-switch-track{background:var(--sapphire-semantic-color-background-action-select-default)}.sapphire-switch:not(:active):not(.is-active):not(.js-hover):hover .sapphire-switch-input:not(:disabled):checked~.sapphire-switch-track,.sapphire-switch:not(:active):not(.is-active).is-hover .sapphire-switch-input:checked~.sapphire-switch-track{background:var(--sapphire-semantic-color-background-action-select-hover)}.sapphire-switch:active .sapphire-switch-input:not(:disabled):checked~.sapphire-switch-track,.sapphire-switch.is-active .sapphire-switch-input:not(:disabled):checked~.sapphire-switch-track{background:var(--sapphire-semantic-color-background-action-select-active)}.sapphire-switch-input:disabled{cursor:not-allowed}.sapphire-switch-input:disabled~.sapphire-switch-track,.sapphire-switch-input:disabled~.sapphire-switch-label{opacity:var(--sapphire-semantic-opacity-disabled)}.sapphire-switch-track:after{content:\"\";position:absolute;box-sizing:border-box;padding:var(--sapphire-global-size-static-5);height:100%;aspect-ratio:1/1;border-radius:50%;background:var(--sapphire-semantic-color-foreground-action-on-select-default);background-clip:content-box;left:0;transition:left var(--sapphire-semantic-time-motion-quick) var(--sapphire-semantic-transitions-dynamic)}.sapphire-switch-input:checked~.sapphire-switch-track:after{left:calc(100% - var(--sapphire-semantic-size-height-control-xs))}.sapphire-switch--md .sapphire-switch-track{width:var(--sapphire-global-size-generic-80);height:var(--sapphire-semantic-size-height-control-2xs);border-radius:calc(var(--sapphire-semantic-size-height-control-2xs) / 2)}.sapphire-switch--md .sapphire-switch-input:checked~.sapphire-switch-track:after{left:calc(100% - var(--sapphire-semantic-size-height-control-2xs))}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 __decorate([
     AutoId()
 ], SwitchComponent.prototype, "id", void 0);
@@ -176,7 +176,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
                             useExisting: forwardRef(() => SwitchComponent),
                             multi: true,
                         },
-                    ], hostDirectives: [ThemeCheckDirective], standalone: false, template: "<label\n  class=\"sapphire-switch\"\n  [class.sapphire-switch--md]=\"size === 'md'\"\n  [attr.for]=\"inputId\"\n>\n  <input\n    #input\n    class=\"sapphire-switch-input\"\n    role=\"switch\"\n    type=\"checkbox\"\n    [attr.aria-label]=\"ariaLabel || null\"\n    [attr.aria-labelledby]=\"ariaLabelledby || null\"\n    [attr.aria-describedby]=\"ariaDescribedby || null\"\n    [attr.name]=\"name\"\n    [attr.value]=\"value\"\n    [checked]=\"selected\"\n    [disabled]=\"disabled\"\n    [readonly]=\"readonly\"\n    [id]=\"inputId\"\n    [required]=\"required\"\n    [tabIndex]=\"tabIndex\"\n    (blur)=\"_onBlur()\"\n    (click)=\"_onInputClick($event)\"\n    (change)=\"_onInteractionEvent($event)\"\n  />\n  <span class=\"sapphire-switch-track\"></span>\n  <span span class=\"sapphire-switch-label\"><ng-content></ng-content></span>\n</label>\n", styles: [".sapphire-switch{display:inline-flex;align-items:center;position:relative;max-width:100%;gap:var(--sapphire-semantic-size-spacing-30)}.sapphire-switch--md{gap:var(--sapphire-semantic-size-spacing-20)}.sapphire-switch-input{margin:0;box-sizing:border-box;padding:0;position:absolute;width:100%;height:100%;top:0;left:0;opacity:.0001;z-index:1;cursor:pointer}.sapphire-switch-label{display:flex;align-items:center;gap:var(--sapphire-semantic-size-spacing-30);font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-regular);font-size:var(--sapphire-semantic-size-font-control-default);line-height:var(--sapphire-semantic-size-height-control-xs);color:var(--sapphire-semantic-color-content-default-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sapphire-switch--md .sapphire-switch-label{gap:var(--sapphire-semantic-size-spacing-20);font-size:var(--sapphire-semantic-size-font-control-md);line-height:var(--sapphire-semantic-size-height-control-2xs)}.sapphire-switch-track{background:var(--sapphire-semantic-color-border-control-default);box-sizing:border-box;position:relative;width:var(--sapphire-global-size-generic-100);transition:background var(--sapphire-semantic-time-motion-quick) ease-in-out;height:var(--sapphire-semantic-size-height-control-xs);border-radius:calc(var(--sapphire-semantic-size-height-control-xs) / 2);flex-shrink:0}.sapphire-switch-input:checked~.sapphire-switch-track{background-color:var(--sapphire-semantic-color-background-action-primary-default)}.sapphire-switch:not(:active):not(.is-active):not(.js-hover):hover .sapphire-switch-input:not(:disabled)~.sapphire-switch-track,.sapphire-switch:not(:active):not(.is-active).is-hover .sapphire-switch-track{background-color:var(--sapphire-semantic-color-border-control-hover)}.sapphire-switch:not(:active):not(.is-active):not(.js-hover):hover .sapphire-switch-input:not(:disabled):checked~.sapphire-switch-track,.sapphire-switch:not(:active):not(.is-active).is-hover .sapphire-switch-input:checked~.sapphire-switch-track{background-color:var(--sapphire-semantic-color-background-action-primary-hover)}.sapphire-switch:not(.js-focus) .sapphire-switch-input:focus-visible~.sapphire-switch-track,.sapphire-switch.is-focus .sapphire-switch-track{outline:var(--sapphire-semantic-size-focus-ring) solid var(--sapphire-semantic-color-focus-ring);outline-offset:var(--sapphire-semantic-size-focus-ring)}.sapphire-switch:active .sapphire-switch-input:not(:disabled):checked~.sapphire-switch-track,.sapphire-switch.is-active .sapphire-switch-input:not(:disabled):checked~.sapphire-switch-track{background-color:var(--sapphire-semantic-color-background-action-primary-active)}.sapphire-switch:active .sapphire-switch-input:not(:disabled)~.sapphire-switch-track,.sapphire-switch.is-active .sapphire-switch-input:not(:disabled)~.sapphire-switch-track{background-color:var(--sapphire-semantic-color-border-control-active)}.sapphire-switch-input:disabled{cursor:not-allowed}.sapphire-switch-input:disabled~.sapphire-switch-track,.sapphire-switch-input:disabled~.sapphire-switch-label{opacity:var(--sapphire-semantic-opacity-disabled)}.sapphire-switch-track:after{content:\"\";position:absolute;box-sizing:border-box;height:calc(100% - 2 * var(--sapphire-global-size-static-5));margin:var(--sapphire-global-size-static-5);aspect-ratio:1/1;border-radius:50%;background-color:var(--sapphire-semantic-color-background-control-default);background-clip:content-box;left:0;transition:left var(--sapphire-semantic-time-motion-quick) ease-in-out;box-shadow:var(--sapphire-global-shadow-sm)}.sapphire-switch-input:checked~.sapphire-switch-track:after{left:calc(100% - var(--sapphire-semantic-size-height-control-xs))}.sapphire-switch--md .sapphire-switch-track{width:var(--sapphire-global-size-generic-80);height:var(--sapphire-semantic-size-height-control-2xs);border-radius:calc(var(--sapphire-semantic-size-height-control-2xs) / 2)}.sapphire-switch--md .sapphire-switch-input:checked~.sapphire-switch-track:after{left:calc(100% - var(--sapphire-semantic-size-height-control-2xs))}\n"] }]
+                    ], hostDirectives: [ThemeCheckDirective], standalone: false, template: "<label\n  class=\"sapphire-switch\"\n  [class.sapphire-switch--md]=\"size === 'md'\"\n  [attr.for]=\"inputId\"\n>\n  <input\n    #input\n    class=\"sapphire-switch-input\"\n    role=\"switch\"\n    type=\"checkbox\"\n    [attr.aria-label]=\"ariaLabel || null\"\n    [attr.aria-labelledby]=\"ariaLabelledby || null\"\n    [attr.aria-describedby]=\"ariaDescribedby || null\"\n    [attr.name]=\"name\"\n    [attr.value]=\"value\"\n    [checked]=\"selected\"\n    [disabled]=\"disabled\"\n    [readonly]=\"readonly\"\n    [id]=\"inputId\"\n    [required]=\"required\"\n    [tabIndex]=\"tabIndex\"\n    (blur)=\"_onBlur()\"\n    (click)=\"_onInputClick($event)\"\n    (change)=\"_onInteractionEvent($event)\"\n  />\n  <span class=\"sapphire-switch-track\"></span>\n  <span span class=\"sapphire-switch-label\"><ng-content></ng-content></span>\n</label>\n", styles: [".sapphire-switch{display:inline-flex;align-items:center;position:relative;max-width:100%;gap:var(--sapphire-semantic-size-spacing-sm)}.sapphire-switch--md{gap:var(--sapphire-semantic-size-spacing-2xs)}.sapphire-switch-input{margin:0;box-sizing:border-box;padding:0;position:absolute;width:100%;height:100%;top:0;left:0;opacity:.0001;z-index:1;cursor:pointer}.sapphire-switch-label{display:flex;align-items:center;gap:var(--sapphire-semantic-size-spacing-sm);font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-regular);font-size:var(--sapphire-semantic-size-font-control-lg);line-height:var(--sapphire-semantic-size-height-control-xs);color:var(--sapphire-semantic-color-foreground-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sapphire-switch--md .sapphire-switch-label{gap:var(--sapphire-semantic-size-spacing-2xs);font-size:var(--sapphire-semantic-size-font-control-md);line-height:var(--sapphire-semantic-size-height-control-2xs)}.sapphire-switch:not(.js-focus) .sapphire-switch-input:focus-visible~.sapphire-switch-track,.sapphire-switch.is-focus .sapphire-switch-track{outline:var(--sapphire-semantic-size-focus-ring) solid var(--sapphire-semantic-color-focus-ring);outline-offset:var(--sapphire-semantic-size-focus-ring)}.sapphire-switch-track{background:var(--sapphire-semantic-color-background-switch-default);box-sizing:border-box;position:relative;width:var(--sapphire-global-size-generic-110);transition:background var(--sapphire-semantic-time-motion-quick) var(--sapphire-semantic-transitions-fade);height:var(--sapphire-semantic-size-height-control-xs);border-radius:calc(var(--sapphire-semantic-size-height-control-xs) / 2);flex-shrink:0}.sapphire-switch:not(:active):not(.is-active):not(.js-hover):hover .sapphire-switch-input:not(:disabled)~.sapphire-switch-track,.sapphire-switch:not(:active):not(.is-active).is-hover .sapphire-switch-track{background:var(--sapphire-semantic-color-background-switch-hover)}.sapphire-switch:active .sapphire-switch-input:not(:disabled)~.sapphire-switch-track,.sapphire-switch.is-active .sapphire-switch-input:not(:disabled)~.sapphire-switch-track{background:var(--sapphire-semantic-color-background-switch-active)}.sapphire-switch-input:checked~.sapphire-switch-track{background:var(--sapphire-semantic-color-background-action-select-default)}.sapphire-switch:not(:active):not(.is-active):not(.js-hover):hover .sapphire-switch-input:not(:disabled):checked~.sapphire-switch-track,.sapphire-switch:not(:active):not(.is-active).is-hover .sapphire-switch-input:checked~.sapphire-switch-track{background:var(--sapphire-semantic-color-background-action-select-hover)}.sapphire-switch:active .sapphire-switch-input:not(:disabled):checked~.sapphire-switch-track,.sapphire-switch.is-active .sapphire-switch-input:not(:disabled):checked~.sapphire-switch-track{background:var(--sapphire-semantic-color-background-action-select-active)}.sapphire-switch-input:disabled{cursor:not-allowed}.sapphire-switch-input:disabled~.sapphire-switch-track,.sapphire-switch-input:disabled~.sapphire-switch-label{opacity:var(--sapphire-semantic-opacity-disabled)}.sapphire-switch-track:after{content:\"\";position:absolute;box-sizing:border-box;padding:var(--sapphire-global-size-static-5);height:100%;aspect-ratio:1/1;border-radius:50%;background:var(--sapphire-semantic-color-foreground-action-on-select-default);background-clip:content-box;left:0;transition:left var(--sapphire-semantic-time-motion-quick) var(--sapphire-semantic-transitions-dynamic)}.sapphire-switch-input:checked~.sapphire-switch-track:after{left:calc(100% - var(--sapphire-semantic-size-height-control-xs))}.sapphire-switch--md .sapphire-switch-track{width:var(--sapphire-global-size-generic-80);height:var(--sapphire-semantic-size-height-control-2xs);border-radius:calc(var(--sapphire-semantic-size-height-control-2xs) / 2)}.sapphire-switch--md .sapphire-switch-input:checked~.sapphire-switch-track:after{left:calc(100% - var(--sapphire-semantic-size-height-control-2xs))}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: undefined, decorators: [{
                     type: Attribute,
                     args: ['tabindex']

package/esm2020/lib/table/src/table-head-cell.component.mjs

@@ -3,18 +3,20 @@ import { Component, forwardRef, HostBinding, Inject, Input, Optional, } from '@a
 import { TableComponent } from './table.component';
 import { UseComponentStyles } from '../../common/sapphire-view-encapsulation';
 import { CoerceBoolean } from '../../common/coerce-boolean.decorator';
+import { iconCaretDown, iconCaretUp } from '@danske/sapphire-icons/js';
 import * as i0 from "@angular/core";
-import * as i1 from "./table-sort-header.directive";
-import * as i2 from "../../common/sapphire-view-encapsulation";
-import * as i3 from "@angular/common";
-import * as i4 from "../../icon/src/icon.component";
-import * as i5 from "../../tooltip/src/truncated-with-tooltip.directive";
-import * as i6 from "./table.component";
+import * as i1 from "../../icon/public_api";
+import * as i2 from "./table-sort-header.directive";
+import * as i3 from "../../common/sapphire-view-encapsulation";
+import * as i4 from "@angular/common";
+import * as i5 from "../../icon/src/icon.component";
+import * as i6 from "../../tooltip/src/truncated-with-tooltip.directive";
+import * as i7 from "./table.component";
 export class TableHeadCellComponent {
     get cellOverflow() {
         return this.table.cellOverflow;
     }
-    constructor(table, tableSortHeader) {
+    constructor(table, iconRegistry, tableSortHeader) {
         this.table = table;
         this.tableSortHeader = tableSortHeader;
         /**
@@ -26,10 +28,11 @@ export class TableHeadCellComponent {
          * a checkbox.
          */
         this.selectionCell = false;
+        iconRegistry.registerIcons([iconCaretUp, iconCaretDown]);
     }
 }
-TableHeadCellComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: TableHeadCellComponent, deps: [{ token: forwardRef(() => TableComponent) }, { token: i1.TableSortHeaderDirective, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-TableHeadCellComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: TableHeadCellComponent, selector: "th[sp-table-th]", inputs: { align: "align", width: "width", minWidth: "minWidth", maxWidth: "maxWidth", selectionCell: "selectionCell" }, host: { properties: { "class.sapphire-table__headCell": "!selectionCell", "class.sapphire-table__cell": "selectionCell", "class.sapphire-table__cell--alignLeft": "align === 'left'", "class.sapphire-table__cell--alignCenter": "align === 'center'", "class.sapphire-table__cell--alignRight": "align === 'right'", "class.sapphire-table__selectionCell": "selectionCell", "style.width": "this.width", "style.min-width": "this.minWidth", "style.max-width": "this.maxWidth" } }, hostDirectives: [{ directive: i2.UseComponentStyles }], ngImport: i0, template: "<div\n  *ngIf=\"!selectionCell\"\n  class=\"sapphire-table__headCell_container\"\n  _spUseComponentStyles\n>\n  <span *ngIf=\"tableSortHeader && align === 'right'\">\n    <ng-container *ngTemplateOutlet=\"sortIcon\"></ng-container>\n  </span>\n  <span [spTruncatedWithTooltip]=\"cellOverflow === 'truncate'\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n  </span>\n  <span *ngIf=\"tableSortHeader && align !== 'right'\">\n    <ng-container *ngTemplateOutlet=\"sortIcon\"></ng-container>\n  </span>\n</div>\n<ng-container *ngIf=\"selectionCell\"\n  ><ng-container *ngTemplateOutlet=\"content\"></ng-container\n></ng-container>\n\n<ng-template #content><ng-content></ng-content></ng-template>\n\n<ng-template #sortIcon>\n  <span\n    *ngIf=\"tableSortHeader\"\n    aria-hidden=\"true\"\n    [class.sapphire-table-sortableIcon]=\"\n      tableSortHeader.tableSort.sortDescriptor.column !==\n      tableSortHeader.sortHeader\n    \"\n    [class.sapphire-table-sortedIcon]=\"\n      tableSortHeader.tableSort.sortDescriptor.column ===\n      tableSortHeader.sortHeader\n    \"\n    _spUseComponentStyles\n  >\n    <sp-icon\n      [name]=\"\n        tableSortHeader.tableSort.sortDescriptor.column ===\n          tableSortHeader.sortHeader &&\n        tableSortHeader.tableSort.sortDescriptor.direction === 'descending'\n          ? 'caretDown'\n          : 'caretUp'\n      \"\n      size=\"md\"\n    ></sp-icon>\n  </span>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i4.IconComponent, selector: "sp-icon", inputs: ["name", "size"] }, { kind: "directive", type: i5.TruncatedWithTooltipDirective, selector: "[spTruncatedWithTooltip]", inputs: ["spTruncatedWithTooltip"] }, { kind: "directive", type: i2.UseComponentStyles, selector: "[_spUseComponentStyles]" }] });
+TableHeadCellComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: TableHeadCellComponent, deps: [{ token: forwardRef(() => TableComponent) }, { token: i1.IconRegistry }, { token: i2.TableSortHeaderDirective, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+TableHeadCellComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: TableHeadCellComponent, selector: "th[sp-table-th]", inputs: { align: "align", width: "width", minWidth: "minWidth", maxWidth: "maxWidth", selectionCell: "selectionCell" }, host: { properties: { "class.sapphire-table__headCell": "!selectionCell", "class.sapphire-table__cell": "selectionCell", "class.sapphire-table__cell--alignLeft": "align === 'left'", "class.sapphire-table__cell--alignCenter": "align === 'center'", "class.sapphire-table__cell--alignRight": "align === 'right'", "class.sapphire-table__selectionCell": "selectionCell", "style.width": "this.width", "style.min-width": "this.minWidth", "style.max-width": "this.maxWidth" } }, hostDirectives: [{ directive: i3.UseComponentStyles }], ngImport: i0, template: "<div\n  *ngIf=\"!selectionCell\"\n  class=\"sapphire-table__headCell_container\"\n  _spUseComponentStyles\n>\n  <span *ngIf=\"tableSortHeader && align === 'right'\">\n    <ng-container *ngTemplateOutlet=\"sortIcon\"></ng-container>\n  </span>\n  <span [spTruncatedWithTooltip]=\"cellOverflow === 'truncate'\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n  </span>\n  <span *ngIf=\"tableSortHeader && align !== 'right'\">\n    <ng-container *ngTemplateOutlet=\"sortIcon\"></ng-container>\n  </span>\n</div>\n<ng-container *ngIf=\"selectionCell\"\n  ><ng-container *ngTemplateOutlet=\"content\"></ng-container\n></ng-container>\n\n<ng-template #content><ng-content></ng-content></ng-template>\n\n<ng-template #sortIcon>\n  <span\n    *ngIf=\"tableSortHeader\"\n    aria-hidden=\"true\"\n    [class.sapphire-table-sortableIcon]=\"\n      tableSortHeader.tableSort.sortDescriptor.column !==\n      tableSortHeader.sortHeader\n    \"\n    [class.sapphire-table-sortedIcon]=\"\n      tableSortHeader.tableSort.sortDescriptor.column ===\n      tableSortHeader.sortHeader\n    \"\n    _spUseComponentStyles\n  >\n    <sp-icon\n      [name]=\"\n        tableSortHeader.tableSort.sortDescriptor.column ===\n          tableSortHeader.sortHeader &&\n        tableSortHeader.tableSort.sortDescriptor.direction === 'descending'\n          ? 'sortDescending'\n          : 'sortAscending'\n      \"\n      size=\"md\"\n    ></sp-icon>\n  </span>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i5.IconComponent, selector: "sp-icon", inputs: ["name", "size", "color"] }, { kind: "directive", type: i6.TruncatedWithTooltipDirective, selector: "[spTruncatedWithTooltip]", inputs: ["spTruncatedWithTooltip"] }, { kind: "directive", type: i3.UseComponentStyles, selector: "[_spUseComponentStyles]" }] });
 __decorate([
     CoerceBoolean
 ], TableHeadCellComponent.prototype, "selectionCell", void 0);
@@ -42,11 +45,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
                         '[class.sapphire-table__cell--alignCenter]': "align === 'center'",
                         '[class.sapphire-table__cell--alignRight]': "align === 'right'",
                         '[class.sapphire-table__selectionCell]': 'selectionCell',
-                    }, hostDirectives: [UseComponentStyles], standalone: false, template: "<div\n  *ngIf=\"!selectionCell\"\n  class=\"sapphire-table__headCell_container\"\n  _spUseComponentStyles\n>\n  <span *ngIf=\"tableSortHeader && align === 'right'\">\n    <ng-container *ngTemplateOutlet=\"sortIcon\"></ng-container>\n  </span>\n  <span [spTruncatedWithTooltip]=\"cellOverflow === 'truncate'\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n  </span>\n  <span *ngIf=\"tableSortHeader && align !== 'right'\">\n    <ng-container *ngTemplateOutlet=\"sortIcon\"></ng-container>\n  </span>\n</div>\n<ng-container *ngIf=\"selectionCell\"\n  ><ng-container *ngTemplateOutlet=\"content\"></ng-container\n></ng-container>\n\n<ng-template #content><ng-content></ng-content></ng-template>\n\n<ng-template #sortIcon>\n  <span\n    *ngIf=\"tableSortHeader\"\n    aria-hidden=\"true\"\n    [class.sapphire-table-sortableIcon]=\"\n      tableSortHeader.tableSort.sortDescriptor.column !==\n      tableSortHeader.sortHeader\n    \"\n    [class.sapphire-table-sortedIcon]=\"\n      tableSortHeader.tableSort.sortDescriptor.column ===\n      tableSortHeader.sortHeader\n    \"\n    _spUseComponentStyles\n  >\n    <sp-icon\n      [name]=\"\n        tableSortHeader.tableSort.sortDescriptor.column ===\n          tableSortHeader.sortHeader &&\n        tableSortHeader.tableSort.sortDescriptor.direction === 'descending'\n          ? 'caretDown'\n          : 'caretUp'\n      \"\n      size=\"md\"\n    ></sp-icon>\n  </span>\n</ng-template>\n" }]
-        }], ctorParameters: function () { return [{ type: i6.TableComponent, decorators: [{
+                    }, hostDirectives: [UseComponentStyles], standalone: false, template: "<div\n  *ngIf=\"!selectionCell\"\n  class=\"sapphire-table__headCell_container\"\n  _spUseComponentStyles\n>\n  <span *ngIf=\"tableSortHeader && align === 'right'\">\n    <ng-container *ngTemplateOutlet=\"sortIcon\"></ng-container>\n  </span>\n  <span [spTruncatedWithTooltip]=\"cellOverflow === 'truncate'\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n  </span>\n  <span *ngIf=\"tableSortHeader && align !== 'right'\">\n    <ng-container *ngTemplateOutlet=\"sortIcon\"></ng-container>\n  </span>\n</div>\n<ng-container *ngIf=\"selectionCell\"\n  ><ng-container *ngTemplateOutlet=\"content\"></ng-container\n></ng-container>\n\n<ng-template #content><ng-content></ng-content></ng-template>\n\n<ng-template #sortIcon>\n  <span\n    *ngIf=\"tableSortHeader\"\n    aria-hidden=\"true\"\n    [class.sapphire-table-sortableIcon]=\"\n      tableSortHeader.tableSort.sortDescriptor.column !==\n      tableSortHeader.sortHeader\n    \"\n    [class.sapphire-table-sortedIcon]=\"\n      tableSortHeader.tableSort.sortDescriptor.column ===\n      tableSortHeader.sortHeader\n    \"\n    _spUseComponentStyles\n  >\n    <sp-icon\n      [name]=\"\n        tableSortHeader.tableSort.sortDescriptor.column ===\n          tableSortHeader.sortHeader &&\n        tableSortHeader.tableSort.sortDescriptor.direction === 'descending'\n          ? 'sortDescending'\n          : 'sortAscending'\n      \"\n      size=\"md\"\n    ></sp-icon>\n  </span>\n</ng-template>\n" }]
+        }], ctorParameters: function () { return [{ type: i7.TableComponent, decorators: [{
                     type: Inject,
                     args: [forwardRef(() => TableComponent)]
-                }] }, { type: i1.TableSortHeaderDirective, decorators: [{
+                }] }, { type: i1.IconRegistry }, { type: i2.TableSortHeaderDirective, decorators: [{
                     type: Optional
                 }] }]; }, propDecorators: { align: [{
                 type: Input
@@ -68,4 +71,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
             }], selectionCell: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibGUtaGVhZC1jZWxsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvdGFibGUvc3JjL3RhYmxlLWhlYWQtY2VsbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL3RhYmxlL3NyYy90YWJsZS1oZWFkZXItY2VsbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxVQUFVLEVBQ1YsV0FBVyxFQUNYLE1BQU0sRUFDTixLQUFLLEVBQ0wsUUFBUSxHQUNULE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUNuRCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSwwQ0FBMEMsQ0FBQztBQUM5RSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sdUNBQXVDLENBQUM7Ozs7Ozs7O0FBaUJ0RSxNQUFNLE9BQU8sc0JBQXNCO0lBMkJqQyxJQUFJLFlBQVk7UUFDZCxPQUFPLElBQUksQ0FBQyxLQUFLLENBQUMsWUFBWSxDQUFDO0lBQ2pDLENBQUM7SUFFRCxZQUVVLEtBQXFCLEVBQ1YsZUFBMEM7UUFEckQsVUFBSyxHQUFMLEtBQUssQ0FBZ0I7UUFDVixvQkFBZSxHQUFmLGVBQWUsQ0FBMkI7UUFqQy9EOztXQUVHO1FBRUgsVUFBSyxHQUFpQyxNQUFNLENBQUM7UUFjN0M7OztXQUdHO1FBR0gsa0JBQWEsR0FBaUIsS0FBSyxDQUFDO0lBVWpDLENBQUM7O21IQW5DTyxzQkFBc0Isa0JBZ0N2QixVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsY0FBYyxDQUFDO3VHQWhDL0Isc0JBQXNCLDhyQkM1Qm5DLG83Q0ErQ0E7QURNRTtJQURDLGFBQWE7NkRBQ3NCOzJGQXpCekIsc0JBQXNCO2tCQWRsQyxTQUFTOytCQUNFLGlCQUFpQixRQUVyQjt3QkFDSixrQ0FBa0MsRUFBRSxnQkFBZ0I7d0JBQ3BELDhCQUE4QixFQUFFLGVBQWU7d0JBQy9DLHlDQUF5QyxFQUFFLGtCQUFrQjt3QkFDN0QsMkNBQTJDLEVBQUUsb0JBQW9CO3dCQUNqRSwwQ0FBMEMsRUFBRSxtQkFBbUI7d0JBQy9ELHVDQUF1QyxFQUFFLGVBQWU7cUJBQ3pELGtCQUNlLENBQUMsa0JBQWtCLENBQUMsY0FDeEIsS0FBSzs7MEJBa0NkLE1BQU07MkJBQUMsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLGNBQWMsQ0FBQzs7MEJBRXZDLFFBQVE7NENBN0JYLEtBQUs7c0JBREosS0FBSztnQkFLTixLQUFLO3NCQUZKLFdBQVc7dUJBQUMsYUFBYTs7c0JBQ3pCLEtBQUs7Z0JBS04sUUFBUTtzQkFGUCxXQUFXO3VCQUFDLGlCQUFpQjs7c0JBQzdCLEtBQUs7Z0JBS04sUUFBUTtzQkFGUCxXQUFXO3VCQUFDLGlCQUFpQjs7c0JBQzdCLEtBQUs7Z0JBU04sYUFBYTtzQkFGWixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBmb3J3YXJkUmVmLFxuICBIb3N0QmluZGluZyxcbiAgSW5qZWN0LFxuICBJbnB1dCxcbiAgT3B0aW9uYWwsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgVGFibGVTb3J0SGVhZGVyRGlyZWN0aXZlIH0gZnJvbSAnLi90YWJsZS1zb3J0LWhlYWRlci5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgVGFibGVDb21wb25lbnQgfSBmcm9tICcuL3RhYmxlLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBVc2VDb21wb25lbnRTdHlsZXMgfSBmcm9tICcuLi8uLi9jb21tb24vc2FwcGhpcmUtdmlldy1lbmNhcHN1bGF0aW9uJztcbmltcG9ydCB7IENvZXJjZUJvb2xlYW4gfSBmcm9tICcuLi8uLi9jb21tb24vY29lcmNlLWJvb2xlYW4uZGVjb3JhdG9yJztcbmltcG9ydCB7IEJvb2xlYW5JbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9jb2VyY2lvbic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3RoW3NwLXRhYmxlLXRoXScsXG4gIHRlbXBsYXRlVXJsOiAnLi90YWJsZS1oZWFkZXItY2VsbC5jb21wb25lbnQuaHRtbCcsXG4gIGhvc3Q6IHtcbiAgICAnW2NsYXNzLnNhcHBoaXJlLXRhYmxlX19oZWFkQ2VsbF0nOiAnIXNlbGVjdGlvbkNlbGwnLFxuICAgICdbY2xhc3Muc2FwcGhpcmUtdGFibGVfX2NlbGxdJzogJ3NlbGVjdGlvbkNlbGwnLFxuICAgICdbY2xhc3Muc2FwcGhpcmUtdGFibGVfX2NlbGwtLWFsaWduTGVmdF0nOiBcImFsaWduID09PSAnbGVmdCdcIixcbiAgICAnW2NsYXNzLnNhcHBoaXJlLXRhYmxlX19jZWxsLS1hbGlnbkNlbnRlcl0nOiBcImFsaWduID09PSAnY2VudGVyJ1wiLFxuICAgICdbY2xhc3Muc2FwcGhpcmUtdGFibGVfX2NlbGwtLWFsaWduUmlnaHRdJzogXCJhbGlnbiA9PT0gJ3JpZ2h0J1wiLFxuICAgICdbY2xhc3Muc2FwcGhpcmUtdGFibGVfX3NlbGVjdGlvbkNlbGxdJzogJ3NlbGVjdGlvbkNlbGwnLFxuICB9LFxuICBob3N0RGlyZWN0aXZlczogW1VzZUNvbXBvbmVudFN0eWxlc10sXG4gIHN0YW5kYWxvbmU6IGZhbHNlLFxufSlcbmV4cG9ydCBjbGFzcyBUYWJsZUhlYWRDZWxsQ29tcG9uZW50IHtcbiAgLyoqXG4gICAqIEhvcml6b250YWwgYWxpZ25tZW50IG9mIGNvbnRlbnQgaW4gdGhlIGNlbGwuXG4gICAqL1xuICBASW5wdXQoKVxuICBhbGlnbj86ICdsZWZ0JyB8ICdjZW50ZXInIHwgJ3JpZ2h0JyA9ICdsZWZ0JztcblxuICBASG9zdEJpbmRpbmcoJ3N0eWxlLndpZHRoJylcbiAgQElucHV0KClcbiAgd2lkdGg/OiBzdHJpbmc7XG5cbiAgQEhvc3RCaW5kaW5nKCdzdHlsZS5taW4td2lkdGgnKVxuICBASW5wdXQoKVxuICBtaW5XaWR0aD86IHN0cmluZztcblxuICBASG9zdEJpbmRpbmcoJ3N0eWxlLm1heC13aWR0aCcpXG4gIEBJbnB1dCgpXG4gIG1heFdpZHRoPzogc3RyaW5nO1xuXG4gIC8qKlxuICAgKiBBcHBsaWVzIHRoZSBzdHlsZXMgZm9yIHNlbGVjdGlvbiBjZWxsLiBBIHNlbGVjdGlvbiBjZWxsIGlzIHRoZSBmaXJzdCBjZWxsIGluIGEgcm93LCBjb250YWluaW5nXG4gICAqIGEgY2hlY2tib3guXG4gICAqL1xuICBASW5wdXQoKVxuICBAQ29lcmNlQm9vbGVhblxuICBzZWxlY3Rpb25DZWxsOiBCb29sZWFuSW5wdXQgPSBmYWxzZTtcblxuICBnZXQgY2VsbE92ZXJmbG93KCkge1xuICAgIHJldHVybiB0aGlzLnRhYmxlLmNlbGxPdmVyZmxvdztcbiAgfVxuXG4gIGNvbnN0cnVjdG9yKFxuICAgIEBJbmplY3QoZm9yd2FyZFJlZigoKSA9PiBUYWJsZUNvbXBvbmVudCkpXG4gICAgcHJpdmF0ZSB0YWJsZTogVGFibGVDb21wb25lbnQsXG4gICAgQE9wdGlvbmFsKCkgcHVibGljIHRhYmxlU29ydEhlYWRlcj86IFRhYmxlU29ydEhlYWRlckRpcmVjdGl2ZVxuICApIHt9XG59XG4iLCI8ZGl2XG4gICpuZ0lmPVwiIXNlbGVjdGlvbkNlbGxcIlxuICBjbGFzcz1cInNhcHBoaXJlLXRhYmxlX19oZWFkQ2VsbF9jb250YWluZXJcIlxuICBfc3BVc2VDb21wb25lbnRTdHlsZXNcbj5cbiAgPHNwYW4gKm5nSWY9XCJ0YWJsZVNvcnRIZWFkZXIgJiYgYWxpZ24gPT09ICdyaWdodCdcIj5cbiAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwic29ydEljb25cIj48L25nLWNvbnRhaW5lcj5cbiAgPC9zcGFuPlxuICA8c3BhbiBbc3BUcnVuY2F0ZWRXaXRoVG9vbHRpcF09XCJjZWxsT3ZlcmZsb3cgPT09ICd0cnVuY2F0ZSdcIj5cbiAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiY29udGVudFwiPjwvbmctY29udGFpbmVyPlxuICA8L3NwYW4+XG4gIDxzcGFuICpuZ0lmPVwidGFibGVTb3J0SGVhZGVyICYmIGFsaWduICE9PSAncmlnaHQnXCI+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cInNvcnRJY29uXCI+PC9uZy1jb250YWluZXI+XG4gIDwvc3Bhbj5cbjwvZGl2PlxuPG5nLWNvbnRhaW5lciAqbmdJZj1cInNlbGVjdGlvbkNlbGxcIlxuICA+PG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImNvbnRlbnRcIj48L25nLWNvbnRhaW5lclxuPjwvbmctY29udGFpbmVyPlxuXG48bmctdGVtcGxhdGUgI2NvbnRlbnQ+PG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PjwvbmctdGVtcGxhdGU+XG5cbjxuZy10ZW1wbGF0ZSAjc29ydEljb24+XG4gIDxzcGFuXG4gICAgKm5nSWY9XCJ0YWJsZVNvcnRIZWFkZXJcIlxuICAgIGFyaWEtaGlkZGVuPVwidHJ1ZVwiXG4gICAgW2NsYXNzLnNhcHBoaXJlLXRhYmxlLXNvcnRhYmxlSWNvbl09XCJcbiAgICAgIHRhYmxlU29ydEhlYWRlci50YWJsZVNvcnQuc29ydERlc2NyaXB0b3IuY29sdW1uICE9PVxuICAgICAgdGFibGVTb3J0SGVhZGVyLnNvcnRIZWFkZXJcbiAgICBcIlxuICAgIFtjbGFzcy5zYXBwaGlyZS10YWJsZS1zb3J0ZWRJY29uXT1cIlxuICAgICAgdGFibGVTb3J0SGVhZGVyLnRhYmxlU29ydC5zb3J0RGVzY3JpcHRvci5jb2x1bW4gPT09XG4gICAgICB0YWJsZVNvcnRIZWFkZXIuc29ydEhlYWRlclxuICAgIFwiXG4gICAgX3NwVXNlQ29tcG9uZW50U3R5bGVzXG4gID5cbiAgICA8c3AtaWNvblxuICAgICAgW25hbWVdPVwiXG4gICAgICAgIHRhYmxlU29ydEhlYWRlci50YWJsZVNvcnQuc29ydERlc2NyaXB0b3IuY29sdW1uID09PVxuICAgICAgICAgIHRhYmxlU29ydEhlYWRlci5zb3J0SGVhZGVyICYmXG4gICAgICAgIHRhYmxlU29ydEhlYWRlci50YWJsZVNvcnQuc29ydERlc2NyaXB0b3IuZGlyZWN0aW9uID09PSAnZGVzY2VuZGluZydcbiAgICAgICAgICA/ICdjYXJldERvd24nXG4gICAgICAgICAgOiAnY2FyZXRVcCdcbiAgICAgIFwiXG4gICAgICBzaXplPVwibWRcIlxuICAgID48L3NwLWljb24+XG4gIDwvc3Bhbj5cbjwvbmctdGVtcGxhdGU+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibGUtaGVhZC1jZWxsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvdGFibGUvc3JjL3RhYmxlLWhlYWQtY2VsbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL3RhYmxlL3NyYy90YWJsZS1oZWFkZXItY2VsbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxVQUFVLEVBQ1YsV0FBVyxFQUNYLE1BQU0sRUFDTixLQUFLLEVBQ0wsUUFBUSxHQUNULE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUNuRCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSwwQ0FBMEMsQ0FBQztBQUM5RSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFHdEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxXQUFXLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQzs7Ozs7Ozs7O0FBZ0J2RSxNQUFNLE9BQU8sc0JBQXNCO0lBMkJqQyxJQUFJLFlBQVk7UUFDZCxPQUFPLElBQUksQ0FBQyxLQUFLLENBQUMsWUFBWSxDQUFDO0lBQ2pDLENBQUM7SUFFRCxZQUVVLEtBQXFCLEVBQzdCLFlBQTBCLEVBQ1AsZUFBMEM7UUFGckQsVUFBSyxHQUFMLEtBQUssQ0FBZ0I7UUFFVixvQkFBZSxHQUFmLGVBQWUsQ0FBMkI7UUFsQy9EOztXQUVHO1FBRUgsVUFBSyxHQUFpQyxNQUFNLENBQUM7UUFjN0M7OztXQUdHO1FBR0gsa0JBQWEsR0FBaUIsS0FBSyxDQUFDO1FBWWxDLFlBQVksQ0FBQyxhQUFhLENBQUMsQ0FBQyxXQUFXLEVBQUUsYUFBYSxDQUFDLENBQUMsQ0FBQztJQUMzRCxDQUFDOzttSEF0Q1Usc0JBQXNCLGtCQWdDdkIsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLGNBQWMsQ0FBQzt1R0FoQy9CLHNCQUFzQiw4ckJDOUJuQywrN0NBK0NBO0FEUUU7SUFEQyxhQUFhOzZEQUNzQjsyRkF6QnpCLHNCQUFzQjtrQkFkbEMsU0FBUzsrQkFDRSxpQkFBaUIsUUFFckI7d0JBQ0osa0NBQWtDLEVBQUUsZ0JBQWdCO3dCQUNwRCw4QkFBOEIsRUFBRSxlQUFlO3dCQUMvQyx5Q0FBeUMsRUFBRSxrQkFBa0I7d0JBQzdELDJDQUEyQyxFQUFFLG9CQUFvQjt3QkFDakUsMENBQTBDLEVBQUUsbUJBQW1CO3dCQUMvRCx1Q0FBdUMsRUFBRSxlQUFlO3FCQUN6RCxrQkFDZSxDQUFDLGtCQUFrQixDQUFDLGNBQ3hCLEtBQUs7OzBCQWtDZCxNQUFNOzJCQUFDLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxjQUFjLENBQUM7OzBCQUd2QyxRQUFROzRDQTlCWCxLQUFLO3NCQURKLEtBQUs7Z0JBS04sS0FBSztzQkFGSixXQUFXO3VCQUFDLGFBQWE7O3NCQUN6QixLQUFLO2dCQUtOLFFBQVE7c0JBRlAsV0FBVzt1QkFBQyxpQkFBaUI7O3NCQUM3QixLQUFLO2dCQUtOLFFBQVE7c0JBRlAsV0FBVzt1QkFBQyxpQkFBaUI7O3NCQUM3QixLQUFLO2dCQVNOLGFBQWE7c0JBRlosS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgZm9yd2FyZFJlZixcbiAgSG9zdEJpbmRpbmcsXG4gIEluamVjdCxcbiAgSW5wdXQsXG4gIE9wdGlvbmFsLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFRhYmxlU29ydEhlYWRlckRpcmVjdGl2ZSB9IGZyb20gJy4vdGFibGUtc29ydC1oZWFkZXIuZGlyZWN0aXZlJztcbmltcG9ydCB7IFRhYmxlQ29tcG9uZW50IH0gZnJvbSAnLi90YWJsZS5jb21wb25lbnQnO1xuaW1wb3J0IHsgVXNlQ29tcG9uZW50U3R5bGVzIH0gZnJvbSAnLi4vLi4vY29tbW9uL3NhcHBoaXJlLXZpZXctZW5jYXBzdWxhdGlvbic7XG5pbXBvcnQgeyBDb2VyY2VCb29sZWFuIH0gZnJvbSAnLi4vLi4vY29tbW9uL2NvZXJjZS1ib29sZWFuLmRlY29yYXRvcic7XG5pbXBvcnQgeyBCb29sZWFuSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jZGsvY29lcmNpb24nO1xuaW1wb3J0IHsgSWNvblJlZ2lzdHJ5IH0gZnJvbSAnLi4vLi4vaWNvbi9wdWJsaWNfYXBpJztcbmltcG9ydCB7IGljb25DYXJldERvd24sIGljb25DYXJldFVwIH0gZnJvbSAnQGRhbnNrZS9zYXBwaGlyZS1pY29ucy9qcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3RoW3NwLXRhYmxlLXRoXScsXG4gIHRlbXBsYXRlVXJsOiAnLi90YWJsZS1oZWFkZXItY2VsbC5jb21wb25lbnQuaHRtbCcsXG4gIGhvc3Q6IHtcbiAgICAnW2NsYXNzLnNhcHBoaXJlLXRhYmxlX19oZWFkQ2VsbF0nOiAnIXNlbGVjdGlvbkNlbGwnLFxuICAgICdbY2xhc3Muc2FwcGhpcmUtdGFibGVfX2NlbGxdJzogJ3NlbGVjdGlvbkNlbGwnLFxuICAgICdbY2xhc3Muc2FwcGhpcmUtdGFibGVfX2NlbGwtLWFsaWduTGVmdF0nOiBcImFsaWduID09PSAnbGVmdCdcIixcbiAgICAnW2NsYXNzLnNhcHBoaXJlLXRhYmxlX19jZWxsLS1hbGlnbkNlbnRlcl0nOiBcImFsaWduID09PSAnY2VudGVyJ1wiLFxuICAgICdbY2xhc3Muc2FwcGhpcmUtdGFibGVfX2NlbGwtLWFsaWduUmlnaHRdJzogXCJhbGlnbiA9PT0gJ3JpZ2h0J1wiLFxuICAgICdbY2xhc3Muc2FwcGhpcmUtdGFibGVfX3NlbGVjdGlvbkNlbGxdJzogJ3NlbGVjdGlvbkNlbGwnLFxuICB9LFxuICBob3N0RGlyZWN0aXZlczogW1VzZUNvbXBvbmVudFN0eWxlc10sXG4gIHN0YW5kYWxvbmU6IGZhbHNlLFxufSlcbmV4cG9ydCBjbGFzcyBUYWJsZUhlYWRDZWxsQ29tcG9uZW50IHtcbiAgLyoqXG4gICAqIEhvcml6b250YWwgYWxpZ25tZW50IG9mIGNvbnRlbnQgaW4gdGhlIGNlbGwuXG4gICAqL1xuICBASW5wdXQoKVxuICBhbGlnbj86ICdsZWZ0JyB8ICdjZW50ZXInIHwgJ3JpZ2h0JyA9ICdsZWZ0JztcblxuICBASG9zdEJpbmRpbmcoJ3N0eWxlLndpZHRoJylcbiAgQElucHV0KClcbiAgd2lkdGg/OiBzdHJpbmc7XG5cbiAgQEhvc3RCaW5kaW5nKCdzdHlsZS5taW4td2lkdGgnKVxuICBASW5wdXQoKVxuICBtaW5XaWR0aD86IHN0cmluZztcblxuICBASG9zdEJpbmRpbmcoJ3N0eWxlLm1heC13aWR0aCcpXG4gIEBJbnB1dCgpXG4gIG1heFdpZHRoPzogc3RyaW5nO1xuXG4gIC8qKlxuICAgKiBBcHBsaWVzIHRoZSBzdHlsZXMgZm9yIHNlbGVjdGlvbiBjZWxsLiBBIHNlbGVjdGlvbiBjZWxsIGlzIHRoZSBmaXJzdCBjZWxsIGluIGEgcm93LCBjb250YWluaW5nXG4gICAqIGEgY2hlY2tib3guXG4gICAqL1xuICBASW5wdXQoKVxuICBAQ29lcmNlQm9vbGVhblxuICBzZWxlY3Rpb25DZWxsOiBCb29sZWFuSW5wdXQgPSBmYWxzZTtcblxuICBnZXQgY2VsbE92ZXJmbG93KCkge1xuICAgIHJldHVybiB0aGlzLnRhYmxlLmNlbGxPdmVyZmxvdztcbiAgfVxuXG4gIGNvbnN0cnVjdG9yKFxuICAgIEBJbmplY3QoZm9yd2FyZFJlZigoKSA9PiBUYWJsZUNvbXBvbmVudCkpXG4gICAgcHJpdmF0ZSB0YWJsZTogVGFibGVDb21wb25lbnQsXG4gICAgaWNvblJlZ2lzdHJ5OiBJY29uUmVnaXN0cnksXG4gICAgQE9wdGlvbmFsKCkgcHVibGljIHRhYmxlU29ydEhlYWRlcj86IFRhYmxlU29ydEhlYWRlckRpcmVjdGl2ZVxuICApIHtcbiAgICBpY29uUmVnaXN0cnkucmVnaXN0ZXJJY29ucyhbaWNvbkNhcmV0VXAsIGljb25DYXJldERvd25dKTtcbiAgfVxufVxuIiwiPGRpdlxuICAqbmdJZj1cIiFzZWxlY3Rpb25DZWxsXCJcbiAgY2xhc3M9XCJzYXBwaGlyZS10YWJsZV9faGVhZENlbGxfY29udGFpbmVyXCJcbiAgX3NwVXNlQ29tcG9uZW50U3R5bGVzXG4+XG4gIDxzcGFuICpuZ0lmPVwidGFibGVTb3J0SGVhZGVyICYmIGFsaWduID09PSAncmlnaHQnXCI+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cInNvcnRJY29uXCI+PC9uZy1jb250YWluZXI+XG4gIDwvc3Bhbj5cbiAgPHNwYW4gW3NwVHJ1bmNhdGVkV2l0aFRvb2x0aXBdPVwiY2VsbE92ZXJmbG93ID09PSAndHJ1bmNhdGUnXCI+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImNvbnRlbnRcIj48L25nLWNvbnRhaW5lcj5cbiAgPC9zcGFuPlxuICA8c3BhbiAqbmdJZj1cInRhYmxlU29ydEhlYWRlciAmJiBhbGlnbiAhPT0gJ3JpZ2h0J1wiPlxuICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJzb3J0SWNvblwiPjwvbmctY29udGFpbmVyPlxuICA8L3NwYW4+XG48L2Rpdj5cbjxuZy1jb250YWluZXIgKm5nSWY9XCJzZWxlY3Rpb25DZWxsXCJcbiAgPjxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJjb250ZW50XCI+PC9uZy1jb250YWluZXJcbj48L25nLWNvbnRhaW5lcj5cblxuPG5nLXRlbXBsYXRlICNjb250ZW50PjxuZy1jb250ZW50PjwvbmctY29udGVudD48L25nLXRlbXBsYXRlPlxuXG48bmctdGVtcGxhdGUgI3NvcnRJY29uPlxuICA8c3BhblxuICAgICpuZ0lmPVwidGFibGVTb3J0SGVhZGVyXCJcbiAgICBhcmlhLWhpZGRlbj1cInRydWVcIlxuICAgIFtjbGFzcy5zYXBwaGlyZS10YWJsZS1zb3J0YWJsZUljb25dPVwiXG4gICAgICB0YWJsZVNvcnRIZWFkZXIudGFibGVTb3J0LnNvcnREZXNjcmlwdG9yLmNvbHVtbiAhPT1cbiAgICAgIHRhYmxlU29ydEhlYWRlci5zb3J0SGVhZGVyXG4gICAgXCJcbiAgICBbY2xhc3Muc2FwcGhpcmUtdGFibGUtc29ydGVkSWNvbl09XCJcbiAgICAgIHRhYmxlU29ydEhlYWRlci50YWJsZVNvcnQuc29ydERlc2NyaXB0b3IuY29sdW1uID09PVxuICAgICAgdGFibGVTb3J0SGVhZGVyLnNvcnRIZWFkZXJcbiAgICBcIlxuICAgIF9zcFVzZUNvbXBvbmVudFN0eWxlc1xuICA+XG4gICAgPHNwLWljb25cbiAgICAgIFtuYW1lXT1cIlxuICAgICAgICB0YWJsZVNvcnRIZWFkZXIudGFibGVTb3J0LnNvcnREZXNjcmlwdG9yLmNvbHVtbiA9PT1cbiAgICAgICAgICB0YWJsZVNvcnRIZWFkZXIuc29ydEhlYWRlciAmJlxuICAgICAgICB0YWJsZVNvcnRIZWFkZXIudGFibGVTb3J0LnNvcnREZXNjcmlwdG9yLmRpcmVjdGlvbiA9PT0gJ2Rlc2NlbmRpbmcnXG4gICAgICAgICAgPyAnc29ydERlc2NlbmRpbmcnXG4gICAgICAgICAgOiAnc29ydEFzY2VuZGluZydcbiAgICAgIFwiXG4gICAgICBzaXplPVwibWRcIlxuICAgID48L3NwLWljb24+XG4gIDwvc3Bhbj5cbjwvbmctdGVtcGxhdGU+XG4iXX0=