@danske/sapphire-angular 2.9.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.9.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",
@@ -13,14 +13,15 @@
     "@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": "^2.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": "11ac4c88ea19df3555bb4e4afc632c85fd20a842",
+  "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,133 +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),
-                        },
-                    ],
-                    standalone: false,
-                }]
-        }] });
-/**
- * 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',
-                    }, 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        [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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFzaWMtc2VsZWN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9saWIvc2VsZWN0L3NyYy9iYXNpYy1zZWxlY3QvYmFzaWMtc2VsZWN0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9saWIvc2VsZWN0L3NyYy9iYXNpYy1zZWxlY3QvYmFzaWMtc2VsZWN0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsU0FBUyxFQUNULFVBQVUsRUFDVixVQUFVLEVBQ1YsS0FBSyxFQUNMLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUVuRCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSx3Q0FBd0MsQ0FBQztBQUUxRSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUN0RSxPQUFPLEVBQ0wsaUJBQWlCLEVBQ2pCLHlCQUF5QixHQUMxQixNQUFNLCtCQUErQixDQUFDO0FBQ3ZDLE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLDZDQUE2QyxDQUFDOzs7Ozs7Ozs7Ozs7QUFFeEY7OztHQUdHO0FBV0gsTUFBTSxPQUFPLDBCQUEyQixTQUFRLHlCQUF5Qjs7dUhBQTVELDBCQUEwQjsyR0FBMUIsMEJBQTBCLDBEQVIxQjtRQUNUO1lBQ0UsT0FBTyxFQUFFLGlCQUFpQjtZQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLDBCQUEwQixDQUFDO1NBQzFEO0tBQ0Y7MkZBR1UsMEJBQTBCO2tCQVZ0QyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxpQ0FBaUM7b0JBQzNDLFNBQVMsRUFBRTt3QkFDVDs0QkFDRSxPQUFPLEVBQUUsaUJBQWlCOzRCQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSwyQkFBMkIsQ0FBQzt5QkFDMUQ7cUJBQ0Y7b0JBQ0QsVUFBVSxFQUFFLEtBQUs7aUJBQ2xCOztBQUdEOzs7Ozs7Ozs7Ozs7Ozs7O0dBZ0JHO0FBd0JILE1BQU0sT0FBTyxvQkFBcUIsU0FBUSxtQkFBbUI7SUFpQzNELFlBQ0UsV0FBOEIsRUFDdEIsWUFBMEI7UUFFbEMsS0FBSyxDQUFDLFdBQVcsQ0FBQyxDQUFDO1FBRlgsaUJBQVksR0FBWixZQUFZLENBQWM7UUFsQ3BDOzs7V0FHRztRQUVILFNBQUksR0FBdUIsSUFBSSxDQUFDO1FBRWhDOzs7V0FHRztRQUVILFlBQU8sR0FPZSxpQkFBaUIsQ0FBQztRQVdoQyxZQUFPLEdBQUcsS0FBSyxDQUFDO0lBT3hCLENBQUM7SUFFRCxLQUFLLENBQUMsY0FBMkIsU0FBUztRQUN4QyxJQUFJLElBQUksQ0FBQyxpQkFBaUIsRUFBRTtZQUMxQixJQUFJLENBQUMsWUFBWSxDQUFDLFFBQVEsQ0FDeEIsSUFBSSxDQUFDLGlCQUFpQixDQUFDLGFBQWEsRUFDcEMsV0FBVyxDQUNaLENBQUM7U0FDSDtJQUNILENBQUM7SUFFRCxTQUFTO1FBQ1AsT0FBTyxJQUFJLENBQUMsT0FBTyxDQUFDO0lBQ3RCLENBQUM7SUFFRCxjQUFjLENBQUMsV0FBd0I7UUFDckMsSUFBSSxDQUFDLE9BQU8sR0FBRyxPQUFPLENBQUMsV0FBVyxDQUFDLENBQUM7SUFDdEMsQ0FBQzs7aUhBdkRVLG9CQUFvQjtxR0FBcEIsb0JBQW9CLDZLQWxCcEI7UUFDVDtZQUNFLE9BQU8sRUFBRSxpQkFBaUI7WUFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxvQkFBb0IsQ0FBQztZQUNuRCxLQUFLLEVBQUUsSUFBSTtTQUNaO1FBQ0Q7WUFDRSxPQUFPLEVBQUUsbUJBQW1CO1lBQzVCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsb0JBQW9CLENBQUM7U0FDcEQ7UUFDRCx5QkFBeUI7S0FDMUIsd05BZ0N1QyxVQUFVLHVEQUd2QyxnQkFBZ0Isb0dDdkc3QiwwNkNBOENBOzJGRDZCYSxvQkFBb0I7a0JBdkJoQyxTQUFTOytCQUNFLGlCQUFpQixZQUdqQixlQUFlLGFBQ2Q7d0JBQ1Q7NEJBQ0UsT0FBTyxFQUFFLGlCQUFpQjs0QkFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUscUJBQXFCLENBQUM7NEJBQ25ELEtBQUssRUFBRSxJQUFJO3lCQUNaO3dCQUNEOzRCQUNFLE9BQU8sRUFBRSxtQkFBbUI7NEJBQzVCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLHFCQUFxQixDQUFDO3lCQUNwRDt3QkFDRCx5QkFBeUI7cUJBQzFCLFFBQ0s7d0JBQ0osbUJBQW1CLEVBQUUsTUFBTTt3QkFDM0Isd0JBQXdCLEVBQUUsTUFBTTtxQkFDakMsY0FDVyxLQUFLO21JQVFqQixJQUFJO3NCQURILEtBQUs7Z0JBUU4sT0FBTztzQkFETixLQUFLO2dCQVdJLFVBQVU7c0JBRG5CLFNBQVM7dUJBQUMsWUFBWTtnQkFJYixpQkFBaUI7c0JBRDFCLFNBQVM7dUJBQUMsbUJBQW1CLEVBQUUsRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUFFO2dCQUkxQyxPQUFPO3NCQURoQixTQUFTO3VCQUFDLGdCQUFnQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgRGlyZWN0aXZlLFxuICBFbGVtZW50UmVmLFxuICBmb3J3YXJkUmVmLFxuICBJbnB1dCxcbiAgVmlld0NoaWxkLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE5HX1ZBTFVFX0FDQ0VTU09SIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgUG9wb3ZlclRyaWdnZXJEaXJlY3RpdmUgfSBmcm9tICcuLi8uLi8uLi9wb3BvdmVyL3NyYy9wb3BvdmVyLXRyaWdnZXIuZGlyZWN0aXZlJztcbmltcG9ydCB7IExpc3Rib3hDb21wb25lbnQgfSBmcm9tICcuLi8uLi8uLi9saXN0Ym94L3NyYy9saXN0Ym94LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBGb2N1c01vbml0b3IsIEZvY3VzT3JpZ2luIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2ExMXknO1xuaW1wb3J0IHsgU2VsZWN0Q29tcG9uZW50QmFzZSB9IGZyb20gJy4uL2NvbW1vbi9zZWxlY3QtY29tcG9uZW50LWJhc2UnO1xuaW1wb3J0IHtcbiAgU2VsZWN0VmFsdWVIb2xkZXIsXG4gIFNpbmdsZVNlbGVjdERpcmVjdGl2ZUJhc2UsXG59IGZyb20gJy4uL2NvbW1vbi9zZWxlY3QtdmFsdWUtaG9sZGVyJztcbmltcG9ydCB7IFZpZXdFbmNhcHN1bGF0aW9uUHJvdmlkZXIgfSBmcm9tICcuLi8uLi8uLi9jb21tb24vc2FwcGhpcmUtdmlldy1lbmNhcHN1bGF0aW9uJztcblxuLyoqXG4gKiBOT1RFOiBTdXBwb3J0IGZvciBtdWx0aXBsZSBzZWxlY3Rpb24gaW4gYmFzaWMgc2VsZWN0IGlzIHJlbW92ZWQsIGJhc2VkIG9uXG4gKiBhIFVYIGRlY2lzaW9uLiBTZWUgY29tbWl0IG1lc3NhZ2UgZm9yIG1vcmUgZGV0YWlscy5cbiAqL1xuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnc3AtYmFzaWMtc2VsZWN0Om5vdChbbXVsdGlwbGVdKScsXG4gIHByb3ZpZGVyczogW1xuICAgIHtcbiAgICAgIHByb3ZpZGU6IFNlbGVjdFZhbHVlSG9sZGVyLFxuICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gQmFzaWNTaW5nbGVTZWxlY3REaXJlY3RpdmUpLFxuICAgIH0sXG4gIF0sXG4gIHN0YW5kYWxvbmU6IGZhbHNlLFxufSlcbmV4cG9ydCBjbGFzcyBCYXNpY1NpbmdsZVNlbGVjdERpcmVjdGl2ZSBleHRlbmRzIFNpbmdsZVNlbGVjdERpcmVjdGl2ZUJhc2Uge31cblxuLyoqXG4gKiBBbGxvd3MgdXNlciB0byBzZWxlY3QgYSBzaW5nbGUgb3B0aW9uIGZyb20gYSBsaXN0LCBzaW1pbGFyIHRvIG5hdGl2ZSBzZWxlY3RcbiAqIGNvbXBvbmVudC5cbiAqXG4gKiBFeGFtcGxlOlxuICogYGBgdHN4XG4gKiA8c3AtYmFzaWMtc2VsZWN0XG4gKiAgICBwbGFjZWhvbGRlcj1cIlNlbGVjdCBhbiBvcHRpb25cIlxuICogICAgc2l6ZT1cInNtXCJcbiAqICAgIHZhcmlhbnQ9XCJzZWNvbmRhcnlcIlxuICogPlxuICogICA8c3Atb3B0aW9uIHZhbHVlPVwib3B0aW9uMVwiPkZpcnN0IE9wdGlvbjwvc3Atb3B0aW9uPlxuICogICA8c3Atb3B0aW9uIHZhbHVlPVwib3B0aW9uMlwiPlNlY29uZCBPcHRpb248L3NwLW9wdGlvbj5cbiAqICAgPHNwLW9wdGlvbiB2YWx1ZT1cIm9wdGlvbjNcIj5UaGlyZCBPcHRpb248L3NwLW9wdGlvbj5cbiAqIDwvc3AtYmFzaWMtc2VsZWN0PlxuICogYGBgXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NwLWJhc2ljLXNlbGVjdCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9iYXNpYy1zZWxlY3QuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9iYXNpYy1zZWxlY3QuY29tcG9uZW50LnNjc3MnXSxcbiAgZXhwb3J0QXM6ICdzcEJhc2ljU2VsZWN0JyxcbiAgcHJvdmlkZXJzOiBbXG4gICAge1xuICAgICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXG4gICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBCYXNpY1NlbGVjdENvbXBvbmVudCksXG4gICAgICBtdWx0aTogdHJ1ZSxcbiAgICB9LFxuICAgIHtcbiAgICAgIHByb3ZpZGU6IFNlbGVjdENvbXBvbmVudEJhc2UsXG4gICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBCYXNpY1NlbGVjdENvbXBvbmVudCksXG4gICAgfSxcbiAgICBWaWV3RW5jYXBzdWxhdGlvblByb3ZpZGVyLFxuICBdLFxuICBob3N0OiB7XG4gICAgJ1thdHRyLmFyaWEtbGFiZWxdJzogJ251bGwnLFxuICAgICdbYXR0ci5hcmlhLWxhYmVsbGVkYnldJzogJ251bGwnLFxuICB9LFxuICBzdGFuZGFsb25lOiBmYWxzZSxcbn0pXG5leHBvcnQgY2xhc3MgQmFzaWNTZWxlY3RDb21wb25lbnQgZXh0ZW5kcyBTZWxlY3RDb21wb25lbnRCYXNlIHtcbiAgLyoqXG4gICAqIFNpemUgb2YgdGhlIGJ1dHRvblxuICAgKiBAZGVmYXVsdCAnbWQnXG4gICAqL1xuICBASW5wdXQoKVxuICBzaXplOiAnc20nIHwgJ21kJyB8ICdsZycgPSAnbWQnO1xuXG4gIC8qKlxuICAgKiBWaXN1YWwgdmFyaWF0aW9uc1xuICAgKiBAZGVmYXVsdCAnc2Vjb25kYXJ5LWdob3N0J1xuICAgKi9cbiAgQElucHV0KClcbiAgdmFyaWFudDpcbiAgICB8ICdwcmltYXJ5J1xuICAgIHwgJ3NlY29uZGFyeSdcbiAgICB8ICdzZWNvbmRhcnktZ2hvc3QnXG4gICAgfCAnc2Vjb25kYXJ5LXRleHQnXG4gICAgfCAndGVydGlhcnknXG4gICAgfCAndGVydGlhcnktZ2hvc3QnXG4gICAgfCAndGVydGlhcnktdGV4dCcgPSAnc2Vjb25kYXJ5LWdob3N0JztcblxuICBAVmlld0NoaWxkKCd0cmlnZ2VyUmVmJylcbiAgcHJvdGVjdGVkIHRyaWdnZXJSZWY6IFBvcG92ZXJUcmlnZ2VyRGlyZWN0aXZlIHwgdW5kZWZpbmVkO1xuXG4gIEBWaWV3Q2hpbGQoJ3RyaWdnZXJFbGVtZW50UmVmJywgeyByZWFkOiBFbGVtZW50UmVmIH0pXG4gIHByb3RlY3RlZCB0cmlnZ2VyRWxlbWVudFJlZjogRWxlbWVudFJlZiB8IHVuZGVmaW5lZDtcblxuICBAVmlld0NoaWxkKExpc3Rib3hDb21wb25lbnQpXG4gIHByb3RlY3RlZCBsaXN0Ym94OiBMaXN0Ym94Q29tcG9uZW50IHwgdW5kZWZpbmVkO1xuXG4gIHByaXZhdGUgZm9jdXNlZCA9IGZhbHNlO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHZhbHVlSG9sZGVyOiBTZWxlY3RWYWx1ZUhvbGRlcixcbiAgICBwcml2YXRlIGZvY3VzTW9uaXRvcjogRm9jdXNNb25pdG9yXG4gICkge1xuICAgIHN1cGVyKHZhbHVlSG9sZGVyKTtcbiAgfVxuXG4gIGZvY3VzKGZvY3VzT3JpZ2luOiBGb2N1c09yaWdpbiA9ICdwcm9ncmFtJykge1xuICAgIGlmICh0aGlzLnRyaWdnZXJFbGVtZW50UmVmKSB7XG4gICAgICB0aGlzLmZvY3VzTW9uaXRvci5mb2N1c1ZpYShcbiAgICAgICAgdGhpcy50cmlnZ2VyRWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LFxuICAgICAgICBmb2N1c09yaWdpblxuICAgICAgKTtcbiAgICB9XG4gIH1cblxuICBpc0ZvY3VzZWQoKSB7XG4gICAgcmV0dXJuIHRoaXMuZm9jdXNlZDtcbiAgfVxuXG4gIF9vbkZvY3VzQ2hhbmdlKGZvY3VzT3JpZ2luOiBGb2N1c09yaWdpbikge1xuICAgIHRoaXMuZm9jdXNlZCA9IEJvb2xlYW4oZm9jdXNPcmlnaW4pO1xuICB9XG59XG4iLCI8ZGl2IHN0eWxlPVwicG9zaXRpb246IHJlbGF0aXZlXCI+XG4gIDxzcC1oaWRkZW4tc2VsZWN0Pjwvc3AtaGlkZGVuLXNlbGVjdD5cbiAgPGJ1dHRvblxuICAgIHNwLWJ1dHRvblxuICAgIFt2YXJpYW50XT1cInZhcmlhbnRcIlxuICAgIFtzaXplXT1cInNpemVcIlxuICAgIGljb25BbGlnbj1cInJpZ2h0XCJcbiAgICBbc3BQb3BvdmVyVHJpZ2dlckZvcl09XCJwb3BvdmVyXCJcbiAgICBzcFBvcG92ZXJQbGFjZW1lbnQ9XCJib3R0b20gc3RhcnRcIlxuICAgICN0cmlnZ2VyRWxlbWVudFJlZlxuICAgICN0cmlnZ2VyUmVmPVwic3BQb3BvdmVyVHJpZ2dlclwiXG4gICAgKGtleWRvd24pPVwiaGFuZGxlS2V5RG93bigkZXZlbnQpXCJcbiAgICAoc3BQb3BvdmVyVHJpZ2dlck9wZW5lZCk9XCJfb25PcGVuKClcIlxuICAgIChzcFBvcG92ZXJUcmlnZ2VyQ2xvc2VkKT1cIl9vbkNsb3NlKClcIlxuICAgIGNka01vbml0b3JFbGVtZW50Rm9jdXNcbiAgICAoY2RrRm9jdXNDaGFuZ2UpPVwiX29uRm9jdXNDaGFuZ2UoJGV2ZW50KVwiXG4gICAgYXJpYS1oYXNwb3B1cD1cImxpc3Rib3hcIlxuICAgIFthdHRyLmFyaWEtbGFiZWxdPVwiYXJpYUxhYmVsXCJcbiAgICBbYXR0ci5hcmlhLWxhYmVsbGVkYnldPVwiYXJpYUxhYmVsbGVkYnlcIlxuICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiXG4gID5cbiAgICA8c3BhbiAqbmdJZj1cInNlbGVjdGVkT3B0aW9ucy5sZW5ndGggPT09IDBcIj5cbiAgICAgIHt7IHBsYWNlaG9sZGVyIH19XG4gICAgPC9zcGFuPlxuICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJzZWxlY3RlZE9wdGlvbnMubGVuZ3RoID4gMFwiPlxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIiFzZWxlY3Rpb25UZXh0XCI+e3tcbiAgICAgICAgZ2V0U2VsZWN0aW9uVGV4dCgpXG4gICAgICB9fTwvbmctY29udGFpbmVyPlxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwic3Atc2VsZWN0aW9uLXRleHRcIj48L25nLWNvbnRlbnQ+XG4gICAgPC9uZy1jb250YWluZXI+XG4gICAgPHNwLWljb24gc3BCdXR0b25JY29uIG5hbWU9XCJjaGV2cm9uRG93blwiPjwvc3AtaWNvbj5cbiAgPC9idXR0b24+XG4gIDxuZy10ZW1wbGF0ZSAjcG9wb3Zlcj5cbiAgICA8c3AtcG9wb3ZlciBub1BhZGRpbmc+XG4gICAgICA8c3AtbGlzdGJveFxuICAgICAgICBbc3BMaXN0Ym94SXRlbXNdPVwibGlzdGJveENoaWxkcmVuXCJcbiAgICAgICAgbmF2aWdhdGlvbldyYXBEaXNhYmxlZFxuICAgICAgICBbbXVsdGlwbGVdPVwibXVsdGlwbGVcIlxuICAgICAgICBbKHNlbGVjdGVkVmFsdWVzKV09XCJsaXN0Ym94VmFsdWVcIlxuICAgICAgICAoc2VsZWN0ZWQpPVwiX2hhbmRsZVNlbGVjdGVkKClcIlxuICAgICAgICBbc2l6ZV09XCJzaXplXCJcbiAgICAgID5cbiAgICAgIDwvc3AtbGlzdGJveD5cbiAgICA8L3NwLXBvcG92ZXI+XG4gIDwvbmctdGVtcGxhdGU+XG48L2Rpdj5cbiJdfQ==

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], standalone: false, 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFyYWdyYXBoLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvdHlwb2dyYXBoeS9zcmMvcGFyYWdyYXBoLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqRCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUM1RSxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSwwQ0FBMEMsQ0FBQzs7OztBQWNwRixNQUFNLE9BQU8sa0JBQWtCO0lBWi9CO1FBY0UsU0FBSSxHQUF1QixJQUFJLENBQUM7S0FDakM7OytHQUhZLGtCQUFrQjttR0FBbEIsa0JBQWtCLDZXQVZuQiwyQkFBMkI7MkZBVTFCLGtCQUFrQjtrQkFaOUIsU0FBUzsrQkFDRSxvQ0FBb0MsWUFDcEMsMkJBQTJCLFFBRS9CO3dCQUNKLDRCQUE0QixFQUFFLE1BQU07d0JBQ3BDLGdDQUFnQyxFQUFFLGVBQWU7d0JBQ2pELGdDQUFnQyxFQUFFLGVBQWU7cUJBQ2xELGtCQUNlLENBQUMsbUJBQW1CLEVBQUUsd0JBQXdCLENBQUMsY0FDbkQsS0FBSzs4QkFJakIsSUFBSTtzQkFESCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgVGhlbWVDaGVja0RpcmVjdGl2ZSB9IGZyb20gJy4uLy4uL3RoZW1lL3NyYy90aGVtZS1jaGVjay5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgVXNlQ29tcG9uZW50U3R5bGVzT25Ib3N0IH0gZnJvbSAnLi4vLi4vY29tbW9uL3NhcHBoaXJlLXZpZXctZW5jYXBzdWxhdGlvbic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3Bbc3AtcGFyYWdyYXBoXSwgZGl2W3NwLXBhcmFncmFwaF0nLFxuICB0ZW1wbGF0ZTogJzxuZy1jb250ZW50PjwvbmctY29udGVudD4nLFxuICBzdHlsZVVybHM6IFsnLi9wYXJhZ3JhcGguY29tcG9uZW50LnNjc3MnXSxcbiAgaG9zdDoge1xuICAgICdbY2xhc3Muc2FwcGhpcmUtcGFyYWdyYXBoXSc6ICd0cnVlJyxcbiAgICAnW2NsYXNzLnNhcHBoaXJlLXBhcmFncmFwaC0tc21dJzogJ3NpemUgPT09IFwic21cIicsXG4gICAgJ1tjbGFzcy5zYXBwaGlyZS1wYXJhZ3JhcGgtLXhzXSc6ICdzaXplID09PSBcInhzXCInLFxuICB9LFxuICBob3N0RGlyZWN0aXZlczogW1RoZW1lQ2hlY2tEaXJlY3RpdmUsIFVzZUNvbXBvbmVudFN0eWxlc09uSG9zdF0sXG4gIHN0YW5kYWxvbmU6IGZhbHNlLFxufSlcbmV4cG9ydCBjbGFzcyBQYXJhZ3JhcGhDb21wb25lbnQge1xuICBASW5wdXQoKVxuICBzaXplOiAnbWQnIHwgJ3NtJyB8ICd4cycgPSAnbWQnO1xufVxuIl19

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: {}; }]>;
-}