@danske/sapphire-angular 2.8.0 → 3.0.0

package/lib/select/src/{basic-select/basic-select.component.d.ts → select-button/select-button.component.d.ts}

@@ -4,14 +4,15 @@ import { ListboxComponent } from '../../../listbox/src/listbox.component';
 import { FocusMonitor, FocusOrigin } from '@angular/cdk/a11y';
 import { SelectComponentBase } from '../common/select-component-base';
 import { SelectValueHolder, SingleSelectDirectiveBase } from '../common/select-value-holder';
+import { IconRegistry } from '../../../icon/public_api';
 import * as i0 from "@angular/core";
 /**
  * NOTE: Support for multiple selection in basic select is removed, based on
  * a UX decision. See commit message for more details.
  */
-export declare class BasicSingleSelectDirective extends SingleSelectDirectiveBase {
-    static ɵfac: i0.ɵɵFactoryDeclaration<BasicSingleSelectDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<BasicSingleSelectDirective, "sp-basic-select:not([multiple])", never, {}, {}, never, never, false, never>;
+export declare class SelectButtonSingleSelectDirective extends SingleSelectDirectiveBase {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SelectButtonSingleSelectDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SelectButtonSingleSelectDirective, "sp-select-button:not([multiple])", never, {}, {}, never, never, false, never>;
 }
 /**
  * Allows user to select a single option from a list, similar to native select
@@ -19,7 +20,7 @@ export declare class BasicSingleSelectDirective extends SingleSelectDirectiveBas
  *
  * Example:
  * ```tsx
- * <sp-basic-select
+ * <sp-select-button
  *    placeholder="Select an option"
  *    size="sm"
  *    variant="secondary"
@@ -27,10 +28,10 @@ export declare class BasicSingleSelectDirective extends SingleSelectDirectiveBas
  *   <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-basic-select>
+ * </sp-select-button>
  * ```
  */
-export declare class BasicSelectComponent extends SelectComponentBase {
+export declare class SelectButtonComponent extends SelectComponentBase {
     private focusMonitor;
     /**
      * Size of the button
@@ -39,17 +40,17 @@ export declare class BasicSelectComponent extends SelectComponentBase {
     size: 'sm' | 'md' | 'lg';
     /**
      * Visual variations
-     * @default 'secondary-ghost'
+     * @default 'tertiary'
      */
-    variant: 'primary' | 'secondary' | 'secondary-ghost' | 'secondary-text' | 'tertiary' | 'tertiary-ghost' | 'tertiary-text';
+    variant: 'primary' | 'secondary' | 'tertiary';
     protected triggerRef: PopoverTriggerDirective | undefined;
     protected triggerElementRef: ElementRef | undefined;
     protected listbox: ListboxComponent | undefined;
     private focused;
-    constructor(valueHolder: SelectValueHolder, focusMonitor: FocusMonitor);
+    constructor(valueHolder: SelectValueHolder, focusMonitor: FocusMonitor, iconRegistry: IconRegistry);
     focus(focusOrigin?: FocusOrigin): void;
     isFocused(): boolean;
     _onFocusChange(focusOrigin: FocusOrigin): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<BasicSelectComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BasicSelectComponent, "sp-basic-select", ["spBasicSelect"], { "size": "size"; "variant": "variant"; }, {}, never, ["sp-selection-text"], false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SelectButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SelectButtonComponent, "sp-select-button", ["spSelectButton"], { "size": "size"; "variant": "variant"; }, {}, never, ["sp-selection-text"], false, never>;
 }

package/lib/spinner/public_api.d.ts

@@ -0,0 +1,2 @@
+export * from './src/spinner.component';
+export * from './src/spinner.module';

package/lib/spinner/src/spinner.component.d.ts

@@ -0,0 +1,14 @@
+import * as i0 from "@angular/core";
+export declare class SpinnerComponent {
+    size: '3xs' | '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    /**
+     * Defines a string value that labels the current element.
+     */
+    ariaLabel?: string;
+    /**
+     * Identifies the element (or elements) that labels the current element.
+     */
+    ariaLabelledBy?: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SpinnerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SpinnerComponent, "sp-spinner", never, { "size": "size"; "ariaLabel": "aria-label"; "ariaLabelledBy": "aria-labelledby"; }, {}, never, never, false, never>;
+}

package/lib/spinner/src/spinner.module.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./spinner.component";
+import * as i2 from "@angular/common";
+export declare class SapphireSpinnerModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SapphireSpinnerModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SapphireSpinnerModule, [typeof i1.SpinnerComponent], [typeof i2.CommonModule], [typeof i1.SpinnerComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SapphireSpinnerModule>;
+}

package/lib/surface/src/surface.component.d.ts

@@ -5,7 +5,7 @@ import * as i1 from "../../common/sapphire-view-encapsulation";
  * primary surface background color, text color and font family.
  */
 export declare class SurfaceComponent {
-    variant?: 'primary' | 'secondary';
+    variant?: 'primary' | 'secondary' | 'tertiary' | 'contrast';
     static ɵfac: i0.ɵɵFactoryDeclaration<SurfaceComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SurfaceComponent, "sp-surface", never, { "variant": "variant"; }, {}, never, ["*"], true, [{ directive: typeof i1.UseComponentStylesOnHost; inputs: {}; outputs: {}; }]>;
 }

package/lib/table/src/table-head-cell.component.d.ts

@@ -1,6 +1,7 @@
 import { TableSortHeaderDirective } from './table-sort-header.directive';
 import { TableComponent } from './table.component';
 import { BooleanInput } from '@angular/cdk/coercion';
+import { IconRegistry } from '../../icon/public_api';
 import * as i0 from "@angular/core";
 import * as i1 from "../../common/sapphire-view-encapsulation";
 export declare class TableHeadCellComponent {
@@ -19,7 +20,7 @@ export declare class TableHeadCellComponent {
      */
     selectionCell: BooleanInput;
     get cellOverflow(): "wrap" | "truncate";
-    constructor(table: TableComponent, tableSortHeader?: TableSortHeaderDirective | undefined);
-    static ɵfac: i0.ɵɵFactoryDeclaration<TableHeadCellComponent, [null, { optional: true; }]>;
+    constructor(table: TableComponent, iconRegistry: IconRegistry, tableSortHeader?: TableSortHeaderDirective | undefined);
+    static ɵfac: i0.ɵɵFactoryDeclaration<TableHeadCellComponent, [null, null, { optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TableHeadCellComponent, "th[sp-table-th]", never, { "align": "align"; "width": "width"; "minWidth": "minWidth"; "maxWidth": "maxWidth"; "selectionCell": "selectionCell"; }, {}, never, ["*"], false, [{ directive: typeof i1.UseComponentStyles; inputs: {}; outputs: {}; }]>;
 }

package/lib/typography/public_api.d.ts

@@ -1,3 +1,5 @@
 export * from './src/heading.component';
-export * from './src/paragraph.component';
+export * from './src/subheading.component';
+export * from './src/caption.component';
+export * from './src/body.component';
 export * from './src/typography.module';

package/lib/typography/src/body.component.d.ts

@@ -0,0 +1,16 @@
+import { BooleanInput } from '@angular/cdk/coercion';
+import * as i0 from "@angular/core";
+import * as i1 from "../../theme/src/theme-check.directive";
+import * as i2 from "../../common/sapphire-view-encapsulation";
+export declare class BodyComponent {
+    size: 'lg' | 'md' | 'sm' | 'xs';
+    /**
+     * The semantic color of the text
+     * @default 'primary'
+     */
+    color?: 'primary' | 'secondary' | 'positive' | 'negative' | 'warning' | 'informative';
+    bold?: BooleanInput;
+    private get className();
+    static ɵfac: i0.ɵɵFactoryDeclaration<BodyComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BodyComponent, "[sp-body]", never, { "size": "size"; "color": "color"; "bold": "bold"; }, {}, never, ["*"], false, [{ directive: typeof i1.ThemeCheckDirective; inputs: {}; outputs: {}; }, { directive: typeof i2.UseComponentStylesOnHost; inputs: {}; outputs: {}; }]>;
+}

package/lib/typography/src/caption.component.d.ts

@@ -0,0 +1,14 @@
+import * as i0 from "@angular/core";
+import * as i1 from "../../theme/src/theme-check.directive";
+import * as i2 from "../../common/sapphire-view-encapsulation";
+export declare class CaptionComponent {
+    size: 'md' | 'sm';
+    /**
+     * The semantic color of the text
+     * @default 'primary'
+     */
+    color?: 'primary' | 'secondary' | 'positive' | 'negative' | 'warning' | 'informative';
+    private get className();
+    static ɵfac: i0.ɵɵFactoryDeclaration<CaptionComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CaptionComponent, "[sp-caption]", never, { "size": "size"; "color": "color"; }, {}, never, ["*"], false, [{ directive: typeof i1.ThemeCheckDirective; inputs: {}; outputs: {}; }, { directive: typeof i2.UseComponentStylesOnHost; inputs: {}; outputs: {}; }]>;
+}

package/lib/typography/src/heading.component.d.ts

@@ -8,13 +8,15 @@ export declare class HeadingComponent {
     private levelInput?;
     set level(value: HeadingLevel);
     /**
-     * @deprecated 'alternative' variant will not be a part of the new CVI
+     * The semantic color of the text
+     * @default 'primary'
      */
-    fontVariant?: 'default' | 'alternative';
+    color?: 'primary' | 'secondary' | 'positive' | 'negative' | 'warning' | 'informative';
     get level(): HeadingLevel;
     constructor(elementRef: ElementRef);
     private getLevelFromElement;
+    private get className();
     static ɵfac: i0.ɵɵFactoryDeclaration<HeadingComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<HeadingComponent, "h1[sp-heading],h2[sp-heading],h3[sp-heading],h4[sp-heading],h5[sp-heading],h6[sp-heading]", never, { "level": "sp-heading"; "fontVariant": "fontVariant"; }, {}, never, ["*"], false, [{ directive: typeof i1.ThemeCheckDirective; inputs: {}; outputs: {}; }, { directive: typeof i2.UseComponentStylesOnHost; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HeadingComponent, "h1[sp-heading],h2[sp-heading],h3[sp-heading],h4[sp-heading],h5[sp-heading],h6[sp-heading]", never, { "level": "sp-heading"; "color": "color"; }, {}, never, ["*"], false, [{ directive: typeof i1.ThemeCheckDirective; inputs: {}; outputs: {}; }, { directive: typeof i2.UseComponentStylesOnHost; inputs: {}; outputs: {}; }]>;
 }
 export {};

package/lib/typography/src/subheading.component.d.ts

@@ -0,0 +1,14 @@
+import * as i0 from "@angular/core";
+import * as i1 from "../../theme/src/theme-check.directive";
+import * as i2 from "../../common/sapphire-view-encapsulation";
+export declare class SubheadingComponent {
+    size: 'md' | 'sm';
+    /**
+     * The semantic color of the text
+     * @default 'primary'
+     */
+    color?: 'primary' | 'secondary' | 'positive' | 'negative' | 'warning' | 'informative';
+    private get className();
+    static ɵfac: i0.ɵɵFactoryDeclaration<SubheadingComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SubheadingComponent, "[sp-subheading]", never, { "size": "size"; "color": "color"; }, {}, never, ["*"], false, [{ directive: typeof i1.ThemeCheckDirective; inputs: {}; outputs: {}; }, { directive: typeof i2.UseComponentStylesOnHost; inputs: {}; outputs: {}; }]>;
+}

package/lib/typography/src/typography.module.d.ts

@@ -1,9 +1,11 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./heading.component";
-import * as i2 from "./paragraph.component";
-import * as i3 from "@angular/common";
+import * as i2 from "./body.component";
+import * as i3 from "./caption.component";
+import * as i4 from "./subheading.component";
+import * as i5 from "@angular/common";
 export declare class SapphireTypographyModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SapphireTypographyModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SapphireTypographyModule, [typeof i1.HeadingComponent, typeof i2.ParagraphComponent], [typeof i3.CommonModule], [typeof i1.HeadingComponent, typeof i2.ParagraphComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SapphireTypographyModule, [typeof i1.HeadingComponent, typeof i2.BodyComponent, typeof i3.CaptionComponent, typeof i4.SubheadingComponent], [typeof i5.CommonModule], [typeof i1.HeadingComponent, typeof i2.BodyComponent, typeof i3.CaptionComponent, typeof i4.SubheadingComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SapphireTypographyModule>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@danske/sapphire-angular",
-  "version": "2.8.0",
+  "version": "3.0.0",
   "license": "SEE LICENSE IN LICENSE",
   "description": "The Angular implementation of the Sapphire Design System from Danske Bank A/S",
   "module": "fesm2015/danske-sapphire-angular.mjs",
@@ -9,18 +9,19 @@
     "directory": "build"
   },
   "peerDependencies": {
-    "@angular/cdk": "^15.1.3 || ^16.0.0 || ^17.0.0 || ^18.0.0",
-    "@angular/common": "^15.0.0 || ^16.0.0 || ^17.0.0 || ^18.0.0",
-    "@angular/core": "^15.0.0 || ^16.0.0 || ^17.0.0 || ^18.0.0",
-    "@angular/forms": "^15.0.0 || ^16.0.0 || ^17.0.0 || ^18.0.0",
-    "@danske/sapphire-icons": "^2.0.0"
+    "@angular/cdk": "^15.1.3 || ^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^20.0.0",
+    "@angular/common": "^15.0.0 || ^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^20.0.0",
+    "@angular/core": "^15.0.0 || ^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^20.0.0",
+    "@angular/forms": "^15.0.0 || ^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^20.0.0",
+    "@danske/sapphire-icons": "^3.0.0"
   },
   "dependencies": {
-    "@danske/sapphire-css": "^39.0.0",
+    "@danske/sapphire-css": "^40.0.0",
     "@internationalized/message": "^3.1.5",
+    "sanitize-html": "^2.17.0",
     "tslib": "^2.3.0"
   },
-  "gitHead": "f2079a7e0cd3e3c50c5b75c0aa545f8beee78d3c",
+  "gitHead": "09163d6ba43ad1cb4eef0f62060664840493fd01",
   "es2020": "fesm2020/danske-sapphire-angular.mjs",
   "esm2020": "esm2020/danske-sapphire-angular.mjs",
   "fesm2020": "fesm2020/danske-sapphire-angular.mjs",

package/public-api.d.ts

@@ -9,6 +9,9 @@ export * from './lib/select/public_api';
 export * from './lib/listbox/public_api';
 export * from './lib/link/public_api';
 export * from './lib/segmented-tabs/public_api';
+export * from './lib/spinner/public_api';
+export * from './lib/avatar/public_api';
+export * from './lib/feedback-message/public_api';
 export * from './lib/table/public_api';
 export * from './lib/notification-badge/public_api';
 export * from './lib/switch/public_api';

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

@@ -1,132 +0,0 @@
-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 * as i0 from "@angular/core";
-import * as i1 from "../common/select-value-holder";
-import * as i2 from "@angular/cdk/a11y";
-import * as i3 from "@angular/common";
-import * as i4 from "../../../icon/src/icon.component";
-import * as i5 from "../../../listbox/src/listbox.component";
-import * as i6 from "../../../popover/src/popover.component";
-import * as i7 from "../../../popover/src/popover-trigger.directive";
-import * as i8 from "../../../button/src/button.component";
-import * as i9 from "../../../button/src/button-icon.directive";
-import * as i10 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 BasicSingleSelectDirective extends SingleSelectDirectiveBase {
-}
-BasicSingleSelectDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: BasicSingleSelectDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-BasicSingleSelectDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.0", type: BasicSingleSelectDirective, selector: "sp-basic-select:not([multiple])", providers: [
-        {
-            provide: SelectValueHolder,
-            useExisting: forwardRef(() => BasicSingleSelectDirective),
-        },
-    ], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: BasicSingleSelectDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'sp-basic-select:not([multiple])',
-                    providers: [
-                        {
-                            provide: SelectValueHolder,
-                            useExisting: forwardRef(() => BasicSingleSelectDirective),
-                        },
-                    ],
-                }]
-        }] });
-/**
- * Allows user to select a single option from a list, similar to native select
- * component.
- *
- * Example:
- * ```tsx
- * <sp-basic-select
- *    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-basic-select>
- * ```
- */
-export class BasicSelectComponent extends SelectComponentBase {
-    constructor(valueHolder, focusMonitor) {
-        super(valueHolder);
-        this.focusMonitor = focusMonitor;
-        /**
-         * Size of the button
-         * @default 'md'
-         */
-        this.size = 'md';
-        /**
-         * Visual variations
-         * @default 'secondary-ghost'
-         */
-        this.variant = 'secondary-ghost';
-        this.focused = false;
-    }
-    focus(focusOrigin = 'program') {
-        if (this.triggerElementRef) {
-            this.focusMonitor.focusVia(this.triggerElementRef.nativeElement, focusOrigin);
-        }
-    }
-    isFocused() {
-        return this.focused;
-    }
-    _onFocusChange(focusOrigin) {
-        this.focused = Boolean(focusOrigin);
-    }
-}
-BasicSelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: BasicSelectComponent, deps: [{ token: i1.SelectValueHolder }, { token: i2.FocusMonitor }], target: i0.ɵɵFactoryTarget.Component });
-BasicSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: BasicSelectComponent, selector: "sp-basic-select", inputs: { size: "size", variant: "variant" }, host: { properties: { "attr.aria-label": "null", "attr.aria-labelledby": "null" } }, providers: [
-        {
-            provide: NG_VALUE_ACCESSOR,
-            useExisting: forwardRef(() => BasicSelectComponent),
-            multi: true,
-        },
-        {
-            provide: SelectComponentBase,
-            useExisting: forwardRef(() => BasicSelectComponent),
-        },
-        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: ["spBasicSelect"], 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        [size]=\"size\"\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-content-default-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-input-lg);box-sizing:border-box;cursor:pointer;padding:0 var(--sapphire-semantic-size-spacing-control-horizontal-lg);border:none;background-color:var(--sapphire-semantic-color-background-field-default);width:100%;outline:0;text-align:left;color:inherit;font-family:inherit;box-shadow:inset 0 0 0 1px var(--sapphire-semantic-color-border-field-default);border-radius:var(--sapphire-semantic-size-radius-sm);gap:var(--sapphire-semantic-size-spacing-30)}.sapphire-select--md .sapphire-select__button{height:var(--sapphire-semantic-size-height-input-md);padding:0 var(--sapphire-semantic-size-spacing-control-horizontal-md);gap:var(--sapphire-semantic-size-spacing-20)}.sapphire-select__value{flex:1 0 0;min-width:0;font-size:var(--sapphire-semantic-size-font-control-default);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-content-default-secondary);pointer-events:none}.sapphire-select__icon-container{line-height:0;width:var(--sapphire-semantic-size-icon-lg);height:var(--sapphire-semantic-size-icon-lg)}.sapphire-select--md .sapphire-select__icon-container{width:var(--sapphire-semantic-size-icon-md);height:var(--sapphire-semantic-size-icon-md)}.sapphire-select__prefix{display:inherit;font-size:var(--sapphire-semantic-size-font-control-default)}.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-content-default-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-field-error)}.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-field-error)}.sapphire-select.is-disabled .sapphire-select__button{cursor:not-allowed}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.IconComponent, selector: "sp-icon", inputs: ["name", "size"] }, { kind: "component", type: i5.ListboxComponent, selector: "sp-listbox", inputs: ["selectedValues", "spListboxItems", "disabled", "multiple", "navigationWrapDisabled", "aria-label", "aria-labelledby", "size", "id"], outputs: ["selectedValuesChange", "selected"], exportAs: ["spListbox"] }, { kind: "component", type: i6.PopoverComponent, selector: "sp-popover", inputs: ["noPadding", "noMaxWidth", "noAutoFocus", "trapFocus"] }, { kind: "directive", type: i7.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: i8.ButtonComponent, selector: "button[sp-button], a[sp-button]", inputs: ["variant", "size", "disabled", "iconAlign", "type"] }, { kind: "directive", type: i9.ButtonIconDirective, selector: "[spButtonIcon]" }, { kind: "component", type: i10.HiddenSelectComponent, selector: "sp-hidden-select" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: BasicSelectComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'sp-basic-select', exportAs: 'spBasicSelect', providers: [
-                        {
-                            provide: NG_VALUE_ACCESSOR,
-                            useExisting: forwardRef(() => BasicSelectComponent),
-                            multi: true,
-                        },
-                        {
-                            provide: SelectComponentBase,
-                            useExisting: forwardRef(() => BasicSelectComponent),
-                        },
-                        ViewEncapsulationProvider,
-                    ], host: {
-                        '[attr.aria-label]': 'null',
-                        '[attr.aria-labelledby]': 'null',
-                    }, 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        [size]=\"size\"\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-content-default-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-input-lg);box-sizing:border-box;cursor:pointer;padding:0 var(--sapphire-semantic-size-spacing-control-horizontal-lg);border:none;background-color:var(--sapphire-semantic-color-background-field-default);width:100%;outline:0;text-align:left;color:inherit;font-family:inherit;box-shadow:inset 0 0 0 1px var(--sapphire-semantic-color-border-field-default);border-radius:var(--sapphire-semantic-size-radius-sm);gap:var(--sapphire-semantic-size-spacing-30)}.sapphire-select--md .sapphire-select__button{height:var(--sapphire-semantic-size-height-input-md);padding:0 var(--sapphire-semantic-size-spacing-control-horizontal-md);gap:var(--sapphire-semantic-size-spacing-20)}.sapphire-select__value{flex:1 0 0;min-width:0;font-size:var(--sapphire-semantic-size-font-control-default);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-content-default-secondary);pointer-events:none}.sapphire-select__icon-container{line-height:0;width:var(--sapphire-semantic-size-icon-lg);height:var(--sapphire-semantic-size-icon-lg)}.sapphire-select--md .sapphire-select__icon-container{width:var(--sapphire-semantic-size-icon-md);height:var(--sapphire-semantic-size-icon-md)}.sapphire-select__prefix{display:inherit;font-size:var(--sapphire-semantic-size-font-control-default)}.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-content-default-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-field-error)}.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-field-error)}.sapphire-select.is-disabled .sapphire-select__button{cursor:not-allowed}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1.SelectValueHolder }, { type: i2.FocusMonitor }]; }, 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFzaWMtc2VsZWN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9saWIvc2VsZWN0L3NyYy9iYXNpYy1zZWxlY3QvYmFzaWMtc2VsZWN0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9saWIvc2VsZWN0L3NyYy9iYXNpYy1zZWxlY3QvYmFzaWMtc2VsZWN0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsU0FBUyxFQUNULFVBQVUsRUFDVixVQUFVLEVBQ1YsS0FBSyxFQUNMLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUVuRCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSx3Q0FBd0MsQ0FBQztBQUUxRSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUN0RSxPQUFPLEVBQ0wsaUJBQWlCLEVBQ2pCLHlCQUF5QixHQUMxQixNQUFNLCtCQUErQixDQUFDO0FBQ3ZDLE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLDZDQUE2QyxDQUFDOzs7Ozs7Ozs7Ozs7QUFFeEY7OztHQUdHO0FBVUgsTUFBTSxPQUFPLDBCQUEyQixTQUFRLHlCQUF5Qjs7dUhBQTVELDBCQUEwQjsyR0FBMUIsMEJBQTBCLDBEQVAxQjtRQUNUO1lBQ0UsT0FBTyxFQUFFLGlCQUFpQjtZQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLDBCQUEwQixDQUFDO1NBQzFEO0tBQ0Y7MkZBRVUsMEJBQTBCO2tCQVR0QyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxpQ0FBaUM7b0JBQzNDLFNBQVMsRUFBRTt3QkFDVDs0QkFDRSxPQUFPLEVBQUUsaUJBQWlCOzRCQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSwyQkFBMkIsQ0FBQzt5QkFDMUQ7cUJBQ0Y7aUJBQ0Y7O0FBR0Q7Ozs7Ozs7Ozs7Ozs7Ozs7R0FnQkc7QUF1QkgsTUFBTSxPQUFPLG9CQUFxQixTQUFRLG1CQUFtQjtJQWlDM0QsWUFDRSxXQUE4QixFQUN0QixZQUEwQjtRQUVsQyxLQUFLLENBQUMsV0FBVyxDQUFDLENBQUM7UUFGWCxpQkFBWSxHQUFaLFlBQVksQ0FBYztRQWxDcEM7OztXQUdHO1FBRUgsU0FBSSxHQUF1QixJQUFJLENBQUM7UUFFaEM7OztXQUdHO1FBRUgsWUFBTyxHQU9lLGlCQUFpQixDQUFDO1FBV2hDLFlBQU8sR0FBRyxLQUFLLENBQUM7SUFPeEIsQ0FBQztJQUVELEtBQUssQ0FBQyxjQUEyQixTQUFTO1FBQ3hDLElBQUksSUFBSSxDQUFDLGlCQUFpQixFQUFFO1lBQzFCLElBQUksQ0FBQyxZQUFZLENBQUMsUUFBUSxDQUN4QixJQUFJLENBQUMsaUJBQWlCLENBQUMsYUFBYSxFQUNwQyxXQUFXLENBQ1osQ0FBQztTQUNIO0lBQ0gsQ0FBQztJQUVELFNBQVM7UUFDUCxPQUFPLElBQUksQ0FBQyxPQUFPLENBQUM7SUFDdEIsQ0FBQztJQUVELGNBQWMsQ0FBQyxXQUF3QjtRQUNyQyxJQUFJLENBQUMsT0FBTyxHQUFHLE9BQU8sQ0FBQyxXQUFXLENBQUMsQ0FBQztJQUN0QyxDQUFDOztpSEF2RFUsb0JBQW9CO3FHQUFwQixvQkFBb0IsNktBakJwQjtRQUNUO1lBQ0UsT0FBTyxFQUFFLGlCQUFpQjtZQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLG9CQUFvQixDQUFDO1lBQ25ELEtBQUssRUFBRSxJQUFJO1NBQ1o7UUFDRDtZQUNFLE9BQU8sRUFBRSxtQkFBbUI7WUFDNUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxvQkFBb0IsQ0FBQztTQUNwRDtRQUNELHlCQUF5QjtLQUMxQix3TkErQnVDLFVBQVUsdURBR3ZDLGdCQUFnQixvR0NyRzdCLDA2Q0E4Q0E7MkZEMkJhLG9CQUFvQjtrQkF0QmhDLFNBQVM7K0JBQ0UsaUJBQWlCLFlBR2pCLGVBQWUsYUFDZDt3QkFDVDs0QkFDRSxPQUFPLEVBQUUsaUJBQWlCOzRCQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxxQkFBcUIsQ0FBQzs0QkFDbkQsS0FBSyxFQUFFLElBQUk7eUJBQ1o7d0JBQ0Q7NEJBQ0UsT0FBTyxFQUFFLG1CQUFtQjs0QkFDNUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUscUJBQXFCLENBQUM7eUJBQ3BEO3dCQUNELHlCQUF5QjtxQkFDMUIsUUFDSzt3QkFDSixtQkFBbUIsRUFBRSxNQUFNO3dCQUMzQix3QkFBd0IsRUFBRSxNQUFNO3FCQUNqQzttSUFRRCxJQUFJO3NCQURILEtBQUs7Z0JBUU4sT0FBTztzQkFETixLQUFLO2dCQVdJLFVBQVU7c0JBRG5CLFNBQVM7dUJBQUMsWUFBWTtnQkFJYixpQkFBaUI7c0JBRDFCLFNBQVM7dUJBQUMsbUJBQW1CLEVBQUUsRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUFFO2dCQUkxQyxPQUFPO3NCQURoQixTQUFTO3VCQUFDLGdCQUFnQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgRGlyZWN0aXZlLFxuICBFbGVtZW50UmVmLFxuICBmb3J3YXJkUmVmLFxuICBJbnB1dCxcbiAgVmlld0NoaWxkLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE5HX1ZBTFVFX0FDQ0VTU09SIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgUG9wb3ZlclRyaWdnZXJEaXJlY3RpdmUgfSBmcm9tICcuLi8uLi8uLi9wb3BvdmVyL3NyYy9wb3BvdmVyLXRyaWdnZXIuZGlyZWN0aXZlJztcbmltcG9ydCB7IExpc3Rib3hDb21wb25lbnQgfSBmcm9tICcuLi8uLi8uLi9saXN0Ym94L3NyYy9saXN0Ym94LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBGb2N1c01vbml0b3IsIEZvY3VzT3JpZ2luIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2ExMXknO1xuaW1wb3J0IHsgU2VsZWN0Q29tcG9uZW50QmFzZSB9IGZyb20gJy4uL2NvbW1vbi9zZWxlY3QtY29tcG9uZW50LWJhc2UnO1xuaW1wb3J0IHtcbiAgU2VsZWN0VmFsdWVIb2xkZXIsXG4gIFNpbmdsZVNlbGVjdERpcmVjdGl2ZUJhc2UsXG59IGZyb20gJy4uL2NvbW1vbi9zZWxlY3QtdmFsdWUtaG9sZGVyJztcbmltcG9ydCB7IFZpZXdFbmNhcHN1bGF0aW9uUHJvdmlkZXIgfSBmcm9tICcuLi8uLi8uLi9jb21tb24vc2FwcGhpcmUtdmlldy1lbmNhcHN1bGF0aW9uJztcblxuLyoqXG4gKiBOT1RFOiBTdXBwb3J0IGZvciBtdWx0aXBsZSBzZWxlY3Rpb24gaW4gYmFzaWMgc2VsZWN0IGlzIHJlbW92ZWQsIGJhc2VkIG9uXG4gKiBhIFVYIGRlY2lzaW9uLiBTZWUgY29tbWl0IG1lc3NhZ2UgZm9yIG1vcmUgZGV0YWlscy5cbiAqL1xuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnc3AtYmFzaWMtc2VsZWN0Om5vdChbbXVsdGlwbGVdKScsXG4gIHByb3ZpZGVyczogW1xuICAgIHtcbiAgICAgIHByb3ZpZGU6IFNlbGVjdFZhbHVlSG9sZGVyLFxuICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gQmFzaWNTaW5nbGVTZWxlY3REaXJlY3RpdmUpLFxuICAgIH0sXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIEJhc2ljU2luZ2xlU2VsZWN0RGlyZWN0aXZlIGV4dGVuZHMgU2luZ2xlU2VsZWN0RGlyZWN0aXZlQmFzZSB7fVxuXG4vKipcbiAqIEFsbG93cyB1c2VyIHRvIHNlbGVjdCBhIHNpbmdsZSBvcHRpb24gZnJvbSBhIGxpc3QsIHNpbWlsYXIgdG8gbmF0aXZlIHNlbGVjdFxuICogY29tcG9uZW50LlxuICpcbiAqIEV4YW1wbGU6XG4gKiBgYGB0c3hcbiAqIDxzcC1iYXNpYy1zZWxlY3RcbiAqICAgIHBsYWNlaG9sZGVyPVwiU2VsZWN0IGFuIG9wdGlvblwiXG4gKiAgICBzaXplPVwic21cIlxuICogICAgdmFyaWFudD1cInNlY29uZGFyeVwiXG4gKiA+XG4gKiAgIDxzcC1vcHRpb24gdmFsdWU9XCJvcHRpb24xXCI+Rmlyc3QgT3B0aW9uPC9zcC1vcHRpb24+XG4gKiAgIDxzcC1vcHRpb24gdmFsdWU9XCJvcHRpb24yXCI+U2Vjb25kIE9wdGlvbjwvc3Atb3B0aW9uPlxuICogICA8c3Atb3B0aW9uIHZhbHVlPVwib3B0aW9uM1wiPlRoaXJkIE9wdGlvbjwvc3Atb3B0aW9uPlxuICogPC9zcC1iYXNpYy1zZWxlY3Q+XG4gKiBgYGBcbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3AtYmFzaWMtc2VsZWN0JyxcbiAgdGVtcGxhdGVVcmw6ICcuL2Jhc2ljLXNlbGVjdC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2Jhc2ljLXNlbGVjdC5jb21wb25lbnQuc2NzcyddLFxuICBleHBvcnRBczogJ3NwQmFzaWNTZWxlY3QnLFxuICBwcm92aWRlcnM6IFtcbiAgICB7XG4gICAgICBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUixcbiAgICAgIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IEJhc2ljU2VsZWN0Q29tcG9uZW50KSxcbiAgICAgIG11bHRpOiB0cnVlLFxuICAgIH0sXG4gICAge1xuICAgICAgcHJvdmlkZTogU2VsZWN0Q29tcG9uZW50QmFzZSxcbiAgICAgIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IEJhc2ljU2VsZWN0Q29tcG9uZW50KSxcbiAgICB9LFxuICAgIFZpZXdFbmNhcHN1bGF0aW9uUHJvdmlkZXIsXG4gIF0sXG4gIGhvc3Q6IHtcbiAgICAnW2F0dHIuYXJpYS1sYWJlbF0nOiAnbnVsbCcsXG4gICAgJ1thdHRyLmFyaWEtbGFiZWxsZWRieV0nOiAnbnVsbCcsXG4gIH0sXG59KVxuZXhwb3J0IGNsYXNzIEJhc2ljU2VsZWN0Q29tcG9uZW50IGV4dGVuZHMgU2VsZWN0Q29tcG9uZW50QmFzZSB7XG4gIC8qKlxuICAgKiBTaXplIG9mIHRoZSBidXR0b25cbiAgICogQGRlZmF1bHQgJ21kJ1xuICAgKi9cbiAgQElucHV0KClcbiAgc2l6ZTogJ3NtJyB8ICdtZCcgfCAnbGcnID0gJ21kJztcblxuICAvKipcbiAgICogVmlzdWFsIHZhcmlhdGlvbnNcbiAgICogQGRlZmF1bHQgJ3NlY29uZGFyeS1naG9zdCdcbiAgICovXG4gIEBJbnB1dCgpXG4gIHZhcmlhbnQ6XG4gICAgfCAncHJpbWFyeSdcbiAgICB8ICdzZWNvbmRhcnknXG4gICAgfCAnc2Vjb25kYXJ5LWdob3N0J1xuICAgIHwgJ3NlY29uZGFyeS10ZXh0J1xuICAgIHwgJ3RlcnRpYXJ5J1xuICAgIHwgJ3RlcnRpYXJ5LWdob3N0J1xuICAgIHwgJ3RlcnRpYXJ5LXRleHQnID0gJ3NlY29uZGFyeS1naG9zdCc7XG5cbiAgQFZpZXdDaGlsZCgndHJpZ2dlclJlZicpXG4gIHByb3RlY3RlZCB0cmlnZ2VyUmVmOiBQb3BvdmVyVHJpZ2dlckRpcmVjdGl2ZSB8IHVuZGVmaW5lZDtcblxuICBAVmlld0NoaWxkKCd0cmlnZ2VyRWxlbWVudFJlZicsIHsgcmVhZDogRWxlbWVudFJlZiB9KVxuICBwcm90ZWN0ZWQgdHJpZ2dlckVsZW1lbnRSZWY6IEVsZW1lbnRSZWYgfCB1bmRlZmluZWQ7XG5cbiAgQFZpZXdDaGlsZChMaXN0Ym94Q29tcG9uZW50KVxuICBwcm90ZWN0ZWQgbGlzdGJveDogTGlzdGJveENvbXBvbmVudCB8IHVuZGVmaW5lZDtcblxuICBwcml2YXRlIGZvY3VzZWQgPSBmYWxzZTtcblxuICBjb25zdHJ1Y3RvcihcbiAgICB2YWx1ZUhvbGRlcjogU2VsZWN0VmFsdWVIb2xkZXIsXG4gICAgcHJpdmF0ZSBmb2N1c01vbml0b3I6IEZvY3VzTW9uaXRvclxuICApIHtcbiAgICBzdXBlcih2YWx1ZUhvbGRlcik7XG4gIH1cblxuICBmb2N1cyhmb2N1c09yaWdpbjogRm9jdXNPcmlnaW4gPSAncHJvZ3JhbScpIHtcbiAgICBpZiAodGhpcy50cmlnZ2VyRWxlbWVudFJlZikge1xuICAgICAgdGhpcy5mb2N1c01vbml0b3IuZm9jdXNWaWEoXG4gICAgICAgIHRoaXMudHJpZ2dlckVsZW1lbnRSZWYubmF0aXZlRWxlbWVudCxcbiAgICAgICAgZm9jdXNPcmlnaW5cbiAgICAgICk7XG4gICAgfVxuICB9XG5cbiAgaXNGb2N1c2VkKCkge1xuICAgIHJldHVybiB0aGlzLmZvY3VzZWQ7XG4gIH1cblxuICBfb25Gb2N1c0NoYW5nZShmb2N1c09yaWdpbjogRm9jdXNPcmlnaW4pIHtcbiAgICB0aGlzLmZvY3VzZWQgPSBCb29sZWFuKGZvY3VzT3JpZ2luKTtcbiAgfVxufVxuIiwiPGRpdiBzdHlsZT1cInBvc2l0aW9uOiByZWxhdGl2ZVwiPlxuICA8c3AtaGlkZGVuLXNlbGVjdD48L3NwLWhpZGRlbi1zZWxlY3Q+XG4gIDxidXR0b25cbiAgICBzcC1idXR0b25cbiAgICBbdmFyaWFudF09XCJ2YXJpYW50XCJcbiAgICBbc2l6ZV09XCJzaXplXCJcbiAgICBpY29uQWxpZ249XCJyaWdodFwiXG4gICAgW3NwUG9wb3ZlclRyaWdnZXJGb3JdPVwicG9wb3ZlclwiXG4gICAgc3BQb3BvdmVyUGxhY2VtZW50PVwiYm90dG9tIHN0YXJ0XCJcbiAgICAjdHJpZ2dlckVsZW1lbnRSZWZcbiAgICAjdHJpZ2dlclJlZj1cInNwUG9wb3ZlclRyaWdnZXJcIlxuICAgIChrZXlkb3duKT1cImhhbmRsZUtleURvd24oJGV2ZW50KVwiXG4gICAgKHNwUG9wb3ZlclRyaWdnZXJPcGVuZWQpPVwiX29uT3BlbigpXCJcbiAgICAoc3BQb3BvdmVyVHJpZ2dlckNsb3NlZCk9XCJfb25DbG9zZSgpXCJcbiAgICBjZGtNb25pdG9yRWxlbWVudEZvY3VzXG4gICAgKGNka0ZvY3VzQ2hhbmdlKT1cIl9vbkZvY3VzQ2hhbmdlKCRldmVudClcIlxuICAgIGFyaWEtaGFzcG9wdXA9XCJsaXN0Ym94XCJcbiAgICBbYXR0ci5hcmlhLWxhYmVsXT1cImFyaWFMYWJlbFwiXG4gICAgW2F0dHIuYXJpYS1sYWJlbGxlZGJ5XT1cImFyaWFMYWJlbGxlZGJ5XCJcbiAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxuICA+XG4gICAgPHNwYW4gKm5nSWY9XCJzZWxlY3RlZE9wdGlvbnMubGVuZ3RoID09PSAwXCI+XG4gICAgICB7eyBwbGFjZWhvbGRlciB9fVxuICAgIDwvc3Bhbj5cbiAgICA8bmctY29udGFpbmVyICpuZ0lmPVwic2VsZWN0ZWRPcHRpb25zLmxlbmd0aCA+IDBcIj5cbiAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCIhc2VsZWN0aW9uVGV4dFwiPnt7XG4gICAgICAgIGdldFNlbGVjdGlvblRleHQoKVxuICAgICAgfX08L25nLWNvbnRhaW5lcj5cbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cInNwLXNlbGVjdGlvbi10ZXh0XCI+PC9uZy1jb250ZW50PlxuICAgIDwvbmctY29udGFpbmVyPlxuICAgIDxzcC1pY29uIHNwQnV0dG9uSWNvbiBuYW1lPVwiY2hldnJvbkRvd25cIj48L3NwLWljb24+XG4gIDwvYnV0dG9uPlxuICA8bmctdGVtcGxhdGUgI3BvcG92ZXI+XG4gICAgPHNwLXBvcG92ZXIgbm9QYWRkaW5nPlxuICAgICAgPHNwLWxpc3Rib3hcbiAgICAgICAgW3NwTGlzdGJveEl0ZW1zXT1cImxpc3Rib3hDaGlsZHJlblwiXG4gICAgICAgIG5hdmlnYXRpb25XcmFwRGlzYWJsZWRcbiAgICAgICAgW211bHRpcGxlXT1cIm11bHRpcGxlXCJcbiAgICAgICAgWyhzZWxlY3RlZFZhbHVlcyldPVwibGlzdGJveFZhbHVlXCJcbiAgICAgICAgKHNlbGVjdGVkKT1cIl9oYW5kbGVTZWxlY3RlZCgpXCJcbiAgICAgICAgW3NpemVdPVwic2l6ZVwiXG4gICAgICA+XG4gICAgICA8L3NwLWxpc3Rib3g+XG4gICAgPC9zcC1wb3BvdmVyPlxuICA8L25nLXRlbXBsYXRlPlxuPC9kaXY+XG4iXX0=

package/esm2020/lib/typography/src/paragraph.component.mjs

@@ -1,24 +0,0 @@
-import { Component, Input } from '@angular/core';
-import { ThemeCheckDirective } from '../../theme/src/theme-check.directive';
-import { UseComponentStylesOnHost } from '../../common/sapphire-view-encapsulation';
-import * as i0 from "@angular/core";
-import * as i1 from "../../theme/src/theme-check.directive";
-import * as i2 from "../../common/sapphire-view-encapsulation";
-export class ParagraphComponent {
-    constructor() {
-        this.size = 'md';
-    }
-}
-ParagraphComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ParagraphComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ParagraphComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: ParagraphComponent, selector: "p[sp-paragraph], div[sp-paragraph]", inputs: { size: "size" }, host: { properties: { "class.sapphire-paragraph": "true", "class.sapphire-paragraph--sm": "size === \"sm\"", "class.sapphire-paragraph--xs": "size === \"xs\"" } }, hostDirectives: [{ directive: i1.ThemeCheckDirective }, { directive: i2.UseComponentStylesOnHost }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".sapphire-paragraph{font-family:var(--sapphire-semantic-font-name-default);color:var(--sapphire-semantic-color-content-default-primary);font-size:var(--sapphire-semantic-size-font-text-lg);line-height:var(--sapphire-semantic-size-line-height-md);margin-top:0;margin-bottom:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sapphire-paragraph--sm{font-size:var(--sapphire-semantic-size-font-text-md)}.sapphire-paragraph--xs{font-size:var(--sapphire-semantic-size-font-text-sm)}\n"] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ParagraphComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'p[sp-paragraph], div[sp-paragraph]', template: '<ng-content></ng-content>', host: {
-                        '[class.sapphire-paragraph]': 'true',
-                        '[class.sapphire-paragraph--sm]': 'size === "sm"',
-                        '[class.sapphire-paragraph--xs]': 'size === "xs"',
-                    }, hostDirectives: [ThemeCheckDirective, UseComponentStylesOnHost], styles: [".sapphire-paragraph{font-family:var(--sapphire-semantic-font-name-default);color:var(--sapphire-semantic-color-content-default-primary);font-size:var(--sapphire-semantic-size-font-text-lg);line-height:var(--sapphire-semantic-size-line-height-md);margin-top:0;margin-bottom:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sapphire-paragraph--sm{font-size:var(--sapphire-semantic-size-font-text-md)}.sapphire-paragraph--xs{font-size:var(--sapphire-semantic-size-font-text-sm)}\n"] }]
-        }], propDecorators: { size: [{
-                type: Input
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFyYWdyYXBoLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvdHlwb2dyYXBoeS9zcmMvcGFyYWdyYXBoLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqRCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUM1RSxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSwwQ0FBMEMsQ0FBQzs7OztBQWFwRixNQUFNLE9BQU8sa0JBQWtCO0lBWC9CO1FBYUUsU0FBSSxHQUF1QixJQUFJLENBQUM7S0FDakM7OytHQUhZLGtCQUFrQjttR0FBbEIsa0JBQWtCLDZXQVRuQiwyQkFBMkI7MkZBUzFCLGtCQUFrQjtrQkFYOUIsU0FBUzsrQkFDRSxvQ0FBb0MsWUFDcEMsMkJBQTJCLFFBRS9CO3dCQUNKLDRCQUE0QixFQUFFLE1BQU07d0JBQ3BDLGdDQUFnQyxFQUFFLGVBQWU7d0JBQ2pELGdDQUFnQyxFQUFFLGVBQWU7cUJBQ2xELGtCQUNlLENBQUMsbUJBQW1CLEVBQUUsd0JBQXdCLENBQUM7OEJBSS9ELElBQUk7c0JBREgsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFRoZW1lQ2hlY2tEaXJlY3RpdmUgfSBmcm9tICcuLi8uLi90aGVtZS9zcmMvdGhlbWUtY2hlY2suZGlyZWN0aXZlJztcbmltcG9ydCB7IFVzZUNvbXBvbmVudFN0eWxlc09uSG9zdCB9IGZyb20gJy4uLy4uL2NvbW1vbi9zYXBwaGlyZS12aWV3LWVuY2Fwc3VsYXRpb24nO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdwW3NwLXBhcmFncmFwaF0sIGRpdltzcC1wYXJhZ3JhcGhdJyxcbiAgdGVtcGxhdGU6ICc8bmctY29udGVudD48L25nLWNvbnRlbnQ+JyxcbiAgc3R5bGVVcmxzOiBbJy4vcGFyYWdyYXBoLmNvbXBvbmVudC5zY3NzJ10sXG4gIGhvc3Q6IHtcbiAgICAnW2NsYXNzLnNhcHBoaXJlLXBhcmFncmFwaF0nOiAndHJ1ZScsXG4gICAgJ1tjbGFzcy5zYXBwaGlyZS1wYXJhZ3JhcGgtLXNtXSc6ICdzaXplID09PSBcInNtXCInLFxuICAgICdbY2xhc3Muc2FwcGhpcmUtcGFyYWdyYXBoLS14c10nOiAnc2l6ZSA9PT0gXCJ4c1wiJyxcbiAgfSxcbiAgaG9zdERpcmVjdGl2ZXM6IFtUaGVtZUNoZWNrRGlyZWN0aXZlLCBVc2VDb21wb25lbnRTdHlsZXNPbkhvc3RdLFxufSlcbmV4cG9ydCBjbGFzcyBQYXJhZ3JhcGhDb21wb25lbnQge1xuICBASW5wdXQoKVxuICBzaXplOiAnbWQnIHwgJ3NtJyB8ICd4cycgPSAnbWQnO1xufVxuIl19

package/lib/typography/src/paragraph.component.d.ts

@@ -1,8 +0,0 @@
-import * as i0 from "@angular/core";
-import * as i1 from "../../theme/src/theme-check.directive";
-import * as i2 from "../../common/sapphire-view-encapsulation";
-export declare class ParagraphComponent {
-    size: 'md' | 'sm' | 'xs';
-    static ɵfac: i0.ɵɵFactoryDeclaration<ParagraphComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ParagraphComponent, "p[sp-paragraph], div[sp-paragraph]", never, { "size": "size"; }, {}, never, ["*"], false, [{ directive: typeof i1.ThemeCheckDirective; inputs: {}; outputs: {}; }, { directive: typeof i2.UseComponentStylesOnHost; inputs: {}; outputs: {}; }]>;
-}