@danske/sapphire-angular 2.7.0 → 2.9.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2020/lib/badge/src/badge.component.mjs +2 -2
- package/esm2020/lib/button/src/button-group.component.mjs +2 -2
- package/esm2020/lib/button/src/button-icon.directive.mjs +2 -1
- package/esm2020/lib/button/src/button.component.mjs +2 -2
- package/esm2020/lib/button/src/icon-button.component.mjs +2 -2
- package/esm2020/lib/button/src/toggle-button-required-validator.mjs +2 -1
- package/esm2020/lib/button/src/toggle-button.component.mjs +2 -2
- package/esm2020/lib/checkbox/src/checkbox-group.component.mjs +2 -2
- package/esm2020/lib/checkbox/src/checkbox-required-validator.mjs +2 -1
- package/esm2020/lib/checkbox/src/checkbox.component.mjs +2 -2
- package/esm2020/lib/core.module.mjs +12 -5
- package/esm2020/lib/field/src/field.component.mjs +2 -2
- package/esm2020/lib/icon/src/icon.component.mjs +2 -2
- package/esm2020/lib/list/public_api.mjs +12 -0
- package/esm2020/lib/list/src/list-item-content.component.mjs +30 -0
- package/esm2020/lib/list/src/list-item-text-primary.component.mjs +22 -0
- package/esm2020/lib/list/src/list-item-text-secondary.component.mjs +22 -0
- package/esm2020/lib/list/src/list-item-text.component.mjs +22 -0
- package/esm2020/lib/list/src/list-item.component.mjs +59 -0
- package/esm2020/lib/list/src/list.component.mjs +37 -0
- package/esm2020/lib/list/src/list.module.mjs +51 -0
- package/esm2020/lib/listbox/src/listbox-item.component.mjs +3 -3
- package/esm2020/lib/listbox/src/listbox.component.mjs +2 -2
- package/esm2020/lib/listbox/src/option-icon.directive.mjs +2 -1
- package/esm2020/lib/listbox/src/option-primary-text.directive.mjs +2 -1
- package/esm2020/lib/listbox/src/option-secondary-text.directive.mjs +2 -1
- package/esm2020/lib/listbox/src/option.component.mjs +2 -1
- package/esm2020/lib/listbox/src/section.directive.mjs +2 -1
- package/esm2020/lib/menu/src/menu-icon.component.mjs +2 -1
- package/esm2020/lib/menu/src/menu-item.component.mjs +2 -2
- package/esm2020/lib/menu/src/menu-primary-text.component.mjs +2 -1
- package/esm2020/lib/menu/src/menu-secondary-text.component.mjs +2 -1
- package/esm2020/lib/menu/src/menu-section.component.mjs +2 -2
- package/esm2020/lib/menu/src/menu-trigger.directive.mjs +2 -1
- package/esm2020/lib/menu/src/menu.component.mjs +2 -2
- package/esm2020/lib/modal/src/dialog/confirmation-dialog.component.mjs +2 -2
- package/esm2020/lib/modal/src/dialog/danger-dialog.component.mjs +2 -2
- package/esm2020/lib/modal/src/dialog/dialog-trigger.directive.mjs +2 -1
- package/esm2020/lib/modal/src/dialog/dialog.component.mjs +2 -2
- package/esm2020/lib/modal/src/layout/modal-back-button.directive.mjs +2 -1
- package/esm2020/lib/modal/src/layout/modal-body.component.mjs +2 -1
- package/esm2020/lib/modal/src/layout/modal-close-button.directive.mjs +2 -1
- package/esm2020/lib/modal/src/layout/modal-footer.component.mjs +2 -2
- package/esm2020/lib/modal/src/layout/modal-header.component.mjs +2 -2
- package/esm2020/lib/modal/src/layout/modal-layout.component.mjs +2 -2
- package/esm2020/lib/modal/src/modal-base.component.mjs +2 -1
- package/esm2020/lib/modal/src/panel/panel-trigger.directive.mjs +2 -1
- package/esm2020/lib/modal/src/panel/panel.component.mjs +2 -2
- package/esm2020/lib/notification-badge/src/notification-badge.component.mjs +2 -2
- package/esm2020/lib/pagination/src/page-selection-row.component.mjs +2 -2
- package/esm2020/lib/pagination/src/pagination.component.mjs +2 -2
- package/esm2020/lib/popover/src/popover-close-button.directive.mjs +2 -1
- package/esm2020/lib/popover/src/popover-title.directive.mjs +2 -1
- package/esm2020/lib/popover/src/popover-trigger.directive.mjs +3 -2
- package/esm2020/lib/popover/src/popover.component.mjs +2 -2
- package/esm2020/lib/radio/src/radio-group.component.mjs +2 -2
- package/esm2020/lib/radio/src/radio.component.mjs +2 -2
- package/esm2020/lib/radio/src/segmented/segmented-radio-group.component.mjs +2 -2
- package/esm2020/lib/radio/src/segmented/segmented-radio.component.mjs +2 -2
- package/esm2020/lib/segmented-tabs/src/segmented-tab-content.directive.mjs +2 -1
- package/esm2020/lib/segmented-tabs/src/segmented-tab-label.directive.mjs +2 -1
- package/esm2020/lib/segmented-tabs/src/segmented-tab.component.mjs +2 -2
- package/esm2020/lib/segmented-tabs/src/segmented-tabs.component.mjs +2 -2
- package/esm2020/lib/select/src/basic-select/basic-select.component.mjs +3 -2
- package/esm2020/lib/select/src/common/hidden-select.component.mjs +2 -2
- package/esm2020/lib/select/src/select/searchable-select.directive.mjs +2 -1
- package/esm2020/lib/select/src/select/select.component.mjs +5 -3
- package/esm2020/lib/select/src/select/selection-text.directive.mjs +2 -1
- package/esm2020/lib/skeleton/src/skeleton-block.directive.mjs +2 -1
- package/esm2020/lib/skeleton/src/skeleton-circle.directive.mjs +2 -1
- package/esm2020/lib/skeleton/src/skeleton-text.directive.mjs +2 -1
- package/esm2020/lib/skeleton/src/skeleton.component.mjs +2 -2
- package/esm2020/lib/switch/src/switch-required-validator.mjs +2 -1
- package/esm2020/lib/switch/src/switch.component.mjs +2 -2
- package/esm2020/lib/table/src/table-body.directive.mjs +2 -1
- package/esm2020/lib/table/src/table-cell.directive.mjs +2 -1
- package/esm2020/lib/table/src/table-footer.directive.mjs +2 -1
- package/esm2020/lib/table/src/table-head-cell.component.mjs +2 -2
- package/esm2020/lib/table/src/table-head.directive.mjs +2 -1
- package/esm2020/lib/table/src/table-row.directive.mjs +2 -1
- package/esm2020/lib/table/src/table-sort-header.directive.mjs +2 -1
- package/esm2020/lib/table/src/table-sort.directive.mjs +2 -1
- package/esm2020/lib/table/src/table.component.mjs +3 -3
- package/esm2020/lib/table/src/table.directive.mjs +2 -1
- package/esm2020/lib/text-field/src/text-field-input.directive.mjs +2 -1
- package/esm2020/lib/text-field/src/text-field-postfix.directive.mjs +2 -1
- package/esm2020/lib/text-field/src/text-field-prefix.directive.mjs +2 -1
- package/esm2020/lib/text-field/src/text-field-textarea-autosize.directive.mjs +2 -1
- package/esm2020/lib/text-field/src/text-field.component.mjs +2 -2
- package/esm2020/lib/tooltip/src/tooltip.component.mjs +2 -2
- package/esm2020/lib/typography/src/heading.component.mjs +2 -2
- package/esm2020/lib/typography/src/paragraph.component.mjs +2 -2
- package/esm2020/public-api.mjs +2 -1
- package/fesm2015/danske-sapphire-angular.mjs +309 -52
- package/fesm2015/danske-sapphire-angular.mjs.map +1 -1
- package/fesm2020/danske-sapphire-angular.mjs +307 -52
- package/fesm2020/danske-sapphire-angular.mjs.map +1 -1
- package/lib/core.module.d.ts +2 -1
- package/lib/list/public_api.d.ts +7 -0
- package/lib/list/src/list-item-content.component.d.ts +10 -0
- package/lib/list/src/list-item-text-primary.component.d.ts +6 -0
- package/lib/list/src/list-item-text-secondary.component.d.ts +6 -0
- package/lib/list/src/list-item-text.component.d.ts +6 -0
- package/lib/list/src/list-item.component.d.ts +15 -0
- package/lib/list/src/list.component.d.ts +14 -0
- package/lib/list/src/list.module.d.ts +12 -0
- package/package.json +7 -7
- package/public-api.d.ts +1 -0
|
@@ -2,7 +2,7 @@ import * as i0 from '@angular/core';
|
|
|
2
2
|
import { Injectable, inject, Directive, Optional, SkipSelf, Component, Input, NgModule, ViewEncapsulation, InjectionToken, Inject, isDevMode, forwardRef, ChangeDetectionStrategy, HostBinding, ContentChild, EventEmitter, Output, HostListener, LOCALE_ID, Pipe, ElementRef, ViewChild, Attribute, QueryList, ContentChildren, Injector, ViewChildren, ChangeDetectorRef, TemplateRef } from '@angular/core';
|
|
3
3
|
import { Overlay, OverlayConfig, OverlayModule } from '@angular/cdk/overlay';
|
|
4
4
|
import * as i2 from '@angular/common';
|
|
5
|
-
import { CommonModule, NgIf, DOCUMENT } from '@angular/common';
|
|
5
|
+
import { CommonModule, NgIf, DOCUMENT, NgTemplateOutlet } from '@angular/common';
|
|
6
6
|
import { __decorate } from 'tslib';
|
|
7
7
|
import * as icons from '@danske/sapphire-icons/js';
|
|
8
8
|
import { coerceBooleanProperty, coerceNumberProperty } from '@angular/cdk/coercion';
|
|
@@ -285,7 +285,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
285
285
|
'[class.sapphire-heading--level5]': 'level === "5"',
|
|
286
286
|
'[class.sapphire-heading--level6]': 'level === "6"',
|
|
287
287
|
'[class.sapphire-heading--alternative]': 'fontVariant === "alternative"',
|
|
288
|
-
}, hostDirectives: [ThemeCheckDirective, UseComponentStylesOnHost], styles: [".sapphire-heading{margin-top:0;margin-bottom:0;line-height:var(--sapphire-global-size-line-height-sm);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sapphire-heading--level1{font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-semibold);font-size:var(--sapphire-global-size-font-220);color:var(--sapphire-semantic-color-content-default-primary)}.sapphire-heading--level2{font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-semibold);font-size:var(--sapphire-global-size-font-150);color:var(--sapphire-semantic-color-content-default-primary)}.sapphire-heading--level3{font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-semibold);font-size:var(--sapphire-global-size-font-130);color:var(--sapphire-semantic-color-content-default-primary)}.sapphire-heading--level4{font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-semibold);font-size:var(--sapphire-global-size-font-112);color:var(--sapphire-semantic-color-content-default-primary)}.sapphire-heading--level5{font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-semibold);font-size:var(--sapphire-global-size-font-106);color:var(--sapphire-semantic-color-content-default-primary)}.sapphire-heading--level6{font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-semibold);font-size:var(--sapphire-global-size-font-100);color:var(--sapphire-semantic-color-content-default-primary)}.sapphire-heading--level1.sapphire-heading--alternative,.sapphire-heading--level2.sapphire-heading--alternative,.sapphire-heading--level3.sapphire-heading--alternative,.sapphire-heading--level4.sapphire-heading--alternative,.sapphire-heading--level5.sapphire-heading--alternative,.sapphire-heading--level6.sapphire-heading--alternative{font-family:var(--sapphire-semantic-font-name-display);font-weight:var(--sapphire-semantic-font-weight-default-regular)}\n"] }]
|
|
288
|
+
}, hostDirectives: [ThemeCheckDirective, UseComponentStylesOnHost], standalone: false, styles: [".sapphire-heading{margin-top:0;margin-bottom:0;line-height:var(--sapphire-global-size-line-height-sm);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sapphire-heading--level1{font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-semibold);font-size:var(--sapphire-global-size-font-220);color:var(--sapphire-semantic-color-content-default-primary)}.sapphire-heading--level2{font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-semibold);font-size:var(--sapphire-global-size-font-150);color:var(--sapphire-semantic-color-content-default-primary)}.sapphire-heading--level3{font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-semibold);font-size:var(--sapphire-global-size-font-130);color:var(--sapphire-semantic-color-content-default-primary)}.sapphire-heading--level4{font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-semibold);font-size:var(--sapphire-global-size-font-112);color:var(--sapphire-semantic-color-content-default-primary)}.sapphire-heading--level5{font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-semibold);font-size:var(--sapphire-global-size-font-106);color:var(--sapphire-semantic-color-content-default-primary)}.sapphire-heading--level6{font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-semibold);font-size:var(--sapphire-global-size-font-100);color:var(--sapphire-semantic-color-content-default-primary)}.sapphire-heading--level1.sapphire-heading--alternative,.sapphire-heading--level2.sapphire-heading--alternative,.sapphire-heading--level3.sapphire-heading--alternative,.sapphire-heading--level4.sapphire-heading--alternative,.sapphire-heading--level5.sapphire-heading--alternative,.sapphire-heading--level6.sapphire-heading--alternative{font-family:var(--sapphire-semantic-font-name-display);font-weight:var(--sapphire-semantic-font-weight-default-regular)}\n"] }]
|
|
289
289
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { level: [{
|
|
290
290
|
type: Input,
|
|
291
291
|
args: ['sp-heading']
|
|
@@ -306,7 +306,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
306
306
|
'[class.sapphire-paragraph]': 'true',
|
|
307
307
|
'[class.sapphire-paragraph--sm]': 'size === "sm"',
|
|
308
308
|
'[class.sapphire-paragraph--xs]': 'size === "xs"',
|
|
309
|
-
}, 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"] }]
|
|
309
|
+
}, 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"] }]
|
|
310
310
|
}], propDecorators: { size: [{
|
|
311
311
|
type: Input
|
|
312
312
|
}] } });
|
|
@@ -366,7 +366,7 @@ ButtonGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", ver
|
|
|
366
366
|
ButtonGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: ButtonGroupComponent, selector: "sp-button-group", inputs: { align: "align", stretch: "stretch", spacing: "spacing", orientation: "orientation" }, ngImport: i0, template: "<div\n class=\"sapphire-button-group\"\n [ngClass]=\"\n stretch !== 'none'\n ? 'sapphire-button-group--stretch'\n : 'sapphire-button-group--align-' + align\n \"\n [class.sapphire-button-group--stretch-auto-vertical]=\"\n stretch === 'autoVertical'\n \"\n [class.sapphire-button-group--spacing-xs]=\"spacing === 'xs'\"\n [class.sapphire-button-group--spacing-sm]=\"spacing === 'sm'\"\n [class.sapphire-button-group--spacing-lg]=\"spacing === 'lg'\"\n [class.sapphire-button-group--vertical]=\"orientation === 'vertical'\"\n>\n <ng-content></ng-content>\n</div>\n", styles: [".sapphire-button-group{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:stretch;gap:var(--sapphire-semantic-size-spacing-40)}.sapphire-button-group--stretch{flex-wrap:wrap-reverse;justify-content:normal;align-items:normal}.sapphire-button-group--stretch>*{min-width:-moz-fit-content!important;min-width:fit-content!important;max-width:100%!important;flex-grow:1!important}.sapphire-button-group--stretch.sapphire-button-group--vertical{flex-direction:column-reverse;flex-wrap:nowrap}.sapphire-button-group--stretch.sapphire-button-group--stretch-auto-vertical.sapphire-button-group:has(> *:nth-child(3)){flex-direction:column-reverse}.sapphire-button-group--spacing-lg{gap:var(--sapphire-semantic-size-spacing-50)}.sapphire-button-group--spacing-sm{gap:var(--sapphire-semantic-size-spacing-30)}.sapphire-button-group--spacing-xs{gap:var(--sapphire-semantic-size-spacing-5)}.sapphire-button-group--align-center{justify-content:center}.sapphire-button-group--align-right{justify-content:flex-end}.sapphire-button-group--align-left{justify-content:flex-start}.sapphire-button-group--vertical{flex-direction:column}.sapphire-button-group--vertical.sapphire-button-group--align-center{align-items:center}.sapphire-button-group--vertical.sapphire-button-group--align-right{align-items:flex-end}.sapphire-button-group--vertical.sapphire-button-group--align-left{align-items:flex-start}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
367
367
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ButtonGroupComponent, decorators: [{
|
|
368
368
|
type: Component,
|
|
369
|
-
args: [{ selector: 'sp-button-group', encapsulation: ViewEncapsulation.None, template: "<div\n class=\"sapphire-button-group\"\n [ngClass]=\"\n stretch !== 'none'\n ? 'sapphire-button-group--stretch'\n : 'sapphire-button-group--align-' + align\n \"\n [class.sapphire-button-group--stretch-auto-vertical]=\"\n stretch === 'autoVertical'\n \"\n [class.sapphire-button-group--spacing-xs]=\"spacing === 'xs'\"\n [class.sapphire-button-group--spacing-sm]=\"spacing === 'sm'\"\n [class.sapphire-button-group--spacing-lg]=\"spacing === 'lg'\"\n [class.sapphire-button-group--vertical]=\"orientation === 'vertical'\"\n>\n <ng-content></ng-content>\n</div>\n", styles: [".sapphire-button-group{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:stretch;gap:var(--sapphire-semantic-size-spacing-40)}.sapphire-button-group--stretch{flex-wrap:wrap-reverse;justify-content:normal;align-items:normal}.sapphire-button-group--stretch>*{min-width:-moz-fit-content!important;min-width:fit-content!important;max-width:100%!important;flex-grow:1!important}.sapphire-button-group--stretch.sapphire-button-group--vertical{flex-direction:column-reverse;flex-wrap:nowrap}.sapphire-button-group--stretch.sapphire-button-group--stretch-auto-vertical.sapphire-button-group:has(> *:nth-child(3)){flex-direction:column-reverse}.sapphire-button-group--spacing-lg{gap:var(--sapphire-semantic-size-spacing-50)}.sapphire-button-group--spacing-sm{gap:var(--sapphire-semantic-size-spacing-30)}.sapphire-button-group--spacing-xs{gap:var(--sapphire-semantic-size-spacing-5)}.sapphire-button-group--align-center{justify-content:center}.sapphire-button-group--align-right{justify-content:flex-end}.sapphire-button-group--align-left{justify-content:flex-start}.sapphire-button-group--vertical{flex-direction:column}.sapphire-button-group--vertical.sapphire-button-group--align-center{align-items:center}.sapphire-button-group--vertical.sapphire-button-group--align-right{align-items:flex-end}.sapphire-button-group--vertical.sapphire-button-group--align-left{align-items:flex-start}\n"] }]
|
|
369
|
+
args: [{ selector: 'sp-button-group', encapsulation: ViewEncapsulation.None, standalone: false, template: "<div\n class=\"sapphire-button-group\"\n [ngClass]=\"\n stretch !== 'none'\n ? 'sapphire-button-group--stretch'\n : 'sapphire-button-group--align-' + align\n \"\n [class.sapphire-button-group--stretch-auto-vertical]=\"\n stretch === 'autoVertical'\n \"\n [class.sapphire-button-group--spacing-xs]=\"spacing === 'xs'\"\n [class.sapphire-button-group--spacing-sm]=\"spacing === 'sm'\"\n [class.sapphire-button-group--spacing-lg]=\"spacing === 'lg'\"\n [class.sapphire-button-group--vertical]=\"orientation === 'vertical'\"\n>\n <ng-content></ng-content>\n</div>\n", styles: [".sapphire-button-group{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:stretch;gap:var(--sapphire-semantic-size-spacing-40)}.sapphire-button-group--stretch{flex-wrap:wrap-reverse;justify-content:normal;align-items:normal}.sapphire-button-group--stretch>*{min-width:-moz-fit-content!important;min-width:fit-content!important;max-width:100%!important;flex-grow:1!important}.sapphire-button-group--stretch.sapphire-button-group--vertical{flex-direction:column-reverse;flex-wrap:nowrap}.sapphire-button-group--stretch.sapphire-button-group--stretch-auto-vertical.sapphire-button-group:has(> *:nth-child(3)){flex-direction:column-reverse}.sapphire-button-group--spacing-lg{gap:var(--sapphire-semantic-size-spacing-50)}.sapphire-button-group--spacing-sm{gap:var(--sapphire-semantic-size-spacing-30)}.sapphire-button-group--spacing-xs{gap:var(--sapphire-semantic-size-spacing-5)}.sapphire-button-group--align-center{justify-content:center}.sapphire-button-group--align-right{justify-content:flex-end}.sapphire-button-group--align-left{justify-content:flex-start}.sapphire-button-group--vertical{flex-direction:column}.sapphire-button-group--vertical.sapphire-button-group--align-center{align-items:center}.sapphire-button-group--vertical.sapphire-button-group--align-right{align-items:flex-end}.sapphire-button-group--vertical.sapphire-button-group--align-left{align-items:flex-start}\n"] }]
|
|
370
370
|
}], propDecorators: {
|
|
371
371
|
/**
|
|
372
372
|
* Alignment of buttons within the group.
|
|
@@ -455,7 +455,7 @@ IconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
|
455
455
|
IconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: IconComponent, selector: "sp-icon", inputs: { name: "name", sizeInput: ["size", "sizeInput"] }, ngImport: i0, template: '', isInline: true, styles: [".sapphire-icon{flex-shrink:0}.sapphire-icon.sapphire-icon--sm{height:var(--sapphire-semantic-size-icon-sm);width:var(--sapphire-semantic-size-icon-sm)}.sapphire-icon.sapphire-icon--md{height:var(--sapphire-semantic-size-icon-md);width:var(--sapphire-semantic-size-icon-md)}.sapphire-icon.sapphire-icon--lg{height:var(--sapphire-semantic-size-icon-lg);width:var(--sapphire-semantic-size-icon-lg)}.sapphire-icon.sapphire-icon--xl{height:var(--sapphire-semantic-size-icon-xl);width:var(--sapphire-semantic-size-icon-xl)}sp-icon{line-height:0}\n"], encapsulation: i0.ViewEncapsulation.None });
|
|
456
456
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: IconComponent, decorators: [{
|
|
457
457
|
type: Component,
|
|
458
|
-
args: [{ selector: 'sp-icon', template: '', encapsulation: ViewEncapsulation.None, styles: [".sapphire-icon{flex-shrink:0}.sapphire-icon.sapphire-icon--sm{height:var(--sapphire-semantic-size-icon-sm);width:var(--sapphire-semantic-size-icon-sm)}.sapphire-icon.sapphire-icon--md{height:var(--sapphire-semantic-size-icon-md);width:var(--sapphire-semantic-size-icon-md)}.sapphire-icon.sapphire-icon--lg{height:var(--sapphire-semantic-size-icon-lg);width:var(--sapphire-semantic-size-icon-lg)}.sapphire-icon.sapphire-icon--xl{height:var(--sapphire-semantic-size-icon-xl);width:var(--sapphire-semantic-size-icon-xl)}sp-icon{line-height:0}\n"] }]
|
|
458
|
+
args: [{ selector: 'sp-icon', template: '', encapsulation: ViewEncapsulation.None, standalone: false, styles: [".sapphire-icon{flex-shrink:0}.sapphire-icon.sapphire-icon--sm{height:var(--sapphire-semantic-size-icon-sm);width:var(--sapphire-semantic-size-icon-sm)}.sapphire-icon.sapphire-icon--md{height:var(--sapphire-semantic-size-icon-md);width:var(--sapphire-semantic-size-icon-md)}.sapphire-icon.sapphire-icon--lg{height:var(--sapphire-semantic-size-icon-lg);width:var(--sapphire-semantic-size-icon-lg)}.sapphire-icon.sapphire-icon--xl{height:var(--sapphire-semantic-size-icon-xl);width:var(--sapphire-semantic-size-icon-xl)}sp-icon{line-height:0}\n"] }]
|
|
459
459
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: undefined, decorators: [{
|
|
460
460
|
type: Optional
|
|
461
461
|
}, {
|
|
@@ -521,6 +521,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
521
521
|
type: Directive,
|
|
522
522
|
args: [{
|
|
523
523
|
selector: '[spButtonIcon]',
|
|
524
|
+
standalone: false,
|
|
524
525
|
}]
|
|
525
526
|
}] });
|
|
526
527
|
|
|
@@ -573,7 +574,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
573
574
|
provide: ICON_SIZE_PROVIDER,
|
|
574
575
|
useExisting: forwardRef(() => ButtonComponent),
|
|
575
576
|
},
|
|
576
|
-
], template: "<span class=\"sapphire-button__content\">\n <span\n *ngIf=\"buttonIcon && iconAlign === 'left'\"\n class=\"sapphire-button__icon\"\n >\n <ng-container *ngTemplateOutlet=\"iconContent\"></ng-container>\n </span>\n\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n\n <span\n *ngIf=\"buttonIcon && iconAlign === 'right'\"\n class=\"sapphire-button__icon\"\n >\n <ng-container *ngTemplateOutlet=\"iconContent\"></ng-container>\n </span>\n\n <ng-template #content>\n <ng-content></ng-content>\n </ng-template>\n <ng-template #iconContent>\n <ng-content select=\"[spButtonIcon]\"></ng-content>\n </ng-template>\n</span>\n", styles: [".sapphire-button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;white-space:nowrap;margin:0;font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-semibold);font-size:var(--sapphire-semantic-size-font-control-md);text-transform:none;letter-spacing:.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:0 var(--sapphire-global-size-generic-50);height:var(--sapphire-semantic-size-height-control-md);min-width:var(--sapphire-global-size-generic-100);max-width:-moz-fit-content;max-width:fit-content;flex-shrink:0;border-radius:var(--sapphire-semantic-size-height-control-md);border-style:solid;border-width:0;border-color:transparent;transition-property:opacity,background-color,color;transition-duration:var(--sapphire-semantic-time-fade-quick);transition-timing-function:ease-in-out;cursor:pointer}.sapphire-button__content{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;white-space:nowrap;margin:0;width:100%}a.sapphire-button{text-decoration:none}.sapphire-button:disabled,.sapphire-button.is-disabled{opacity:var(--sapphire-semantic-opacity-disabled);cursor:not-allowed}.sapphire-button:focus{outline:none}.sapphire-button.is-focus,.sapphire-button:not(.js-focus):focus-visible{outline:var(--sapphire-semantic-size-focus-ring) solid var(--sapphire-semantic-color-focus-ring);outline-offset:var(--sapphire-semantic-size-focus-ring)}.sapphire-button--with-left-icon,.sapphire-button--with-right-icon{min-width:var(--sapphire-global-size-generic-100)}.sapphire-button--with-right-icon .sapphire-button__icon{margin-left:var(--sapphire-semantic-size-spacing-20)}.sapphire-button--with-left-icon .sapphire-button__icon{margin-right:var(--sapphire-semantic-size-spacing-20)}.sapphire-button--loading{cursor:not-allowed}.sapphire-button__spinner{position:absolute;display:inherit}.sapphire-button--loading .sapphire-button__content{visibility:hidden}.sapphire-button--primary{background-color:var(--sapphire-semantic-color-background-action-primary-default);color:var(--sapphire-semantic-color-content-action-primary-default)}.sapphire-button--primary:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--primary:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-semantic-color-background-action-primary-hover)}.sapphire-button--primary.is-focus,.sapphire-button--primary:not(.js-focus):focus-visible{background-color:var(--sapphire-semantic-color-background-action-primary-default)}.sapphire-button--primary:not(:disabled):not(.is-disabled).is-active,.sapphire-button--primary:not(:disabled):not(.is-disabled):active,.sapphire-button--primary:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-semantic-color-background-action-primary-active)}.sapphire-button--secondary{background-color:var(--sapphire-semantic-color-background-action-secondary-default);color:var(--sapphire-semantic-color-content-action-secondary-default)}.sapphire-button--secondary:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--secondary:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-semantic-color-background-action-secondary-hover);color:var(--sapphire-semantic-color-content-action-secondary-hover)}.sapphire-button--secondary.is-focus,.sapphire-button--secondary:not(.js-focus):focus-visible{background-color:var(--sapphire-semantic-color-background-action-secondary-default)}.sapphire-button--secondary:not(:disabled):not(.is-disabled).is-active,.sapphire-button--secondary:not(:disabled):not(.is-disabled):active,.sapphire-button--secondary:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-semantic-color-background-action-secondary-active);color:var(--sapphire-semantic-color-content-action-secondary-active)}.sapphire-button--secondary-ghost{background-color:var(--sapphire-semantic-color-background-action-secondary-ghost-default);color:var(--sapphire-semantic-color-content-action-secondary-default)}.sapphire-button--secondary-ghost:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--secondary-ghost:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-semantic-color-background-action-secondary-ghost-hover);color:var(--sapphire-semantic-color-content-action-secondary-hover)}.sapphire-button--secondary-ghost.is-focus,.sapphire-button--secondary-ghost:not(.js-focus):focus-visible{background-color:var(--sapphire-semantic-color-background-action-secondary-ghost-default)}.sapphire-button--secondary-ghost:not(:disabled):not(.is-disabled).is-active,.sapphire-button--secondary-ghost:not(:disabled):not(.is-disabled):active,.sapphire-button--secondary-ghost:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-semantic-color-background-action-secondary-ghost-active);color:var(--sapphire-semantic-color-content-action-secondary-active)}.sapphire-button--secondary-text{color:var(--sapphire-semantic-color-content-action-secondary-default);border-radius:var(--sapphire-semantic-size-radius-xs);background:var(--sapphire-semantic-color-background-action-secondary-text);padding:0}.sapphire-button--secondary-text:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--secondary-text:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{color:var(--sapphire-semantic-color-content-action-secondary-hover)}.sapphire-button--secondary-text:not(:disabled):not(.is-disabled).is-active,.sapphire-button--secondary-text:not(:disabled):not(.is-disabled):active,.sapphire-button--secondary-text:not(:disabled):not(.is-disabled):focus-visible:active{color:var(--sapphire-semantic-color-content-action-secondary-active)}.sapphire-button--tertiary{background-color:var(--sapphire-semantic-color-background-action-tertiary-default);color:var(--sapphire-semantic-color-content-action-tertiary-default)}.sapphire-button--tertiary:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--tertiary:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-semantic-color-background-action-tertiary-hover);color:var(--sapphire-semantic-color-content-action-tertiary-hover)}.sapphire-button--tertiary.is-focus,.sapphire-button--tertiary:not(.js-focus):focus-visible{background-color:var(--sapphire-semantic-color-background-action-tertiary-default)}.sapphire-button--tertiary:not(:disabled):not(.is-disabled).is-active,.sapphire-button--tertiary:not(:disabled):not(.is-disabled):active,.sapphire-button--tertiary:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-semantic-color-background-action-tertiary-active);color:var(--sapphire-semantic-color-content-action-tertiary-active)}.sapphire-button--tertiary-ghost{background-color:var(--sapphire-semantic-color-background-action-tertiary-ghost-default);color:var(--sapphire-semantic-color-content-action-tertiary-default)}.sapphire-button--tertiary-ghost:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--tertiary-ghost:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-semantic-color-background-action-tertiary-ghost-hover);color:var(--sapphire-semantic-color-content-action-tertiary-hover)}.sapphire-button--tertiary-ghost.is-focus,.sapphire-button--tertiary-ghost:not(.js-focus):focus-visible{background-color:var(--sapphire-semantic-color-background-action-tertiary-ghost-default)}.sapphire-button--tertiary-ghost:not(:disabled):not(.is-disabled).is-active,.sapphire-button--tertiary-ghost:not(:disabled):not(.is-disabled):active,.sapphire-button--tertiary-ghost:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-semantic-color-background-action-tertiary-ghost-active);color:var(--sapphire-semantic-color-content-action-tertiary-active)}.sapphire-button--tertiary-text{color:var(--sapphire-semantic-color-content-action-tertiary-default);border-radius:var(--sapphire-semantic-size-radius-xs);background:var(--sapphire-semantic-color-background-action-tertiary-text);padding:0}.sapphire-button--tertiary-text:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--tertiary-text:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{color:var(--sapphire-semantic-color-content-action-tertiary-hover)}.sapphire-button--tertiary-text:not(:disabled):not(.is-disabled).is-active,.sapphire-button--tertiary-text:not(:disabled):not(.is-disabled):active,.sapphire-button--tertiary-text:not(:disabled):not(.is-disabled):focus-visible:active{color:var(--sapphire-semantic-color-content-action-tertiary-active)}.sapphire-button--danger{background-color:var(--sapphire-semantic-color-background-action-danger-default);color:var(--sapphire-semantic-color-content-action-danger-default)}.sapphire-button--danger:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--danger:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-semantic-color-background-action-danger-hover);color:var(--sapphire-semantic-color-content-action-danger-hover)}.sapphire-button--danger.is-focus,.sapphire-button--danger:not(.js-focus):focus-visible{background-color:var(--sapphire-semantic-color-background-action-danger-default)}.sapphire-button--danger:not(:disabled):not(.is-disabled).is-active,.sapphire-button--danger:not(:disabled):not(.is-disabled):active,.sapphire-button--danger:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-semantic-color-background-action-danger-active);color:var(--sapphire-semantic-color-content-action-danger-active)}.sapphire-button--danger-ghost{background-color:var(--sapphire-semantic-color-background-action-danger-ghost-default);color:var(--sapphire-semantic-color-content-action-danger-default)}.sapphire-button--danger-ghost:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--danger-ghost:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-semantic-color-background-action-danger-ghost-hover);color:var(--sapphire-semantic-color-content-action-danger-hover)}.sapphire-button--danger-ghost.is-focus,.sapphire-button--danger-ghost:not(.js-focus):focus-visible{background-color:var(--sapphire-semantic-color-background-action-danger-ghost-default)}.sapphire-button--danger-ghost:not(:disabled):not(.is-disabled).is-active,.sapphire-button--danger-ghost:not(:disabled):not(.is-disabled):active,.sapphire-button--danger-ghost:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-semantic-color-background-action-danger-ghost-active);color:var(--sapphire-semantic-color-content-action-danger-active)}.sapphire-button--danger-text{color:var(--sapphire-semantic-color-content-action-danger-default);border-radius:var(--sapphire-semantic-size-radius-xs);background:var(--sapphire-semantic-color-background-action-danger-text);padding:0}.sapphire-button--danger-text:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--danger-text:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{color:var(--sapphire-semantic-color-content-action-danger-hover)}.sapphire-button--danger-text:not(:disabled):not(.is-disabled).is-active,.sapphire-button--danger-text:not(:disabled):not(.is-disabled):active,.sapphire-button--danger-text:not(:disabled):not(.is-disabled):focus-visible:active{color:var(--sapphire-semantic-color-content-action-danger-active)}.sapphire-button--selected{background-color:var(--sapphire-semantic-color-background-selection-selected-default);color:var(--sapphire-semantic-color-content-selection-selected-default)}.sapphire-button--selected:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--selected:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-semantic-color-background-selection-selected-hover)}.sapphire-button--selected.is-focus,.sapphire-button--selected:not(.js-focus):focus-visible{background-color:var(--sapphire-semantic-color-background-selection-selected-default)}.sapphire-button--selected:not(:disabled):not(.is-disabled).is-active,.sapphire-button--selected:not(:disabled):not(.is-disabled):active,.sapphire-button--selected:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-semantic-color-background-selection-selected-active);color:var(--sapphire-semantic-color-content-selection-selected-active)}.sapphire-button--unselected{background-color:var(--sapphire-semantic-color-background-selection-unselected-default);color:var(--sapphire-semantic-color-content-selection-unselected-default)}.sapphire-button--unselected:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--unselected:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-semantic-color-background-selection-unselected-hover)}.sapphire-button--unselected.is-focus,.sapphire-button--unselected:not(.js-focus):focus-visible{background-color:var(--sapphire-semantic-color-background-selection-unselected-default)}.sapphire-button--unselected:not(:disabled):not(.is-disabled).is-active,.sapphire-button--unselected:not(:disabled):not(.is-disabled):active,.sapphire-button--unselected:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-semantic-color-background-selection-unselected-active);color:var(--sapphire-semantic-color-content-selection-unselected-active)}.sapphire-button__icon{display:flex;flex-direction:column;justify-content:center;align-items:center;height:var(--sapphire-semantic-size-icon-md);width:var(--sapphire-semantic-size-icon-md)}.sapphire-button--lg .sapphire-button__icon{height:var(--sapphire-semantic-size-icon-lg);width:var(--sapphire-semantic-size-icon-lg)}.sapphire-button--sm .sapphire-button__icon{height:var(--sapphire-semantic-size-icon-sm);width:var(--sapphire-semantic-size-icon-sm)}.sapphire-button--lg{height:var(--sapphire-semantic-size-height-control-lg);min-width:var(--sapphire-global-size-generic-120);padding:0 var(--sapphire-semantic-size-spacing-50);font-size:var(--sapphire-semantic-size-font-control-default);border-radius:var(--sapphire-semantic-size-height-control-lg)}.sapphire-button--lg.sapphire-button--secondary-text,.sapphire-button--lg.sapphire-button--tertiary-text,.sapphire-button--lg.sapphire-button--danger-text{padding:0;border-radius:var(--sapphire-semantic-size-radius-xs)}.sapphire-button--sm{height:var(--sapphire-semantic-size-height-control-sm);min-width:var(--sapphire-global-size-generic-80);padding:0 var(--sapphire-semantic-size-spacing-40);font-size:var(--sapphire-semantic-size-font-control-sm);border-radius:var(--sapphire-semantic-size-height-control-sm)}.sapphire-button--sm.sapphire-button--secondary-text,.sapphire-button--sm.sapphire-button--tertiary-text,.sapphire-button--sm.sapphire-button--danger-text{padding:0;border-radius:var(--sapphire-semantic-size-radius-xs)}\n"] }]
|
|
577
|
+
], standalone: false, template: "<span class=\"sapphire-button__content\">\n <span\n *ngIf=\"buttonIcon && iconAlign === 'left'\"\n class=\"sapphire-button__icon\"\n >\n <ng-container *ngTemplateOutlet=\"iconContent\"></ng-container>\n </span>\n\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n\n <span\n *ngIf=\"buttonIcon && iconAlign === 'right'\"\n class=\"sapphire-button__icon\"\n >\n <ng-container *ngTemplateOutlet=\"iconContent\"></ng-container>\n </span>\n\n <ng-template #content>\n <ng-content></ng-content>\n </ng-template>\n <ng-template #iconContent>\n <ng-content select=\"[spButtonIcon]\"></ng-content>\n </ng-template>\n</span>\n", styles: [".sapphire-button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;white-space:nowrap;margin:0;font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-semibold);font-size:var(--sapphire-semantic-size-font-control-md);text-transform:none;letter-spacing:.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:0 var(--sapphire-global-size-generic-50);height:var(--sapphire-semantic-size-height-control-md);min-width:var(--sapphire-global-size-generic-100);max-width:-moz-fit-content;max-width:fit-content;flex-shrink:0;border-radius:var(--sapphire-semantic-size-height-control-md);border-style:solid;border-width:0;border-color:transparent;transition-property:opacity,background-color,color;transition-duration:var(--sapphire-semantic-time-fade-quick);transition-timing-function:ease-in-out;cursor:pointer}.sapphire-button__content{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;white-space:nowrap;margin:0;width:100%}a.sapphire-button{text-decoration:none}.sapphire-button:disabled,.sapphire-button.is-disabled{opacity:var(--sapphire-semantic-opacity-disabled);cursor:not-allowed}.sapphire-button:focus{outline:none}.sapphire-button.is-focus,.sapphire-button:not(.js-focus):focus-visible{outline:var(--sapphire-semantic-size-focus-ring) solid var(--sapphire-semantic-color-focus-ring);outline-offset:var(--sapphire-semantic-size-focus-ring)}.sapphire-button--with-left-icon,.sapphire-button--with-right-icon{min-width:var(--sapphire-global-size-generic-100)}.sapphire-button--with-right-icon .sapphire-button__icon{margin-left:var(--sapphire-semantic-size-spacing-20)}.sapphire-button--with-left-icon .sapphire-button__icon{margin-right:var(--sapphire-semantic-size-spacing-20)}.sapphire-button--loading{cursor:not-allowed}.sapphire-button__spinner{position:absolute;display:inherit}.sapphire-button--loading .sapphire-button__content{visibility:hidden}.sapphire-button--primary{background-color:var(--sapphire-semantic-color-background-action-primary-default);color:var(--sapphire-semantic-color-content-action-primary-default)}.sapphire-button--primary:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--primary:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-semantic-color-background-action-primary-hover)}.sapphire-button--primary.is-focus,.sapphire-button--primary:not(.js-focus):focus-visible{background-color:var(--sapphire-semantic-color-background-action-primary-default)}.sapphire-button--primary:not(:disabled):not(.is-disabled).is-active,.sapphire-button--primary:not(:disabled):not(.is-disabled):active,.sapphire-button--primary:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-semantic-color-background-action-primary-active)}.sapphire-button--secondary{background-color:var(--sapphire-semantic-color-background-action-secondary-default);color:var(--sapphire-semantic-color-content-action-secondary-default)}.sapphire-button--secondary:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--secondary:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-semantic-color-background-action-secondary-hover);color:var(--sapphire-semantic-color-content-action-secondary-hover)}.sapphire-button--secondary.is-focus,.sapphire-button--secondary:not(.js-focus):focus-visible{background-color:var(--sapphire-semantic-color-background-action-secondary-default)}.sapphire-button--secondary:not(:disabled):not(.is-disabled).is-active,.sapphire-button--secondary:not(:disabled):not(.is-disabled):active,.sapphire-button--secondary:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-semantic-color-background-action-secondary-active);color:var(--sapphire-semantic-color-content-action-secondary-active)}.sapphire-button--secondary-ghost{background-color:var(--sapphire-semantic-color-background-action-secondary-ghost-default);color:var(--sapphire-semantic-color-content-action-secondary-default)}.sapphire-button--secondary-ghost:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--secondary-ghost:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-semantic-color-background-action-secondary-ghost-hover);color:var(--sapphire-semantic-color-content-action-secondary-hover)}.sapphire-button--secondary-ghost.is-focus,.sapphire-button--secondary-ghost:not(.js-focus):focus-visible{background-color:var(--sapphire-semantic-color-background-action-secondary-ghost-default)}.sapphire-button--secondary-ghost:not(:disabled):not(.is-disabled).is-active,.sapphire-button--secondary-ghost:not(:disabled):not(.is-disabled):active,.sapphire-button--secondary-ghost:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-semantic-color-background-action-secondary-ghost-active);color:var(--sapphire-semantic-color-content-action-secondary-active)}.sapphire-button--secondary-text{color:var(--sapphire-semantic-color-content-action-secondary-default);border-radius:var(--sapphire-semantic-size-radius-xs);background:var(--sapphire-semantic-color-background-action-secondary-text);padding:0}.sapphire-button--secondary-text:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--secondary-text:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{color:var(--sapphire-semantic-color-content-action-secondary-hover)}.sapphire-button--secondary-text:not(:disabled):not(.is-disabled).is-active,.sapphire-button--secondary-text:not(:disabled):not(.is-disabled):active,.sapphire-button--secondary-text:not(:disabled):not(.is-disabled):focus-visible:active{color:var(--sapphire-semantic-color-content-action-secondary-active)}.sapphire-button--tertiary{background-color:var(--sapphire-semantic-color-background-action-tertiary-default);color:var(--sapphire-semantic-color-content-action-tertiary-default)}.sapphire-button--tertiary:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--tertiary:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-semantic-color-background-action-tertiary-hover);color:var(--sapphire-semantic-color-content-action-tertiary-hover)}.sapphire-button--tertiary.is-focus,.sapphire-button--tertiary:not(.js-focus):focus-visible{background-color:var(--sapphire-semantic-color-background-action-tertiary-default)}.sapphire-button--tertiary:not(:disabled):not(.is-disabled).is-active,.sapphire-button--tertiary:not(:disabled):not(.is-disabled):active,.sapphire-button--tertiary:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-semantic-color-background-action-tertiary-active);color:var(--sapphire-semantic-color-content-action-tertiary-active)}.sapphire-button--tertiary-ghost{background-color:var(--sapphire-semantic-color-background-action-tertiary-ghost-default);color:var(--sapphire-semantic-color-content-action-tertiary-default)}.sapphire-button--tertiary-ghost:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--tertiary-ghost:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-semantic-color-background-action-tertiary-ghost-hover);color:var(--sapphire-semantic-color-content-action-tertiary-hover)}.sapphire-button--tertiary-ghost.is-focus,.sapphire-button--tertiary-ghost:not(.js-focus):focus-visible{background-color:var(--sapphire-semantic-color-background-action-tertiary-ghost-default)}.sapphire-button--tertiary-ghost:not(:disabled):not(.is-disabled).is-active,.sapphire-button--tertiary-ghost:not(:disabled):not(.is-disabled):active,.sapphire-button--tertiary-ghost:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-semantic-color-background-action-tertiary-ghost-active);color:var(--sapphire-semantic-color-content-action-tertiary-active)}.sapphire-button--tertiary-text{color:var(--sapphire-semantic-color-content-action-tertiary-default);border-radius:var(--sapphire-semantic-size-radius-xs);background:var(--sapphire-semantic-color-background-action-tertiary-text);padding:0}.sapphire-button--tertiary-text:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--tertiary-text:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{color:var(--sapphire-semantic-color-content-action-tertiary-hover)}.sapphire-button--tertiary-text:not(:disabled):not(.is-disabled).is-active,.sapphire-button--tertiary-text:not(:disabled):not(.is-disabled):active,.sapphire-button--tertiary-text:not(:disabled):not(.is-disabled):focus-visible:active{color:var(--sapphire-semantic-color-content-action-tertiary-active)}.sapphire-button--danger{background-color:var(--sapphire-semantic-color-background-action-danger-default);color:var(--sapphire-semantic-color-content-action-danger-default)}.sapphire-button--danger:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--danger:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-semantic-color-background-action-danger-hover);color:var(--sapphire-semantic-color-content-action-danger-hover)}.sapphire-button--danger.is-focus,.sapphire-button--danger:not(.js-focus):focus-visible{background-color:var(--sapphire-semantic-color-background-action-danger-default)}.sapphire-button--danger:not(:disabled):not(.is-disabled).is-active,.sapphire-button--danger:not(:disabled):not(.is-disabled):active,.sapphire-button--danger:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-semantic-color-background-action-danger-active);color:var(--sapphire-semantic-color-content-action-danger-active)}.sapphire-button--danger-ghost{background-color:var(--sapphire-semantic-color-background-action-danger-ghost-default);color:var(--sapphire-semantic-color-content-action-danger-default)}.sapphire-button--danger-ghost:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--danger-ghost:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-semantic-color-background-action-danger-ghost-hover);color:var(--sapphire-semantic-color-content-action-danger-hover)}.sapphire-button--danger-ghost.is-focus,.sapphire-button--danger-ghost:not(.js-focus):focus-visible{background-color:var(--sapphire-semantic-color-background-action-danger-ghost-default)}.sapphire-button--danger-ghost:not(:disabled):not(.is-disabled).is-active,.sapphire-button--danger-ghost:not(:disabled):not(.is-disabled):active,.sapphire-button--danger-ghost:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-semantic-color-background-action-danger-ghost-active);color:var(--sapphire-semantic-color-content-action-danger-active)}.sapphire-button--danger-text{color:var(--sapphire-semantic-color-content-action-danger-default);border-radius:var(--sapphire-semantic-size-radius-xs);background:var(--sapphire-semantic-color-background-action-danger-text);padding:0}.sapphire-button--danger-text:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--danger-text:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{color:var(--sapphire-semantic-color-content-action-danger-hover)}.sapphire-button--danger-text:not(:disabled):not(.is-disabled).is-active,.sapphire-button--danger-text:not(:disabled):not(.is-disabled):active,.sapphire-button--danger-text:not(:disabled):not(.is-disabled):focus-visible:active{color:var(--sapphire-semantic-color-content-action-danger-active)}.sapphire-button--selected{background-color:var(--sapphire-semantic-color-background-selection-selected-default);color:var(--sapphire-semantic-color-content-selection-selected-default)}.sapphire-button--selected:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--selected:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-semantic-color-background-selection-selected-hover)}.sapphire-button--selected.is-focus,.sapphire-button--selected:not(.js-focus):focus-visible{background-color:var(--sapphire-semantic-color-background-selection-selected-default)}.sapphire-button--selected:not(:disabled):not(.is-disabled).is-active,.sapphire-button--selected:not(:disabled):not(.is-disabled):active,.sapphire-button--selected:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-semantic-color-background-selection-selected-active);color:var(--sapphire-semantic-color-content-selection-selected-active)}.sapphire-button--unselected{background-color:var(--sapphire-semantic-color-background-selection-unselected-default);color:var(--sapphire-semantic-color-content-selection-unselected-default)}.sapphire-button--unselected:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--unselected:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-semantic-color-background-selection-unselected-hover)}.sapphire-button--unselected.is-focus,.sapphire-button--unselected:not(.js-focus):focus-visible{background-color:var(--sapphire-semantic-color-background-selection-unselected-default)}.sapphire-button--unselected:not(:disabled):not(.is-disabled).is-active,.sapphire-button--unselected:not(:disabled):not(.is-disabled):active,.sapphire-button--unselected:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-semantic-color-background-selection-unselected-active);color:var(--sapphire-semantic-color-content-selection-unselected-active)}.sapphire-button__icon{display:flex;flex-direction:column;justify-content:center;align-items:center;height:var(--sapphire-semantic-size-icon-md);width:var(--sapphire-semantic-size-icon-md)}.sapphire-button--lg .sapphire-button__icon{height:var(--sapphire-semantic-size-icon-lg);width:var(--sapphire-semantic-size-icon-lg)}.sapphire-button--sm .sapphire-button__icon{height:var(--sapphire-semantic-size-icon-sm);width:var(--sapphire-semantic-size-icon-sm)}.sapphire-button--lg{height:var(--sapphire-semantic-size-height-control-lg);min-width:var(--sapphire-global-size-generic-120);padding:0 var(--sapphire-semantic-size-spacing-50);font-size:var(--sapphire-semantic-size-font-control-default);border-radius:var(--sapphire-semantic-size-height-control-lg)}.sapphire-button--lg.sapphire-button--secondary-text,.sapphire-button--lg.sapphire-button--tertiary-text,.sapphire-button--lg.sapphire-button--danger-text{padding:0;border-radius:var(--sapphire-semantic-size-radius-xs)}.sapphire-button--sm{height:var(--sapphire-semantic-size-height-control-sm);min-width:var(--sapphire-global-size-generic-80);padding:0 var(--sapphire-semantic-size-spacing-40);font-size:var(--sapphire-semantic-size-font-control-sm);border-radius:var(--sapphire-semantic-size-height-control-sm)}.sapphire-button--sm.sapphire-button--secondary-text,.sapphire-button--sm.sapphire-button--tertiary-text,.sapphire-button--sm.sapphire-button--danger-text{padding:0;border-radius:var(--sapphire-semantic-size-radius-xs)}\n"] }]
|
|
577
578
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { variant: [{
|
|
578
579
|
type: Input
|
|
579
580
|
}], size: [{
|
|
@@ -643,7 +644,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
643
644
|
'[class.sapphire-icon-button--lg]': 'size === "lg"',
|
|
644
645
|
'[class.sapphire-icon-button--sm]': 'size === "sm"',
|
|
645
646
|
'[class.sapphire-icon-button--xs]': 'size === "xs"',
|
|
646
|
-
}, hostDirectives: [UseComponentStylesOnHost], template: "<span class=\"sapphire-icon-button__icon\">\n <ng-content></ng-content>\n</span>\n", styles: [".sapphire-icon-button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;white-space:nowrap;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:var(--sapphire-semantic-size-height-control-md);width:var(--sapphire-semantic-size-height-control-md);flex-shrink:0;border-radius:var(--sapphire-semantic-size-height-control-md);border-style:solid;border-width:0;border-color:transparent;font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-semibold);font-size:var(--sapphire-semantic-size-font-control-md);transition-property:opacity,background-color,color;transition-duration:var(--sapphire-semantic-time-fade-quick);transition-timing-function:ease-in-out;cursor:pointer}a.sapphire-icon-button{text-decoration:none}.sapphire-icon-button:disabled,.sapphire-icon-button.is-disabled{opacity:var(--sapphire-semantic-opacity-disabled);cursor:not-allowed}.sapphire-icon-button:focus{outline:none}.sapphire-icon-button.is-focus,.sapphire-icon-button:not(.js-focus):focus-visible{outline:var(--sapphire-semantic-size-focus-ring) solid var(--sapphire-semantic-color-focus-ring);outline-offset:var(--sapphire-semantic-size-focus-ring)}.sapphire-icon-button__spinner{position:absolute;display:inherit;cursor:not-allowed}.sapphire-icon-button--loading .sapphire-icon-button__icon{visibility:hidden}.sapphire-icon-button--primary{background-color:var(--sapphire-semantic-color-background-action-primary-default);color:var(--sapphire-semantic-color-content-action-primary-default)}.sapphire-icon-button--primary:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-icon-button--primary:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-semantic-color-background-action-primary-hover)}.sapphire-icon-button--primary.is-focus,.sapphire-icon-button--primary:not(.js-focus):focus-visible{background-color:var(--sapphire-semantic-color-background-action-primary-default)}.sapphire-icon-button--primary:not(:disabled):not(.is-disabled).is-active,.sapphire-icon-button--primary:not(:disabled):not(.is-disabled):active,.sapphire-icon-button--primary:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-semantic-color-background-action-primary-active)}.sapphire-icon-button--secondary{background-color:var(--sapphire-semantic-color-background-action-secondary-default);color:var(--sapphire-semantic-color-content-action-secondary-default)}.sapphire-icon-button--secondary:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-icon-button--secondary:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-semantic-color-background-action-secondary-hover);color:var(--sapphire-semantic-color-content-action-secondary-hover)}.sapphire-icon-button--secondary.is-focus,.sapphire-icon-button--secondary:not(.js-focus):focus-visible{background-color:var(--sapphire-semantic-color-background-action-secondary-default)}.sapphire-icon-button--secondary:not(:disabled):not(.is-disabled).is-active,.sapphire-icon-button--secondary:not(:disabled):not(.is-disabled):active,.sapphire-icon-button--secondary:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-semantic-color-background-action-secondary-active);color:var(--sapphire-semantic-color-content-action-secondary-active)}.sapphire-icon-button--secondary-ghost{background-color:var(--sapphire-semantic-color-background-action-secondary-ghost-default);color:var(--sapphire-semantic-color-content-action-secondary-default)}.sapphire-icon-button--secondary-ghost:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-icon-button--secondary-ghost:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-semantic-color-background-action-secondary-ghost-hover);color:var(--sapphire-semantic-color-content-action-secondary-hover)}.sapphire-icon-button--secondary-ghost.is-focus,.sapphire-icon-button--secondary-ghost:not(.js-focus):focus-visible{background-color:var(--sapphire-semantic-color-background-action-secondary-ghost-default)}.sapphire-icon-button--secondary-ghost:not(:disabled):not(.is-disabled).is-active,.sapphire-icon-button--secondary-ghost:not(:disabled):not(.is-disabled):active,.sapphire-icon-button--secondary-ghost:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-semantic-color-background-action-secondary-ghost-active);color:var(--sapphire-semantic-color-content-action-secondary-active)}.sapphire-icon-button--tertiary{background-color:var(--sapphire-semantic-color-background-action-tertiary-default);color:var(--sapphire-semantic-color-content-action-tertiary-default)}.sapphire-icon-button--tertiary:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-icon-button--tertiary:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-semantic-color-background-action-tertiary-hover);color:var(--sapphire-semantic-color-content-action-tertiary-hover)}.sapphire-icon-button--tertiary.is-focus,.sapphire-icon-button--tertiary:not(.js-focus):focus-visible{background-color:var(--sapphire-semantic-color-background-action-tertiary-default)}.sapphire-icon-button--tertiary:not(:disabled):not(.is-disabled).is-active,.sapphire-icon-button--tertiary:not(:disabled):not(.is-disabled):active,.sapphire-icon-button--tertiary:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-semantic-color-background-action-tertiary-active);color:var(--sapphire-semantic-color-content-action-tertiary-active)}.sapphire-icon-button--tertiary-ghost{background-color:var(--sapphire-semantic-color-background-action-tertiary-ghost-default);color:var(--sapphire-semantic-color-content-action-tertiary-default)}.sapphire-icon-button--tertiary-ghost:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-icon-button--tertiary-ghost:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-semantic-color-background-action-tertiary-ghost-hover);color:var(--sapphire-semantic-color-content-action-tertiary-hover)}.sapphire-icon-button--tertiary-ghost.is-focus,.sapphire-icon-button--tertiary-ghost:not(.js-focus):focus-visible{background-color:var(--sapphire-semantic-color-background-action-tertiary-ghost-default)}.sapphire-icon-button--tertiary-ghost:not(:disabled):not(.is-disabled).is-active,.sapphire-icon-button--tertiary-ghost:not(:disabled):not(.is-disabled):active,.sapphire-icon-button--tertiary-ghost:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-semantic-color-background-action-tertiary-ghost-active);color:var(--sapphire-semantic-color-content-action-tertiary-active)}.sapphire-icon-button--danger{background-color:var(--sapphire-semantic-color-background-action-danger-default);color:var(--sapphire-semantic-color-content-action-danger-default)}.sapphire-icon-button--danger:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-icon-button--danger:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-semantic-color-background-action-danger-hover);color:var(--sapphire-semantic-color-content-action-danger-hover)}.sapphire-icon-button--danger.is-focus,.sapphire-icon-button--danger:not(.js-focus):focus-visible{background-color:var(--sapphire-semantic-color-background-action-danger-default)}.sapphire-icon-button--danger:not(:disabled):not(.is-disabled).is-active,.sapphire-icon-button--danger:not(:disabled):not(.is-disabled):active,.sapphire-icon-button--danger:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-semantic-color-background-action-danger-active);color:var(--sapphire-semantic-color-content-action-danger-active)}.sapphire-icon-button--danger-ghost{background-color:var(--sapphire-semantic-color-background-action-danger-ghost-default);color:var(--sapphire-semantic-color-content-action-danger-default)}.sapphire-icon-button--danger-ghost:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-icon-button--danger-ghost:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-semantic-color-background-action-danger-ghost-hover);color:var(--sapphire-semantic-color-content-action-danger-hover)}.sapphire-icon-button--danger-ghost.is-focus,.sapphire-icon-button--danger-ghost:not(.js-focus):focus-visible{background-color:var(--sapphire-semantic-color-background-action-danger-ghost-default)}.sapphire-icon-button--danger-ghost:not(:disabled):not(.is-disabled).is-active,.sapphire-icon-button--danger-ghost:not(:disabled):not(.is-disabled):active,.sapphire-icon-button--danger-ghost:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-semantic-color-background-action-danger-ghost-active);color:var(--sapphire-semantic-color-content-action-danger-active)}.sapphire-icon-button__icon{display:flex;flex-direction:column;justify-content:center;align-items:center;height:var(--sapphire-semantic-size-icon-md);width:var(--sapphire-semantic-size-icon-md)}.sapphire-icon-button--lg .sapphire-icon-button__icon{height:var(--sapphire-semantic-size-icon-lg);width:var(--sapphire-semantic-size-icon-lg)}.sapphire-icon-button--sm .sapphire-icon-button__icon,.sapphire-icon-button--xs .sapphire-icon-button__icon{height:var(--sapphire-semantic-size-icon-sm);width:var(--sapphire-semantic-size-icon-sm)}.sapphire-icon-button--lg{height:var(--sapphire-semantic-size-height-control-lg);width:var(--sapphire-semantic-size-height-control-lg);border-radius:var(--sapphire-semantic-size-height-control-lg);font-size:var(--sapphire-semantic-size-font-control-default)}.sapphire-icon-button--sm{height:var(--sapphire-semantic-size-height-control-sm);width:var(--sapphire-semantic-size-height-control-sm);border-radius:var(--sapphire-semantic-size-height-control-sm);font-size:var(--sapphire-semantic-size-font-control-sm)}.sapphire-icon-button--xs{height:var(--sapphire-semantic-size-height-control-xs);width:var(--sapphire-semantic-size-height-control-xs);border-radius:var(--sapphire-semantic-size-height-control-xs);font-size:var(--sapphire-semantic-size-font-control-sm)}.sapphire-icon-button--selected{background-color:var(--sapphire-semantic-color-background-selection-selected-default);color:var(--sapphire-semantic-color-content-selection-selected-default)}.sapphire-icon-button--selected:not(:disabled):not(.is-disabled):not(:active):not(.is-active):hover,.sapphire-icon-button--selected:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-semantic-color-background-selection-selected-hover)}.sapphire-icon-button--selected.is-focus,.sapphire-icon-button--selected:not(.js-focus):focus-visible{background-color:var(--sapphire-semantic-color-background-selection-selected-default)}.sapphire-icon-button--selected:not(:disabled):not(.is-disabled).is-active,.sapphire-icon-button--selected:not(:disabled):not(.is-disabled):active,.sapphire-icon-button--selected:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-semantic-color-background-selection-selected-active);color:var(--sapphire-semantic-color-content-selection-selected-active)}.sapphire-icon-button--unselected{background-color:var(--sapphire-semantic-color-background-selection-unselected-default);color:var(--sapphire-semantic-color-content-selection-unselected-default)}.sapphire-icon-button--unselected:not(:disabled):not(.is-disabled):not(:active):not(.is-active):hover,.sapphire-icon-button--unselected:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-semantic-color-background-selection-unselected-hover)}.sapphire-icon-button--unselected.is-focus,.sapphire-icon-button--unselected:not(.js-focus):focus-visible{background-color:var(--sapphire-semantic-color-background-selection-unselected-default)}.sapphire-icon-button--unselected:not(:disabled):not(.is-disabled).is-active,.sapphire-icon-button--unselected:not(:disabled):not(.is-disabled):active,.sapphire-icon-button--unselected:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-semantic-color-background-selection-unselected-active);color:var(--sapphire-semantic-color-content-selection-unselected-active)}\n"] }]
|
|
647
|
+
}, hostDirectives: [UseComponentStylesOnHost], standalone: false, template: "<span class=\"sapphire-icon-button__icon\">\n <ng-content></ng-content>\n</span>\n", styles: [".sapphire-icon-button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;white-space:nowrap;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:var(--sapphire-semantic-size-height-control-md);width:var(--sapphire-semantic-size-height-control-md);flex-shrink:0;border-radius:var(--sapphire-semantic-size-height-control-md);border-style:solid;border-width:0;border-color:transparent;font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-semibold);font-size:var(--sapphire-semantic-size-font-control-md);transition-property:opacity,background-color,color;transition-duration:var(--sapphire-semantic-time-fade-quick);transition-timing-function:ease-in-out;cursor:pointer}a.sapphire-icon-button{text-decoration:none}.sapphire-icon-button:disabled,.sapphire-icon-button.is-disabled{opacity:var(--sapphire-semantic-opacity-disabled);cursor:not-allowed}.sapphire-icon-button:focus{outline:none}.sapphire-icon-button.is-focus,.sapphire-icon-button:not(.js-focus):focus-visible{outline:var(--sapphire-semantic-size-focus-ring) solid var(--sapphire-semantic-color-focus-ring);outline-offset:var(--sapphire-semantic-size-focus-ring)}.sapphire-icon-button__spinner{position:absolute;display:inherit;cursor:not-allowed}.sapphire-icon-button--loading .sapphire-icon-button__icon{visibility:hidden}.sapphire-icon-button--primary{background-color:var(--sapphire-semantic-color-background-action-primary-default);color:var(--sapphire-semantic-color-content-action-primary-default)}.sapphire-icon-button--primary:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-icon-button--primary:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-semantic-color-background-action-primary-hover)}.sapphire-icon-button--primary.is-focus,.sapphire-icon-button--primary:not(.js-focus):focus-visible{background-color:var(--sapphire-semantic-color-background-action-primary-default)}.sapphire-icon-button--primary:not(:disabled):not(.is-disabled).is-active,.sapphire-icon-button--primary:not(:disabled):not(.is-disabled):active,.sapphire-icon-button--primary:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-semantic-color-background-action-primary-active)}.sapphire-icon-button--secondary{background-color:var(--sapphire-semantic-color-background-action-secondary-default);color:var(--sapphire-semantic-color-content-action-secondary-default)}.sapphire-icon-button--secondary:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-icon-button--secondary:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-semantic-color-background-action-secondary-hover);color:var(--sapphire-semantic-color-content-action-secondary-hover)}.sapphire-icon-button--secondary.is-focus,.sapphire-icon-button--secondary:not(.js-focus):focus-visible{background-color:var(--sapphire-semantic-color-background-action-secondary-default)}.sapphire-icon-button--secondary:not(:disabled):not(.is-disabled).is-active,.sapphire-icon-button--secondary:not(:disabled):not(.is-disabled):active,.sapphire-icon-button--secondary:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-semantic-color-background-action-secondary-active);color:var(--sapphire-semantic-color-content-action-secondary-active)}.sapphire-icon-button--secondary-ghost{background-color:var(--sapphire-semantic-color-background-action-secondary-ghost-default);color:var(--sapphire-semantic-color-content-action-secondary-default)}.sapphire-icon-button--secondary-ghost:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-icon-button--secondary-ghost:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-semantic-color-background-action-secondary-ghost-hover);color:var(--sapphire-semantic-color-content-action-secondary-hover)}.sapphire-icon-button--secondary-ghost.is-focus,.sapphire-icon-button--secondary-ghost:not(.js-focus):focus-visible{background-color:var(--sapphire-semantic-color-background-action-secondary-ghost-default)}.sapphire-icon-button--secondary-ghost:not(:disabled):not(.is-disabled).is-active,.sapphire-icon-button--secondary-ghost:not(:disabled):not(.is-disabled):active,.sapphire-icon-button--secondary-ghost:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-semantic-color-background-action-secondary-ghost-active);color:var(--sapphire-semantic-color-content-action-secondary-active)}.sapphire-icon-button--tertiary{background-color:var(--sapphire-semantic-color-background-action-tertiary-default);color:var(--sapphire-semantic-color-content-action-tertiary-default)}.sapphire-icon-button--tertiary:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-icon-button--tertiary:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-semantic-color-background-action-tertiary-hover);color:var(--sapphire-semantic-color-content-action-tertiary-hover)}.sapphire-icon-button--tertiary.is-focus,.sapphire-icon-button--tertiary:not(.js-focus):focus-visible{background-color:var(--sapphire-semantic-color-background-action-tertiary-default)}.sapphire-icon-button--tertiary:not(:disabled):not(.is-disabled).is-active,.sapphire-icon-button--tertiary:not(:disabled):not(.is-disabled):active,.sapphire-icon-button--tertiary:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-semantic-color-background-action-tertiary-active);color:var(--sapphire-semantic-color-content-action-tertiary-active)}.sapphire-icon-button--tertiary-ghost{background-color:var(--sapphire-semantic-color-background-action-tertiary-ghost-default);color:var(--sapphire-semantic-color-content-action-tertiary-default)}.sapphire-icon-button--tertiary-ghost:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-icon-button--tertiary-ghost:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-semantic-color-background-action-tertiary-ghost-hover);color:var(--sapphire-semantic-color-content-action-tertiary-hover)}.sapphire-icon-button--tertiary-ghost.is-focus,.sapphire-icon-button--tertiary-ghost:not(.js-focus):focus-visible{background-color:var(--sapphire-semantic-color-background-action-tertiary-ghost-default)}.sapphire-icon-button--tertiary-ghost:not(:disabled):not(.is-disabled).is-active,.sapphire-icon-button--tertiary-ghost:not(:disabled):not(.is-disabled):active,.sapphire-icon-button--tertiary-ghost:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-semantic-color-background-action-tertiary-ghost-active);color:var(--sapphire-semantic-color-content-action-tertiary-active)}.sapphire-icon-button--danger{background-color:var(--sapphire-semantic-color-background-action-danger-default);color:var(--sapphire-semantic-color-content-action-danger-default)}.sapphire-icon-button--danger:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-icon-button--danger:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-semantic-color-background-action-danger-hover);color:var(--sapphire-semantic-color-content-action-danger-hover)}.sapphire-icon-button--danger.is-focus,.sapphire-icon-button--danger:not(.js-focus):focus-visible{background-color:var(--sapphire-semantic-color-background-action-danger-default)}.sapphire-icon-button--danger:not(:disabled):not(.is-disabled).is-active,.sapphire-icon-button--danger:not(:disabled):not(.is-disabled):active,.sapphire-icon-button--danger:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-semantic-color-background-action-danger-active);color:var(--sapphire-semantic-color-content-action-danger-active)}.sapphire-icon-button--danger-ghost{background-color:var(--sapphire-semantic-color-background-action-danger-ghost-default);color:var(--sapphire-semantic-color-content-action-danger-default)}.sapphire-icon-button--danger-ghost:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-icon-button--danger-ghost:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-semantic-color-background-action-danger-ghost-hover);color:var(--sapphire-semantic-color-content-action-danger-hover)}.sapphire-icon-button--danger-ghost.is-focus,.sapphire-icon-button--danger-ghost:not(.js-focus):focus-visible{background-color:var(--sapphire-semantic-color-background-action-danger-ghost-default)}.sapphire-icon-button--danger-ghost:not(:disabled):not(.is-disabled).is-active,.sapphire-icon-button--danger-ghost:not(:disabled):not(.is-disabled):active,.sapphire-icon-button--danger-ghost:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-semantic-color-background-action-danger-ghost-active);color:var(--sapphire-semantic-color-content-action-danger-active)}.sapphire-icon-button__icon{display:flex;flex-direction:column;justify-content:center;align-items:center;height:var(--sapphire-semantic-size-icon-md);width:var(--sapphire-semantic-size-icon-md)}.sapphire-icon-button--lg .sapphire-icon-button__icon{height:var(--sapphire-semantic-size-icon-lg);width:var(--sapphire-semantic-size-icon-lg)}.sapphire-icon-button--sm .sapphire-icon-button__icon,.sapphire-icon-button--xs .sapphire-icon-button__icon{height:var(--sapphire-semantic-size-icon-sm);width:var(--sapphire-semantic-size-icon-sm)}.sapphire-icon-button--lg{height:var(--sapphire-semantic-size-height-control-lg);width:var(--sapphire-semantic-size-height-control-lg);border-radius:var(--sapphire-semantic-size-height-control-lg);font-size:var(--sapphire-semantic-size-font-control-default)}.sapphire-icon-button--sm{height:var(--sapphire-semantic-size-height-control-sm);width:var(--sapphire-semantic-size-height-control-sm);border-radius:var(--sapphire-semantic-size-height-control-sm);font-size:var(--sapphire-semantic-size-font-control-sm)}.sapphire-icon-button--xs{height:var(--sapphire-semantic-size-height-control-xs);width:var(--sapphire-semantic-size-height-control-xs);border-radius:var(--sapphire-semantic-size-height-control-xs);font-size:var(--sapphire-semantic-size-font-control-sm)}.sapphire-icon-button--selected{background-color:var(--sapphire-semantic-color-background-selection-selected-default);color:var(--sapphire-semantic-color-content-selection-selected-default)}.sapphire-icon-button--selected:not(:disabled):not(.is-disabled):not(:active):not(.is-active):hover,.sapphire-icon-button--selected:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-semantic-color-background-selection-selected-hover)}.sapphire-icon-button--selected.is-focus,.sapphire-icon-button--selected:not(.js-focus):focus-visible{background-color:var(--sapphire-semantic-color-background-selection-selected-default)}.sapphire-icon-button--selected:not(:disabled):not(.is-disabled).is-active,.sapphire-icon-button--selected:not(:disabled):not(.is-disabled):active,.sapphire-icon-button--selected:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-semantic-color-background-selection-selected-active);color:var(--sapphire-semantic-color-content-selection-selected-active)}.sapphire-icon-button--unselected{background-color:var(--sapphire-semantic-color-background-selection-unselected-default);color:var(--sapphire-semantic-color-content-selection-unselected-default)}.sapphire-icon-button--unselected:not(:disabled):not(.is-disabled):not(:active):not(.is-active):hover,.sapphire-icon-button--unselected:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-semantic-color-background-selection-unselected-hover)}.sapphire-icon-button--unselected.is-focus,.sapphire-icon-button--unselected:not(.js-focus):focus-visible{background-color:var(--sapphire-semantic-color-background-selection-unselected-default)}.sapphire-icon-button--unselected:not(:disabled):not(.is-disabled).is-active,.sapphire-icon-button--unselected:not(:disabled):not(.is-disabled):active,.sapphire-icon-button--unselected:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-semantic-color-background-selection-unselected-active);color:var(--sapphire-semantic-color-content-selection-unselected-active)}\n"] }]
|
|
647
648
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { variant: [{
|
|
648
649
|
type: Input
|
|
649
650
|
}], size: [{
|
|
@@ -755,7 +756,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
755
756
|
'[class.sapphire-button--sm]': 'size === "sm"',
|
|
756
757
|
'[class.sapphire-button--with-left-icon]': 'buttonIcon && iconAlign === "left"',
|
|
757
758
|
'[class.sapphire-button--with-right-icon]': 'buttonIcon && iconAlign === "right"',
|
|
758
|
-
}, hostDirectives: [UseComponentStylesOnHost], template: "<span class=\"sapphire-button__content\">\n <span\n *ngIf=\"buttonIcon && iconAlign === 'left'\"\n class=\"sapphire-button__icon\"\n >\n <ng-container *ngTemplateOutlet=\"iconContent\"></ng-container>\n </span>\n\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n\n <span\n *ngIf=\"buttonIcon && iconAlign === 'right'\"\n class=\"sapphire-button__icon\"\n >\n <ng-container *ngTemplateOutlet=\"iconContent\"></ng-container>\n </span>\n\n <ng-template #content>\n <ng-content></ng-content>\n </ng-template>\n <ng-template #iconContent>\n <ng-content select=\"[spButtonIcon]\"></ng-content>\n </ng-template>\n</span>\n", styles: [".sapphire-button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;white-space:nowrap;margin:0;font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-semibold);font-size:var(--sapphire-semantic-size-font-control-md);text-transform:none;letter-spacing:.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:0 var(--sapphire-global-size-generic-50);height:var(--sapphire-semantic-size-height-control-md);min-width:var(--sapphire-global-size-generic-100);max-width:-moz-fit-content;max-width:fit-content;flex-shrink:0;border-radius:var(--sapphire-semantic-size-height-control-md);border-style:solid;border-width:0;border-color:transparent;transition-property:opacity,background-color,color;transition-duration:var(--sapphire-semantic-time-fade-quick);transition-timing-function:ease-in-out;cursor:pointer}.sapphire-button__content{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;white-space:nowrap;margin:0;width:100%}a.sapphire-button{text-decoration:none}.sapphire-button:disabled,.sapphire-button.is-disabled{opacity:var(--sapphire-semantic-opacity-disabled);cursor:not-allowed}.sapphire-button:focus{outline:none}.sapphire-button.is-focus,.sapphire-button:not(.js-focus):focus-visible{outline:var(--sapphire-semantic-size-focus-ring) solid var(--sapphire-semantic-color-focus-ring);outline-offset:var(--sapphire-semantic-size-focus-ring)}.sapphire-button--with-left-icon,.sapphire-button--with-right-icon{min-width:var(--sapphire-global-size-generic-100)}.sapphire-button--with-right-icon .sapphire-button__icon{margin-left:var(--sapphire-semantic-size-spacing-20)}.sapphire-button--with-left-icon .sapphire-button__icon{margin-right:var(--sapphire-semantic-size-spacing-20)}.sapphire-button--loading{cursor:not-allowed}.sapphire-button__spinner{position:absolute;display:inherit}.sapphire-button--loading .sapphire-button__content{visibility:hidden}.sapphire-button--primary{background-color:var(--sapphire-semantic-color-background-action-primary-default);color:var(--sapphire-semantic-color-content-action-primary-default)}.sapphire-button--primary:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--primary:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-semantic-color-background-action-primary-hover)}.sapphire-button--primary.is-focus,.sapphire-button--primary:not(.js-focus):focus-visible{background-color:var(--sapphire-semantic-color-background-action-primary-default)}.sapphire-button--primary:not(:disabled):not(.is-disabled).is-active,.sapphire-button--primary:not(:disabled):not(.is-disabled):active,.sapphire-button--primary:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-semantic-color-background-action-primary-active)}.sapphire-button--secondary{background-color:var(--sapphire-semantic-color-background-action-secondary-default);color:var(--sapphire-semantic-color-content-action-secondary-default)}.sapphire-button--secondary:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--secondary:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-semantic-color-background-action-secondary-hover);color:var(--sapphire-semantic-color-content-action-secondary-hover)}.sapphire-button--secondary.is-focus,.sapphire-button--secondary:not(.js-focus):focus-visible{background-color:var(--sapphire-semantic-color-background-action-secondary-default)}.sapphire-button--secondary:not(:disabled):not(.is-disabled).is-active,.sapphire-button--secondary:not(:disabled):not(.is-disabled):active,.sapphire-button--secondary:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-semantic-color-background-action-secondary-active);color:var(--sapphire-semantic-color-content-action-secondary-active)}.sapphire-button--secondary-ghost{background-color:var(--sapphire-semantic-color-background-action-secondary-ghost-default);color:var(--sapphire-semantic-color-content-action-secondary-default)}.sapphire-button--secondary-ghost:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--secondary-ghost:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-semantic-color-background-action-secondary-ghost-hover);color:var(--sapphire-semantic-color-content-action-secondary-hover)}.sapphire-button--secondary-ghost.is-focus,.sapphire-button--secondary-ghost:not(.js-focus):focus-visible{background-color:var(--sapphire-semantic-color-background-action-secondary-ghost-default)}.sapphire-button--secondary-ghost:not(:disabled):not(.is-disabled).is-active,.sapphire-button--secondary-ghost:not(:disabled):not(.is-disabled):active,.sapphire-button--secondary-ghost:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-semantic-color-background-action-secondary-ghost-active);color:var(--sapphire-semantic-color-content-action-secondary-active)}.sapphire-button--secondary-text{color:var(--sapphire-semantic-color-content-action-secondary-default);border-radius:var(--sapphire-semantic-size-radius-xs);background:var(--sapphire-semantic-color-background-action-secondary-text);padding:0}.sapphire-button--secondary-text:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--secondary-text:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{color:var(--sapphire-semantic-color-content-action-secondary-hover)}.sapphire-button--secondary-text:not(:disabled):not(.is-disabled).is-active,.sapphire-button--secondary-text:not(:disabled):not(.is-disabled):active,.sapphire-button--secondary-text:not(:disabled):not(.is-disabled):focus-visible:active{color:var(--sapphire-semantic-color-content-action-secondary-active)}.sapphire-button--tertiary{background-color:var(--sapphire-semantic-color-background-action-tertiary-default);color:var(--sapphire-semantic-color-content-action-tertiary-default)}.sapphire-button--tertiary:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--tertiary:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-semantic-color-background-action-tertiary-hover);color:var(--sapphire-semantic-color-content-action-tertiary-hover)}.sapphire-button--tertiary.is-focus,.sapphire-button--tertiary:not(.js-focus):focus-visible{background-color:var(--sapphire-semantic-color-background-action-tertiary-default)}.sapphire-button--tertiary:not(:disabled):not(.is-disabled).is-active,.sapphire-button--tertiary:not(:disabled):not(.is-disabled):active,.sapphire-button--tertiary:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-semantic-color-background-action-tertiary-active);color:var(--sapphire-semantic-color-content-action-tertiary-active)}.sapphire-button--tertiary-ghost{background-color:var(--sapphire-semantic-color-background-action-tertiary-ghost-default);color:var(--sapphire-semantic-color-content-action-tertiary-default)}.sapphire-button--tertiary-ghost:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--tertiary-ghost:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-semantic-color-background-action-tertiary-ghost-hover);color:var(--sapphire-semantic-color-content-action-tertiary-hover)}.sapphire-button--tertiary-ghost.is-focus,.sapphire-button--tertiary-ghost:not(.js-focus):focus-visible{background-color:var(--sapphire-semantic-color-background-action-tertiary-ghost-default)}.sapphire-button--tertiary-ghost:not(:disabled):not(.is-disabled).is-active,.sapphire-button--tertiary-ghost:not(:disabled):not(.is-disabled):active,.sapphire-button--tertiary-ghost:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-semantic-color-background-action-tertiary-ghost-active);color:var(--sapphire-semantic-color-content-action-tertiary-active)}.sapphire-button--tertiary-text{color:var(--sapphire-semantic-color-content-action-tertiary-default);border-radius:var(--sapphire-semantic-size-radius-xs);background:var(--sapphire-semantic-color-background-action-tertiary-text);padding:0}.sapphire-button--tertiary-text:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--tertiary-text:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{color:var(--sapphire-semantic-color-content-action-tertiary-hover)}.sapphire-button--tertiary-text:not(:disabled):not(.is-disabled).is-active,.sapphire-button--tertiary-text:not(:disabled):not(.is-disabled):active,.sapphire-button--tertiary-text:not(:disabled):not(.is-disabled):focus-visible:active{color:var(--sapphire-semantic-color-content-action-tertiary-active)}.sapphire-button--danger{background-color:var(--sapphire-semantic-color-background-action-danger-default);color:var(--sapphire-semantic-color-content-action-danger-default)}.sapphire-button--danger:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--danger:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-semantic-color-background-action-danger-hover);color:var(--sapphire-semantic-color-content-action-danger-hover)}.sapphire-button--danger.is-focus,.sapphire-button--danger:not(.js-focus):focus-visible{background-color:var(--sapphire-semantic-color-background-action-danger-default)}.sapphire-button--danger:not(:disabled):not(.is-disabled).is-active,.sapphire-button--danger:not(:disabled):not(.is-disabled):active,.sapphire-button--danger:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-semantic-color-background-action-danger-active);color:var(--sapphire-semantic-color-content-action-danger-active)}.sapphire-button--danger-ghost{background-color:var(--sapphire-semantic-color-background-action-danger-ghost-default);color:var(--sapphire-semantic-color-content-action-danger-default)}.sapphire-button--danger-ghost:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--danger-ghost:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-semantic-color-background-action-danger-ghost-hover);color:var(--sapphire-semantic-color-content-action-danger-hover)}.sapphire-button--danger-ghost.is-focus,.sapphire-button--danger-ghost:not(.js-focus):focus-visible{background-color:var(--sapphire-semantic-color-background-action-danger-ghost-default)}.sapphire-button--danger-ghost:not(:disabled):not(.is-disabled).is-active,.sapphire-button--danger-ghost:not(:disabled):not(.is-disabled):active,.sapphire-button--danger-ghost:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-semantic-color-background-action-danger-ghost-active);color:var(--sapphire-semantic-color-content-action-danger-active)}.sapphire-button--danger-text{color:var(--sapphire-semantic-color-content-action-danger-default);border-radius:var(--sapphire-semantic-size-radius-xs);background:var(--sapphire-semantic-color-background-action-danger-text);padding:0}.sapphire-button--danger-text:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--danger-text:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{color:var(--sapphire-semantic-color-content-action-danger-hover)}.sapphire-button--danger-text:not(:disabled):not(.is-disabled).is-active,.sapphire-button--danger-text:not(:disabled):not(.is-disabled):active,.sapphire-button--danger-text:not(:disabled):not(.is-disabled):focus-visible:active{color:var(--sapphire-semantic-color-content-action-danger-active)}.sapphire-button--selected{background-color:var(--sapphire-semantic-color-background-selection-selected-default);color:var(--sapphire-semantic-color-content-selection-selected-default)}.sapphire-button--selected:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--selected:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-semantic-color-background-selection-selected-hover)}.sapphire-button--selected.is-focus,.sapphire-button--selected:not(.js-focus):focus-visible{background-color:var(--sapphire-semantic-color-background-selection-selected-default)}.sapphire-button--selected:not(:disabled):not(.is-disabled).is-active,.sapphire-button--selected:not(:disabled):not(.is-disabled):active,.sapphire-button--selected:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-semantic-color-background-selection-selected-active);color:var(--sapphire-semantic-color-content-selection-selected-active)}.sapphire-button--unselected{background-color:var(--sapphire-semantic-color-background-selection-unselected-default);color:var(--sapphire-semantic-color-content-selection-unselected-default)}.sapphire-button--unselected:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--unselected:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-semantic-color-background-selection-unselected-hover)}.sapphire-button--unselected.is-focus,.sapphire-button--unselected:not(.js-focus):focus-visible{background-color:var(--sapphire-semantic-color-background-selection-unselected-default)}.sapphire-button--unselected:not(:disabled):not(.is-disabled).is-active,.sapphire-button--unselected:not(:disabled):not(.is-disabled):active,.sapphire-button--unselected:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-semantic-color-background-selection-unselected-active);color:var(--sapphire-semantic-color-content-selection-unselected-active)}.sapphire-button__icon{display:flex;flex-direction:column;justify-content:center;align-items:center;height:var(--sapphire-semantic-size-icon-md);width:var(--sapphire-semantic-size-icon-md)}.sapphire-button--lg .sapphire-button__icon{height:var(--sapphire-semantic-size-icon-lg);width:var(--sapphire-semantic-size-icon-lg)}.sapphire-button--sm .sapphire-button__icon{height:var(--sapphire-semantic-size-icon-sm);width:var(--sapphire-semantic-size-icon-sm)}.sapphire-button--lg{height:var(--sapphire-semantic-size-height-control-lg);min-width:var(--sapphire-global-size-generic-120);padding:0 var(--sapphire-semantic-size-spacing-50);font-size:var(--sapphire-semantic-size-font-control-default);border-radius:var(--sapphire-semantic-size-height-control-lg)}.sapphire-button--lg.sapphire-button--secondary-text,.sapphire-button--lg.sapphire-button--tertiary-text,.sapphire-button--lg.sapphire-button--danger-text{padding:0;border-radius:var(--sapphire-semantic-size-radius-xs)}.sapphire-button--sm{height:var(--sapphire-semantic-size-height-control-sm);min-width:var(--sapphire-global-size-generic-80);padding:0 var(--sapphire-semantic-size-spacing-40);font-size:var(--sapphire-semantic-size-font-control-sm);border-radius:var(--sapphire-semantic-size-height-control-sm)}.sapphire-button--sm.sapphire-button--secondary-text,.sapphire-button--sm.sapphire-button--tertiary-text,.sapphire-button--sm.sapphire-button--danger-text{padding:0;border-radius:var(--sapphire-semantic-size-radius-xs)}\n"] }]
|
|
759
|
+
}, hostDirectives: [UseComponentStylesOnHost], standalone: false, template: "<span class=\"sapphire-button__content\">\n <span\n *ngIf=\"buttonIcon && iconAlign === 'left'\"\n class=\"sapphire-button__icon\"\n >\n <ng-container *ngTemplateOutlet=\"iconContent\"></ng-container>\n </span>\n\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n\n <span\n *ngIf=\"buttonIcon && iconAlign === 'right'\"\n class=\"sapphire-button__icon\"\n >\n <ng-container *ngTemplateOutlet=\"iconContent\"></ng-container>\n </span>\n\n <ng-template #content>\n <ng-content></ng-content>\n </ng-template>\n <ng-template #iconContent>\n <ng-content select=\"[spButtonIcon]\"></ng-content>\n </ng-template>\n</span>\n", styles: [".sapphire-button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;white-space:nowrap;margin:0;font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-semibold);font-size:var(--sapphire-semantic-size-font-control-md);text-transform:none;letter-spacing:.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:0 var(--sapphire-global-size-generic-50);height:var(--sapphire-semantic-size-height-control-md);min-width:var(--sapphire-global-size-generic-100);max-width:-moz-fit-content;max-width:fit-content;flex-shrink:0;border-radius:var(--sapphire-semantic-size-height-control-md);border-style:solid;border-width:0;border-color:transparent;transition-property:opacity,background-color,color;transition-duration:var(--sapphire-semantic-time-fade-quick);transition-timing-function:ease-in-out;cursor:pointer}.sapphire-button__content{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;white-space:nowrap;margin:0;width:100%}a.sapphire-button{text-decoration:none}.sapphire-button:disabled,.sapphire-button.is-disabled{opacity:var(--sapphire-semantic-opacity-disabled);cursor:not-allowed}.sapphire-button:focus{outline:none}.sapphire-button.is-focus,.sapphire-button:not(.js-focus):focus-visible{outline:var(--sapphire-semantic-size-focus-ring) solid var(--sapphire-semantic-color-focus-ring);outline-offset:var(--sapphire-semantic-size-focus-ring)}.sapphire-button--with-left-icon,.sapphire-button--with-right-icon{min-width:var(--sapphire-global-size-generic-100)}.sapphire-button--with-right-icon .sapphire-button__icon{margin-left:var(--sapphire-semantic-size-spacing-20)}.sapphire-button--with-left-icon .sapphire-button__icon{margin-right:var(--sapphire-semantic-size-spacing-20)}.sapphire-button--loading{cursor:not-allowed}.sapphire-button__spinner{position:absolute;display:inherit}.sapphire-button--loading .sapphire-button__content{visibility:hidden}.sapphire-button--primary{background-color:var(--sapphire-semantic-color-background-action-primary-default);color:var(--sapphire-semantic-color-content-action-primary-default)}.sapphire-button--primary:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--primary:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-semantic-color-background-action-primary-hover)}.sapphire-button--primary.is-focus,.sapphire-button--primary:not(.js-focus):focus-visible{background-color:var(--sapphire-semantic-color-background-action-primary-default)}.sapphire-button--primary:not(:disabled):not(.is-disabled).is-active,.sapphire-button--primary:not(:disabled):not(.is-disabled):active,.sapphire-button--primary:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-semantic-color-background-action-primary-active)}.sapphire-button--secondary{background-color:var(--sapphire-semantic-color-background-action-secondary-default);color:var(--sapphire-semantic-color-content-action-secondary-default)}.sapphire-button--secondary:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--secondary:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-semantic-color-background-action-secondary-hover);color:var(--sapphire-semantic-color-content-action-secondary-hover)}.sapphire-button--secondary.is-focus,.sapphire-button--secondary:not(.js-focus):focus-visible{background-color:var(--sapphire-semantic-color-background-action-secondary-default)}.sapphire-button--secondary:not(:disabled):not(.is-disabled).is-active,.sapphire-button--secondary:not(:disabled):not(.is-disabled):active,.sapphire-button--secondary:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-semantic-color-background-action-secondary-active);color:var(--sapphire-semantic-color-content-action-secondary-active)}.sapphire-button--secondary-ghost{background-color:var(--sapphire-semantic-color-background-action-secondary-ghost-default);color:var(--sapphire-semantic-color-content-action-secondary-default)}.sapphire-button--secondary-ghost:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--secondary-ghost:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-semantic-color-background-action-secondary-ghost-hover);color:var(--sapphire-semantic-color-content-action-secondary-hover)}.sapphire-button--secondary-ghost.is-focus,.sapphire-button--secondary-ghost:not(.js-focus):focus-visible{background-color:var(--sapphire-semantic-color-background-action-secondary-ghost-default)}.sapphire-button--secondary-ghost:not(:disabled):not(.is-disabled).is-active,.sapphire-button--secondary-ghost:not(:disabled):not(.is-disabled):active,.sapphire-button--secondary-ghost:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-semantic-color-background-action-secondary-ghost-active);color:var(--sapphire-semantic-color-content-action-secondary-active)}.sapphire-button--secondary-text{color:var(--sapphire-semantic-color-content-action-secondary-default);border-radius:var(--sapphire-semantic-size-radius-xs);background:var(--sapphire-semantic-color-background-action-secondary-text);padding:0}.sapphire-button--secondary-text:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--secondary-text:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{color:var(--sapphire-semantic-color-content-action-secondary-hover)}.sapphire-button--secondary-text:not(:disabled):not(.is-disabled).is-active,.sapphire-button--secondary-text:not(:disabled):not(.is-disabled):active,.sapphire-button--secondary-text:not(:disabled):not(.is-disabled):focus-visible:active{color:var(--sapphire-semantic-color-content-action-secondary-active)}.sapphire-button--tertiary{background-color:var(--sapphire-semantic-color-background-action-tertiary-default);color:var(--sapphire-semantic-color-content-action-tertiary-default)}.sapphire-button--tertiary:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--tertiary:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-semantic-color-background-action-tertiary-hover);color:var(--sapphire-semantic-color-content-action-tertiary-hover)}.sapphire-button--tertiary.is-focus,.sapphire-button--tertiary:not(.js-focus):focus-visible{background-color:var(--sapphire-semantic-color-background-action-tertiary-default)}.sapphire-button--tertiary:not(:disabled):not(.is-disabled).is-active,.sapphire-button--tertiary:not(:disabled):not(.is-disabled):active,.sapphire-button--tertiary:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-semantic-color-background-action-tertiary-active);color:var(--sapphire-semantic-color-content-action-tertiary-active)}.sapphire-button--tertiary-ghost{background-color:var(--sapphire-semantic-color-background-action-tertiary-ghost-default);color:var(--sapphire-semantic-color-content-action-tertiary-default)}.sapphire-button--tertiary-ghost:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--tertiary-ghost:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-semantic-color-background-action-tertiary-ghost-hover);color:var(--sapphire-semantic-color-content-action-tertiary-hover)}.sapphire-button--tertiary-ghost.is-focus,.sapphire-button--tertiary-ghost:not(.js-focus):focus-visible{background-color:var(--sapphire-semantic-color-background-action-tertiary-ghost-default)}.sapphire-button--tertiary-ghost:not(:disabled):not(.is-disabled).is-active,.sapphire-button--tertiary-ghost:not(:disabled):not(.is-disabled):active,.sapphire-button--tertiary-ghost:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-semantic-color-background-action-tertiary-ghost-active);color:var(--sapphire-semantic-color-content-action-tertiary-active)}.sapphire-button--tertiary-text{color:var(--sapphire-semantic-color-content-action-tertiary-default);border-radius:var(--sapphire-semantic-size-radius-xs);background:var(--sapphire-semantic-color-background-action-tertiary-text);padding:0}.sapphire-button--tertiary-text:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--tertiary-text:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{color:var(--sapphire-semantic-color-content-action-tertiary-hover)}.sapphire-button--tertiary-text:not(:disabled):not(.is-disabled).is-active,.sapphire-button--tertiary-text:not(:disabled):not(.is-disabled):active,.sapphire-button--tertiary-text:not(:disabled):not(.is-disabled):focus-visible:active{color:var(--sapphire-semantic-color-content-action-tertiary-active)}.sapphire-button--danger{background-color:var(--sapphire-semantic-color-background-action-danger-default);color:var(--sapphire-semantic-color-content-action-danger-default)}.sapphire-button--danger:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--danger:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-semantic-color-background-action-danger-hover);color:var(--sapphire-semantic-color-content-action-danger-hover)}.sapphire-button--danger.is-focus,.sapphire-button--danger:not(.js-focus):focus-visible{background-color:var(--sapphire-semantic-color-background-action-danger-default)}.sapphire-button--danger:not(:disabled):not(.is-disabled).is-active,.sapphire-button--danger:not(:disabled):not(.is-disabled):active,.sapphire-button--danger:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-semantic-color-background-action-danger-active);color:var(--sapphire-semantic-color-content-action-danger-active)}.sapphire-button--danger-ghost{background-color:var(--sapphire-semantic-color-background-action-danger-ghost-default);color:var(--sapphire-semantic-color-content-action-danger-default)}.sapphire-button--danger-ghost:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--danger-ghost:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-semantic-color-background-action-danger-ghost-hover);color:var(--sapphire-semantic-color-content-action-danger-hover)}.sapphire-button--danger-ghost.is-focus,.sapphire-button--danger-ghost:not(.js-focus):focus-visible{background-color:var(--sapphire-semantic-color-background-action-danger-ghost-default)}.sapphire-button--danger-ghost:not(:disabled):not(.is-disabled).is-active,.sapphire-button--danger-ghost:not(:disabled):not(.is-disabled):active,.sapphire-button--danger-ghost:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-semantic-color-background-action-danger-ghost-active);color:var(--sapphire-semantic-color-content-action-danger-active)}.sapphire-button--danger-text{color:var(--sapphire-semantic-color-content-action-danger-default);border-radius:var(--sapphire-semantic-size-radius-xs);background:var(--sapphire-semantic-color-background-action-danger-text);padding:0}.sapphire-button--danger-text:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--danger-text:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{color:var(--sapphire-semantic-color-content-action-danger-hover)}.sapphire-button--danger-text:not(:disabled):not(.is-disabled).is-active,.sapphire-button--danger-text:not(:disabled):not(.is-disabled):active,.sapphire-button--danger-text:not(:disabled):not(.is-disabled):focus-visible:active{color:var(--sapphire-semantic-color-content-action-danger-active)}.sapphire-button--selected{background-color:var(--sapphire-semantic-color-background-selection-selected-default);color:var(--sapphire-semantic-color-content-selection-selected-default)}.sapphire-button--selected:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--selected:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-semantic-color-background-selection-selected-hover)}.sapphire-button--selected.is-focus,.sapphire-button--selected:not(.js-focus):focus-visible{background-color:var(--sapphire-semantic-color-background-selection-selected-default)}.sapphire-button--selected:not(:disabled):not(.is-disabled).is-active,.sapphire-button--selected:not(:disabled):not(.is-disabled):active,.sapphire-button--selected:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-semantic-color-background-selection-selected-active);color:var(--sapphire-semantic-color-content-selection-selected-active)}.sapphire-button--unselected{background-color:var(--sapphire-semantic-color-background-selection-unselected-default);color:var(--sapphire-semantic-color-content-selection-unselected-default)}.sapphire-button--unselected:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--unselected:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-semantic-color-background-selection-unselected-hover)}.sapphire-button--unselected.is-focus,.sapphire-button--unselected:not(.js-focus):focus-visible{background-color:var(--sapphire-semantic-color-background-selection-unselected-default)}.sapphire-button--unselected:not(:disabled):not(.is-disabled).is-active,.sapphire-button--unselected:not(:disabled):not(.is-disabled):active,.sapphire-button--unselected:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-semantic-color-background-selection-unselected-active);color:var(--sapphire-semantic-color-content-selection-unselected-active)}.sapphire-button__icon{display:flex;flex-direction:column;justify-content:center;align-items:center;height:var(--sapphire-semantic-size-icon-md);width:var(--sapphire-semantic-size-icon-md)}.sapphire-button--lg .sapphire-button__icon{height:var(--sapphire-semantic-size-icon-lg);width:var(--sapphire-semantic-size-icon-lg)}.sapphire-button--sm .sapphire-button__icon{height:var(--sapphire-semantic-size-icon-sm);width:var(--sapphire-semantic-size-icon-sm)}.sapphire-button--lg{height:var(--sapphire-semantic-size-height-control-lg);min-width:var(--sapphire-global-size-generic-120);padding:0 var(--sapphire-semantic-size-spacing-50);font-size:var(--sapphire-semantic-size-font-control-default);border-radius:var(--sapphire-semantic-size-height-control-lg)}.sapphire-button--lg.sapphire-button--secondary-text,.sapphire-button--lg.sapphire-button--tertiary-text,.sapphire-button--lg.sapphire-button--danger-text{padding:0;border-radius:var(--sapphire-semantic-size-radius-xs)}.sapphire-button--sm{height:var(--sapphire-semantic-size-height-control-sm);min-width:var(--sapphire-global-size-generic-80);padding:0 var(--sapphire-semantic-size-spacing-40);font-size:var(--sapphire-semantic-size-font-control-sm);border-radius:var(--sapphire-semantic-size-height-control-sm)}.sapphire-button--sm.sapphire-button--secondary-text,.sapphire-button--sm.sapphire-button--tertiary-text,.sapphire-button--sm.sapphire-button--danger-text{padding:0;border-radius:var(--sapphire-semantic-size-radius-xs)}\n"] }]
|
|
759
760
|
}], ctorParameters: function () { return []; }, propDecorators: { size: [{
|
|
760
761
|
type: Input
|
|
761
762
|
}], selected: [{
|
|
@@ -802,6 +803,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
802
803
|
button[sp-toggle-button][required][formControl],
|
|
803
804
|
button[sp-toggle-button][required][ngModel]`,
|
|
804
805
|
providers: [TOGGLE_BUTTON_REQUIRED_VALIDATOR],
|
|
806
|
+
standalone: false,
|
|
805
807
|
}]
|
|
806
808
|
}], propDecorators: { required: [{
|
|
807
809
|
type: Input
|
|
@@ -1422,7 +1424,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
1422
1424
|
'[attr.aria-label]': 'null',
|
|
1423
1425
|
'[attr.aria-labelledby]': 'null',
|
|
1424
1426
|
'[attr.aria-describedby]': 'null',
|
|
1425
|
-
}, template: "<label\n [for]=\"inputId\"\n class=\"sapphire-radio\"\n [class.sapphire-radio--no-disabled]=\"radioGroup?.disabled\"\n [class.sapphire-radio--checked]=\"checked\"\n [class.sapphire-radio--md]=\"radioGroup?._field?.size === 'md'\"\n>\n <input\n #input\n class=\"sapphire-radio__input\"\n type=\"radio\"\n [id]=\"inputId\"\n [attr.aria-checked]=\"_getAriaChecked()\"\n [attr.aria-label]=\"ariaLabel || null\"\n [attr.aria-labelledby]=\"ariaLabelledby\"\n [attr.aria-describedby]=\"ariaDescribedby\"\n [attr.name]=\"name\"\n [attr.value]=\"value\"\n [checked]=\"checked\"\n [disabled]=\"disabled\"\n [readonly]=\"readonly\"\n [required]=\"required\"\n (change)=\"_onInputInteraction($event)\"\n [attr.autofocus]=\"autofocus ? true : null\"\n />\n <span class=\"sapphire-radio__box\"></span>\n <span class=\"sapphire-radio__label\">\n <ng-content></ng-content>\n </span>\n</label>\n", styles: [".sapphire-radio{display:inline-flex;font-family:var(--sapphire-semantic-font-name-default);max-width:100%;position:relative}.sapphire-radio__input{margin:0;overflow:visible;position:absolute;top:0;left:0;height:100%;width:100%;opacity:.0001;z-index:1;cursor:pointer}.sapphire-radio__label{margin-left:var(--sapphire-semantic-size-spacing-20);font-size:var(--sapphire-semantic-size-font-control-default);line-height:var(--sapphire-semantic-size-height-control-xs);color:var(--sapphire-semantic-color-content-default-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sapphire-radio--md .sapphire-radio__label{font-size:var(--sapphire-semantic-size-font-control-md);line-height:var(--sapphire-semantic-size-height-control-2xs)}.sapphire-radio__box{box-sizing:border-box;background-color:var(--sapphire-semantic-color-background-control-default);width:var(--sapphire-semantic-size-height-box-lg);height:var(--sapphire-semantic-size-height-box-lg);flex-shrink:0;border-radius:50%;border:var(--sapphire-semantic-size-border-md) solid var(--sapphire-semantic-color-border-control-default);position:relative;margin-top:var(--sapphire-semantic-size-spacing-5);transition-property:background-color,border-color,border-width;transition-duration:var(--sapphire-semantic-time-fade-quick);transition-timing-function:ease-in-out}.sapphire-radio--md .sapphire-radio__box{width:var(--sapphire-semantic-size-height-box-md);height:var(--sapphire-semantic-size-height-box-md)}.sapphire-radio--checked .sapphire-radio__box{border-color:var(--sapphire-semantic-color-background-action-primary-default);border-width:calc((var(--sapphire-semantic-size-height-box-lg) - var(--sapphire-global-size-generic-20)) / 2)}.sapphire-radio--md.sapphire-radio--checked .sapphire-radio__box{border-width:calc((var(--sapphire-semantic-size-height-box-md) - var(--sapphire-global-size-generic-15)) / 2)}.sapphire-radio--checked .sapphire-radio__box:after{display:block}.sapphire-radio:not(:active):not(.is-active):not(.sapphire-radio--checked).is-hover .sapphire-radio__box,.sapphire-radio:not(:active):not(.is-active):not(.sapphire-radio--checked):not(.js-hover):hover .sapphire-radio__input:not(:disabled)~.sapphire-radio__box{border-color:var(--sapphire-semantic-color-border-control-hover)}.sapphire-radio--checked:not(:active):not(.is-active).is-hover .sapphire-radio__box,.sapphire-radio--checked:not(:active):not(.is-active):not(.js-hover):hover .sapphire-radio__input:not(:disabled)~.sapphire-radio__box{border-color:var(--sapphire-semantic-color-background-action-primary-hover)}.sapphire-radio.is-focus .sapphire-radio__input~.sapphire-radio__box,.sapphire-radio:not(.js-focus) .sapphire-radio__input:focus-visible~.sapphire-radio__box{outline:var(--sapphire-semantic-size-focus-ring) solid var(--sapphire-semantic-color-focus-ring);outline-offset:var(--sapphire-semantic-size-focus-ring)}.sapphire-radio__input:disabled{cursor:not-allowed}.sapphire-radio:not(.sapphire-radio--no-disabled) .sapphire-radio__input:disabled~.sapphire-radio__box,.sapphire-radio:not(.sapphire-radio--no-disabled) .sapphire-radio__input:disabled~.sapphire-radio__label{opacity:var(--sapphire-semantic-opacity-disabled)}\n"] }]
|
|
1427
|
+
}, standalone: false, template: "<label\n [for]=\"inputId\"\n class=\"sapphire-radio\"\n [class.sapphire-radio--no-disabled]=\"radioGroup?.disabled\"\n [class.sapphire-radio--checked]=\"checked\"\n [class.sapphire-radio--md]=\"radioGroup?._field?.size === 'md'\"\n>\n <input\n #input\n class=\"sapphire-radio__input\"\n type=\"radio\"\n [id]=\"inputId\"\n [attr.aria-checked]=\"_getAriaChecked()\"\n [attr.aria-label]=\"ariaLabel || null\"\n [attr.aria-labelledby]=\"ariaLabelledby\"\n [attr.aria-describedby]=\"ariaDescribedby\"\n [attr.name]=\"name\"\n [attr.value]=\"value\"\n [checked]=\"checked\"\n [disabled]=\"disabled\"\n [readonly]=\"readonly\"\n [required]=\"required\"\n (change)=\"_onInputInteraction($event)\"\n [attr.autofocus]=\"autofocus ? true : null\"\n />\n <span class=\"sapphire-radio__box\"></span>\n <span class=\"sapphire-radio__label\">\n <ng-content></ng-content>\n </span>\n</label>\n", styles: [".sapphire-radio{display:inline-flex;font-family:var(--sapphire-semantic-font-name-default);max-width:100%;position:relative}.sapphire-radio__input{margin:0;overflow:visible;position:absolute;top:0;left:0;height:100%;width:100%;opacity:.0001;z-index:1;cursor:pointer}.sapphire-radio__label{margin-left:var(--sapphire-semantic-size-spacing-20);font-size:var(--sapphire-semantic-size-font-control-default);line-height:var(--sapphire-semantic-size-height-control-xs);color:var(--sapphire-semantic-color-content-default-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sapphire-radio--md .sapphire-radio__label{font-size:var(--sapphire-semantic-size-font-control-md);line-height:var(--sapphire-semantic-size-height-control-2xs)}.sapphire-radio__box{box-sizing:border-box;background-color:var(--sapphire-semantic-color-background-control-default);width:var(--sapphire-semantic-size-height-box-lg);height:var(--sapphire-semantic-size-height-box-lg);flex-shrink:0;border-radius:50%;border:var(--sapphire-semantic-size-border-md) solid var(--sapphire-semantic-color-border-control-default);position:relative;margin-top:var(--sapphire-semantic-size-spacing-5);transition-property:background-color,border-color,border-width;transition-duration:var(--sapphire-semantic-time-fade-quick);transition-timing-function:ease-in-out}.sapphire-radio--md .sapphire-radio__box{width:var(--sapphire-semantic-size-height-box-md);height:var(--sapphire-semantic-size-height-box-md)}.sapphire-radio--checked .sapphire-radio__box{border-color:var(--sapphire-semantic-color-background-action-primary-default);border-width:calc((var(--sapphire-semantic-size-height-box-lg) - var(--sapphire-global-size-generic-20)) / 2)}.sapphire-radio--md.sapphire-radio--checked .sapphire-radio__box{border-width:calc((var(--sapphire-semantic-size-height-box-md) - var(--sapphire-global-size-generic-15)) / 2)}.sapphire-radio--checked .sapphire-radio__box:after{display:block}.sapphire-radio:not(:active):not(.is-active):not(.sapphire-radio--checked).is-hover .sapphire-radio__box,.sapphire-radio:not(:active):not(.is-active):not(.sapphire-radio--checked):not(.js-hover):hover .sapphire-radio__input:not(:disabled)~.sapphire-radio__box{border-color:var(--sapphire-semantic-color-border-control-hover)}.sapphire-radio--checked:not(:active):not(.is-active).is-hover .sapphire-radio__box,.sapphire-radio--checked:not(:active):not(.is-active):not(.js-hover):hover .sapphire-radio__input:not(:disabled)~.sapphire-radio__box{border-color:var(--sapphire-semantic-color-background-action-primary-hover)}.sapphire-radio.is-focus .sapphire-radio__input~.sapphire-radio__box,.sapphire-radio:not(.js-focus) .sapphire-radio__input:focus-visible~.sapphire-radio__box{outline:var(--sapphire-semantic-size-focus-ring) solid var(--sapphire-semantic-color-focus-ring);outline-offset:var(--sapphire-semantic-size-focus-ring)}.sapphire-radio__input:disabled{cursor:not-allowed}.sapphire-radio:not(.sapphire-radio--no-disabled) .sapphire-radio__input:disabled~.sapphire-radio__box,.sapphire-radio:not(.sapphire-radio--no-disabled) .sapphire-radio__input:disabled~.sapphire-radio__label{opacity:var(--sapphire-semantic-opacity-disabled)}\n"] }]
|
|
1426
1428
|
}] });
|
|
1427
1429
|
|
|
1428
1430
|
class RadioGroupBase {
|
|
@@ -1628,7 +1630,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
1628
1630
|
},
|
|
1629
1631
|
], host: {
|
|
1630
1632
|
role: 'radiogroup',
|
|
1631
|
-
}, hostDirectives: [ThemeCheckDirective], template: "<div\n class=\"sapphire-field-group\"\n role=\"radiogroup\"\n [attr.aria-orientation]=\"orientation\"\n [attr.aria-labelledby]=\"_field?.label?.id\"\n [class.sapphire-field-group--vertical]=\"orientation === 'vertical'\"\n [class.sapphire-field-group--horizontal]=\"orientation === 'horizontal'\"\n [class.sapphire-field-group--md]=\"_field?.size === 'md'\"\n (cdkFocusChange)=\"_onFocusChange($event)\"\n cdkMonitorSubtreeFocus\n>\n <ng-content></ng-content>\n</div>\n", styles: [".sapphire-field-group{display:flex;flex-wrap:wrap;column-gap:var(--sapphire-semantic-size-spacing-50);row-gap:var(--sapphire-semantic-size-spacing-30)}.sapphire-field-group--horizontal{flex-direction:row}.sapphire-field-group--vertical{flex-direction:column}.sapphire-field-group--md{row-gap:var(--sapphire-semantic-size-spacing-20)}\n"] }]
|
|
1633
|
+
}, hostDirectives: [ThemeCheckDirective], standalone: false, template: "<div\n class=\"sapphire-field-group\"\n role=\"radiogroup\"\n [attr.aria-orientation]=\"orientation\"\n [attr.aria-labelledby]=\"_field?.label?.id\"\n [class.sapphire-field-group--vertical]=\"orientation === 'vertical'\"\n [class.sapphire-field-group--horizontal]=\"orientation === 'horizontal'\"\n [class.sapphire-field-group--md]=\"_field?.size === 'md'\"\n (cdkFocusChange)=\"_onFocusChange($event)\"\n cdkMonitorSubtreeFocus\n>\n <ng-content></ng-content>\n</div>\n", styles: [".sapphire-field-group{display:flex;flex-wrap:wrap;column-gap:var(--sapphire-semantic-size-spacing-50);row-gap:var(--sapphire-semantic-size-spacing-30)}.sapphire-field-group--horizontal{flex-direction:row}.sapphire-field-group--vertical{flex-direction:column}.sapphire-field-group--md{row-gap:var(--sapphire-semantic-size-spacing-20)}\n"] }]
|
|
1632
1634
|
}], propDecorators: { orientation: [{
|
|
1633
1635
|
type: Input
|
|
1634
1636
|
}] } });
|
|
@@ -1781,7 +1783,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
1781
1783
|
provide: ICON_SIZE_PROVIDER,
|
|
1782
1784
|
useExisting: forwardRef(() => FieldComponent),
|
|
1783
1785
|
},
|
|
1784
|
-
], template: "<div class=\"sapphire-field__label\" *ngIf=\"_fieldLabel\">\n <sp-label\n [necessityIndicator]=\"labelNecessityIndicator\"\n [for]=\"control?.getId?.()\"\n [disabled]=\"isDisabled()\"\n (labelClick)=\"control?.focus?.('keyboard')\"\n [size]=\"size\"\n >\n <ng-content select=\"sp-field-label\"></ng-content>\n <ng-content\n select=\"sp-help-button\"\n ngProjectAs=\"sp-help-button\"\n ></ng-content>\n </sp-label>\n</div>\n<div\n class=\"sapphire-field__control\"\n [ngClass]=\"{\n 'sapphire-field__control--group': isGroup\n }\"\n>\n <ng-content></ng-content>\n</div>\n<div class=\"sapphire-field__message\" *ngIf=\"note || error || _noteSuffixPortal\">\n <div class=\"sapphire-field__note-row\">\n <div class=\"sapphire-field__note\" *ngIf=\"error\">\n <ng-content select=\"sp-field-error\"></ng-content>\n </div>\n <div class=\"sapphire-field__note\" *ngIf=\"note && !error\">\n <ng-content select=\"sp-field-note\"></ng-content>\n </div>\n <ng-container *ngIf=\"_noteSuffixPortal\">\n <ng-container *cdkPortalOutlet=\"_noteSuffixPortal\"></ng-container>\n </ng-container>\n </div>\n</div>\n", styles: [".sapphire-field{display:inline-grid;grid-template-columns:auto;row-gap:var(--sapphire-semantic-size-spacing-20);column-gap:var(--sapphire-semantic-size-spacing-40);font-family:var(--sapphire-semantic-font-name-default);grid-auto-rows:min-content;width:var(--sapphire-semantic-size-width-control-default);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box}.sapphire-field--no-width{width:auto}fieldset.sapphire-field{border:0;margin:0;padding:0}.sapphire-field__label{order:1;justify-content:end}legend.sapphire-field__label{padding:0;float:left}.sapphire-field__control{order:2;width:100%;min-width:0}.sapphire-field__control--group{display:flex;gap:var(--sapphire-semantic-size-spacing-control-horizontal-lg)}.sapphire-field--no-shrink .sapphire-field__control{min-width:initial}.sapphire-field__message{min-width:100%;max-width:min-content;order:3}.sapphire-field__note-row{display:flex;align-items:top;font-size:var(--sapphire-semantic-size-font-label-md);line-height:var(--sapphire-semantic-size-line-height-md);color:var(--sapphire-semantic-color-content-default-secondary)}.sapphire-field--md .sapphire-field__note-row{font-size:var(--sapphire-semantic-size-font-label-sm);line-height:var(--sapphire-semantic-size-line-height-sm)}.sapphire-field__note{flex:1}.sapphire-field--error .sapphire-field__note{color:var(--sapphire-semantic-color-content-negative-secondary-default)}.sapphire-field.is-disabled{opacity:var(--sapphire-semantic-opacity-disabled);cursor:not-allowed}.sapphire-field.is-disabled .sapphire-field__control *{cursor:inherit}.sapphire-field--label-placement-side{grid-template-columns:max-content auto;width:auto}.sapphire-field--label-placement-side:not(.sapphire-field--no-width) .sapphire-field__control{width:var(--sapphire-semantic-size-width-control-default)}.sapphire-field--label-placement-side .sapphire-field__message{grid-column:2}.sapphire-field--label-placement-side .sapphire-field__label{display:flex;align-items:center;max-height:var(--sapphire-semantic-size-height-input-lg)}.sapphire-field--label-placement-side.sapphire-field--md .sapphire-field__label{max-height:var(--sapphire-semantic-size-height-input-md)}.sapphire-field--label-placement-side.sapphire-field--label-alignment-top .sapphire-field__label{align-items:flex-start;max-height:unset}.sapphire-fieldset{display:inline-flex;flex-direction:column;width:min-content;gap:var(--sapphire-semantic-size-spacing-50)}.sapphire-fieldset .sapphire-field--label-placement-side{grid-template-columns:1fr min-content}.sapphire-fieldset .sapphire-field--label-placement-side .sapphire-field__label{white-space:nowrap}\n"] }]
|
|
1786
|
+
], standalone: false, template: "<div class=\"sapphire-field__label\" *ngIf=\"_fieldLabel\">\n <sp-label\n [necessityIndicator]=\"labelNecessityIndicator\"\n [for]=\"control?.getId?.()\"\n [disabled]=\"isDisabled()\"\n (labelClick)=\"control?.focus?.('keyboard')\"\n [size]=\"size\"\n >\n <ng-content select=\"sp-field-label\"></ng-content>\n <ng-content\n select=\"sp-help-button\"\n ngProjectAs=\"sp-help-button\"\n ></ng-content>\n </sp-label>\n</div>\n<div\n class=\"sapphire-field__control\"\n [ngClass]=\"{\n 'sapphire-field__control--group': isGroup\n }\"\n>\n <ng-content></ng-content>\n</div>\n<div class=\"sapphire-field__message\" *ngIf=\"note || error || _noteSuffixPortal\">\n <div class=\"sapphire-field__note-row\">\n <div class=\"sapphire-field__note\" *ngIf=\"error\">\n <ng-content select=\"sp-field-error\"></ng-content>\n </div>\n <div class=\"sapphire-field__note\" *ngIf=\"note && !error\">\n <ng-content select=\"sp-field-note\"></ng-content>\n </div>\n <ng-container *ngIf=\"_noteSuffixPortal\">\n <ng-container *cdkPortalOutlet=\"_noteSuffixPortal\"></ng-container>\n </ng-container>\n </div>\n</div>\n", styles: [".sapphire-field{display:inline-grid;grid-template-columns:auto;row-gap:var(--sapphire-semantic-size-spacing-20);column-gap:var(--sapphire-semantic-size-spacing-40);font-family:var(--sapphire-semantic-font-name-default);grid-auto-rows:min-content;width:var(--sapphire-semantic-size-width-control-default);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box}.sapphire-field--no-width{width:auto}fieldset.sapphire-field{border:0;margin:0;padding:0}.sapphire-field__label{order:1;justify-content:end}legend.sapphire-field__label{padding:0;float:left}.sapphire-field__control{order:2;width:100%;min-width:0}.sapphire-field__control--group{display:flex;gap:var(--sapphire-semantic-size-spacing-control-horizontal-lg)}.sapphire-field--no-shrink .sapphire-field__control{min-width:initial}.sapphire-field__message{min-width:100%;max-width:min-content;order:3}.sapphire-field__note-row{display:flex;align-items:top;font-size:var(--sapphire-semantic-size-font-label-md);line-height:var(--sapphire-semantic-size-line-height-md);color:var(--sapphire-semantic-color-content-default-secondary)}.sapphire-field--md .sapphire-field__note-row{font-size:var(--sapphire-semantic-size-font-label-sm);line-height:var(--sapphire-semantic-size-line-height-sm)}.sapphire-field__note{flex:1}.sapphire-field--error .sapphire-field__note{color:var(--sapphire-semantic-color-content-negative-secondary-default)}.sapphire-field.is-disabled{opacity:var(--sapphire-semantic-opacity-disabled);cursor:not-allowed}.sapphire-field.is-disabled .sapphire-field__control *{cursor:inherit}.sapphire-field--label-placement-side{grid-template-columns:max-content auto;width:auto}.sapphire-field--label-placement-side:not(.sapphire-field--no-width) .sapphire-field__control{width:var(--sapphire-semantic-size-width-control-default)}.sapphire-field--label-placement-side .sapphire-field__message{grid-column:2}.sapphire-field--label-placement-side .sapphire-field__label{display:flex;align-items:center;max-height:var(--sapphire-semantic-size-height-input-lg)}.sapphire-field--label-placement-side.sapphire-field--md .sapphire-field__label{max-height:var(--sapphire-semantic-size-height-input-md)}.sapphire-field--label-placement-side.sapphire-field--label-alignment-top .sapphire-field__label{align-items:flex-start;max-height:unset}.sapphire-fieldset{display:inline-flex;flex-direction:column;width:min-content;gap:var(--sapphire-semantic-size-spacing-50)}.sapphire-fieldset .sapphire-field--label-placement-side{grid-template-columns:1fr min-content}.sapphire-fieldset .sapphire-field--label-placement-side .sapphire-field__label{white-space:nowrap}\n"] }]
|
|
1785
1787
|
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { necessityIndicator: [{
|
|
1786
1788
|
type: Input
|
|
1787
1789
|
}], labelPlacement: [{
|
|
@@ -1870,7 +1872,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
1870
1872
|
},
|
|
1871
1873
|
], host: {
|
|
1872
1874
|
role: 'checkboxgroup',
|
|
1873
|
-
}, hostDirectives: [ThemeCheckDirective], template: "<div\n class=\"sapphire-field-group\"\n role=\"group\"\n [attr.aria-orientation]=\"orientation\"\n [attr.aria-labelledby]=\"_field?.label?.id\"\n [class.sapphire-field-group--vertical]=\"orientation === 'vertical'\"\n [class.sapphire-field-group--horizontal]=\"orientation === 'horizontal'\"\n [class.sapphire-field-group--md]=\"_field?.size === 'md'\"\n>\n <ng-content></ng-content>\n</div>\n", styles: [".sapphire-field-group{display:flex;flex-wrap:wrap;column-gap:var(--sapphire-semantic-size-spacing-50);row-gap:var(--sapphire-semantic-size-spacing-30)}.sapphire-field-group--horizontal{flex-direction:row}.sapphire-field-group--vertical{flex-direction:column}.sapphire-field-group--md{row-gap:var(--sapphire-semantic-size-spacing-20)}\n"] }]
|
|
1875
|
+
}, hostDirectives: [ThemeCheckDirective], standalone: false, template: "<div\n class=\"sapphire-field-group\"\n role=\"group\"\n [attr.aria-orientation]=\"orientation\"\n [attr.aria-labelledby]=\"_field?.label?.id\"\n [class.sapphire-field-group--vertical]=\"orientation === 'vertical'\"\n [class.sapphire-field-group--horizontal]=\"orientation === 'horizontal'\"\n [class.sapphire-field-group--md]=\"_field?.size === 'md'\"\n>\n <ng-content></ng-content>\n</div>\n", styles: [".sapphire-field-group{display:flex;flex-wrap:wrap;column-gap:var(--sapphire-semantic-size-spacing-50);row-gap:var(--sapphire-semantic-size-spacing-30)}.sapphire-field-group--horizontal{flex-direction:row}.sapphire-field-group--vertical{flex-direction:column}.sapphire-field-group--md{row-gap:var(--sapphire-semantic-size-spacing-20)}\n"] }]
|
|
1874
1876
|
}], ctorParameters: function () { return [{ type: FieldComponent, decorators: [{
|
|
1875
1877
|
type: Optional
|
|
1876
1878
|
}] }]; }, propDecorators: { uniqueId: [], orientation: [{
|
|
@@ -2116,7 +2118,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
2116
2118
|
'[attr.tabindex]': 'null',
|
|
2117
2119
|
'[attr.aria-label]': 'null',
|
|
2118
2120
|
'[attr.aria-labelledby]': 'null',
|
|
2119
|
-
}, hostDirectives: [ThemeCheckDirective], template: "<label\n [for]=\"_inputId\"\n class=\"sapphire-checkbox\"\n [class.sapphire-checkbox--checked]=\"selected\"\n [class.sapphire-checkbox--indeterminate]=\"indeterminate\"\n [class.sapphire-checkbox--md]=\"size === 'md'\"\n>\n <input\n #input\n type=\"checkbox\"\n class=\"sapphire-checkbox__input\"\n [attr.aria-checked]=\"_getAriaChecked()\"\n [attr.aria-label]=\"ariaLabel || null\"\n [attr.aria-labelledby]=\"ariaLabelledby\"\n [attr.aria-describedby]=\"ariaDescribedby\"\n [attr.name]=\"name\"\n [attr.value]=\"value\"\n [checked]=\"selected\"\n [disabled]=\"disabled\"\n [readonly]=\"readonly\"\n [id]=\"_inputId\"\n [required]=\"required\"\n [tabIndex]=\"tabIndex\"\n (blur)=\"_onBlur()\"\n (click)=\"_onInputClick($event)\"\n (change)=\"_onInteractionEvent($event)\"\n />\n <span class=\"sapphire-checkbox__box\">\n <svg\n *ngIf=\"indeterminate\"\n class=\"sapphire-checkbox__box-icon\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 24 24\"\n aria-hidden=\"true\"\n >\n <g fill=\"none\" fill-rule=\"evenodd\">\n <path\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"square\"\n d=\"M7 12h10\"\n />\n <path fill=\"currentColor\" fill-rule=\"nonzero\" d=\"M18 11v2H6v-2z\" />\n </g>\n </svg>\n <svg\n *ngIf=\"selected && !indeterminate\"\n class=\"sapphire-checkbox__box-icon\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 24 24\"\n aria-hidden=\"true\"\n >\n <path\n d=\"M17.782 6.918l.753.659a.5.5 0 01.047.705L10.9 17.061a.5.5 0 01-.73.024l-4.232-4.231a.5.5 0 010-.708l.707-.707a.5.5 0 01.708 0l3.097 3.097 6.626-7.57a.5.5 0 01.705-.048z\"\n fill=\"currentColor\"\n fill-rule=\"nonzero\"\n />\n </svg>\n </span>\n <span class=\"sapphire-checkbox__label\">\n <ng-content></ng-content>\n <span\n *ngIf=\"labelNecessityIndicator === 'required'\"\n class=\"sapphire-checkbox__required-indicator\"\n ></span>\n <span\n *ngIf=\"labelNecessityIndicator === 'optional'\"\n class=\"sapphire-checkbox__optional-indicator\"\n >({{ 'optional' | t }})\n </span>\n </span>\n</label>\n", styles: [".sapphire-checkbox{font-family:var(--sapphire-semantic-font-name-default);display:inline-flex;position:relative;max-width:100%}.sapphire-checkbox__input{margin:0;overflow:visible;position:absolute;top:0;left:0;height:100%;width:100%;opacity:.0001;z-index:1;cursor:pointer}.sapphire-checkbox__label{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-left:var(--sapphire-semantic-size-spacing-20);font-size:var(--sapphire-semantic-size-font-control-default);color:var(--sapphire-semantic-color-content-default-primary);line-height:var(--sapphire-semantic-size-height-control-xs);display:inline-flex;align-items:center;gap:var(--sapphire-semantic-size-spacing-10)}.sapphire-checkbox__label:empty{margin-left:0}.sapphire-checkbox__required-indicator{background-image:url(\"data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.99999 0.583344C4.41421 0.583344 4.74999 0.91913 4.74999 1.33334V3.22127L6.6017 2.62001C6.99567 2.49208 7.41874 2.70775 7.54666 3.10172C7.67459 3.49568 7.45892 3.91876 7.06495 4.04668L5.21363 4.64782L6.3601 6.22585C6.60356 6.56096 6.52927 7.02998 6.19416 7.27345C5.85905 7.51691 5.39002 7.44262 5.14656 7.10751L3.99999 5.52935L2.85343 7.10751C2.60996 7.44262 2.14094 7.51691 1.80583 7.27345C1.47072 7.02998 1.39642 6.56096 1.63989 6.22585L2.78636 4.64782L0.935036 4.04668C0.541071 3.91876 0.325401 3.49568 0.453323 3.10172C0.581246 2.70775 1.00432 2.49208 1.39829 2.62001L3.24999 3.22127V1.33334C3.24999 0.91913 3.58578 0.583344 3.99999 0.583344Z' fill='%23DD3254'/%3E%3C/svg%3E%0A\");width:8px;height:8px}.sapphire-checkbox__optional-indicator{color:var(--sapphire-semantic-color-content-default-secondary)}.sapphire-checkbox--md .sapphire-checkbox__label{font-size:var(--sapphire-semantic-size-font-control-md);line-height:var(--sapphire-semantic-size-height-control-2xs)}.sapphire-checkbox__error-text{display:block;font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-regular);font-size:var(--sapphire-semantic-size-font-label-md);line-height:var(--sapphire-semantic-size-line-height-md);color:var(--sapphire-semantic-color-content-negative-secondary-default);margin-top:var(--sapphire-semantic-size-spacing-20);margin-left:calc(var(--sapphire-semantic-size-spacing-20) + var(--sapphire-semantic-size-height-box-lg))}.sapphire-checkbox__error-text--md{font-size:var(--sapphire-semantic-size-font-label-sm);line-height:var(--sapphire-semantic-size-line-height-sm);margin-left:calc(var(--sapphire-semantic-size-spacing-20) + var(--sapphire-semantic-size-height-box-md))}.sapphire-checkbox__box{box-sizing:border-box;position:relative;width:var(--sapphire-semantic-size-height-box-lg);height:var(--sapphire-semantic-size-height-box-lg);border-radius:var(--sapphire-semantic-size-radius-sm);border:var(--sapphire-semantic-size-border-md) solid var(--sapphire-semantic-color-border-control-default);background-color:var(--sapphire-semantic-color-background-control-default);transition:all var(--sapphire-semantic-time-fade-quick);flex-shrink:0;display:inline-flex;justify-content:center;align-items:center}.sapphire-checkbox__box:has(~ .sapphire-checkbox__label:not(:empty)){margin-top:var(--sapphire-semantic-size-spacing-5)}.sapphire-checkbox--md .sapphire-checkbox__box{width:var(--sapphire-semantic-size-height-box-md);height:var(--sapphire-semantic-size-height-box-md)}.sapphire-checkbox__box-icon{display:inherit;line-height:0;color:var(--sapphire-semantic-color-content-action-primary-default);margin:calc(var(--sapphire-semantic-size-border-md) * -1);height:var(--sapphire-semantic-size-height-box-lg);width:var(--sapphire-semantic-size-height-box-lg)}.sapphire-checkbox--md .sapphire-checkbox__box-icon{height:var(--sapphire-semantic-size-height-box-md);width:var(--sapphire-semantic-size-height-box-md)}.sapphire-checkbox--error .sapphire-checkbox__box{border-color:var(--sapphire-semantic-color-background-negative-primary-default)}.sapphire-checkbox--checked .sapphire-checkbox__box,.sapphire-checkbox--indeterminate .sapphire-checkbox__box{border-width:var(--sapphire-global-size-generic-0);background-color:var(--sapphire-semantic-color-background-action-primary-default)}.sapphire-checkbox--checked.sapphire-checkbox--error .sapphire-checkbox__box,.sapphire-checkbox--indeterminate.sapphire-checkbox--error .sapphire-checkbox__box{background-color:var(--sapphire-semantic-color-background-negative-primary-default)}.sapphire-checkbox:not(:active):not(.is-active):not(.sapphire-checkbox--checked).is-hover .sapphire-checkbox__box,.sapphire-checkbox:not(:active):not(.is-active):not(.sapphire-checkbox--checked):not(.js-hover):hover .sapphire-checkbox__input:not(:disabled)~.sapphire-checkbox__box{border-color:var(--sapphire-semantic-color-border-control-hover)}.sapphire-checkbox--error:not(:active):not(.is-active):not(.sapphire-checkbox--checked).is-hover .sapphire-checkbox__box,.sapphire-checkbox--error:not(:active):not(.is-active):not(.sapphire-checkbox--checked):not(.js-hover):hover .sapphire-checkbox__input:not(:disabled)~.sapphire-checkbox__box{border-color:var(--sapphire-semantic-color-background-negative-primary-hover)}.sapphire-checkbox--checked:not(:active):not(.is-active).is-hover .sapphire-checkbox__box,.sapphire-checkbox--checked:not(:active):not(.is-active):not(.js-hover):hover .sapphire-checkbox__input:not(:disabled)~.sapphire-checkbox__box,.sapphire-checkbox--indeterminate:not(:active):not(.is-active).is-hover .sapphire-checkbox__box,.sapphire-checkbox--indeterminate:not(:active):not(.is-active):not(.js-hover):hover .sapphire-checkbox__input:not(:disabled)~.sapphire-checkbox__box{background-color:var(--sapphire-semantic-color-background-action-primary-hover)}.sapphire-checkbox--checked.sapphire-checkbox--error:not(:active):not(.is-active).is-hover .sapphire-checkbox__box,.sapphire-checkbox--checked.sapphire-checkbox--error:not(:active):not(.is-active):not(.js-hover):hover .sapphire-checkbox__input:not(:disabled)~.sapphire-checkbox__box,.sapphire-checkbox--indeterminate.sapphire-checkbox--error:not(:active):not(.is-active).is-hover .sapphire-checkbox__box,.sapphire-checkbox--indeterminate.sapphire-checkbox--error:not(:active):not(.is-active):not(.js-hover):hover .sapphire-checkbox__input:not(:disabled)~.sapphire-checkbox__box{background-color:var(--sapphire-semantic-color-background-negative-primary-hover)}.sapphire-checkbox.is-focus .sapphire-checkbox__box,.sapphire-checkbox:not(.js-focus) .sapphire-checkbox__input:focus-visible~.sapphire-checkbox__box{outline:var(--sapphire-semantic-size-focus-ring) solid var(--sapphire-semantic-color-focus-ring);outline-offset:var(--sapphire-semantic-size-focus-ring)}.sapphire-checkbox__input:disabled{cursor:not-allowed}.sapphire-checkbox:not(.sapphire-checkbox--no-disabled) .sapphire-checkbox__input:disabled~.sapphire-checkbox__box,.sapphire-checkbox:not(.sapphire-checkbox--no-disabled) .sapphire-checkbox__input:disabled~.sapphire-checkbox__label{opacity:var(--sapphire-semantic-opacity-disabled)}:host{display:inline-flex}\n"] }]
|
|
2121
|
+
}, hostDirectives: [ThemeCheckDirective], standalone: false, template: "<label\n [for]=\"_inputId\"\n class=\"sapphire-checkbox\"\n [class.sapphire-checkbox--checked]=\"selected\"\n [class.sapphire-checkbox--indeterminate]=\"indeterminate\"\n [class.sapphire-checkbox--md]=\"size === 'md'\"\n>\n <input\n #input\n type=\"checkbox\"\n class=\"sapphire-checkbox__input\"\n [attr.aria-checked]=\"_getAriaChecked()\"\n [attr.aria-label]=\"ariaLabel || null\"\n [attr.aria-labelledby]=\"ariaLabelledby\"\n [attr.aria-describedby]=\"ariaDescribedby\"\n [attr.name]=\"name\"\n [attr.value]=\"value\"\n [checked]=\"selected\"\n [disabled]=\"disabled\"\n [readonly]=\"readonly\"\n [id]=\"_inputId\"\n [required]=\"required\"\n [tabIndex]=\"tabIndex\"\n (blur)=\"_onBlur()\"\n (click)=\"_onInputClick($event)\"\n (change)=\"_onInteractionEvent($event)\"\n />\n <span class=\"sapphire-checkbox__box\">\n <svg\n *ngIf=\"indeterminate\"\n class=\"sapphire-checkbox__box-icon\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 24 24\"\n aria-hidden=\"true\"\n >\n <g fill=\"none\" fill-rule=\"evenodd\">\n <path\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"square\"\n d=\"M7 12h10\"\n />\n <path fill=\"currentColor\" fill-rule=\"nonzero\" d=\"M18 11v2H6v-2z\" />\n </g>\n </svg>\n <svg\n *ngIf=\"selected && !indeterminate\"\n class=\"sapphire-checkbox__box-icon\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 24 24\"\n aria-hidden=\"true\"\n >\n <path\n d=\"M17.782 6.918l.753.659a.5.5 0 01.047.705L10.9 17.061a.5.5 0 01-.73.024l-4.232-4.231a.5.5 0 010-.708l.707-.707a.5.5 0 01.708 0l3.097 3.097 6.626-7.57a.5.5 0 01.705-.048z\"\n fill=\"currentColor\"\n fill-rule=\"nonzero\"\n />\n </svg>\n </span>\n <span class=\"sapphire-checkbox__label\">\n <ng-content></ng-content>\n <span\n *ngIf=\"labelNecessityIndicator === 'required'\"\n class=\"sapphire-checkbox__required-indicator\"\n ></span>\n <span\n *ngIf=\"labelNecessityIndicator === 'optional'\"\n class=\"sapphire-checkbox__optional-indicator\"\n >({{ 'optional' | t }})\n </span>\n </span>\n</label>\n", styles: [".sapphire-checkbox{font-family:var(--sapphire-semantic-font-name-default);display:inline-flex;position:relative;max-width:100%}.sapphire-checkbox__input{margin:0;overflow:visible;position:absolute;top:0;left:0;height:100%;width:100%;opacity:.0001;z-index:1;cursor:pointer}.sapphire-checkbox__label{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-left:var(--sapphire-semantic-size-spacing-20);font-size:var(--sapphire-semantic-size-font-control-default);color:var(--sapphire-semantic-color-content-default-primary);line-height:var(--sapphire-semantic-size-height-control-xs);display:inline-flex;align-items:center;gap:var(--sapphire-semantic-size-spacing-10)}.sapphire-checkbox__label:empty{margin-left:0}.sapphire-checkbox__required-indicator{background-image:url(\"data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.99999 0.583344C4.41421 0.583344 4.74999 0.91913 4.74999 1.33334V3.22127L6.6017 2.62001C6.99567 2.49208 7.41874 2.70775 7.54666 3.10172C7.67459 3.49568 7.45892 3.91876 7.06495 4.04668L5.21363 4.64782L6.3601 6.22585C6.60356 6.56096 6.52927 7.02998 6.19416 7.27345C5.85905 7.51691 5.39002 7.44262 5.14656 7.10751L3.99999 5.52935L2.85343 7.10751C2.60996 7.44262 2.14094 7.51691 1.80583 7.27345C1.47072 7.02998 1.39642 6.56096 1.63989 6.22585L2.78636 4.64782L0.935036 4.04668C0.541071 3.91876 0.325401 3.49568 0.453323 3.10172C0.581246 2.70775 1.00432 2.49208 1.39829 2.62001L3.24999 3.22127V1.33334C3.24999 0.91913 3.58578 0.583344 3.99999 0.583344Z' fill='%23DD3254'/%3E%3C/svg%3E%0A\");width:8px;height:8px}.sapphire-checkbox__optional-indicator{color:var(--sapphire-semantic-color-content-default-secondary)}.sapphire-checkbox--md .sapphire-checkbox__label{font-size:var(--sapphire-semantic-size-font-control-md);line-height:var(--sapphire-semantic-size-height-control-2xs)}.sapphire-checkbox__error-text{display:block;font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-regular);font-size:var(--sapphire-semantic-size-font-label-md);line-height:var(--sapphire-semantic-size-line-height-md);color:var(--sapphire-semantic-color-content-negative-secondary-default);margin-top:var(--sapphire-semantic-size-spacing-20);margin-left:calc(var(--sapphire-semantic-size-spacing-20) + var(--sapphire-semantic-size-height-box-lg))}.sapphire-checkbox__error-text--md{font-size:var(--sapphire-semantic-size-font-label-sm);line-height:var(--sapphire-semantic-size-line-height-sm);margin-left:calc(var(--sapphire-semantic-size-spacing-20) + var(--sapphire-semantic-size-height-box-md))}.sapphire-checkbox__box{box-sizing:border-box;position:relative;width:var(--sapphire-semantic-size-height-box-lg);height:var(--sapphire-semantic-size-height-box-lg);border-radius:var(--sapphire-semantic-size-radius-sm);border:var(--sapphire-semantic-size-border-md) solid var(--sapphire-semantic-color-border-control-default);background-color:var(--sapphire-semantic-color-background-control-default);transition:all var(--sapphire-semantic-time-fade-quick);flex-shrink:0;display:inline-flex;justify-content:center;align-items:center}.sapphire-checkbox__box:has(~ .sapphire-checkbox__label:not(:empty)){margin-top:var(--sapphire-semantic-size-spacing-5)}.sapphire-checkbox--md .sapphire-checkbox__box{width:var(--sapphire-semantic-size-height-box-md);height:var(--sapphire-semantic-size-height-box-md)}.sapphire-checkbox__box-icon{display:inherit;line-height:0;color:var(--sapphire-semantic-color-content-action-primary-default);margin:calc(var(--sapphire-semantic-size-border-md) * -1);height:var(--sapphire-semantic-size-height-box-lg);width:var(--sapphire-semantic-size-height-box-lg)}.sapphire-checkbox--md .sapphire-checkbox__box-icon{height:var(--sapphire-semantic-size-height-box-md);width:var(--sapphire-semantic-size-height-box-md)}.sapphire-checkbox--error .sapphire-checkbox__box{border-color:var(--sapphire-semantic-color-background-negative-primary-default)}.sapphire-checkbox--checked .sapphire-checkbox__box,.sapphire-checkbox--indeterminate .sapphire-checkbox__box{border-width:var(--sapphire-global-size-generic-0);background-color:var(--sapphire-semantic-color-background-action-primary-default)}.sapphire-checkbox--checked.sapphire-checkbox--error .sapphire-checkbox__box,.sapphire-checkbox--indeterminate.sapphire-checkbox--error .sapphire-checkbox__box{background-color:var(--sapphire-semantic-color-background-negative-primary-default)}.sapphire-checkbox:not(:active):not(.is-active):not(.sapphire-checkbox--checked).is-hover .sapphire-checkbox__box,.sapphire-checkbox:not(:active):not(.is-active):not(.sapphire-checkbox--checked):not(.js-hover):hover .sapphire-checkbox__input:not(:disabled)~.sapphire-checkbox__box{border-color:var(--sapphire-semantic-color-border-control-hover)}.sapphire-checkbox--error:not(:active):not(.is-active):not(.sapphire-checkbox--checked).is-hover .sapphire-checkbox__box,.sapphire-checkbox--error:not(:active):not(.is-active):not(.sapphire-checkbox--checked):not(.js-hover):hover .sapphire-checkbox__input:not(:disabled)~.sapphire-checkbox__box{border-color:var(--sapphire-semantic-color-background-negative-primary-hover)}.sapphire-checkbox--checked:not(:active):not(.is-active).is-hover .sapphire-checkbox__box,.sapphire-checkbox--checked:not(:active):not(.is-active):not(.js-hover):hover .sapphire-checkbox__input:not(:disabled)~.sapphire-checkbox__box,.sapphire-checkbox--indeterminate:not(:active):not(.is-active).is-hover .sapphire-checkbox__box,.sapphire-checkbox--indeterminate:not(:active):not(.is-active):not(.js-hover):hover .sapphire-checkbox__input:not(:disabled)~.sapphire-checkbox__box{background-color:var(--sapphire-semantic-color-background-action-primary-hover)}.sapphire-checkbox--checked.sapphire-checkbox--error:not(:active):not(.is-active).is-hover .sapphire-checkbox__box,.sapphire-checkbox--checked.sapphire-checkbox--error:not(:active):not(.is-active):not(.js-hover):hover .sapphire-checkbox__input:not(:disabled)~.sapphire-checkbox__box,.sapphire-checkbox--indeterminate.sapphire-checkbox--error:not(:active):not(.is-active).is-hover .sapphire-checkbox__box,.sapphire-checkbox--indeterminate.sapphire-checkbox--error:not(:active):not(.is-active):not(.js-hover):hover .sapphire-checkbox__input:not(:disabled)~.sapphire-checkbox__box{background-color:var(--sapphire-semantic-color-background-negative-primary-hover)}.sapphire-checkbox.is-focus .sapphire-checkbox__box,.sapphire-checkbox:not(.js-focus) .sapphire-checkbox__input:focus-visible~.sapphire-checkbox__box{outline:var(--sapphire-semantic-size-focus-ring) solid var(--sapphire-semantic-color-focus-ring);outline-offset:var(--sapphire-semantic-size-focus-ring)}.sapphire-checkbox__input:disabled{cursor:not-allowed}.sapphire-checkbox:not(.sapphire-checkbox--no-disabled) .sapphire-checkbox__input:disabled~.sapphire-checkbox__box,.sapphire-checkbox:not(.sapphire-checkbox--no-disabled) .sapphire-checkbox__input:disabled~.sapphire-checkbox__label{opacity:var(--sapphire-semantic-opacity-disabled)}:host{display:inline-flex}\n"] }]
|
|
2120
2122
|
}], ctorParameters: function () { return [{ type: CheckboxGroupComponent, decorators: [{
|
|
2121
2123
|
type: Optional
|
|
2122
2124
|
}] }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: undefined, decorators: [{
|
|
@@ -2178,6 +2180,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
2178
2180
|
selector: `sp-checkbox[required][formControlName],
|
|
2179
2181
|
sp-checkbox[required][formControl], sp-checkbox[required][ngModel]`,
|
|
2180
2182
|
providers: [CHECKBOX_REQUIRED_VALIDATOR],
|
|
2183
|
+
standalone: false,
|
|
2181
2184
|
}]
|
|
2182
2185
|
}], propDecorators: { required: [{
|
|
2183
2186
|
type: Input
|
|
@@ -2241,7 +2244,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
2241
2244
|
provide: ICON_SIZE_PROVIDER,
|
|
2242
2245
|
useExisting: forwardRef(() => MenuComponent),
|
|
2243
2246
|
},
|
|
2244
|
-
], template: "<div\n class=\"sapphire-listbox\"\n [class.sapphire-listbox--md]=\"size === 'md'\"\n [class.sapphire-listbox--sm]=\"size === 'sm'\"\n>\n <ng-content></ng-content>\n</div>\n", styles: [".sapphire-listbox{box-sizing:border-box;margin:0;position:relative;list-style:none;outline:none;font-family:var(--sapphire-semantic-font-name-default);padding:calc(var(--sapphire-semantic-size-spacing-10) - var(--sapphire-semantic-size-spacing-5)) 0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sapphire-listbox__item{display:flex;justify-content:space-between;align-items:center;padding:var(--sapphire-semantic-size-spacing-5) var(--sapphire-semantic-size-spacing-10);color:var(--sapphire-semantic-color-content-selection-unselected-default);outline:none;cursor:pointer;text-decoration:none;min-width:max-content}.sapphire-listbox__item--danger{color:var(--sapphire-semantic-color-content-action-danger-default)}.sapphire-listbox__item--selected{color:var(--sapphire-semantic-color-content-selection-selected-default)}.sapphire-listbox__item--selected .sapphire-listbox__content{background-color:var(--sapphire-semantic-color-background-selection-selected-default)}.sapphire-listbox__content{width:100%;max-width:calc(100vw - 2 * var(--sapphire-semantic-size-icon-lg));display:grid;grid-auto-flow:column;align-items:center;gap:var(--sapphire-semantic-size-spacing-30);grid-template-columns:auto 1fr var(--sapphire-semantic-size-icon-lg);padding:calc(var(--sapphire-semantic-size-spacing-30) - var(--sapphire-semantic-size-spacing-5)) var(--sapphire-semantic-size-spacing-30);border-radius:var(--sapphire-semantic-size-radius-sm);transition-property:opacity,background-color,color;transition-duration:var(--sapphire-semantic-time-fade-quick);transition-timing-function:ease-in-out;min-height:var(--sapphire-semantic-size-height-control-xs)}.sapphire-listbox--md .sapphire-listbox__content{gap:var(--sapphire-semantic-size-spacing-25);grid-template-columns:auto 1fr var(--sapphire-semantic-size-icon-md);padding:calc(var(--sapphire-semantic-size-spacing-20) - var(--sapphire-semantic-size-spacing-5)) var(--sapphire-semantic-size-spacing-25)}.sapphire-listbox--sm .sapphire-listbox__content{gap:var(--sapphire-semantic-size-spacing-20);grid-template-columns:auto 1fr var(--sapphire-semantic-size-icon-sm);padding:calc(var(--sapphire-semantic-size-spacing-10) - var(--sapphire-semantic-size-spacing-5)) var(--sapphire-semantic-size-spacing-20)}.sapphire-listbox__icon{line-height:0}.sapphire-listbox__text-container{line-height:var(--sapphire-semantic-size-line-height-md)}.sapphire-listbox__text-container:first-child{grid-column:span 2}.sapphire-listbox__primary-text{font-weight:var(--sapphire-semantic-font-weight-default-semibold);font-size:var(--sapphire-semantic-size-font-text-lg)}.sapphire-listbox__secondary-text{font-weight:var(--sapphire-semantic-font-weight-default-regular);font-size:var(--sapphire-semantic-size-font-text-md)}.sapphire-listbox--md .sapphire-listbox__primary-text{font-size:var(--sapphire-semantic-size-font-text-md)}.sapphire-listbox--sm .sapphire-listbox__primary-text,.sapphire-listbox--md .sapphire-listbox__secondary-text,.sapphire-listbox--sm .sapphire-listbox__secondary-text{font-size:var(--sapphire-semantic-size-font-text-sm)}.sapphire-listbox__item:not(.sapphire-listbox__item--danger):not(.sapphire-listbox__item--selected) .sapphire-listbox__secondary-text{color:var(--sapphire-semantic-color-content-default-secondary)}.sapphire-listbox__item.is-disabled{opacity:var(--sapphire-semantic-opacity-disabled);cursor:not-allowed}.sapphire-listbox__section{padding:0;list-style:none}.sapphire-listbox__section-header{font-size:var(--sapphire-semantic-size-font-text-md);color:var(--sapphire-semantic-color-content-default-secondary);padding:var(--sapphire-semantic-size-spacing-30) var(--sapphire-semantic-size-spacing-40) var(--sapphire-semantic-size-spacing-20) var(--sapphire-semantic-size-spacing-40)}.sapphire-listbox--md .sapphire-listbox__section-header{font-size:var(--sapphire-semantic-size-font-text-sm);padding:var(--sapphire-semantic-size-spacing-25) var(--sapphire-global-size-generic-35) var(--sapphire-global-size-generic-15) var(--sapphire-global-size-generic-35)}.sapphire-listbox--sm .sapphire-listbox__section-header{font-size:var(--sapphire-semantic-size-font-text-sm);padding:var(--sapphire-semantic-size-spacing-20) var(--sapphire-semantic-size-spacing-30) var(--sapphire-semantic-size-spacing-10) var(--sapphire-semantic-size-spacing-30)}.sapphire-listbox__separator{height:var(--sapphire-semantic-size-border-sm);width:100%;background:var(--sapphire-semantic-color-border-separator-default);margin-top:calc(var(--sapphire-semantic-size-spacing-10) - var(--sapphire-semantic-size-spacing-5));margin-bottom:calc(var(--sapphire-semantic-size-spacing-10) - var(--sapphire-semantic-size-spacing-5))}.sapphire-listbox__item:not(.is-disabled).is-focus .sapphire-listbox__content,.sapphire-listbox__item:not(.is-disabled):not(.js-focus):focus-visible .sapphire-listbox__content{box-shadow:0 0 0 var(--sapphire-semantic-size-focus-ring) var(--sapphire-semantic-color-focus-ring)}.sapphire-listbox__item:not(.is-disabled).is-hover:not(.is-active) .sapphire-listbox__content,.sapphire-listbox__item:not(.is-disabled):not(.js-hover):not(.is-active):hover .sapphire-listbox__content{color:var(--sapphire-semantic-color-content-selection-unselected-hover);background-color:var(--sapphire-semantic-color-background-selection-unselected-hover)}.sapphire-listbox__item--danger:not(.is-disabled):not(.is-active).is-hover .sapphire-listbox__content,.sapphire-listbox__item--danger:not(.is-disabled):not(.js-hover):not(.is-active):hover .sapphire-listbox__content{color:var(--sapphire-semantic-color-content-action-danger-default);background-color:var(--sapphire-semantic-color-background-action-danger-default)}.sapphire-listbox__item--selected:not(.is-disabled):not(.is-active).is-hover .sapphire-listbox__content,.sapphire-listbox__item--selected:not(.is-disabled):not(.is-active):not(.js-hover):hover .sapphire-listbox__content{color:var(--sapphire-semantic-color-content-selection-selected-hover);background-color:var(--sapphire-semantic-color-background-selection-selected-hover)}.sapphire-listbox__item:not(.is-disabled).is-active .sapphire-listbox__content{color:var(--sapphire-semantic-color-content-selection-unselected-active);background-color:var(--sapphire-semantic-color-background-selection-unselected-active)}.sapphire-listbox__item--danger:not(.is-disabled).is-active .sapphire-listbox__content{color:var(--sapphire-semantic-color-content-action-danger-active);background-color:var(--sapphire-semantic-color-background-action-danger-hover)}.sapphire-listbox__item--selected:not(.is-disabled).is-active .sapphire-listbox__content{color:var(--sapphire-semantic-color-content-selection-selected-active);background-color:var(--sapphire-semantic-color-background-selection-selected-active)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.sapphire-popover{box-sizing:border-box;background-color:var(--sapphire-semantic-color-background-popover-default);box-shadow:var(--sapphire-semantic-shadow-popover);animation:fade-in var(--sapphire-semantic-time-fade-quick) ease-in-out;border-radius:var(--sapphire-semantic-size-radius-popover);overflow:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex}.sapphire-popover__content{flex-basis:100%}.sapphire-popover--padded{padding:var(--sapphire-semantic-size-spacing-container-horizontal-sm)}.sapphire-popover--max-width{max-width:var(--sapphire-global-size-generic-1120)}.sapphire-menu-backdrop{background:none}\n"] }]
|
|
2247
|
+
], standalone: false, template: "<div\n class=\"sapphire-listbox\"\n [class.sapphire-listbox--md]=\"size === 'md'\"\n [class.sapphire-listbox--sm]=\"size === 'sm'\"\n>\n <ng-content></ng-content>\n</div>\n", styles: [".sapphire-listbox{box-sizing:border-box;margin:0;position:relative;list-style:none;outline:none;font-family:var(--sapphire-semantic-font-name-default);padding:calc(var(--sapphire-semantic-size-spacing-10) - var(--sapphire-semantic-size-spacing-5)) 0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sapphire-listbox__item{display:flex;justify-content:space-between;align-items:center;padding:var(--sapphire-semantic-size-spacing-5) var(--sapphire-semantic-size-spacing-10);color:var(--sapphire-semantic-color-content-selection-unselected-default);outline:none;cursor:pointer;text-decoration:none;min-width:max-content}.sapphire-listbox__item--danger{color:var(--sapphire-semantic-color-content-action-danger-default)}.sapphire-listbox__item--selected{color:var(--sapphire-semantic-color-content-selection-selected-default)}.sapphire-listbox__item--selected .sapphire-listbox__content{background-color:var(--sapphire-semantic-color-background-selection-selected-default)}.sapphire-listbox__content{width:100%;max-width:calc(100vw - 2 * var(--sapphire-semantic-size-icon-lg));display:grid;grid-auto-flow:column;align-items:center;gap:var(--sapphire-semantic-size-spacing-30);grid-template-columns:auto 1fr var(--sapphire-semantic-size-icon-lg);padding:calc(var(--sapphire-semantic-size-spacing-30) - var(--sapphire-semantic-size-spacing-5)) var(--sapphire-semantic-size-spacing-30);border-radius:var(--sapphire-semantic-size-radius-sm);transition-property:opacity,background-color,color;transition-duration:var(--sapphire-semantic-time-fade-quick);transition-timing-function:ease-in-out;min-height:var(--sapphire-semantic-size-height-control-xs)}.sapphire-listbox--md .sapphire-listbox__content{gap:var(--sapphire-semantic-size-spacing-25);grid-template-columns:auto 1fr var(--sapphire-semantic-size-icon-md);padding:calc(var(--sapphire-semantic-size-spacing-20) - var(--sapphire-semantic-size-spacing-5)) var(--sapphire-semantic-size-spacing-25)}.sapphire-listbox--sm .sapphire-listbox__content{gap:var(--sapphire-semantic-size-spacing-20);grid-template-columns:auto 1fr var(--sapphire-semantic-size-icon-sm);padding:calc(var(--sapphire-semantic-size-spacing-10) - var(--sapphire-semantic-size-spacing-5)) var(--sapphire-semantic-size-spacing-20)}.sapphire-listbox__icon{line-height:0}.sapphire-listbox__text-container{line-height:var(--sapphire-semantic-size-line-height-md)}.sapphire-listbox__text-container:first-child{grid-column:span 2}.sapphire-listbox__primary-text{font-weight:var(--sapphire-semantic-font-weight-default-semibold);font-size:var(--sapphire-semantic-size-font-text-lg)}.sapphire-listbox__secondary-text{font-weight:var(--sapphire-semantic-font-weight-default-regular);font-size:var(--sapphire-semantic-size-font-text-md)}.sapphire-listbox--md .sapphire-listbox__primary-text{font-size:var(--sapphire-semantic-size-font-text-md)}.sapphire-listbox--sm .sapphire-listbox__primary-text,.sapphire-listbox--md .sapphire-listbox__secondary-text,.sapphire-listbox--sm .sapphire-listbox__secondary-text{font-size:var(--sapphire-semantic-size-font-text-sm)}.sapphire-listbox__item:not(.sapphire-listbox__item--danger):not(.sapphire-listbox__item--selected) .sapphire-listbox__secondary-text{color:var(--sapphire-semantic-color-content-default-secondary)}.sapphire-listbox__item.is-disabled{opacity:var(--sapphire-semantic-opacity-disabled);cursor:not-allowed}.sapphire-listbox__section{padding:0;list-style:none}.sapphire-listbox__section-header{font-size:var(--sapphire-semantic-size-font-text-md);color:var(--sapphire-semantic-color-content-default-secondary);padding:var(--sapphire-semantic-size-spacing-30) var(--sapphire-semantic-size-spacing-40) var(--sapphire-semantic-size-spacing-20) var(--sapphire-semantic-size-spacing-40)}.sapphire-listbox--md .sapphire-listbox__section-header{font-size:var(--sapphire-semantic-size-font-text-sm);padding:var(--sapphire-semantic-size-spacing-25) var(--sapphire-global-size-generic-35) var(--sapphire-global-size-generic-15) var(--sapphire-global-size-generic-35)}.sapphire-listbox--sm .sapphire-listbox__section-header{font-size:var(--sapphire-semantic-size-font-text-sm);padding:var(--sapphire-semantic-size-spacing-20) var(--sapphire-semantic-size-spacing-30) var(--sapphire-semantic-size-spacing-10) var(--sapphire-semantic-size-spacing-30)}.sapphire-listbox__separator{height:var(--sapphire-semantic-size-border-sm);width:100%;background:var(--sapphire-semantic-color-border-separator-default);margin-top:calc(var(--sapphire-semantic-size-spacing-10) - var(--sapphire-semantic-size-spacing-5));margin-bottom:calc(var(--sapphire-semantic-size-spacing-10) - var(--sapphire-semantic-size-spacing-5))}.sapphire-listbox__item:not(.is-disabled).is-focus .sapphire-listbox__content,.sapphire-listbox__item:not(.is-disabled):not(.js-focus):focus-visible .sapphire-listbox__content{box-shadow:0 0 0 var(--sapphire-semantic-size-focus-ring) var(--sapphire-semantic-color-focus-ring)}.sapphire-listbox__item:not(.is-disabled).is-hover:not(.is-active) .sapphire-listbox__content,.sapphire-listbox__item:not(.is-disabled):not(.js-hover):not(.is-active):hover .sapphire-listbox__content{color:var(--sapphire-semantic-color-content-selection-unselected-hover);background-color:var(--sapphire-semantic-color-background-selection-unselected-hover)}.sapphire-listbox__item--danger:not(.is-disabled):not(.is-active).is-hover .sapphire-listbox__content,.sapphire-listbox__item--danger:not(.is-disabled):not(.js-hover):not(.is-active):hover .sapphire-listbox__content{color:var(--sapphire-semantic-color-content-action-danger-default);background-color:var(--sapphire-semantic-color-background-action-danger-default)}.sapphire-listbox__item--selected:not(.is-disabled):not(.is-active).is-hover .sapphire-listbox__content,.sapphire-listbox__item--selected:not(.is-disabled):not(.is-active):not(.js-hover):hover .sapphire-listbox__content{color:var(--sapphire-semantic-color-content-selection-selected-hover);background-color:var(--sapphire-semantic-color-background-selection-selected-hover)}.sapphire-listbox__item:not(.is-disabled).is-active .sapphire-listbox__content{color:var(--sapphire-semantic-color-content-selection-unselected-active);background-color:var(--sapphire-semantic-color-background-selection-unselected-active)}.sapphire-listbox__item--danger:not(.is-disabled).is-active .sapphire-listbox__content{color:var(--sapphire-semantic-color-content-action-danger-active);background-color:var(--sapphire-semantic-color-background-action-danger-hover)}.sapphire-listbox__item--selected:not(.is-disabled).is-active .sapphire-listbox__content{color:var(--sapphire-semantic-color-content-selection-selected-active);background-color:var(--sapphire-semantic-color-background-selection-selected-active)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.sapphire-popover{box-sizing:border-box;background-color:var(--sapphire-semantic-color-background-popover-default);box-shadow:var(--sapphire-semantic-shadow-popover);animation:fade-in var(--sapphire-semantic-time-fade-quick) ease-in-out;border-radius:var(--sapphire-semantic-size-radius-popover);overflow:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex}.sapphire-popover__content{flex-basis:100%}.sapphire-popover--padded{padding:var(--sapphire-semantic-size-spacing-container-horizontal-sm)}.sapphire-popover--max-width{max-width:var(--sapphire-global-size-generic-1120)}.sapphire-menu-backdrop{background:none}\n"] }]
|
|
2245
2248
|
}], propDecorators: { size: [{
|
|
2246
2249
|
type: Input
|
|
2247
2250
|
}] } });
|
|
@@ -2258,7 +2261,7 @@ __decorate([
|
|
|
2258
2261
|
], MenuItemComponent.prototype, "danger", void 0);
|
|
2259
2262
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: MenuItemComponent, decorators: [{
|
|
2260
2263
|
type: Component,
|
|
2261
|
-
args: [{ selector: 'sp-menu-item', hostDirectives: [
|
|
2264
|
+
args: [{ selector: 'sp-menu-item', standalone: false, hostDirectives: [
|
|
2262
2265
|
{
|
|
2263
2266
|
directive: CdkMenuItem,
|
|
2264
2267
|
inputs: [
|
|
@@ -2477,6 +2480,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
2477
2480
|
host: {
|
|
2478
2481
|
'[class.is-active]': 'isOpen()',
|
|
2479
2482
|
},
|
|
2483
|
+
standalone: false,
|
|
2480
2484
|
}]
|
|
2481
2485
|
}], ctorParameters: function () { return [{ type: i1$1.CdkMenuTrigger }]; }, propDecorators: { align: [{
|
|
2482
2486
|
type: Input,
|
|
@@ -2506,7 +2510,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
2506
2510
|
type: Component,
|
|
2507
2511
|
args: [{ selector: 'sp-menu-section', hostDirectives: [CdkMenuGroup, UseComponentStyles], host: {
|
|
2508
2512
|
'[class.sapphire-listbox__section]': 'true',
|
|
2509
|
-
}, template: "<div\n *ngIf=\"!_isFirstSection()\"\n class=\"sapphire-listbox__separator\"\n _spUseComponentStyles\n></div>\n<ng-content></ng-content>\n" }]
|
|
2513
|
+
}, standalone: false, template: "<div\n *ngIf=\"!_isFirstSection()\"\n class=\"sapphire-listbox__separator\"\n _spUseComponentStyles\n></div>\n<ng-content></ng-content>\n" }]
|
|
2510
2514
|
}], ctorParameters: function () { return [{ type: i1$1.CdkMenu }]; }, propDecorators: { firstMenuItem: [{
|
|
2511
2515
|
type: ContentChild,
|
|
2512
2516
|
args: [CdkMenuItem]
|
|
@@ -2528,6 +2532,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
2528
2532
|
class: 'sapphire-listbox__icon',
|
|
2529
2533
|
},
|
|
2530
2534
|
hostDirectives: [UseComponentStyles],
|
|
2535
|
+
standalone: false,
|
|
2531
2536
|
}]
|
|
2532
2537
|
}] });
|
|
2533
2538
|
|
|
@@ -2544,6 +2549,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
2544
2549
|
args: [{
|
|
2545
2550
|
selector: 'sp-menu-primary-text',
|
|
2546
2551
|
template: '<ng-content></ng-content>',
|
|
2552
|
+
standalone: false,
|
|
2547
2553
|
}]
|
|
2548
2554
|
}] });
|
|
2549
2555
|
|
|
@@ -2563,6 +2569,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
2563
2569
|
class: 'sapphire-listbox__secondary-text',
|
|
2564
2570
|
},
|
|
2565
2571
|
hostDirectives: [UseComponentStyles],
|
|
2572
|
+
standalone: false,
|
|
2566
2573
|
}]
|
|
2567
2574
|
}] });
|
|
2568
2575
|
|
|
@@ -2659,7 +2666,7 @@ class PopoverTriggerDirective {
|
|
|
2659
2666
|
}
|
|
2660
2667
|
ngOnDestroy() {
|
|
2661
2668
|
this.destroyOverlay();
|
|
2662
|
-
this.destroyed.next();
|
|
2669
|
+
this.destroyed.next(undefined);
|
|
2663
2670
|
this.destroyed.complete();
|
|
2664
2671
|
}
|
|
2665
2672
|
/** Toggle the attached popover. */
|
|
@@ -2861,6 +2868,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
2861
2868
|
'[attr.aria-expanded]': 'isOpen()',
|
|
2862
2869
|
},
|
|
2863
2870
|
exportAs: 'spPopoverTrigger',
|
|
2871
|
+
standalone: false,
|
|
2864
2872
|
}]
|
|
2865
2873
|
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: SapphireOverlay }, { type: i0.ViewContainerRef }, { type: i0.ElementRef }, { type: i0.Injector }]; }, propDecorators: { placement: [{
|
|
2866
2874
|
type: Input,
|
|
@@ -2925,6 +2933,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
2925
2933
|
type: Directive,
|
|
2926
2934
|
args: [{
|
|
2927
2935
|
selector: '[spPopoverTitle]',
|
|
2936
|
+
standalone: false,
|
|
2928
2937
|
}]
|
|
2929
2938
|
}], propDecorators: { ID: [{
|
|
2930
2939
|
type: HostBinding,
|
|
@@ -3016,7 +3025,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
3016
3025
|
'[class.sapphire-popover--padded]': '!noPadding',
|
|
3017
3026
|
'[class.sapphire-popover--max-width]': '!noMaxWidth',
|
|
3018
3027
|
role: 'presentation',
|
|
3019
|
-
}, hostDirectives: [ThemeCheckDirective, UseComponentStylesOnHost], template: "<!--\n NOTE: cdkTrapFocus is required for cdkTrapFocusAutoCapture to work, which would be similar to\n <FocusScope autoFocus /> in react-aria.\n\n It prevents focus from going out of popover by bringing it back to the first\n focusable element.\n\n We sometimes counter this in (cdkFocusChange) and sometimes don't, based on\n the \"trapFocus\" input.\n -->\n<div class=\"sapphire-popover__content\" role=\"presentation\">\n <!-- NOTE: the role-dialog wrapper is only needed for generic popovers.\n In use cases like Select, role=listbox doesn't need to be wrapped in the role=dialog element,\n and that's how it is in the React impl (role=dialog is rendered only when PopoverTrigger is used)\n We can consider allowing for no dialog wrapper for use cases like Select, but it requires\n some refactoring around the focus management directives.\n -->\n <div\n #contentWrapper\n [id]=\"ID\"\n role=\"dialog\"\n tabindex=\"-1\"\n cdkMonitorSubtreeFocus\n cdkTrapFocus\n [cdkTrapFocusAutoCapture]=\"!noAutoFocus\"\n class=\"dialog\"\n [attr.aria-labelledby]=\"title?.ID\"\n (cdkFocusChange)=\"_contentFocusChanged($event)\"\n >\n <ng-content></ng-content>\n </div>\n</div>\n", styles: ["@keyframes fade-in{0%{opacity:0}to{opacity:1}}.sapphire-popover{box-sizing:border-box;background-color:var(--sapphire-semantic-color-background-popover-default);box-shadow:var(--sapphire-semantic-shadow-popover);animation:fade-in var(--sapphire-semantic-time-fade-quick) ease-in-out;border-radius:var(--sapphire-semantic-size-radius-popover);overflow:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex}.sapphire-popover__content{flex-basis:100%}.sapphire-popover--padded{padding:var(--sapphire-semantic-size-spacing-container-horizontal-sm)}.sapphire-popover--max-width{max-width:var(--sapphire-global-size-generic-1120)}.dialog{outline:none;height:100%}\n"] }]
|
|
3028
|
+
}, hostDirectives: [ThemeCheckDirective, UseComponentStylesOnHost], standalone: false, template: "<!--\n NOTE: cdkTrapFocus is required for cdkTrapFocusAutoCapture to work, which would be similar to\n <FocusScope autoFocus /> in react-aria.\n\n It prevents focus from going out of popover by bringing it back to the first\n focusable element.\n\n We sometimes counter this in (cdkFocusChange) and sometimes don't, based on\n the \"trapFocus\" input.\n -->\n<div class=\"sapphire-popover__content\" role=\"presentation\">\n <!-- NOTE: the role-dialog wrapper is only needed for generic popovers.\n In use cases like Select, role=listbox doesn't need to be wrapped in the role=dialog element,\n and that's how it is in the React impl (role=dialog is rendered only when PopoverTrigger is used)\n We can consider allowing for no dialog wrapper for use cases like Select, but it requires\n some refactoring around the focus management directives.\n -->\n <div\n #contentWrapper\n [id]=\"ID\"\n role=\"dialog\"\n tabindex=\"-1\"\n cdkMonitorSubtreeFocus\n cdkTrapFocus\n [cdkTrapFocusAutoCapture]=\"!noAutoFocus\"\n class=\"dialog\"\n [attr.aria-labelledby]=\"title?.ID\"\n (cdkFocusChange)=\"_contentFocusChanged($event)\"\n >\n <ng-content></ng-content>\n </div>\n</div>\n", styles: ["@keyframes fade-in{0%{opacity:0}to{opacity:1}}.sapphire-popover{box-sizing:border-box;background-color:var(--sapphire-semantic-color-background-popover-default);box-shadow:var(--sapphire-semantic-shadow-popover);animation:fade-in var(--sapphire-semantic-time-fade-quick) ease-in-out;border-radius:var(--sapphire-semantic-size-radius-popover);overflow:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex}.sapphire-popover__content{flex-basis:100%}.sapphire-popover--padded{padding:var(--sapphire-semantic-size-spacing-container-horizontal-sm)}.sapphire-popover--max-width{max-width:var(--sapphire-global-size-generic-1120)}.dialog{outline:none;height:100%}\n"] }]
|
|
3020
3029
|
}], ctorParameters: function () { return [{ type: undefined, decorators: [{
|
|
3021
3030
|
type: Optional
|
|
3022
3031
|
}, {
|
|
@@ -3059,6 +3068,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
3059
3068
|
type: Directive,
|
|
3060
3069
|
args: [{
|
|
3061
3070
|
selector: 'button[spPopoverCloseButton]',
|
|
3071
|
+
standalone: false,
|
|
3062
3072
|
}]
|
|
3063
3073
|
}], ctorParameters: function () { return [{ type: undefined, decorators: [{
|
|
3064
3074
|
type: Optional
|
|
@@ -3222,6 +3232,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
3222
3232
|
'[attr.aria-invalid]': 'field?.hasError(this) ? true : null',
|
|
3223
3233
|
},
|
|
3224
3234
|
hostDirectives: [UseComponentStyles],
|
|
3235
|
+
standalone: false,
|
|
3225
3236
|
}]
|
|
3226
3237
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: FieldComponent, decorators: [{
|
|
3227
3238
|
type: Optional
|
|
@@ -3277,7 +3288,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
3277
3288
|
provide: FieldControl,
|
|
3278
3289
|
useExisting: forwardRef(() => TextFieldComponent),
|
|
3279
3290
|
},
|
|
3280
|
-
], hostDirectives: [ThemeCheckDirective, UseComponentStylesOnHost], template: "<ng-content\n select=\"sp-text-field-prefix\"\n *ngIf=\"!_inputDirective?.textarea\"\n></ng-content>\n<ng-content select=\"input\"></ng-content>\n<ng-content\n select=\"sp-text-field-postfix\"\n *ngIf=\"!_inputDirective?.textarea\"\n></ng-content>\n<ng-content select=\"textarea\"></ng-content>\n\n<span\n *ngIf=\"characterCounterMax !== undefined\"\n spFieldNoteSuffix\n class=\"sapphire-text-field__counter\"\n [class.sapphire-text-field__counter--error]=\"isCharacterCounterExceeded()\"\n >{{ _inputDirective?.valueLength }}/{{ characterCounterMax }}</span\n>\n", styles: [".sapphire-text-field{outline:solid var(--sapphire-semantic-size-border-sm) var(--sapphire-semantic-color-border-field-default);outline-offset:calc(0px - var(--sapphire-semantic-size-border-sm));box-sizing:border-box;overflow-x:hidden;display:flex;align-items:center;border-radius:var(--sapphire-semantic-size-radius-sm);cursor:text;color:var(--sapphire-semantic-color-content-default-primary);background-color:var(--sapphire-semantic-color-background-field-default);height:var(--sapphire-semantic-size-height-input-lg);font-family:var(--sapphire-semantic-font-name-default);font-size:var(--sapphire-semantic-size-font-control-default);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sapphire-text-field--md{height:var(--sapphire-semantic-size-height-input-md);font-size:var(--sapphire-semantic-size-font-control-md)}.sapphire-text-field__input{box-sizing:border-box;width:100%;height:100%;margin:0;padding:0 var(--sapphire-semantic-size-spacing-control-horizontal-lg);line-height:var(--sapphire-semantic-size-line-height-md);font-family:inherit;font-size:inherit;font-weight:var(--sapphire-semantic-font-weight-default-regular);caret-color:var(--sapphire-semantic-color-cursor-default);color:inherit;background-color:transparent;border:none;outline:none}.sapphire-text-field--md .sapphire-text-field__input{padding:0 var(--sapphire-semantic-size-spacing-control-horizontal-md)}.sapphire-text-field__input::placeholder{opacity:1;color:var(--sapphire-semantic-color-content-default-secondary)}.sapphire-text-field__input--align-right{text-align:right}.sapphire-text-field:not(.sapphire-text-field--multiline){gap:var(--sapphire-semantic-size-spacing-20)}.sapphire-text-field:has(.sapphire-text-field__prefix) .sapphire-text-field__input{padding-left:0}.sapphire-text-field .sapphire-text-field__prefix{color:var(--sapphire-semantic-color-content-default-primary);flex-shrink:0;z-index:1;margin-left:var(--sapphire-semantic-size-spacing-control-horizontal-lg)}.sapphire-text-field--md .sapphire-text-field__prefix{margin-left:var(--sapphire-semantic-size-spacing-control-horizontal-md)}.sapphire-text-field:has(.sapphire-text-field__postfix) .sapphire-text-field__input{padding-right:0}.sapphire-text-field .sapphire-text-field__postfix{color:var(--sapphire-semantic-color-content-default-primary);flex-shrink:0;z-index:1;margin-right:var(--sapphire-semantic-size-spacing-control-horizontal-lg)}.sapphire-text-field--md .sapphire-text-field__postfix{margin-right:var(--sapphire-semantic-size-spacing-control-horizontal-md)}.sapphire-text-field .sapphire-text-field__prefix--icon,.sapphire-text-field .sapphire-text-field__postfix--icon{width:var(--sapphire-semantic-size-icon-lg);height:var(--sapphire-semantic-size-icon-lg)}.sapphire-text-field--md .sapphire-text-field__prefix--icon,.sapphire-text-field--md .sapphire-text-field__postfix--icon{width:var(--sapphire-semantic-size-icon-md);height:var(--sapphire-semantic-size-icon-md)}.sapphire-text-field--multiline{display:block;line-height:0;height:unset;padding:0}.sapphire-text-field--multiline .sapphire-text-field__input{resize:none;width:100%;padding:var(--sapphire-semantic-size-spacing-control-vertical-lg) var(--sapphire-semantic-size-spacing-control-horizontal-lg);scroll-padding-bottom:var(--sapphire-semantic-size-spacing-control-vertical-lg)}.sapphire-text-field--md .sapphire-text-field--multiline .sapphire-text-field__input{padding:var(--sapphire-semantic-size-spacing-control-vertical-md) var(--sapphire-semantic-size-spacing-control-horizontal-md);scroll-padding-bottom:var(--sapphire-semantic-size-spacing-control-vertical-md)}.sapphire-text-field--multiline.sapphire-text-field--resizable .sapphire-text-field__input{resize:vertical}.sapphire-text-field__counter{color:var(--sapphire-semantic-color-content-default-secondary);padding-left:var(--sapphire-semantic-size-spacing-20);margin-left:auto}.sapphire-text-field__counter--error{color:var(--sapphire-semantic-color-content-negative-secondary-default)}.sapphire-text-field--error{outline:solid var(--sapphire-semantic-size-border-sm) var(--sapphire-semantic-color-border-field-error)}.sapphire-text-field.is-focus,.sapphire-text-field:focus-within{outline:solid var(--sapphire-semantic-size-focus-ring) var(--sapphire-semantic-color-focus-ring);outline-offset:calc(0px - var(--sapphire-semantic-size-focus-ring))}.sapphire-text-field.is-focus .sapphire-text-field__input:-webkit-autofill,.sapphire-text-field:focus-within .sapphire-text-field__input:-webkit-autofill{box-shadow:0 0 0 var(--sapphire-semantic-size-height-input-lg) inset var(--sapphire-semantic-color-background-surface)!important}.sapphire-text-field.is-focus .sapphire-text-field__input:autofill,.sapphire-text-field:focus-within .sapphire-text-field__input:autofill{box-shadow:0 0 0 var(--sapphire-semantic-size-height-input-lg) inset var(--sapphire-semantic-color-background-surface)!important}.sapphire-text-field__stepper{display:flex;flex-direction:column;justify-items:stretch;padding:var(--sapphire-semantic-size-spacing-5) calc(var(--sapphire-semantic-size-spacing-5) + var(--sapphire-semantic-size-border-sm));gap:var(--sapphire-semantic-size-spacing-5)}.sapphire-text-field:has(.sapphire-text-field__stepper) .sapphire-text-field__postfix{margin-right:0}.sapphire-text-field__stepper-button{display:flex;align-items:center;justify-content:center;width:var(--sapphire-semantic-size-icon-md);margin:0;padding:0;max-width:-moz-fit-content;max-width:fit-content;flex-shrink:0;border-radius:var(--sapphire-semantic-size-radius-sm);border-style:solid;border-width:0;border-color:transparent;transition-property:opacity,background-color,color;transition-duration:var(--sapphire-semantic-time-fade-quick);transition-timing-function:ease-in-out;cursor:pointer;background-color:var(--sapphire-semantic-color-background-action-tertiary-default);color:var(--sapphire-semantic-color-content-action-tertiary-default)}.sapphire-text-field__stepper-button:not(:active):not(.is-active):not(.js-hover):hover,.sapphire-text-field__stepper-button:not(:active):not(.is-active).is-hover{background-color:var(--sapphire-semantic-color-background-action-tertiary-hover);color:var(--sapphire-semantic-color-content-action-tertiary-hover)}.sapphire-text-field__stepper-button.is-active,.sapphire-text-field__stepper-button:active{background-color:var(--sapphire-semantic-color-background-action-tertiary-active);color:var(--sapphire-semantic-color-content-action-tertiary-active)}.sapphire-text-field--md.sapphire-text-field__stepper-button{width:var(--sapphire-semantic-size-icon-sm)}\n"] }]
|
|
3291
|
+
], hostDirectives: [ThemeCheckDirective, UseComponentStylesOnHost], standalone: false, template: "<ng-content\n select=\"sp-text-field-prefix\"\n *ngIf=\"!_inputDirective?.textarea\"\n></ng-content>\n<ng-content select=\"input\"></ng-content>\n<ng-content\n select=\"sp-text-field-postfix\"\n *ngIf=\"!_inputDirective?.textarea\"\n></ng-content>\n<ng-content select=\"textarea\"></ng-content>\n\n<span\n *ngIf=\"characterCounterMax !== undefined\"\n spFieldNoteSuffix\n class=\"sapphire-text-field__counter\"\n [class.sapphire-text-field__counter--error]=\"isCharacterCounterExceeded()\"\n >{{ _inputDirective?.valueLength }}/{{ characterCounterMax }}</span\n>\n", styles: [".sapphire-text-field{outline:solid var(--sapphire-semantic-size-border-sm) var(--sapphire-semantic-color-border-field-default);outline-offset:calc(0px - var(--sapphire-semantic-size-border-sm));box-sizing:border-box;overflow-x:hidden;display:flex;align-items:center;border-radius:var(--sapphire-semantic-size-radius-sm);cursor:text;color:var(--sapphire-semantic-color-content-default-primary);background-color:var(--sapphire-semantic-color-background-field-default);height:var(--sapphire-semantic-size-height-input-lg);font-family:var(--sapphire-semantic-font-name-default);font-size:var(--sapphire-semantic-size-font-control-default);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sapphire-text-field--md{height:var(--sapphire-semantic-size-height-input-md);font-size:var(--sapphire-semantic-size-font-control-md)}.sapphire-text-field__input{box-sizing:border-box;width:100%;height:100%;margin:0;padding:0 var(--sapphire-semantic-size-spacing-control-horizontal-lg);line-height:var(--sapphire-semantic-size-line-height-md);font-family:inherit;font-size:inherit;font-weight:var(--sapphire-semantic-font-weight-default-regular);caret-color:var(--sapphire-semantic-color-cursor-default);color:inherit;background-color:transparent;border:none;outline:none}.sapphire-text-field--md .sapphire-text-field__input{padding:0 var(--sapphire-semantic-size-spacing-control-horizontal-md)}.sapphire-text-field__input::placeholder{opacity:1;color:var(--sapphire-semantic-color-content-default-secondary)}.sapphire-text-field__input--align-right{text-align:right}.sapphire-text-field:not(.sapphire-text-field--multiline){gap:var(--sapphire-semantic-size-spacing-20)}.sapphire-text-field:has(.sapphire-text-field__prefix) .sapphire-text-field__input{padding-left:0}.sapphire-text-field .sapphire-text-field__prefix{color:var(--sapphire-semantic-color-content-default-primary);flex-shrink:0;z-index:1;margin-left:var(--sapphire-semantic-size-spacing-control-horizontal-lg)}.sapphire-text-field--md .sapphire-text-field__prefix{margin-left:var(--sapphire-semantic-size-spacing-control-horizontal-md)}.sapphire-text-field:has(.sapphire-text-field__postfix) .sapphire-text-field__input{padding-right:0}.sapphire-text-field .sapphire-text-field__postfix{color:var(--sapphire-semantic-color-content-default-primary);flex-shrink:0;z-index:1;margin-right:var(--sapphire-semantic-size-spacing-control-horizontal-lg)}.sapphire-text-field--md .sapphire-text-field__postfix{margin-right:var(--sapphire-semantic-size-spacing-control-horizontal-md)}.sapphire-text-field .sapphire-text-field__prefix--icon,.sapphire-text-field .sapphire-text-field__postfix--icon{width:var(--sapphire-semantic-size-icon-lg);height:var(--sapphire-semantic-size-icon-lg)}.sapphire-text-field--md .sapphire-text-field__prefix--icon,.sapphire-text-field--md .sapphire-text-field__postfix--icon{width:var(--sapphire-semantic-size-icon-md);height:var(--sapphire-semantic-size-icon-md)}.sapphire-text-field--multiline{display:block;line-height:0;height:unset;padding:0}.sapphire-text-field--multiline .sapphire-text-field__input{resize:none;width:100%;padding:var(--sapphire-semantic-size-spacing-control-vertical-lg) var(--sapphire-semantic-size-spacing-control-horizontal-lg);scroll-padding-bottom:var(--sapphire-semantic-size-spacing-control-vertical-lg)}.sapphire-text-field--md .sapphire-text-field--multiline .sapphire-text-field__input{padding:var(--sapphire-semantic-size-spacing-control-vertical-md) var(--sapphire-semantic-size-spacing-control-horizontal-md);scroll-padding-bottom:var(--sapphire-semantic-size-spacing-control-vertical-md)}.sapphire-text-field--multiline.sapphire-text-field--resizable .sapphire-text-field__input{resize:vertical}.sapphire-text-field__counter{color:var(--sapphire-semantic-color-content-default-secondary);padding-left:var(--sapphire-semantic-size-spacing-20);margin-left:auto}.sapphire-text-field__counter--error{color:var(--sapphire-semantic-color-content-negative-secondary-default)}.sapphire-text-field--error{outline:solid var(--sapphire-semantic-size-border-sm) var(--sapphire-semantic-color-border-field-error)}.sapphire-text-field.is-focus,.sapphire-text-field:focus-within{outline:solid var(--sapphire-semantic-size-focus-ring) var(--sapphire-semantic-color-focus-ring);outline-offset:calc(0px - var(--sapphire-semantic-size-focus-ring))}.sapphire-text-field.is-focus .sapphire-text-field__input:-webkit-autofill,.sapphire-text-field:focus-within .sapphire-text-field__input:-webkit-autofill{box-shadow:0 0 0 var(--sapphire-semantic-size-height-input-lg) inset var(--sapphire-semantic-color-background-surface)!important}.sapphire-text-field.is-focus .sapphire-text-field__input:autofill,.sapphire-text-field:focus-within .sapphire-text-field__input:autofill{box-shadow:0 0 0 var(--sapphire-semantic-size-height-input-lg) inset var(--sapphire-semantic-color-background-surface)!important}.sapphire-text-field__stepper{display:flex;flex-direction:column;justify-items:stretch;padding:var(--sapphire-semantic-size-spacing-5) calc(var(--sapphire-semantic-size-spacing-5) + var(--sapphire-semantic-size-border-sm));gap:var(--sapphire-semantic-size-spacing-5)}.sapphire-text-field:has(.sapphire-text-field__stepper) .sapphire-text-field__postfix{margin-right:0}.sapphire-text-field__stepper-button{display:flex;align-items:center;justify-content:center;width:var(--sapphire-semantic-size-icon-md);margin:0;padding:0;max-width:-moz-fit-content;max-width:fit-content;flex-shrink:0;border-radius:var(--sapphire-semantic-size-radius-sm);border-style:solid;border-width:0;border-color:transparent;transition-property:opacity,background-color,color;transition-duration:var(--sapphire-semantic-time-fade-quick);transition-timing-function:ease-in-out;cursor:pointer;background-color:var(--sapphire-semantic-color-background-action-tertiary-default);color:var(--sapphire-semantic-color-content-action-tertiary-default)}.sapphire-text-field__stepper-button:not(:active):not(.is-active):not(.js-hover):hover,.sapphire-text-field__stepper-button:not(:active):not(.is-active).is-hover{background-color:var(--sapphire-semantic-color-background-action-tertiary-hover);color:var(--sapphire-semantic-color-content-action-tertiary-hover)}.sapphire-text-field__stepper-button.is-active,.sapphire-text-field__stepper-button:active{background-color:var(--sapphire-semantic-color-background-action-tertiary-active);color:var(--sapphire-semantic-color-content-action-tertiary-active)}.sapphire-text-field--md.sapphire-text-field__stepper-button{width:var(--sapphire-semantic-size-icon-sm)}\n"] }]
|
|
3281
3292
|
}], ctorParameters: function () { return [{ type: FieldComponent, decorators: [{
|
|
3282
3293
|
type: Optional
|
|
3283
3294
|
}] }]; }, propDecorators: { characterCounterMax: [{
|
|
@@ -3312,6 +3323,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
3312
3323
|
'[class.sapphire-text-field__prefix--icon]': '!isTextNode()',
|
|
3313
3324
|
},
|
|
3314
3325
|
hostDirectives: [UseComponentStyles],
|
|
3326
|
+
standalone: false,
|
|
3315
3327
|
}]
|
|
3316
3328
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; } });
|
|
3317
3329
|
|
|
@@ -3334,6 +3346,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
3334
3346
|
'[class.sapphire-text-field__postfix--icon]': '!isTextNode()',
|
|
3335
3347
|
},
|
|
3336
3348
|
hostDirectives: [UseComponentStyles],
|
|
3349
|
+
standalone: false,
|
|
3337
3350
|
}]
|
|
3338
3351
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; } });
|
|
3339
3352
|
|
|
@@ -3395,6 +3408,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
3395
3408
|
host: {
|
|
3396
3409
|
'[rows]': 'enabled && minRows && minRows < 2 ? 1 : undefined',
|
|
3397
3410
|
},
|
|
3411
|
+
standalone: false,
|
|
3398
3412
|
}]
|
|
3399
3413
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { minRows: [{
|
|
3400
3414
|
type: Input,
|
|
@@ -3471,6 +3485,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
3471
3485
|
args: [{
|
|
3472
3486
|
selector: 'sp-option-icon',
|
|
3473
3487
|
template: '<ng-template cdkPortal><ng-content></ng-content></ng-template>',
|
|
3488
|
+
standalone: false,
|
|
3474
3489
|
}]
|
|
3475
3490
|
}], propDecorators: { contentPortal: [{
|
|
3476
3491
|
type: ViewChild,
|
|
@@ -3489,6 +3504,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
3489
3504
|
args: [{
|
|
3490
3505
|
selector: 'sp-option-secondary-text',
|
|
3491
3506
|
template: '<ng-template cdkPortal><ng-content></ng-content></ng-template>',
|
|
3507
|
+
standalone: false,
|
|
3492
3508
|
}]
|
|
3493
3509
|
}], propDecorators: { contentPortal: [{
|
|
3494
3510
|
type: ViewChild,
|
|
@@ -3513,6 +3529,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
3513
3529
|
args: [{
|
|
3514
3530
|
selector: 'sp-option-primary-text',
|
|
3515
3531
|
template: '<span #content><ng-content></ng-content></span>',
|
|
3532
|
+
standalone: false,
|
|
3516
3533
|
}]
|
|
3517
3534
|
}], propDecorators: { content: [{
|
|
3518
3535
|
type: ViewChild,
|
|
@@ -3558,6 +3575,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
3558
3575
|
{ provide: ListboxChild, useExisting: forwardRef(() => OptionComponent) },
|
|
3559
3576
|
],
|
|
3560
3577
|
selector: 'sp-option',
|
|
3578
|
+
standalone: false,
|
|
3561
3579
|
}]
|
|
3562
3580
|
}], propDecorators: { value: [{
|
|
3563
3581
|
type: Input
|
|
@@ -3604,6 +3622,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
3604
3622
|
useExisting: forwardRef(() => SectionDirective),
|
|
3605
3623
|
},
|
|
3606
3624
|
],
|
|
3625
|
+
standalone: false,
|
|
3607
3626
|
}]
|
|
3608
3627
|
}], propDecorators: { children: [{
|
|
3609
3628
|
type: ContentChildren,
|
|
@@ -3776,7 +3795,7 @@ class ListboxItemComponent {
|
|
|
3776
3795
|
}
|
|
3777
3796
|
}
|
|
3778
3797
|
ListboxItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ListboxItemComponent, deps: [{ token: PressedDirective }], target: i0.ɵɵFactoryTarget.Component });
|
|
3779
|
-
ListboxItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: ListboxItemComponent, selector: "li[sp-listbox-item]", inputs: { selected: "selected", focused: "focused", option: "option", size: "size" }, host: { properties: { "class.sapphire-listbox__item--selected": "selected", "class.is-disabled": "option.disabled" }, classAttribute: "sapphire-listbox__item" }, hostDirectives: [{ directive: UseComponentStyles }, { directive: PressedDirective }, { directive: FocusedDirective, inputs: ["spFocused", "focused"] }], ngImport: i0, template: "<div class=\"sapphire-listbox__content\" _spUseComponentStyles>\n <div\n class=\"sapphire-listbox__icon\"\n _spUseComponentStyles\n *ngIf=\"option.icon?.contentPortal
|
|
3798
|
+
ListboxItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: ListboxItemComponent, selector: "li[sp-listbox-item]", inputs: { selected: "selected", focused: "focused", option: "option", size: "size" }, host: { properties: { "class.sapphire-listbox__item--selected": "selected", "class.is-disabled": "option.disabled" }, classAttribute: "sapphire-listbox__item" }, hostDirectives: [{ directive: UseComponentStyles }, { directive: PressedDirective }, { directive: FocusedDirective, inputs: ["spFocused", "focused"] }], ngImport: i0, template: "<div class=\"sapphire-listbox__content\" _spUseComponentStyles>\n <div\n class=\"sapphire-listbox__icon\"\n _spUseComponentStyles\n *ngIf=\"option.icon?.contentPortal; let iconPortal\"\n >\n <ng-container *cdkPortalOutlet=\"iconPortal\"></ng-container>\n </div>\n <div class=\"sapphire-listbox__text-container\" _spUseComponentStyles>\n <div class=\"sapphire-listbox__primary-text\" _spUseComponentStyles>\n <ng-container *ngIf=\"option.primaryText\">\n <ng-container *cdkPortalOutlet=\"option.primaryText\"></ng-container>\n </ng-container>\n </div>\n <div\n class=\"sapphire-listbox__secondary-text\"\n _spUseComponentStyles\n *ngIf=\"option.secondaryText?.contentPortal; let secondaryTextPortal\"\n >\n <ng-container *cdkPortalOutlet=\"secondaryTextPortal\"></ng-container>\n </div>\n </div>\n <div class=\"sapphire-listbox__icon\" _spUseComponentStyles *ngIf=\"selected\">\n <sp-icon name=\"checkMark\"></sp-icon>\n </div>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconComponent, selector: "sp-icon", inputs: ["name", "size"] }, { kind: "directive", type: i1.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "directive", type: UseComponentStyles, selector: "[_spUseComponentStyles]" }] });
|
|
3780
3799
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ListboxItemComponent, decorators: [{
|
|
3781
3800
|
type: Component,
|
|
3782
3801
|
args: [{ selector: 'li[sp-listbox-item]', host: {
|
|
@@ -3790,7 +3809,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
3790
3809
|
directive: FocusedDirective,
|
|
3791
3810
|
inputs: ['spFocused: focused'],
|
|
3792
3811
|
},
|
|
3793
|
-
], template: "<div class=\"sapphire-listbox__content\" _spUseComponentStyles>\n <div\n class=\"sapphire-listbox__icon\"\n _spUseComponentStyles\n *ngIf=\"option.icon?.contentPortal
|
|
3812
|
+
], standalone: false, template: "<div class=\"sapphire-listbox__content\" _spUseComponentStyles>\n <div\n class=\"sapphire-listbox__icon\"\n _spUseComponentStyles\n *ngIf=\"option.icon?.contentPortal; let iconPortal\"\n >\n <ng-container *cdkPortalOutlet=\"iconPortal\"></ng-container>\n </div>\n <div class=\"sapphire-listbox__text-container\" _spUseComponentStyles>\n <div class=\"sapphire-listbox__primary-text\" _spUseComponentStyles>\n <ng-container *ngIf=\"option.primaryText\">\n <ng-container *cdkPortalOutlet=\"option.primaryText\"></ng-container>\n </ng-container>\n </div>\n <div\n class=\"sapphire-listbox__secondary-text\"\n _spUseComponentStyles\n *ngIf=\"option.secondaryText?.contentPortal; let secondaryTextPortal\"\n >\n <ng-container *cdkPortalOutlet=\"secondaryTextPortal\"></ng-container>\n </div>\n </div>\n <div class=\"sapphire-listbox__icon\" _spUseComponentStyles *ngIf=\"selected\">\n <sp-icon name=\"checkMark\"></sp-icon>\n </div>\n</div>\n" }]
|
|
3794
3813
|
}], ctorParameters: function () { return [{ type: PressedDirective }]; }, propDecorators: { selected: [{
|
|
3795
3814
|
type: Input
|
|
3796
3815
|
}], focused: [{
|
|
@@ -4024,7 +4043,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
4024
4043
|
], host: {
|
|
4025
4044
|
'[attr.aria-label]': 'null',
|
|
4026
4045
|
'[attr.aria-labelledby]': 'null',
|
|
4027
|
-
}, exportAs: 'spListbox', template: "<ul\n class=\"sapphire-listbox\"\n cdkListbox\n [id]=\"id || ''\"\n [cdkListboxCompareWith]=\"\"\n [cdkListboxMultiple]=\"!!multiple\"\n [cdkListboxDisabled]=\"!!disabled\"\n [cdkListboxNavigationWrapDisabled]=\"\n navigationWrapDisabled && !_forceEnableNavigationWrap\n \"\n [cdkListboxValue]=\"_validSelectedValues\"\n [cdkListboxUseActiveDescendant]=\"_shouldUseVirtualFocus()\"\n (cdkListboxValueChange)=\"_handleSelectionChange($event)\"\n (keydown.enter)=\"selected.emit($event)\"\n (keydown.space)=\"selected.emit($event)\"\n (mousedown)=\"_isConnectedToInput() && $event.preventDefault()\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-labelledby]=\"ariaLabelledBy\"\n [class.sapphire-listbox--md]=\"size === 'md'\"\n [class.sapphire-listbox--sm]=\"size === 'sm'\"\n>\n <ng-container *ngFor=\"let item of options; let last = last\">\n <ng-container *ngIf=\"_isSection(item)\">\n <li role=\"presentation\">\n <ul\n role=\"group\"\n class=\"sapphire-listbox__section\"\n [attr.aria-label]=\"item.ariaLabel\"\n >\n <li\n *ngFor=\"let option of item.children\"\n [cdkOption]=\"option.value\"\n [cdkOptionDisabled]=\"!!option.disabled\"\n [cdkOptionTypeaheadLabel]=\"option.label\"\n #cdkOption=\"cdkOption\"\n sp-listbox-item\n [option]=\"option\"\n [selected]=\"isSelected(option)\"\n [focused]=\"cdkOption.isActive()\"\n (click)=\"!(disabled || option.disabled) && selected.emit($event)\"\n [size]=\"size\"\n ></li>\n </ul>\n </li>\n <li\n *ngIf=\"!last\"\n role=\"separator\"\n class=\"sapphire-listbox__separator\"\n ></li>\n </ng-container>\n <li\n *ngIf=\"_isOption(item)\"\n [cdkOption]=\"item.value\"\n [cdkOptionDisabled]=\"!!item.disabled\"\n [cdkOptionTypeaheadLabel]=\"item.label\"\n #cdkOption=\"cdkOption\"\n sp-listbox-item\n [option]=\"item\"\n [selected]=\"isSelected(item)\"\n [focused]=\"cdkOption.isActive()\"\n (click)=\"!(disabled || item.disabled) && selected.emit($event)\"\n [size]=\"size\"\n ></li>\n </ng-container>\n</ul>\n", styles: [".sapphire-listbox{box-sizing:border-box;margin:0;position:relative;list-style:none;outline:none;font-family:var(--sapphire-semantic-font-name-default);padding:calc(var(--sapphire-semantic-size-spacing-10) - var(--sapphire-semantic-size-spacing-5)) 0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sapphire-listbox__item{display:flex;justify-content:space-between;align-items:center;padding:var(--sapphire-semantic-size-spacing-5) var(--sapphire-semantic-size-spacing-10);color:var(--sapphire-semantic-color-content-selection-unselected-default);outline:none;cursor:pointer;text-decoration:none;min-width:max-content}.sapphire-listbox__item--danger{color:var(--sapphire-semantic-color-content-action-danger-default)}.sapphire-listbox__item--selected{color:var(--sapphire-semantic-color-content-selection-selected-default)}.sapphire-listbox__item--selected .sapphire-listbox__content{background-color:var(--sapphire-semantic-color-background-selection-selected-default)}.sapphire-listbox__content{width:100%;max-width:calc(100vw - 2 * var(--sapphire-semantic-size-icon-lg));display:grid;grid-auto-flow:column;align-items:center;gap:var(--sapphire-semantic-size-spacing-30);grid-template-columns:auto 1fr var(--sapphire-semantic-size-icon-lg);padding:calc(var(--sapphire-semantic-size-spacing-30) - var(--sapphire-semantic-size-spacing-5)) var(--sapphire-semantic-size-spacing-30);border-radius:var(--sapphire-semantic-size-radius-sm);transition-property:opacity,background-color,color;transition-duration:var(--sapphire-semantic-time-fade-quick);transition-timing-function:ease-in-out;min-height:var(--sapphire-semantic-size-height-control-xs)}.sapphire-listbox--md .sapphire-listbox__content{gap:var(--sapphire-semantic-size-spacing-25);grid-template-columns:auto 1fr var(--sapphire-semantic-size-icon-md);padding:calc(var(--sapphire-semantic-size-spacing-20) - var(--sapphire-semantic-size-spacing-5)) var(--sapphire-semantic-size-spacing-25)}.sapphire-listbox--sm .sapphire-listbox__content{gap:var(--sapphire-semantic-size-spacing-20);grid-template-columns:auto 1fr var(--sapphire-semantic-size-icon-sm);padding:calc(var(--sapphire-semantic-size-spacing-10) - var(--sapphire-semantic-size-spacing-5)) var(--sapphire-semantic-size-spacing-20)}.sapphire-listbox__icon{line-height:0}.sapphire-listbox__text-container{line-height:var(--sapphire-semantic-size-line-height-md)}.sapphire-listbox__text-container:first-child{grid-column:span 2}.sapphire-listbox__primary-text{font-weight:var(--sapphire-semantic-font-weight-default-semibold);font-size:var(--sapphire-semantic-size-font-text-lg)}.sapphire-listbox__secondary-text{font-weight:var(--sapphire-semantic-font-weight-default-regular);font-size:var(--sapphire-semantic-size-font-text-md)}.sapphire-listbox--md .sapphire-listbox__primary-text{font-size:var(--sapphire-semantic-size-font-text-md)}.sapphire-listbox--sm .sapphire-listbox__primary-text,.sapphire-listbox--md .sapphire-listbox__secondary-text,.sapphire-listbox--sm .sapphire-listbox__secondary-text{font-size:var(--sapphire-semantic-size-font-text-sm)}.sapphire-listbox__item:not(.sapphire-listbox__item--danger):not(.sapphire-listbox__item--selected) .sapphire-listbox__secondary-text{color:var(--sapphire-semantic-color-content-default-secondary)}.sapphire-listbox__item.is-disabled{opacity:var(--sapphire-semantic-opacity-disabled);cursor:not-allowed}.sapphire-listbox__section{padding:0;list-style:none}.sapphire-listbox__section-header{font-size:var(--sapphire-semantic-size-font-text-md);color:var(--sapphire-semantic-color-content-default-secondary);padding:var(--sapphire-semantic-size-spacing-30) var(--sapphire-semantic-size-spacing-40) var(--sapphire-semantic-size-spacing-20) var(--sapphire-semantic-size-spacing-40)}.sapphire-listbox--md .sapphire-listbox__section-header{font-size:var(--sapphire-semantic-size-font-text-sm);padding:var(--sapphire-semantic-size-spacing-25) var(--sapphire-global-size-generic-35) var(--sapphire-global-size-generic-15) var(--sapphire-global-size-generic-35)}.sapphire-listbox--sm .sapphire-listbox__section-header{font-size:var(--sapphire-semantic-size-font-text-sm);padding:var(--sapphire-semantic-size-spacing-20) var(--sapphire-semantic-size-spacing-30) var(--sapphire-semantic-size-spacing-10) var(--sapphire-semantic-size-spacing-30)}.sapphire-listbox__separator{height:var(--sapphire-semantic-size-border-sm);width:100%;background:var(--sapphire-semantic-color-border-separator-default);margin-top:calc(var(--sapphire-semantic-size-spacing-10) - var(--sapphire-semantic-size-spacing-5));margin-bottom:calc(var(--sapphire-semantic-size-spacing-10) - var(--sapphire-semantic-size-spacing-5))}.sapphire-listbox__item:not(.is-disabled).is-focus .sapphire-listbox__content,.sapphire-listbox__item:not(.is-disabled):not(.js-focus):focus-visible .sapphire-listbox__content{box-shadow:0 0 0 var(--sapphire-semantic-size-focus-ring) var(--sapphire-semantic-color-focus-ring)}.sapphire-listbox__item:not(.is-disabled).is-hover:not(.is-active) .sapphire-listbox__content,.sapphire-listbox__item:not(.is-disabled):not(.js-hover):not(.is-active):hover .sapphire-listbox__content{color:var(--sapphire-semantic-color-content-selection-unselected-hover);background-color:var(--sapphire-semantic-color-background-selection-unselected-hover)}.sapphire-listbox__item--danger:not(.is-disabled):not(.is-active).is-hover .sapphire-listbox__content,.sapphire-listbox__item--danger:not(.is-disabled):not(.js-hover):not(.is-active):hover .sapphire-listbox__content{color:var(--sapphire-semantic-color-content-action-danger-default);background-color:var(--sapphire-semantic-color-background-action-danger-default)}.sapphire-listbox__item--selected:not(.is-disabled):not(.is-active).is-hover .sapphire-listbox__content,.sapphire-listbox__item--selected:not(.is-disabled):not(.is-active):not(.js-hover):hover .sapphire-listbox__content{color:var(--sapphire-semantic-color-content-selection-selected-hover);background-color:var(--sapphire-semantic-color-background-selection-selected-hover)}.sapphire-listbox__item:not(.is-disabled).is-active .sapphire-listbox__content{color:var(--sapphire-semantic-color-content-selection-unselected-active);background-color:var(--sapphire-semantic-color-background-selection-unselected-active)}.sapphire-listbox__item--danger:not(.is-disabled).is-active .sapphire-listbox__content{color:var(--sapphire-semantic-color-content-action-danger-active);background-color:var(--sapphire-semantic-color-background-action-danger-hover)}.sapphire-listbox__item--selected:not(.is-disabled).is-active .sapphire-listbox__content{color:var(--sapphire-semantic-color-content-selection-selected-active);background-color:var(--sapphire-semantic-color-background-selection-selected-active)}:host{display:block}\n"] }]
|
|
4046
|
+
}, exportAs: 'spListbox', standalone: false, template: "<ul\n class=\"sapphire-listbox\"\n cdkListbox\n [id]=\"id || ''\"\n [cdkListboxCompareWith]=\"\"\n [cdkListboxMultiple]=\"!!multiple\"\n [cdkListboxDisabled]=\"!!disabled\"\n [cdkListboxNavigationWrapDisabled]=\"\n navigationWrapDisabled && !_forceEnableNavigationWrap\n \"\n [cdkListboxValue]=\"_validSelectedValues\"\n [cdkListboxUseActiveDescendant]=\"_shouldUseVirtualFocus()\"\n (cdkListboxValueChange)=\"_handleSelectionChange($event)\"\n (keydown.enter)=\"selected.emit($event)\"\n (keydown.space)=\"selected.emit($event)\"\n (mousedown)=\"_isConnectedToInput() && $event.preventDefault()\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-labelledby]=\"ariaLabelledBy\"\n [class.sapphire-listbox--md]=\"size === 'md'\"\n [class.sapphire-listbox--sm]=\"size === 'sm'\"\n>\n <ng-container *ngFor=\"let item of options; let last = last\">\n <ng-container *ngIf=\"_isSection(item)\">\n <li role=\"presentation\">\n <ul\n role=\"group\"\n class=\"sapphire-listbox__section\"\n [attr.aria-label]=\"item.ariaLabel\"\n >\n <li\n *ngFor=\"let option of item.children\"\n [cdkOption]=\"option.value\"\n [cdkOptionDisabled]=\"!!option.disabled\"\n [cdkOptionTypeaheadLabel]=\"option.label\"\n #cdkOption=\"cdkOption\"\n sp-listbox-item\n [option]=\"option\"\n [selected]=\"isSelected(option)\"\n [focused]=\"cdkOption.isActive()\"\n (click)=\"!(disabled || option.disabled) && selected.emit($event)\"\n [size]=\"size\"\n ></li>\n </ul>\n </li>\n <li\n *ngIf=\"!last\"\n role=\"separator\"\n class=\"sapphire-listbox__separator\"\n ></li>\n </ng-container>\n <li\n *ngIf=\"_isOption(item)\"\n [cdkOption]=\"item.value\"\n [cdkOptionDisabled]=\"!!item.disabled\"\n [cdkOptionTypeaheadLabel]=\"item.label\"\n #cdkOption=\"cdkOption\"\n sp-listbox-item\n [option]=\"item\"\n [selected]=\"isSelected(item)\"\n [focused]=\"cdkOption.isActive()\"\n (click)=\"!(disabled || item.disabled) && selected.emit($event)\"\n [size]=\"size\"\n ></li>\n </ng-container>\n</ul>\n", styles: [".sapphire-listbox{box-sizing:border-box;margin:0;position:relative;list-style:none;outline:none;font-family:var(--sapphire-semantic-font-name-default);padding:calc(var(--sapphire-semantic-size-spacing-10) - var(--sapphire-semantic-size-spacing-5)) 0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sapphire-listbox__item{display:flex;justify-content:space-between;align-items:center;padding:var(--sapphire-semantic-size-spacing-5) var(--sapphire-semantic-size-spacing-10);color:var(--sapphire-semantic-color-content-selection-unselected-default);outline:none;cursor:pointer;text-decoration:none;min-width:max-content}.sapphire-listbox__item--danger{color:var(--sapphire-semantic-color-content-action-danger-default)}.sapphire-listbox__item--selected{color:var(--sapphire-semantic-color-content-selection-selected-default)}.sapphire-listbox__item--selected .sapphire-listbox__content{background-color:var(--sapphire-semantic-color-background-selection-selected-default)}.sapphire-listbox__content{width:100%;max-width:calc(100vw - 2 * var(--sapphire-semantic-size-icon-lg));display:grid;grid-auto-flow:column;align-items:center;gap:var(--sapphire-semantic-size-spacing-30);grid-template-columns:auto 1fr var(--sapphire-semantic-size-icon-lg);padding:calc(var(--sapphire-semantic-size-spacing-30) - var(--sapphire-semantic-size-spacing-5)) var(--sapphire-semantic-size-spacing-30);border-radius:var(--sapphire-semantic-size-radius-sm);transition-property:opacity,background-color,color;transition-duration:var(--sapphire-semantic-time-fade-quick);transition-timing-function:ease-in-out;min-height:var(--sapphire-semantic-size-height-control-xs)}.sapphire-listbox--md .sapphire-listbox__content{gap:var(--sapphire-semantic-size-spacing-25);grid-template-columns:auto 1fr var(--sapphire-semantic-size-icon-md);padding:calc(var(--sapphire-semantic-size-spacing-20) - var(--sapphire-semantic-size-spacing-5)) var(--sapphire-semantic-size-spacing-25)}.sapphire-listbox--sm .sapphire-listbox__content{gap:var(--sapphire-semantic-size-spacing-20);grid-template-columns:auto 1fr var(--sapphire-semantic-size-icon-sm);padding:calc(var(--sapphire-semantic-size-spacing-10) - var(--sapphire-semantic-size-spacing-5)) var(--sapphire-semantic-size-spacing-20)}.sapphire-listbox__icon{line-height:0}.sapphire-listbox__text-container{line-height:var(--sapphire-semantic-size-line-height-md)}.sapphire-listbox__text-container:first-child{grid-column:span 2}.sapphire-listbox__primary-text{font-weight:var(--sapphire-semantic-font-weight-default-semibold);font-size:var(--sapphire-semantic-size-font-text-lg)}.sapphire-listbox__secondary-text{font-weight:var(--sapphire-semantic-font-weight-default-regular);font-size:var(--sapphire-semantic-size-font-text-md)}.sapphire-listbox--md .sapphire-listbox__primary-text{font-size:var(--sapphire-semantic-size-font-text-md)}.sapphire-listbox--sm .sapphire-listbox__primary-text,.sapphire-listbox--md .sapphire-listbox__secondary-text,.sapphire-listbox--sm .sapphire-listbox__secondary-text{font-size:var(--sapphire-semantic-size-font-text-sm)}.sapphire-listbox__item:not(.sapphire-listbox__item--danger):not(.sapphire-listbox__item--selected) .sapphire-listbox__secondary-text{color:var(--sapphire-semantic-color-content-default-secondary)}.sapphire-listbox__item.is-disabled{opacity:var(--sapphire-semantic-opacity-disabled);cursor:not-allowed}.sapphire-listbox__section{padding:0;list-style:none}.sapphire-listbox__section-header{font-size:var(--sapphire-semantic-size-font-text-md);color:var(--sapphire-semantic-color-content-default-secondary);padding:var(--sapphire-semantic-size-spacing-30) var(--sapphire-semantic-size-spacing-40) var(--sapphire-semantic-size-spacing-20) var(--sapphire-semantic-size-spacing-40)}.sapphire-listbox--md .sapphire-listbox__section-header{font-size:var(--sapphire-semantic-size-font-text-sm);padding:var(--sapphire-semantic-size-spacing-25) var(--sapphire-global-size-generic-35) var(--sapphire-global-size-generic-15) var(--sapphire-global-size-generic-35)}.sapphire-listbox--sm .sapphire-listbox__section-header{font-size:var(--sapphire-semantic-size-font-text-sm);padding:var(--sapphire-semantic-size-spacing-20) var(--sapphire-semantic-size-spacing-30) var(--sapphire-semantic-size-spacing-10) var(--sapphire-semantic-size-spacing-30)}.sapphire-listbox__separator{height:var(--sapphire-semantic-size-border-sm);width:100%;background:var(--sapphire-semantic-color-border-separator-default);margin-top:calc(var(--sapphire-semantic-size-spacing-10) - var(--sapphire-semantic-size-spacing-5));margin-bottom:calc(var(--sapphire-semantic-size-spacing-10) - var(--sapphire-semantic-size-spacing-5))}.sapphire-listbox__item:not(.is-disabled).is-focus .sapphire-listbox__content,.sapphire-listbox__item:not(.is-disabled):not(.js-focus):focus-visible .sapphire-listbox__content{box-shadow:0 0 0 var(--sapphire-semantic-size-focus-ring) var(--sapphire-semantic-color-focus-ring)}.sapphire-listbox__item:not(.is-disabled).is-hover:not(.is-active) .sapphire-listbox__content,.sapphire-listbox__item:not(.is-disabled):not(.js-hover):not(.is-active):hover .sapphire-listbox__content{color:var(--sapphire-semantic-color-content-selection-unselected-hover);background-color:var(--sapphire-semantic-color-background-selection-unselected-hover)}.sapphire-listbox__item--danger:not(.is-disabled):not(.is-active).is-hover .sapphire-listbox__content,.sapphire-listbox__item--danger:not(.is-disabled):not(.js-hover):not(.is-active):hover .sapphire-listbox__content{color:var(--sapphire-semantic-color-content-action-danger-default);background-color:var(--sapphire-semantic-color-background-action-danger-default)}.sapphire-listbox__item--selected:not(.is-disabled):not(.is-active).is-hover .sapphire-listbox__content,.sapphire-listbox__item--selected:not(.is-disabled):not(.is-active):not(.js-hover):hover .sapphire-listbox__content{color:var(--sapphire-semantic-color-content-selection-selected-hover);background-color:var(--sapphire-semantic-color-background-selection-selected-hover)}.sapphire-listbox__item:not(.is-disabled).is-active .sapphire-listbox__content{color:var(--sapphire-semantic-color-content-selection-unselected-active);background-color:var(--sapphire-semantic-color-background-selection-unselected-active)}.sapphire-listbox__item--danger:not(.is-disabled).is-active .sapphire-listbox__content{color:var(--sapphire-semantic-color-content-action-danger-active);background-color:var(--sapphire-semantic-color-background-action-danger-hover)}.sapphire-listbox__item--selected:not(.is-disabled).is-active .sapphire-listbox__content{color:var(--sapphire-semantic-color-content-selection-selected-active);background-color:var(--sapphire-semantic-color-background-selection-selected-active)}:host{display:block}\n"] }]
|
|
4028
4047
|
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { selectedValues: [{
|
|
4029
4048
|
type: Input
|
|
4030
4049
|
}], selectedValuesChange: [{
|
|
@@ -4263,6 +4282,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
4263
4282
|
type: Directive,
|
|
4264
4283
|
args: [{
|
|
4265
4284
|
selector: 'sp-selection-text',
|
|
4285
|
+
standalone: false,
|
|
4266
4286
|
}]
|
|
4267
4287
|
}] });
|
|
4268
4288
|
|
|
@@ -4600,6 +4620,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
4600
4620
|
type: Directive,
|
|
4601
4621
|
args: [{
|
|
4602
4622
|
selector: 'sp-select[searchable]',
|
|
4623
|
+
standalone: false,
|
|
4603
4624
|
}]
|
|
4604
4625
|
}], propDecorators: { searchValue: [{
|
|
4605
4626
|
type: Input
|
|
@@ -4709,7 +4730,7 @@ HiddenSelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", ve
|
|
|
4709
4730
|
HiddenSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: HiddenSelectComponent, selector: "sp-hidden-select", ngImport: i0, template: "<ng-container *ngIf=\"_select._initialized\">\n <select\n *ngIf=\"_isMobile && !_select.multiple\"\n class=\"sapphire-select__native-select\"\n _spUseComponentStyles\n [disabled]=\"_select.disabled\"\n [attr.name]=\"_select.name\"\n [attr.autocomplete]=\"_select.autocomplete\"\n (change)=\"_onNativeSelectChange($event)\"\n >\n <option\n *ngFor=\"let option of _select.options\"\n [value]=\"option.value\"\n [disabled]=\"option.disabled\"\n [selected]=\"_select.listboxValue.includes(option.value)\"\n >\n {{ option.label }}\n </option>\n </select>\n <div\n *ngIf=\"!_isMobile || _select.multiple\"\n aria-hidden=\"true\"\n spVisuallyHidden\n >\n <input\n type=\"text\"\n style=\"font-size: 16px\"\n [disabled]=\"_select.disabled\"\n [tabIndex]=\"_select.isFocused() || _select.isOpen() ? -1 : 0\"\n (focus)=\"_select.focus('keyboard')\"\n />\n <label>\n {{ _select.getLabelText() }}\n <select\n [attr.size]=\"_select.multiple ? _select.options.length : null\"\n [disabled]=\"_select.disabled\"\n tabindex=\"-1\"\n [multiple]=\"_select.multiple\"\n (change)=\"_onNativeSelectChange($event)\"\n [attr.name]=\"_select.name\"\n [attr.autocomplete]=\"_select.autocomplete\"\n >\n <option\n *ngFor=\"let option of _select.options\"\n [value]=\"option.value\"\n [selected]=\"_select.listboxValue.includes(option.value)\"\n [disabled]=\"option.disabled\"\n >\n {{ option.label }}\n </option>\n </select>\n </label>\n </div>\n</ng-container>\n", dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: VisuallyHiddenDirective, selector: "[spVisuallyHidden]", inputs: ["spVisuallyHidden"] }, { kind: "directive", type: UseComponentStyles, selector: "[_spUseComponentStyles]" }] });
|
|
4710
4731
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: HiddenSelectComponent, decorators: [{
|
|
4711
4732
|
type: Component,
|
|
4712
|
-
args: [{ selector: 'sp-hidden-select', template: "<ng-container *ngIf=\"_select._initialized\">\n <select\n *ngIf=\"_isMobile && !_select.multiple\"\n class=\"sapphire-select__native-select\"\n _spUseComponentStyles\n [disabled]=\"_select.disabled\"\n [attr.name]=\"_select.name\"\n [attr.autocomplete]=\"_select.autocomplete\"\n (change)=\"_onNativeSelectChange($event)\"\n >\n <option\n *ngFor=\"let option of _select.options\"\n [value]=\"option.value\"\n [disabled]=\"option.disabled\"\n [selected]=\"_select.listboxValue.includes(option.value)\"\n >\n {{ option.label }}\n </option>\n </select>\n <div\n *ngIf=\"!_isMobile || _select.multiple\"\n aria-hidden=\"true\"\n spVisuallyHidden\n >\n <input\n type=\"text\"\n style=\"font-size: 16px\"\n [disabled]=\"_select.disabled\"\n [tabIndex]=\"_select.isFocused() || _select.isOpen() ? -1 : 0\"\n (focus)=\"_select.focus('keyboard')\"\n />\n <label>\n {{ _select.getLabelText() }}\n <select\n [attr.size]=\"_select.multiple ? _select.options.length : null\"\n [disabled]=\"_select.disabled\"\n tabindex=\"-1\"\n [multiple]=\"_select.multiple\"\n (change)=\"_onNativeSelectChange($event)\"\n [attr.name]=\"_select.name\"\n [attr.autocomplete]=\"_select.autocomplete\"\n >\n <option\n *ngFor=\"let option of _select.options\"\n [value]=\"option.value\"\n [selected]=\"_select.listboxValue.includes(option.value)\"\n [disabled]=\"option.disabled\"\n >\n {{ option.label }}\n </option>\n </select>\n </label>\n </div>\n</ng-container>\n" }]
|
|
4733
|
+
args: [{ selector: 'sp-hidden-select', standalone: false, template: "<ng-container *ngIf=\"_select._initialized\">\n <select\n *ngIf=\"_isMobile && !_select.multiple\"\n class=\"sapphire-select__native-select\"\n _spUseComponentStyles\n [disabled]=\"_select.disabled\"\n [attr.name]=\"_select.name\"\n [attr.autocomplete]=\"_select.autocomplete\"\n (change)=\"_onNativeSelectChange($event)\"\n >\n <option\n *ngFor=\"let option of _select.options\"\n [value]=\"option.value\"\n [disabled]=\"option.disabled\"\n [selected]=\"_select.listboxValue.includes(option.value)\"\n >\n {{ option.label }}\n </option>\n </select>\n <div\n *ngIf=\"!_isMobile || _select.multiple\"\n aria-hidden=\"true\"\n spVisuallyHidden\n >\n <input\n type=\"text\"\n style=\"font-size: 16px\"\n [disabled]=\"_select.disabled\"\n [tabIndex]=\"_select.isFocused() || _select.isOpen() ? -1 : 0\"\n (focus)=\"_select.focus('keyboard')\"\n />\n <label>\n {{ _select.getLabelText() }}\n <select\n [attr.size]=\"_select.multiple ? _select.options.length : null\"\n [disabled]=\"_select.disabled\"\n tabindex=\"-1\"\n [multiple]=\"_select.multiple\"\n (change)=\"_onNativeSelectChange($event)\"\n [attr.name]=\"_select.name\"\n [attr.autocomplete]=\"_select.autocomplete\"\n >\n <option\n *ngFor=\"let option of _select.options\"\n [value]=\"option.value\"\n [selected]=\"_select.listboxValue.includes(option.value)\"\n [disabled]=\"option.disabled\"\n >\n {{ option.label }}\n </option>\n </select>\n </label>\n </div>\n</ng-container>\n" }]
|
|
4713
4734
|
}], ctorParameters: function () { return [{ type: SelectComponentBase }]; } });
|
|
4714
4735
|
|
|
4715
4736
|
/**
|
|
@@ -4735,6 +4756,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
4735
4756
|
useExisting: forwardRef(() => MultiSelectDirective),
|
|
4736
4757
|
},
|
|
4737
4758
|
],
|
|
4759
|
+
standalone: false,
|
|
4738
4760
|
}]
|
|
4739
4761
|
}] });
|
|
4740
4762
|
/**
|
|
@@ -4760,6 +4782,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
4760
4782
|
useExisting: forwardRef(() => SingleSelectDirective),
|
|
4761
4783
|
},
|
|
4762
4784
|
],
|
|
4785
|
+
standalone: false,
|
|
4763
4786
|
}]
|
|
4764
4787
|
}] });
|
|
4765
4788
|
/**
|
|
@@ -4832,7 +4855,7 @@ class SelectComponent extends SelectComponentBase {
|
|
|
4832
4855
|
}
|
|
4833
4856
|
ngOnDestroy() {
|
|
4834
4857
|
super.ngOnDestroy();
|
|
4835
|
-
this.destroyed.next();
|
|
4858
|
+
this.destroyed.next(undefined);
|
|
4836
4859
|
this.destroyed.complete();
|
|
4837
4860
|
}
|
|
4838
4861
|
_getAriaLabelledBy() {
|
|
@@ -5023,7 +5046,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
5023
5046
|
'[attr.aria-label]': 'null',
|
|
5024
5047
|
'[attr.aria-labelledby]': 'null',
|
|
5025
5048
|
'[attr.placeholder]': 'null',
|
|
5026
|
-
}, hostDirectives: [UseComponentStylesOnHost], template: "<sp-hidden-select></sp-hidden-select>\n<div\n role=\"button\"\n aria-haspopup=\"listbox\"\n class=\"sapphire-select__button\"\n [spPopoverTriggerFor]=\"popover\"\n [spPopoverTriggerDisabled]=\"disabled\"\n spPopoverTriggerOpenOnPressStart\n spPopoverTriggerCloseOnScroll\n spPopoverPlacement=\"bottom start\"\n #triggerElementRef\n #triggerRef=\"spPopoverTrigger\"\n (keydown)=\"handleKeyDown($event)\"\n (spPopoverTriggerClosed)=\"_onClose()\"\n (spPopoverTriggerOpened)=\"_onOpen()\"\n (focus)=\"_onFocus()\"\n cdkMonitorSubtreeFocus\n (cdkFocusChange)=\"_onFocusChange($event)\"\n [spPopoverNonModal]=\"searchable\"\n spPopoverDisablePushInsideViewport=\"true\"\n [id]=\"id\"\n [tabindex]=\"-1\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-labelledby]=\"_getAriaLabelledBy()\"\n [attr.aria-describedby]=\"_field?.error?.id || _field?.note?.id\"\n [attr.aria-invalid]=\"_field?.hasError(this) ? true : null\"\n>\n <div class=\"sapphire-select__value\" [id]=\"_valueContainerId\">\n <input\n *ngIf=\"searchable\"\n #searchInput\n tabindex=\"-1\"\n role=\"combobox\"\n class=\"sapphire-select__search-input\"\n [spListboxInput]=\"listbox\"\n [spVisuallyHidden]=\"!_isInputVisible()\"\n [attr.data-hidden]=\"!_isInputVisible()\"\n [placeholder]=\"placeholder || ''\"\n (keydown)=\"_onInputKeydown($event)\"\n (beforeinput)=\"open()\"\n [value]=\"_searchableSelectDirective?.searchValue\"\n (input)=\"_onSearchInput($event)\"\n />\n <ng-container *ngIf=\"!searchable || !_isInputVisible()\">\n <div\n *ngIf=\"selectedOptions.length === 0\"\n class=\"sapphire-select__placeholder\"\n >\n {{ placeholder }}\n </div>\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 </ng-container>\n </div>\n <div class=\"sapphire-select__icon-container\">\n <sp-icon name=\"chevronDown\"></sp-icon>\n </div>\n</div>\n<ng-template #popover>\n <sp-popover\n [style.display]=\"\n (filteredChildren$ | async)?.length === 0 ? 'none' : undefined\n \"\n noPadding\n noMaxWidth\n [style.min-width]=\"triggerElementRef.offsetWidth + 'px'\"\n >\n <sp-listbox\n [spListboxItems]=\"(filteredChildren$ | async) || undefined\"\n navigationWrapDisabled\n [multiple]=\"multiple\"\n [(selectedValues)]=\"listboxValue\"\n (selectedValuesChange)=\"_searchableSelectDirective?.setSearchValue('')\"\n (selected)=\"_handleSelected()\"\n [size]=\"_field?.size\"\n >\n </sp-listbox>\n </sp-popover>\n</ng-template>\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"] }]
|
|
5049
|
+
}, hostDirectives: [UseComponentStylesOnHost], standalone: false, template: "<sp-hidden-select></sp-hidden-select>\n<div\n role=\"button\"\n aria-haspopup=\"listbox\"\n class=\"sapphire-select__button\"\n [spPopoverTriggerFor]=\"popover\"\n [spPopoverTriggerDisabled]=\"disabled\"\n spPopoverTriggerOpenOnPressStart\n spPopoverTriggerCloseOnScroll\n spPopoverPlacement=\"bottom start\"\n #triggerElementRef\n #triggerRef=\"spPopoverTrigger\"\n (keydown)=\"handleKeyDown($event)\"\n (spPopoverTriggerClosed)=\"_onClose()\"\n (spPopoverTriggerOpened)=\"_onOpen()\"\n (focus)=\"_onFocus()\"\n cdkMonitorSubtreeFocus\n (cdkFocusChange)=\"_onFocusChange($event)\"\n [spPopoverNonModal]=\"searchable\"\n spPopoverDisablePushInsideViewport=\"true\"\n [id]=\"id\"\n [tabindex]=\"-1\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-labelledby]=\"_getAriaLabelledBy()\"\n [attr.aria-describedby]=\"_field?.error?.id || _field?.note?.id\"\n [attr.aria-invalid]=\"_field?.hasError(this) ? true : null\"\n>\n <div class=\"sapphire-select__value\" [id]=\"_valueContainerId\">\n <input\n *ngIf=\"searchable\"\n #searchInput\n tabindex=\"-1\"\n role=\"combobox\"\n class=\"sapphire-select__search-input\"\n [spListboxInput]=\"listbox\"\n [spVisuallyHidden]=\"!_isInputVisible()\"\n [attr.data-hidden]=\"!_isInputVisible()\"\n [placeholder]=\"placeholder || ''\"\n (keydown)=\"_onInputKeydown($event)\"\n (beforeinput)=\"open()\"\n [value]=\"_searchableSelectDirective?.searchValue\"\n (input)=\"_onSearchInput($event)\"\n />\n <ng-container *ngIf=\"!searchable || !_isInputVisible()\">\n <div\n *ngIf=\"selectedOptions.length === 0\"\n class=\"sapphire-select__placeholder\"\n >\n {{ placeholder }}\n </div>\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 </ng-container>\n </div>\n <div class=\"sapphire-select__icon-container\">\n <sp-icon name=\"chevronDown\"></sp-icon>\n </div>\n</div>\n<ng-template #popover>\n <sp-popover\n [style.display]=\"\n (filteredChildren$ | async)?.length === 0 ? 'none' : undefined\n \"\n noPadding\n noMaxWidth\n [style.min-width]=\"triggerElementRef.offsetWidth + 'px'\"\n >\n <sp-listbox\n [spListboxItems]=\"(filteredChildren$ | async) || undefined\"\n navigationWrapDisabled\n [multiple]=\"multiple\"\n [(selectedValues)]=\"listboxValue\"\n (selectedValuesChange)=\"_searchableSelectDirective?.setSearchValue('')\"\n (selected)=\"_handleSelected()\"\n [size]=\"_field?.size\"\n >\n </sp-listbox>\n </sp-popover>\n</ng-template>\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"] }]
|
|
5027
5050
|
}], ctorParameters: function () { return [{ type: SelectValueHolder }, { type: i2$2.FocusMonitor }, { type: i2$2.InputModalityDetector }, { type: FieldComponent, decorators: [{
|
|
5028
5051
|
type: Optional
|
|
5029
5052
|
}] }, { type: SearchableSelectDirective, decorators: [{
|
|
@@ -5065,6 +5088,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
5065
5088
|
useExisting: forwardRef(() => BasicSingleSelectDirective),
|
|
5066
5089
|
},
|
|
5067
5090
|
],
|
|
5091
|
+
standalone: false,
|
|
5068
5092
|
}]
|
|
5069
5093
|
}] });
|
|
5070
5094
|
/**
|
|
@@ -5141,7 +5165,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
5141
5165
|
], host: {
|
|
5142
5166
|
'[attr.aria-label]': 'null',
|
|
5143
5167
|
'[attr.aria-labelledby]': 'null',
|
|
5144
|
-
}, 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"] }]
|
|
5168
|
+
}, 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"] }]
|
|
5145
5169
|
}], ctorParameters: function () { return [{ type: SelectValueHolder }, { type: i2$2.FocusMonitor }]; }, propDecorators: { size: [{
|
|
5146
5170
|
type: Input
|
|
5147
5171
|
}], variant: [{
|
|
@@ -5366,7 +5390,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
5366
5390
|
// Angular specific styles that are needed due to extra dom elements added by angular
|
|
5367
5391
|
'[style.flex]': "'1 1 auto'",
|
|
5368
5392
|
'[style.display]': "'inline-flex'",
|
|
5369
|
-
}, template: "<button\n #button\n class=\"sapphire-segmented-control__button\"\n _spUseComponentStyles\n [class.sapphire-segmented-control__button--disabled]=\"disabled\"\n [class.sapphire-segmented-control__button--active]=\"isSelected()\"\n role=\"tab\"\n (click)=\"select()\"\n [id]=\"id\"\n [tabIndex]=\"getTabIndex()\"\n [attr.aria-disabled]=\"disabled\"\n>\n {{ label }}\n <ng-content select=\"sp-segmented-tab-label\"></ng-content>\n</button>\n<ng-template>\n <div\n class=\"sapphire-tab-panel\"\n role=\"tabpanel\"\n tabindex=\"0\"\n [id]=\"id + '-panel'\"\n [attr.aria-labelledby]=\"id\"\n >\n <ng-content select=\"sp-segmented-tab-content\"></ng-content>\n </div>\n</ng-template>\n", styles: [".sapphire-tabs-scroll-container{-ms-overflow-style:none;scrollbar-width:none;overflow-x:scroll;overflow-y:hidden;white-space:nowrap;position:relative;scroll-padding:0 calc(2 * var(--sapphire-global-size-generic-100) + 1px);min-width:0;flex:1;overscroll-behavior-x:contain}.sapphire-tabs-scroll-container::-webkit-scrollbar{display:none}.sapphire-tabs-overflow-arrows{display:flex;align-items:center;min-width:0;flex:1;position:relative}.sapphire-tabs-overflow-arrows--inline{display:inline-flex}.sapphire-tabs-overflow-arrows__arrow{position:absolute;z-index:10;pointer-events:none}.sapphire-tabs-overflow-arrows__arrow--left{left:0;padding-right:var(--sapphire-global-size-generic-100);background:linear-gradient(90deg,var(--sapphire-global-color-neutral-white) 0%,var(--sapphire-global-color-neutral-white) 40%,var(--sapphire-global-color-neutral-transparent) 100%)}.sapphire-tabs-overflow-arrows__arrow--right{right:0;padding-left:var(--sapphire-global-size-generic-100);background:linear-gradient(90deg,var(--sapphire-global-color-neutral-transparent) 0%,var(--sapphire-global-color-neutral-white) 60%,var(--sapphire-global-color-neutral-white) 100%)}.sapphire-tabs{display:inline-flex;box-sizing:border-box;height:var(--sapphire-semantic-size-height-control-lg);gap:var(--sapphire-semantic-size-spacing-40);overflow:hidden;position:relative;min-width:100%;flex:1;padding:0 var(--sapphire-semantic-size-focus-ring)}.sapphire-tabs--align-left{justify-content:start}.sapphire-tabs--align-center{justify-content:center}.sapphire-tabs--align-right{justify-content:end}.sapphire-tabs:after{content:\"\";display:block;position:absolute;bottom:0;width:100%;height:var(--sapphire-semantic-size-border-md);background-color:var(--sapphire-semantic-color-border-separator-default);border-radius:var(--sapphire-semantic-size-border-md)}.sapphire-tabs--no-border:after{display:none}.sapphire-tabs__tab{display:flex;align-items:center;position:relative;font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-regular);font-size:var(--sapphire-semantic-size-font-control-md);text-decoration:none;background:none;color:var(--sapphire-semantic-color-content-default-primary);box-sizing:border-box;white-space:nowrap;border-width:0;padding:0;margin:var(--sapphire-semantic-size-focus-ring) 0 var(--sapphire-semantic-size-focus-ring) 0;cursor:pointer;outline:none;border-radius:var(--sapphire-semantic-size-radius-sm);z-index:1}.sapphire-tabs__tab:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-tabs__tab:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{color:var(--sapphire-semantic-color-content-action-secondary-default)}.sapphire-tabs__tab.js-focus.is-focus,.sapphire-tabs__tab:not(.js-focus):focus-visible{outline:var(--sapphire-semantic-size-focus-ring) solid var(--sapphire-semantic-color-focus-ring)}.sapphire-tabs__tab:disabled,.sapphire-tabs__tab.is-disabled{cursor:not-allowed}.sapphire-tabs__tab:disabled .sapphire-tabs__label,.sapphire-tabs__tab.is-disabled .sapphire-tabs__label{opacity:var(--sapphire-semantic-opacity-disabled)}.sapphire-tabs__label{padding:0 1px}.sapphire-tabs__tab--active{color:var(--sapphire-semantic-color-content-action-secondary-default)}.sapphire-tabs__tab--active.js-focus:not(.is-focus):after,.sapphire-tabs__tab--active:not(.js-focus):not(:focus-visible):after{content:\"\";display:block;position:absolute;bottom:calc(-1 * var(--sapphire-semantic-size-focus-ring));width:100%;height:var(--sapphire-semantic-size-border-md);background-color:var(--sapphire-semantic-color-content-action-secondary-default);border-radius:var(--sapphire-semantic-size-border-md)}.sapphire-tabs--sm{height:var(--sapphire-semantic-size-height-control-md);gap:var(--sapphire-semantic-size-spacing-40)}.sapphire-tabs--sm .sapphire-tabs__tab{font-size:var(--sapphire-semantic-size-font-control-sm)}.sapphire-tabs--lg{height:var(--sapphire-semantic-size-height-control-xl);gap:var(--sapphire-semantic-size-spacing-50)}.sapphire-tabs--lg .sapphire-tabs__tab{font-size:var(--sapphire-semantic-size-font-control-default)}.sapphire-tab-panel{min-height:0;flex-grow:1}.sapphire-tab-panel.js-focus.is-focus,.sapphire-tab-panel:not(.js-focus):focus-visible{outline:var(--sapphire-semantic-size-focus-ring) solid var(--sapphire-semantic-color-focus-ring);outline-offset:var(--sapphire-semantic-size-focus-ring)}\n"] }]
|
|
5393
|
+
}, standalone: false, template: "<button\n #button\n class=\"sapphire-segmented-control__button\"\n _spUseComponentStyles\n [class.sapphire-segmented-control__button--disabled]=\"disabled\"\n [class.sapphire-segmented-control__button--active]=\"isSelected()\"\n role=\"tab\"\n (click)=\"select()\"\n [id]=\"id\"\n [tabIndex]=\"getTabIndex()\"\n [attr.aria-disabled]=\"disabled\"\n>\n {{ label }}\n <ng-content select=\"sp-segmented-tab-label\"></ng-content>\n</button>\n<ng-template>\n <div\n class=\"sapphire-tab-panel\"\n role=\"tabpanel\"\n tabindex=\"0\"\n [id]=\"id + '-panel'\"\n [attr.aria-labelledby]=\"id\"\n >\n <ng-content select=\"sp-segmented-tab-content\"></ng-content>\n </div>\n</ng-template>\n", styles: [".sapphire-tabs-scroll-container{-ms-overflow-style:none;scrollbar-width:none;overflow-x:scroll;overflow-y:hidden;white-space:nowrap;position:relative;scroll-padding:0 calc(2 * var(--sapphire-global-size-generic-100) + 1px);min-width:0;flex:1;overscroll-behavior-x:contain}.sapphire-tabs-scroll-container::-webkit-scrollbar{display:none}.sapphire-tabs-overflow-arrows{display:flex;align-items:center;min-width:0;flex:1;position:relative}.sapphire-tabs-overflow-arrows--inline{display:inline-flex}.sapphire-tabs-overflow-arrows__arrow{position:absolute;z-index:10;pointer-events:none}.sapphire-tabs-overflow-arrows__arrow--left{left:0;padding-right:var(--sapphire-global-size-generic-100);background:linear-gradient(90deg,var(--sapphire-global-color-neutral-white) 0%,var(--sapphire-global-color-neutral-white) 40%,var(--sapphire-global-color-neutral-transparent) 100%)}.sapphire-tabs-overflow-arrows__arrow--right{right:0;padding-left:var(--sapphire-global-size-generic-100);background:linear-gradient(90deg,var(--sapphire-global-color-neutral-transparent) 0%,var(--sapphire-global-color-neutral-white) 60%,var(--sapphire-global-color-neutral-white) 100%)}.sapphire-tabs{display:inline-flex;box-sizing:border-box;height:var(--sapphire-semantic-size-height-control-lg);gap:var(--sapphire-semantic-size-spacing-40);overflow:hidden;position:relative;min-width:100%;flex:1;padding:0 var(--sapphire-semantic-size-focus-ring)}.sapphire-tabs--align-left{justify-content:start}.sapphire-tabs--align-center{justify-content:center}.sapphire-tabs--align-right{justify-content:end}.sapphire-tabs:after{content:\"\";display:block;position:absolute;bottom:0;width:100%;height:var(--sapphire-semantic-size-border-md);background-color:var(--sapphire-semantic-color-border-separator-default);border-radius:var(--sapphire-semantic-size-border-md)}.sapphire-tabs--no-border:after{display:none}.sapphire-tabs__tab{display:flex;align-items:center;position:relative;font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-regular);font-size:var(--sapphire-semantic-size-font-control-md);text-decoration:none;background:none;color:var(--sapphire-semantic-color-content-default-primary);box-sizing:border-box;white-space:nowrap;border-width:0;padding:0;margin:var(--sapphire-semantic-size-focus-ring) 0 var(--sapphire-semantic-size-focus-ring) 0;cursor:pointer;outline:none;border-radius:var(--sapphire-semantic-size-radius-sm);z-index:1}.sapphire-tabs__tab:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-tabs__tab:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{color:var(--sapphire-semantic-color-content-action-secondary-default)}.sapphire-tabs__tab.js-focus.is-focus,.sapphire-tabs__tab:not(.js-focus):focus-visible{outline:var(--sapphire-semantic-size-focus-ring) solid var(--sapphire-semantic-color-focus-ring)}.sapphire-tabs__tab:disabled,.sapphire-tabs__tab.is-disabled{cursor:not-allowed}.sapphire-tabs__tab:disabled .sapphire-tabs__label,.sapphire-tabs__tab.is-disabled .sapphire-tabs__label{opacity:var(--sapphire-semantic-opacity-disabled)}.sapphire-tabs__label{padding:0 1px}.sapphire-tabs__tab--active{color:var(--sapphire-semantic-color-content-action-secondary-default)}.sapphire-tabs__tab--active.js-focus:not(.is-focus):after,.sapphire-tabs__tab--active:not(.js-focus):not(:focus-visible):after{content:\"\";display:block;position:absolute;bottom:calc(-1 * var(--sapphire-semantic-size-focus-ring));width:100%;height:var(--sapphire-semantic-size-border-md);background-color:var(--sapphire-semantic-color-content-action-secondary-default);border-radius:var(--sapphire-semantic-size-border-md)}.sapphire-tabs--sm{height:var(--sapphire-semantic-size-height-control-md);gap:var(--sapphire-semantic-size-spacing-40)}.sapphire-tabs--sm .sapphire-tabs__tab{font-size:var(--sapphire-semantic-size-font-control-sm)}.sapphire-tabs--lg{height:var(--sapphire-semantic-size-height-control-xl);gap:var(--sapphire-semantic-size-spacing-50)}.sapphire-tabs--lg .sapphire-tabs__tab{font-size:var(--sapphire-semantic-size-font-control-default)}.sapphire-tab-panel{min-height:0;flex-grow:1}.sapphire-tab-panel.js-focus.is-focus,.sapphire-tab-panel:not(.js-focus):focus-visible{outline:var(--sapphire-semantic-size-focus-ring) solid var(--sapphire-semantic-color-focus-ring);outline-offset:var(--sapphire-semantic-size-focus-ring)}\n"] }]
|
|
5370
5394
|
}], ctorParameters: function () { return [{ type: SegmentedTabsComponent, decorators: [{
|
|
5371
5395
|
type: Inject,
|
|
5372
5396
|
args: [forwardRef(() => SegmentedTabsComponent)]
|
|
@@ -5587,7 +5611,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
5587
5611
|
type: Component,
|
|
5588
5612
|
args: [{ selector: 'sp-segmented-tabs', providers: [ViewEncapsulationProvider], exportAs: 'spSegmentedTabs', host: {
|
|
5589
5613
|
'[attr.align]': 'null',
|
|
5590
|
-
}, template: "<div\n #segmentedControl\n class=\"sapphire-segmented-control\"\n [class.sapphire-segmented-control--lg]=\"size === 'lg'\"\n [class.sapphire-segmented-control--sm]=\"size === 'sm'\"\n [class.focus-visible]=\"_focusVisible\"\n [class.sapphire-segmented-control--manual-keyboard-activation]=\"\n keyboardActivation === 'manual'\n \"\n [ngClass]=\"\n align === 'stretch'\n ? 'sapphire-segmented-control--stretch'\n : 'sapphire-segmented-control--align-' + align\n \"\n>\n <div\n class=\"sapphire-segmented-control__button-container\"\n role=\"tablist\"\n aria-orientation=\"horizontal\"\n cdkMonitorSubtreeFocus\n (cdkFocusChange)=\"_onFocusChange($event)\"\n (keydown)=\"_onKeyDown($event)\"\n >\n <ng-content select=\"sp-segmented-tab\"></ng-content>\n <span\n [style.left]=\"_gliderStyles.left\"\n [style.width]=\"_gliderStyles.width\"\n [class.sapphire-segmented-control__glider--with-transition]=\"\n _animationEnabled\n \"\n class=\"sapphire-segmented-control__glider\"\n role=\"none\"\n ></span>\n </div>\n</div>\n<ng-container *ngTemplateOutlet=\"_getTabContentTemplate()\"></ng-container>\n", styles: [".sapphire-segmented-control{display:flex;height:var(--sapphire-semantic-size-height-control-md)}.sapphire-segmented-control--stretch .sapphire-segmented-control__button-container{width:100%}.sapphire-segmented-control--align-center{justify-content:center}.sapphire-segmented-control--align-right{justify-content:flex-end}.sapphire-segmented-control--align-left{justify-content:flex-start}.sapphire-segmented-control__button-container{display:inline-flex;position:relative;height:100%;background-color:var(--sapphire-semantic-color-background-control-special-secondary-default);border-radius:var(--sapphire-semantic-size-height-control-lg);padding:var(--sapphire-global-size-static-5);box-sizing:border-box}.sapphire-segmented-control__glider{position:absolute;top:var(--sapphire-global-size-static-5);left:0;height:calc(100% - var(--sapphire-global-size-static-5) * 2);display:block;background-color:var(--sapphire-semantic-color-background-control-special-primary-default);box-shadow:var(--sapphire-global-shadow-sm);box-sizing:border-box;z-index:1;border-radius:var(--sapphire-semantic-size-height-control-lg)}.sapphire-segmented-control__glider--with-transition{transition:width var(--sapphire-semantic-time-motion-quick) ease-in-out,left var(--sapphire-semantic-time-motion-quick) ease-in-out}.sapphire-segmented-control__button{font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-semibold);font-size:var(--sapphire-semantic-size-font-control-md);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex:1 1 auto;box-sizing:content-box;margin:0;border:0;height:100%;min-width:var(--sapphire-global-size-generic-120);padding:0 var(--sapphire-semantic-size-spacing-50);background-color:transparent;color:var(--sapphire-semantic-color-content-default-primary);cursor:pointer;outline:none;z-index:2;display:flex;align-items:center;justify-content:center;position:relative;transition:color var(--sapphire-semantic-time-motion-quick) ease-in-out}.sapphire-segmented-control__button--active{color:var(--sapphire-semantic-color-content-link-primary-default)}.sapphire-segmented-control__button--disabled{opacity:var(--sapphire-semantic-opacity-disabled);cursor:not-allowed}.sapphire-segmented-control.focus-visible:focus-within .sapphire-segmented-control__glider{outline:var(--sapphire-semantic-size-focus-ring) solid var(--sapphire-semantic-color-focus-ring)}.sapphire-segmented-control--manual-keyboard-activation.focus-visible .sapphire-segmented-control__glider{transition:none}.sapphire-segmented-control--manual-keyboard-activation.focus-visible .sapphire-segmented-control__button:focus{outline:var(--sapphire-semantic-size-focus-ring) solid var(--sapphire-semantic-color-focus-ring);border-radius:var(--sapphire-semantic-size-height-control-lg)}.sapphire-segmented-control.focus-visible:focus-within.sapphire-segmented-control--manual-keyboard-activation .sapphire-segmented-control__glider{outline:none}.sapphire-segmented-control--lg{height:var(--sapphire-semantic-size-height-control-lg)}.sapphire-segmented-control--lg .sapphire-segmented-control__button{font-size:var(--sapphire-semantic-size-font-control-default)}.sapphire-segmented-control--sm{height:var(--sapphire-semantic-size-height-control-sm)}.sapphire-segmented-control--sm .sapphire-segmented-control__button{font-size:var(--sapphire-semantic-size-font-control-sm)}.sapphire-segmented-control__radio-input{margin:0;overflow:visible;position:absolute;top:0;left:0;height:100%;width:100%;opacity:.0001;z-index:1;cursor:pointer}.sapphire-segmented-control__button--disabled .sapphire-segmented-control__radio-input{cursor:not-allowed}\n"] }]
|
|
5614
|
+
}, standalone: false, template: "<div\n #segmentedControl\n class=\"sapphire-segmented-control\"\n [class.sapphire-segmented-control--lg]=\"size === 'lg'\"\n [class.sapphire-segmented-control--sm]=\"size === 'sm'\"\n [class.focus-visible]=\"_focusVisible\"\n [class.sapphire-segmented-control--manual-keyboard-activation]=\"\n keyboardActivation === 'manual'\n \"\n [ngClass]=\"\n align === 'stretch'\n ? 'sapphire-segmented-control--stretch'\n : 'sapphire-segmented-control--align-' + align\n \"\n>\n <div\n class=\"sapphire-segmented-control__button-container\"\n role=\"tablist\"\n aria-orientation=\"horizontal\"\n cdkMonitorSubtreeFocus\n (cdkFocusChange)=\"_onFocusChange($event)\"\n (keydown)=\"_onKeyDown($event)\"\n >\n <ng-content select=\"sp-segmented-tab\"></ng-content>\n <span\n [style.left]=\"_gliderStyles.left\"\n [style.width]=\"_gliderStyles.width\"\n [class.sapphire-segmented-control__glider--with-transition]=\"\n _animationEnabled\n \"\n class=\"sapphire-segmented-control__glider\"\n role=\"none\"\n ></span>\n </div>\n</div>\n<ng-container *ngTemplateOutlet=\"_getTabContentTemplate()\"></ng-container>\n", styles: [".sapphire-segmented-control{display:flex;height:var(--sapphire-semantic-size-height-control-md)}.sapphire-segmented-control--stretch .sapphire-segmented-control__button-container{width:100%}.sapphire-segmented-control--align-center{justify-content:center}.sapphire-segmented-control--align-right{justify-content:flex-end}.sapphire-segmented-control--align-left{justify-content:flex-start}.sapphire-segmented-control__button-container{display:inline-flex;position:relative;height:100%;background-color:var(--sapphire-semantic-color-background-control-special-secondary-default);border-radius:var(--sapphire-semantic-size-height-control-lg);padding:var(--sapphire-global-size-static-5);box-sizing:border-box}.sapphire-segmented-control__glider{position:absolute;top:var(--sapphire-global-size-static-5);left:0;height:calc(100% - var(--sapphire-global-size-static-5) * 2);display:block;background-color:var(--sapphire-semantic-color-background-control-special-primary-default);box-shadow:var(--sapphire-global-shadow-sm);box-sizing:border-box;z-index:1;border-radius:var(--sapphire-semantic-size-height-control-lg)}.sapphire-segmented-control__glider--with-transition{transition:width var(--sapphire-semantic-time-motion-quick) ease-in-out,left var(--sapphire-semantic-time-motion-quick) ease-in-out}.sapphire-segmented-control__button{font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-semibold);font-size:var(--sapphire-semantic-size-font-control-md);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex:1 1 auto;box-sizing:content-box;margin:0;border:0;height:100%;min-width:var(--sapphire-global-size-generic-120);padding:0 var(--sapphire-semantic-size-spacing-50);background-color:transparent;color:var(--sapphire-semantic-color-content-default-primary);cursor:pointer;outline:none;z-index:2;display:flex;align-items:center;justify-content:center;position:relative;transition:color var(--sapphire-semantic-time-motion-quick) ease-in-out}.sapphire-segmented-control__button--active{color:var(--sapphire-semantic-color-content-link-primary-default)}.sapphire-segmented-control__button--disabled{opacity:var(--sapphire-semantic-opacity-disabled);cursor:not-allowed}.sapphire-segmented-control.focus-visible:focus-within .sapphire-segmented-control__glider{outline:var(--sapphire-semantic-size-focus-ring) solid var(--sapphire-semantic-color-focus-ring)}.sapphire-segmented-control--manual-keyboard-activation.focus-visible .sapphire-segmented-control__glider{transition:none}.sapphire-segmented-control--manual-keyboard-activation.focus-visible .sapphire-segmented-control__button:focus{outline:var(--sapphire-semantic-size-focus-ring) solid var(--sapphire-semantic-color-focus-ring);border-radius:var(--sapphire-semantic-size-height-control-lg)}.sapphire-segmented-control.focus-visible:focus-within.sapphire-segmented-control--manual-keyboard-activation .sapphire-segmented-control__glider{outline:none}.sapphire-segmented-control--lg{height:var(--sapphire-semantic-size-height-control-lg)}.sapphire-segmented-control--lg .sapphire-segmented-control__button{font-size:var(--sapphire-semantic-size-font-control-default)}.sapphire-segmented-control--sm{height:var(--sapphire-semantic-size-height-control-sm)}.sapphire-segmented-control--sm .sapphire-segmented-control__button{font-size:var(--sapphire-semantic-size-font-control-sm)}.sapphire-segmented-control__radio-input{margin:0;overflow:visible;position:absolute;top:0;left:0;height:100%;width:100%;opacity:.0001;z-index:1;cursor:pointer}.sapphire-segmented-control__button--disabled .sapphire-segmented-control__radio-input{cursor:not-allowed}\n"] }]
|
|
5591
5615
|
}], ctorParameters: function () { return [{ type: i0.NgZone }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { segmentedControl: [{
|
|
5592
5616
|
type: ViewChild,
|
|
5593
5617
|
args: ['segmentedControl']
|
|
@@ -5623,6 +5647,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
5623
5647
|
'[style.display]': '"flex"',
|
|
5624
5648
|
'[style.align-items]': '"center"',
|
|
5625
5649
|
},
|
|
5650
|
+
standalone: false,
|
|
5626
5651
|
}]
|
|
5627
5652
|
}], ctorParameters: function () { return []; } });
|
|
5628
5653
|
|
|
@@ -5636,6 +5661,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
5636
5661
|
type: Directive,
|
|
5637
5662
|
args: [{
|
|
5638
5663
|
selector: 'sp-segmented-tab-content',
|
|
5664
|
+
standalone: false,
|
|
5639
5665
|
}]
|
|
5640
5666
|
}], ctorParameters: function () { return []; } });
|
|
5641
5667
|
|
|
@@ -5694,6 +5720,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
5694
5720
|
type: Directive,
|
|
5695
5721
|
args: [{
|
|
5696
5722
|
selector: 'sp-table[spTableSort]',
|
|
5723
|
+
standalone: false,
|
|
5697
5724
|
}]
|
|
5698
5725
|
}], ctorParameters: function () { return []; }, propDecorators: { sortDescriptor: [{
|
|
5699
5726
|
type: Input,
|
|
@@ -5737,6 +5764,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
5737
5764
|
'[style.user-select]': '"none"',
|
|
5738
5765
|
'[attr.aria-sort]': 'isSorted() ? tableSort.sortDescriptor.direction : "none"',
|
|
5739
5766
|
},
|
|
5767
|
+
standalone: false,
|
|
5740
5768
|
}]
|
|
5741
5769
|
}], ctorParameters: function () { return [{ type: TableSortDirective }]; }, propDecorators: { sortHeader: [{
|
|
5742
5770
|
type: Input,
|
|
@@ -5774,7 +5802,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
5774
5802
|
</div>
|
|
5775
5803
|
</div>
|
|
5776
5804
|
</div>
|
|
5777
|
-
`, styles: ["@keyframes fade-in{0%{opacity:0}to{opacity:1}}.sapphire-tooltip{display:inline-block;box-shadow:var(--sapphire-semantic-shadow-popover);max-width:var(--sapphire-global-size-generic-750);border-radius:var(--sapphire-semantic-size-radius-sm);overflow-wrap:break-word;overflow:hidden;outline:none;animation:fade-in var(--sapphire-semantic-time-fade-quick) ease-in-out;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sapphire-tooltip__content{background-color:var(--sapphire-semantic-color-background-surface);color:var(--sapphire-semantic-color-content-default-primary);font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-regular);font-size:var(--sapphire-global-size-font-88);line-height:var(--sapphire-semantic-size-line-height-md);padding:var(--sapphire-semantic-size-spacing-10) var(--sapphire-semantic-size-spacing-20)}\n"] }]
|
|
5805
|
+
`, standalone: false, styles: ["@keyframes fade-in{0%{opacity:0}to{opacity:1}}.sapphire-tooltip{display:inline-block;box-shadow:var(--sapphire-semantic-shadow-popover);max-width:var(--sapphire-global-size-generic-750);border-radius:var(--sapphire-semantic-size-radius-sm);overflow-wrap:break-word;overflow:hidden;outline:none;animation:fade-in var(--sapphire-semantic-time-fade-quick) ease-in-out;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sapphire-tooltip__content{background-color:var(--sapphire-semantic-color-background-surface);color:var(--sapphire-semantic-color-content-default-primary);font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-regular);font-size:var(--sapphire-global-size-font-88);line-height:var(--sapphire-semantic-size-line-height-md);padding:var(--sapphire-semantic-size-spacing-10) var(--sapphire-semantic-size-spacing-20)}\n"] }]
|
|
5778
5806
|
}], ctorParameters: function () { return [{ type: TooltipDirective, decorators: [{
|
|
5779
5807
|
type: Inject,
|
|
5780
5808
|
args: [forwardRef(() => TooltipDirective)]
|
|
@@ -6167,7 +6195,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
6167
6195
|
'[class.sapphire-table__cell--alignCenter]': "align === 'center'",
|
|
6168
6196
|
'[class.sapphire-table__cell--alignRight]': "align === 'right'",
|
|
6169
6197
|
'[class.sapphire-table__selectionCell]': 'selectionCell',
|
|
6170
|
-
}, hostDirectives: [UseComponentStyles], template: "<div\n *ngIf=\"!selectionCell\"\n class=\"sapphire-table__headCell_container\"\n _spUseComponentStyles\n>\n <span *ngIf=\"tableSortHeader && align === 'right'\">\n <ng-container *ngTemplateOutlet=\"sortIcon\"></ng-container>\n </span>\n <span [spTruncatedWithTooltip]=\"cellOverflow === 'truncate'\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </span>\n <span *ngIf=\"tableSortHeader && align !== 'right'\">\n <ng-container *ngTemplateOutlet=\"sortIcon\"></ng-container>\n </span>\n</div>\n<ng-container *ngIf=\"selectionCell\"\n ><ng-container *ngTemplateOutlet=\"content\"></ng-container\n></ng-container>\n\n<ng-template #content><ng-content></ng-content></ng-template>\n\n<ng-template #sortIcon>\n <span\n *ngIf=\"tableSortHeader\"\n aria-hidden=\"true\"\n [class.sapphire-table-sortableIcon]=\"\n tableSortHeader.tableSort.sortDescriptor.column !==\n tableSortHeader.sortHeader\n \"\n [class.sapphire-table-sortedIcon]=\"\n tableSortHeader.tableSort.sortDescriptor.column ===\n tableSortHeader.sortHeader\n \"\n _spUseComponentStyles\n >\n <sp-icon\n [name]=\"\n tableSortHeader.tableSort.sortDescriptor.column ===\n tableSortHeader.sortHeader &&\n tableSortHeader.tableSort.sortDescriptor.direction === 'descending'\n ? 'caretDown'\n : 'caretUp'\n \"\n size=\"md\"\n ></sp-icon>\n </span>\n</ng-template>\n" }]
|
|
6198
|
+
}, hostDirectives: [UseComponentStyles], standalone: false, template: "<div\n *ngIf=\"!selectionCell\"\n class=\"sapphire-table__headCell_container\"\n _spUseComponentStyles\n>\n <span *ngIf=\"tableSortHeader && align === 'right'\">\n <ng-container *ngTemplateOutlet=\"sortIcon\"></ng-container>\n </span>\n <span [spTruncatedWithTooltip]=\"cellOverflow === 'truncate'\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </span>\n <span *ngIf=\"tableSortHeader && align !== 'right'\">\n <ng-container *ngTemplateOutlet=\"sortIcon\"></ng-container>\n </span>\n</div>\n<ng-container *ngIf=\"selectionCell\"\n ><ng-container *ngTemplateOutlet=\"content\"></ng-container\n></ng-container>\n\n<ng-template #content><ng-content></ng-content></ng-template>\n\n<ng-template #sortIcon>\n <span\n *ngIf=\"tableSortHeader\"\n aria-hidden=\"true\"\n [class.sapphire-table-sortableIcon]=\"\n tableSortHeader.tableSort.sortDescriptor.column !==\n tableSortHeader.sortHeader\n \"\n [class.sapphire-table-sortedIcon]=\"\n tableSortHeader.tableSort.sortDescriptor.column ===\n tableSortHeader.sortHeader\n \"\n _spUseComponentStyles\n >\n <sp-icon\n [name]=\"\n tableSortHeader.tableSort.sortDescriptor.column ===\n tableSortHeader.sortHeader &&\n tableSortHeader.tableSort.sortDescriptor.direction === 'descending'\n ? 'caretDown'\n : 'caretUp'\n \"\n size=\"md\"\n ></sp-icon>\n </span>\n</ng-template>\n" }]
|
|
6171
6199
|
}], ctorParameters: function () { return [{ type: TableComponent, decorators: [{
|
|
6172
6200
|
type: Inject,
|
|
6173
6201
|
args: [forwardRef(() => TableComponent)]
|
|
@@ -6276,6 +6304,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
6276
6304
|
'[class.sapphire-table__cell--alignRight]': "align === 'right'",
|
|
6277
6305
|
'[class.sapphire-table__selectionCell]': 'selectionCell',
|
|
6278
6306
|
},
|
|
6307
|
+
standalone: false,
|
|
6279
6308
|
}]
|
|
6280
6309
|
}], ctorParameters: function () { return [{ type: TableComponent, decorators: [{
|
|
6281
6310
|
type: Inject,
|
|
@@ -6317,6 +6346,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
6317
6346
|
class: 'sapphire-table__tfoot',
|
|
6318
6347
|
},
|
|
6319
6348
|
hostDirectives: [UseComponentStyles],
|
|
6349
|
+
standalone: false,
|
|
6320
6350
|
}]
|
|
6321
6351
|
}], ctorParameters: function () { return []; } });
|
|
6322
6352
|
|
|
@@ -6380,6 +6410,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
6380
6410
|
'[class.js-hover]': 'disabled||_footer',
|
|
6381
6411
|
},
|
|
6382
6412
|
hostDirectives: [UseComponentStyles],
|
|
6413
|
+
standalone: false,
|
|
6383
6414
|
}]
|
|
6384
6415
|
}], ctorParameters: function () { return [{ type: TableComponent, decorators: [{
|
|
6385
6416
|
type: Inject,
|
|
@@ -6421,6 +6452,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
6421
6452
|
'[class.sapphire-table__table--fixed-layout]': '_table.layout === "fixed"',
|
|
6422
6453
|
},
|
|
6423
6454
|
hostDirectives: [UseComponentStyles],
|
|
6455
|
+
standalone: false,
|
|
6424
6456
|
}]
|
|
6425
6457
|
}], ctorParameters: function () { return [{ type: TableComponent }]; } });
|
|
6426
6458
|
|
|
@@ -6455,7 +6487,7 @@ TableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version
|
|
|
6455
6487
|
<ng-container>
|
|
6456
6488
|
<ng-content select="table"></ng-content>
|
|
6457
6489
|
</ng-container>
|
|
6458
|
-
`, isInline: true, styles: [".sapphire-table{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;justify-content:space-between;background-color:var(--sapphire-semantic-color-background-surface)}.sapphire-table--overflow{overflow:auto}.sapphire-table__table{border-collapse:collapse;border-spacing:0;width:100%;table-layout:auto}.sapphire-table__table--fixed-layout{table-layout:fixed}.sapphire-table-sortedIcon,.sapphire-table-sortableIcon{display:inline-flex;visibility:hidden;vertical-align:top}.sapphire-table__head{top:0;z-index:2;line-height:var(--sapphire-semantic-size-line-height-md);background-color:var(--sapphire-semantic-color-background-surface)}.sapphire-table__head--sticky{position:sticky}.sapphire-table__cell--alignLeft{text-align:left}.sapphire-table__cell--alignCenter{text-align:center}.sapphire-table__cell--alignRight{text-align:end}.sapphire-table__cell-wrapper .sapphire-table__cell--alignLeft{justify-content:flex-start}.sapphire-table__cell-wrapper .sapphire-table__cell--alignCenter{justify-content:center}.sapphire-table__cell-wrapper .sapphire-table__cell--alignRight{justify-content:flex-end}.sapphire-table__headCell{color:var(--sapphire-semantic-color-content-default-primary);box-sizing:border-box;font-size:var(--sapphire-semantic-size-font-text-md);font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-semibold);line-height:var(--sapphire-semantic-size-line-height-md);vertical-align:top}.sapphire-table__headCell_container{padding:var(--sapphire-semantic-size-spacing-20);display:inline-flex;align-items:center;box-sizing:border-box;width:100%}.sapphire-table__cell--alignRight .sapphire-table__headCell_container{justify-content:flex-end}.sapphire-table__cell--alignLeft .sapphire-table__headCell_container{justify-content:flex-start}.sapphire-table__cell--alignCenter .sapphire-table__headCell_container{justify-content:center}.sapphire-table__row,.sapphire-table__cell,.sapphire-table__headCell,.sapphire-table__selectionCell{outline:none;position:relative;z-index:1}.sapphire-table__headCell.is-focus .sapphire-table__headCell_container,.sapphire-table__headCell:not(.js-focus):focus-visible .sapphire-table__headCell_container,.sapphire-table__cell.is-focus,.sapphire-table__cell:not(.js-focus):focus-visible,.sapphire-table__selectionCell.is-focus,.sapphire-table__selectionCell:not(.js-focus):focus-visible,.sapphire-table__row.is-focus,.sapphire-table__row:not(.js-focus):focus-visible{outline:none;border-radius:var(--sapphire-semantic-size-radius-sm);box-shadow:inset 0 0 0 var(--sapphire-semantic-size-focus-ring) var(--sapphire-semantic-color-focus-ring)}.sapphire-table__headCell.is-focus .sapphire-table__headCell_container,.sapphire-table__headCell:not(.js-focus):focus-visible .sapphire-table__headCell_container{border-radius:var(--sapphire-semantic-size-radius-sm)}.sapphire-table__headCell.sapphire-table__headCell--sortable.is-hover .sapphire-table__headCell_container,.sapphire-table__headCell.sapphire-table__headCell--sortable:not(.js-hover):hover .sapphire-table__headCell_container{background-color:var(--sapphire-semantic-color-background-action-secondary-default);border-radius:var(--sapphire-semantic-size-radius-sm)}.sapphire-table__headCell.sapphire-table__headCell--sortable{cursor:pointer}.sapphire-table__headCell--sortable:not(sapphire-table__headCell--sorted):hover .sapphire-table-sortableIcon{visibility:visible}.sapphire-table__headCell--sorted .sapphire-table-sortedIcon{visibility:visible;padding-left:var(--sapphire-semantic-size-spacing-20)}.sapphire-table__headCell .sapphire-table-sortedIcon,.sapphire-table__headCell .sapphire-table-sortableIcon{padding-left:var(--sapphire-semantic-size-spacing-20)}.sapphire-table__cell--alignRight .sapphire-table-sortedIcon,.sapphire-table__cell--alignRight .sapphire-table-sortableIcon{padding-right:var(--sapphire-semantic-size-spacing-20)}.sapphire-table__headCell__text,.sapphire-table__headCell__icon{vertical-align:top;display:inline-block}.sapphire-table__body{position:relative;overflow:auto}.sapphire-table__cell{box-sizing:border-box;color:var(--sapphire-semantic-color-content-default-primary);font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-regular);overflow-wrap:break-word}.sapphire-table__cell-contents{display:block;width:100%;overflow-wrap:break-word}.sapphire-table__cell--ellipsed,.sapphire-table__headCell_content--ellipsed,.sapphire-table__cell--ellipsed .sapphire-table__cell-contents{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sapphire-table__table--spacing-sm .sapphire-table__cell,.sapphire-table__table--spacing-sm .sapphire-table__selectionCell:not(:first-child){padding-top:var(--sapphire-semantic-size-spacing-20);padding-bottom:var(--sapphire-semantic-size-spacing-20)}.sapphire-table__table--spacing-lg .sapphire-table__cell,.sapphire-table__table--spacing-lg .sapphire-table__selectionCell:not(:first-child){padding-top:var(--sapphire-semantic-size-spacing-40);padding-bottom:var(--sapphire-semantic-size-spacing-40)}.sapphire-table__table--spacing-xl .sapphire-table__cell,.sapphire-table__table--spacing-xl .sapphire-table__selectionCell:not(:first-child){padding-top:var(--sapphire-global-size-generic-50);padding-bottom:var(--sapphire-global-size-generic-50)}.sapphire-table__cell,.sapphire-table__selectionCell{font-size:var(--sapphire-semantic-size-font-text-lg);line-height:var(--sapphire-semantic-size-line-height-md);padding:var(--sapphire-semantic-size-spacing-30) var(--sapphire-semantic-size-spacing-20)}.sapphire-table__selectionCell{line-height:0;width:var(--sapphire-global-size-generic-50)}.sapphire-table__cell-wrapper .sapphire-table__selectionCell{width:unset;min-width:var(--sapphire-global-size-generic-50)}.sapphire-table__cell:first-child,.sapphire-table__selectionCell:first-child,.sapphire-table__cell-wrapper:first-child>.sapphire-table__cell,.sapphire-table__cell-wrapper:first-child>.sapphire-table__selectionCell{padding-left:var(--sapphire-semantic-size-spacing-50)}.sapphire-table__cell:last-child,.sapphire-table__cell-wrapper:last-child>.sapphire-table__cell{padding-right:var(--sapphire-semantic-size-spacing-50)}.sapphire-table__headCell:first-child,.sapphire-table__cell-wrapper:first-child .sapphire-table__headCell{padding-left:var(--sapphire-semantic-size-spacing-40)}.sapphire-table__selectionCell:first-child,.sapphire-table__cell-wrapper:first-child>.sapphire-table__selectionCell{padding-right:var(--sapphire-semantic-size-spacing-30)}.sapphire-table__headCell:last-child,.sapphire-table__cell-wrapper:last-child>.sapphire-table__headCell{padding-right:var(--sapphire-semantic-size-spacing-40)}.sapphire-table__tfoot .sapphire-table__cell{font-weight:var(--sapphire-semantic-font-weight-default-bold)}.sapphire-table__cell-wrapper>.sapphire-table__cell,.sapphire-table__cell-wrapper>.sapphire-table__selectionCell{padding-left:var(--sapphire-semantic-size-spacing-20);padding-right:var(--sapphire-semantic-size-spacing-20)}.sapphire-table__head .sapphire-table__selectionCell{padding-top:var(--sapphire-semantic-size-spacing-20);padding-bottom:var(--sapphire-semantic-size-spacing-20)}.sapphire-table__cell-wrapper .sapphire-table__headCell{padding-left:0;padding-right:0}.sapphire-table__cell-wrapper .sapphire-table__cell,.sapphire-table__cell-wrapper .sapphire-table__headCell,.sapphire-table__cell-wrapper .sapphire-table__selectionCell{display:flex;align-items:center;height:100%;box-sizing:border-box}.sapphire-table__row{position:relative;border-bottom:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-separator-default)}.sapphire-table__row--active{background-color:var(--sapphire-semantic-color-background-action-tertiary-ghost-default)!important}.sapphire-table__row--selected{background-color:var(--sapphire-semantic-color-background-action-secondary-default)}.sapphire-table__row.is-focus,.sapphire-table__row:not(.js-focus):focus-visible,.sapphire-table__row.sapphire-table__row--expanded{border-bottom-color:transparent}.sapphire-table__row-expanded-view{border-bottom:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-separator-default)}.sapphire-table__row-expand-button{display:inline-flex;transition:transform ease-in-out var(--sapphire-semantic-time-motion-quick);margin-left:var(--sapphire-semantic-size-spacing-20)}.sapphire-table td:has(.sapphire-table__row-expand-button){width:0}.sapphire-table__row--expanded .sapphire-table__row-expand-button{transform:rotate(180deg)}.sapphire-table--without-last-divider .sapphire-table__row:not(.is-focus,:not(.js-focus):focus-visible):last-child{border-bottom-color:transparent}.sapphire-table--interactive .sapphire-table__row,.sapphire-table__row--interactive{cursor:default}.sapphire-table--interactive .sapphire-table__row.is-hover,.sapphire-table__row--interactive.is-hover,.sapphire-table--interactive .sapphire-table__row:not(.js-hover):hover,.sapphire-table__row--interactive:not(.js-hover):hover{background-color:var(--sapphire-semantic-color-background-action-secondary-default);cursor:pointer}.sapphire-table__row--highlighted{background-color:var(--sapphire-semantic-color-background-action-secondary-default)}.sapphire-table__row--highlighted>*:first-child{box-shadow:inset var(--sapphire-global-size-generic-5) 0 0 0 var(--sapphire-semantic-color-background-informative-primary-default)}.sapphire-table__tfoot{position:relative;z-index:2;background-color:var(--sapphire-semantic-color-background-action-secondary-default)}.sapphire-table__selection-action-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--sapphire-semantic-size-spacing-30) var(--sapphire-semantic-size-spacing-50);background-color:var(--sapphire-semantic-color-background-action-secondary-default);position:sticky;top:0;left:0;z-index:3}.sapphire-table__footer{position:relative;z-index:2;margin-top:var(--sapphire-semantic-size-spacing-20)}.sapphire-table__footer--sticky{position:sticky;bottom:0;left:0}.sapphire-table__footer--virtualized{position:absolute;z-index:2;bottom:0;right:0;left:0}sp-table{display:block}\n"] });
|
|
6490
|
+
`, isInline: true, styles: [".sapphire-table{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;justify-content:space-between;background-color:var(--sapphire-semantic-color-background-surface)}.sapphire-table--overflow{overflow:auto}.sapphire-table__table{border-collapse:collapse;border-spacing:0;width:100%;table-layout:auto}.sapphire-table__table--fixed-layout{table-layout:fixed}.sapphire-table-sortedIcon,.sapphire-table-sortableIcon{display:inline-flex;visibility:hidden;vertical-align:top}.sapphire-table__head{top:0;z-index:2;line-height:var(--sapphire-semantic-size-line-height-md);background-color:var(--sapphire-semantic-color-background-surface)}.sapphire-table__head--sticky{position:sticky}.sapphire-table__cell--alignLeft{text-align:left}.sapphire-table__cell--alignCenter{text-align:center}.sapphire-table__cell--alignRight{text-align:end}.sapphire-table__cell-wrapper .sapphire-table__cell--alignLeft{justify-content:flex-start}.sapphire-table__cell-wrapper .sapphire-table__cell--alignCenter{justify-content:center}.sapphire-table__cell-wrapper .sapphire-table__cell--alignRight{justify-content:flex-end}.sapphire-table__headCell{color:var(--sapphire-semantic-color-content-default-primary);box-sizing:border-box;font-size:var(--sapphire-semantic-size-font-text-md);font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-semibold);line-height:var(--sapphire-semantic-size-line-height-md);vertical-align:top}.sapphire-table__headCell_container{padding:var(--sapphire-semantic-size-spacing-20);display:inline-flex;align-items:center;box-sizing:border-box;width:100%}.sapphire-table__cell--alignRight .sapphire-table__headCell_container{justify-content:flex-end}.sapphire-table__cell--alignLeft .sapphire-table__headCell_container{justify-content:flex-start}.sapphire-table__cell--alignCenter .sapphire-table__headCell_container{justify-content:center}.sapphire-table__row,.sapphire-table__cell,.sapphire-table__headCell,.sapphire-table__selectionCell{outline:none;position:relative;z-index:1}.sapphire-table__headCell.is-focus .sapphire-table__headCell_container,.sapphire-table__headCell:not(.js-focus):focus-visible .sapphire-table__headCell_container,.sapphire-table__cell.is-focus,.sapphire-table__cell:not(.js-focus):focus-visible,.sapphire-table__selectionCell.is-focus,.sapphire-table__selectionCell:not(.js-focus):focus-visible,.sapphire-table__row.is-focus,.sapphire-table__row:not(.js-focus):focus-visible{outline:none;border-radius:var(--sapphire-semantic-size-radius-sm);box-shadow:inset 0 0 0 var(--sapphire-semantic-size-focus-ring) var(--sapphire-semantic-color-focus-ring)}.sapphire-table__headCell.is-focus .sapphire-table__headCell_container,.sapphire-table__headCell:not(.js-focus):focus-visible .sapphire-table__headCell_container{border-radius:var(--sapphire-semantic-size-radius-sm)}.sapphire-table__headCell.sapphire-table__headCell--sortable.is-hover .sapphire-table__headCell_container,.sapphire-table__headCell.sapphire-table__headCell--sortable:not(.js-hover):hover .sapphire-table__headCell_container{background-color:var(--sapphire-semantic-color-background-action-secondary-default);border-radius:var(--sapphire-semantic-size-radius-sm)}.sapphire-table__headCell.sapphire-table__headCell--sortable{cursor:pointer}.sapphire-table__headCell--sortable:not(sapphire-table__headCell--sorted):hover .sapphire-table-sortableIcon{visibility:visible}.sapphire-table__headCell--sorted .sapphire-table-sortedIcon{visibility:visible;padding-left:var(--sapphire-semantic-size-spacing-20)}.sapphire-table__headCell .sapphire-table-sortedIcon,.sapphire-table__headCell .sapphire-table-sortableIcon{padding-left:var(--sapphire-semantic-size-spacing-20)}.sapphire-table__cell--alignRight .sapphire-table-sortedIcon,.sapphire-table__cell--alignRight .sapphire-table-sortableIcon{padding-right:var(--sapphire-semantic-size-spacing-20)}.sapphire-table__headCell__text,.sapphire-table__headCell__icon{vertical-align:top;display:inline-block}.sapphire-table__body{position:relative;overflow:auto}.sapphire-table__cell{box-sizing:border-box;color:var(--sapphire-semantic-color-content-default-primary);font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-regular);overflow-wrap:break-word}.sapphire-table__cell-contents{display:block;width:100%;overflow-wrap:break-word}.sapphire-table__cell--ellipsed,.sapphire-table__headCell_content--ellipsed,.sapphire-table__cell--ellipsed .sapphire-table__cell-contents{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sapphire-table__table--spacing-sm .sapphire-table__cell,.sapphire-table__table--spacing-sm .sapphire-table__selectionCell:not(:first-child){padding-top:var(--sapphire-semantic-size-spacing-20);padding-bottom:var(--sapphire-semantic-size-spacing-20)}.sapphire-table__table--spacing-lg .sapphire-table__cell,.sapphire-table__table--spacing-lg .sapphire-table__selectionCell:not(:first-child){padding-top:var(--sapphire-semantic-size-spacing-40);padding-bottom:var(--sapphire-semantic-size-spacing-40)}.sapphire-table__table--spacing-xl .sapphire-table__cell,.sapphire-table__table--spacing-xl .sapphire-table__selectionCell:not(:first-child){padding-top:var(--sapphire-global-size-generic-50);padding-bottom:var(--sapphire-global-size-generic-50)}.sapphire-table__cell,.sapphire-table__selectionCell{font-size:var(--sapphire-semantic-size-font-text-lg);line-height:var(--sapphire-semantic-size-line-height-md);padding:var(--sapphire-semantic-size-spacing-30) var(--sapphire-semantic-size-spacing-20)}.sapphire-table__selectionCell{line-height:0;width:var(--sapphire-global-size-generic-50);box-sizing:content-box}.sapphire-table__cell-wrapper .sapphire-table__selectionCell{width:unset;min-width:var(--sapphire-global-size-generic-50)}.sapphire-table__cell:first-child,.sapphire-table__selectionCell:first-child,.sapphire-table__cell-wrapper:first-child>.sapphire-table__cell,.sapphire-table__cell-wrapper:first-child>.sapphire-table__selectionCell{padding-left:var(--sapphire-semantic-size-spacing-50)}.sapphire-table__cell:last-child,.sapphire-table__cell-wrapper:last-child>.sapphire-table__cell{padding-right:var(--sapphire-semantic-size-spacing-50)}.sapphire-table__headCell:first-child,.sapphire-table__cell-wrapper:first-child .sapphire-table__headCell{padding-left:var(--sapphire-semantic-size-spacing-40)}.sapphire-table__selectionCell:first-child,.sapphire-table__cell-wrapper:first-child>.sapphire-table__selectionCell{padding-right:var(--sapphire-semantic-size-spacing-30)}.sapphire-table__headCell:last-child,.sapphire-table__cell-wrapper:last-child>.sapphire-table__headCell{padding-right:var(--sapphire-semantic-size-spacing-40)}.sapphire-table__tfoot .sapphire-table__cell{font-weight:var(--sapphire-semantic-font-weight-default-bold)}.sapphire-table__cell-wrapper>.sapphire-table__cell,.sapphire-table__cell-wrapper>.sapphire-table__selectionCell{padding-left:var(--sapphire-semantic-size-spacing-20);padding-right:var(--sapphire-semantic-size-spacing-20)}.sapphire-table__head .sapphire-table__selectionCell{padding-top:var(--sapphire-semantic-size-spacing-20);padding-bottom:var(--sapphire-semantic-size-spacing-20)}.sapphire-table__cell-wrapper .sapphire-table__headCell{padding-left:0;padding-right:0}.sapphire-table__cell-wrapper .sapphire-table__cell,.sapphire-table__cell-wrapper .sapphire-table__headCell,.sapphire-table__cell-wrapper .sapphire-table__selectionCell{display:flex;align-items:center;height:100%;box-sizing:border-box}.sapphire-table__row{position:relative;border-bottom:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-separator-default)}.sapphire-table__row--active{background-color:var(--sapphire-semantic-color-background-action-tertiary-ghost-default)!important}.sapphire-table__row--selected{background-color:var(--sapphire-semantic-color-background-action-secondary-default)}.sapphire-table__row.is-focus,.sapphire-table__row:not(.js-focus):focus-visible,.sapphire-table__row.sapphire-table__row--expanded{border-bottom-color:transparent}.sapphire-table__row-expanded-view{border-bottom:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-separator-default)}.sapphire-table__row-expand-button{display:inline-flex;transition:transform ease-in-out var(--sapphire-semantic-time-motion-quick);margin-left:var(--sapphire-semantic-size-spacing-20)}.sapphire-table td:has(.sapphire-table__row-expand-button){width:0}.sapphire-table__row--expanded .sapphire-table__row-expand-button{transform:rotate(180deg)}.sapphire-table--without-last-divider .sapphire-table__row:not(.is-focus,:not(.js-focus):focus-visible):last-child{border-bottom-color:transparent}.sapphire-table--interactive .sapphire-table__row,.sapphire-table__row--interactive{cursor:default}.sapphire-table--interactive .sapphire-table__row.is-hover,.sapphire-table__row--interactive.is-hover,.sapphire-table--interactive .sapphire-table__row:not(.js-hover):hover,.sapphire-table__row--interactive:not(.js-hover):hover{background-color:var(--sapphire-semantic-color-background-action-secondary-default);cursor:pointer}.sapphire-table__row--highlighted{background-color:var(--sapphire-semantic-color-background-action-secondary-default)}.sapphire-table__row--highlighted>*:first-child{box-shadow:inset var(--sapphire-global-size-generic-5) 0 0 0 var(--sapphire-semantic-color-background-informative-primary-default)}.sapphire-table__tfoot{position:relative;z-index:2;background-color:var(--sapphire-semantic-color-background-action-secondary-default)}.sapphire-table__selection-action-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--sapphire-semantic-size-spacing-30) var(--sapphire-semantic-size-spacing-50);background-color:var(--sapphire-semantic-color-background-action-secondary-default);position:sticky;top:0;left:0;z-index:3}.sapphire-table__footer{position:relative;z-index:2;margin-top:var(--sapphire-semantic-size-spacing-20)}.sapphire-table__footer--sticky{position:sticky;bottom:0;left:0}.sapphire-table__footer--virtualized{position:absolute;z-index:2;bottom:0;right:0;left:0}sp-table{display:block}\n"] });
|
|
6459
6491
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: TableComponent, decorators: [{
|
|
6460
6492
|
type: Component,
|
|
6461
6493
|
args: [{ selector: 'sp-table', template: `
|
|
@@ -6468,7 +6500,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
6468
6500
|
'[style.max-height]': 'maxHeight',
|
|
6469
6501
|
'[class.sapphire-table--overflow]': 'height || maxHeight',
|
|
6470
6502
|
'[class.sapphire-table--interactive]': 'isInteractive',
|
|
6471
|
-
}, hostDirectives: [UseComponentStylesOnHost], styles: [".sapphire-table{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;justify-content:space-between;background-color:var(--sapphire-semantic-color-background-surface)}.sapphire-table--overflow{overflow:auto}.sapphire-table__table{border-collapse:collapse;border-spacing:0;width:100%;table-layout:auto}.sapphire-table__table--fixed-layout{table-layout:fixed}.sapphire-table-sortedIcon,.sapphire-table-sortableIcon{display:inline-flex;visibility:hidden;vertical-align:top}.sapphire-table__head{top:0;z-index:2;line-height:var(--sapphire-semantic-size-line-height-md);background-color:var(--sapphire-semantic-color-background-surface)}.sapphire-table__head--sticky{position:sticky}.sapphire-table__cell--alignLeft{text-align:left}.sapphire-table__cell--alignCenter{text-align:center}.sapphire-table__cell--alignRight{text-align:end}.sapphire-table__cell-wrapper .sapphire-table__cell--alignLeft{justify-content:flex-start}.sapphire-table__cell-wrapper .sapphire-table__cell--alignCenter{justify-content:center}.sapphire-table__cell-wrapper .sapphire-table__cell--alignRight{justify-content:flex-end}.sapphire-table__headCell{color:var(--sapphire-semantic-color-content-default-primary);box-sizing:border-box;font-size:var(--sapphire-semantic-size-font-text-md);font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-semibold);line-height:var(--sapphire-semantic-size-line-height-md);vertical-align:top}.sapphire-table__headCell_container{padding:var(--sapphire-semantic-size-spacing-20);display:inline-flex;align-items:center;box-sizing:border-box;width:100%}.sapphire-table__cell--alignRight .sapphire-table__headCell_container{justify-content:flex-end}.sapphire-table__cell--alignLeft .sapphire-table__headCell_container{justify-content:flex-start}.sapphire-table__cell--alignCenter .sapphire-table__headCell_container{justify-content:center}.sapphire-table__row,.sapphire-table__cell,.sapphire-table__headCell,.sapphire-table__selectionCell{outline:none;position:relative;z-index:1}.sapphire-table__headCell.is-focus .sapphire-table__headCell_container,.sapphire-table__headCell:not(.js-focus):focus-visible .sapphire-table__headCell_container,.sapphire-table__cell.is-focus,.sapphire-table__cell:not(.js-focus):focus-visible,.sapphire-table__selectionCell.is-focus,.sapphire-table__selectionCell:not(.js-focus):focus-visible,.sapphire-table__row.is-focus,.sapphire-table__row:not(.js-focus):focus-visible{outline:none;border-radius:var(--sapphire-semantic-size-radius-sm);box-shadow:inset 0 0 0 var(--sapphire-semantic-size-focus-ring) var(--sapphire-semantic-color-focus-ring)}.sapphire-table__headCell.is-focus .sapphire-table__headCell_container,.sapphire-table__headCell:not(.js-focus):focus-visible .sapphire-table__headCell_container{border-radius:var(--sapphire-semantic-size-radius-sm)}.sapphire-table__headCell.sapphire-table__headCell--sortable.is-hover .sapphire-table__headCell_container,.sapphire-table__headCell.sapphire-table__headCell--sortable:not(.js-hover):hover .sapphire-table__headCell_container{background-color:var(--sapphire-semantic-color-background-action-secondary-default);border-radius:var(--sapphire-semantic-size-radius-sm)}.sapphire-table__headCell.sapphire-table__headCell--sortable{cursor:pointer}.sapphire-table__headCell--sortable:not(sapphire-table__headCell--sorted):hover .sapphire-table-sortableIcon{visibility:visible}.sapphire-table__headCell--sorted .sapphire-table-sortedIcon{visibility:visible;padding-left:var(--sapphire-semantic-size-spacing-20)}.sapphire-table__headCell .sapphire-table-sortedIcon,.sapphire-table__headCell .sapphire-table-sortableIcon{padding-left:var(--sapphire-semantic-size-spacing-20)}.sapphire-table__cell--alignRight .sapphire-table-sortedIcon,.sapphire-table__cell--alignRight .sapphire-table-sortableIcon{padding-right:var(--sapphire-semantic-size-spacing-20)}.sapphire-table__headCell__text,.sapphire-table__headCell__icon{vertical-align:top;display:inline-block}.sapphire-table__body{position:relative;overflow:auto}.sapphire-table__cell{box-sizing:border-box;color:var(--sapphire-semantic-color-content-default-primary);font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-regular);overflow-wrap:break-word}.sapphire-table__cell-contents{display:block;width:100%;overflow-wrap:break-word}.sapphire-table__cell--ellipsed,.sapphire-table__headCell_content--ellipsed,.sapphire-table__cell--ellipsed .sapphire-table__cell-contents{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sapphire-table__table--spacing-sm .sapphire-table__cell,.sapphire-table__table--spacing-sm .sapphire-table__selectionCell:not(:first-child){padding-top:var(--sapphire-semantic-size-spacing-20);padding-bottom:var(--sapphire-semantic-size-spacing-20)}.sapphire-table__table--spacing-lg .sapphire-table__cell,.sapphire-table__table--spacing-lg .sapphire-table__selectionCell:not(:first-child){padding-top:var(--sapphire-semantic-size-spacing-40);padding-bottom:var(--sapphire-semantic-size-spacing-40)}.sapphire-table__table--spacing-xl .sapphire-table__cell,.sapphire-table__table--spacing-xl .sapphire-table__selectionCell:not(:first-child){padding-top:var(--sapphire-global-size-generic-50);padding-bottom:var(--sapphire-global-size-generic-50)}.sapphire-table__cell,.sapphire-table__selectionCell{font-size:var(--sapphire-semantic-size-font-text-lg);line-height:var(--sapphire-semantic-size-line-height-md);padding:var(--sapphire-semantic-size-spacing-30) var(--sapphire-semantic-size-spacing-20)}.sapphire-table__selectionCell{line-height:0;width:var(--sapphire-global-size-generic-50)}.sapphire-table__cell-wrapper .sapphire-table__selectionCell{width:unset;min-width:var(--sapphire-global-size-generic-50)}.sapphire-table__cell:first-child,.sapphire-table__selectionCell:first-child,.sapphire-table__cell-wrapper:first-child>.sapphire-table__cell,.sapphire-table__cell-wrapper:first-child>.sapphire-table__selectionCell{padding-left:var(--sapphire-semantic-size-spacing-50)}.sapphire-table__cell:last-child,.sapphire-table__cell-wrapper:last-child>.sapphire-table__cell{padding-right:var(--sapphire-semantic-size-spacing-50)}.sapphire-table__headCell:first-child,.sapphire-table__cell-wrapper:first-child .sapphire-table__headCell{padding-left:var(--sapphire-semantic-size-spacing-40)}.sapphire-table__selectionCell:first-child,.sapphire-table__cell-wrapper:first-child>.sapphire-table__selectionCell{padding-right:var(--sapphire-semantic-size-spacing-30)}.sapphire-table__headCell:last-child,.sapphire-table__cell-wrapper:last-child>.sapphire-table__headCell{padding-right:var(--sapphire-semantic-size-spacing-40)}.sapphire-table__tfoot .sapphire-table__cell{font-weight:var(--sapphire-semantic-font-weight-default-bold)}.sapphire-table__cell-wrapper>.sapphire-table__cell,.sapphire-table__cell-wrapper>.sapphire-table__selectionCell{padding-left:var(--sapphire-semantic-size-spacing-20);padding-right:var(--sapphire-semantic-size-spacing-20)}.sapphire-table__head .sapphire-table__selectionCell{padding-top:var(--sapphire-semantic-size-spacing-20);padding-bottom:var(--sapphire-semantic-size-spacing-20)}.sapphire-table__cell-wrapper .sapphire-table__headCell{padding-left:0;padding-right:0}.sapphire-table__cell-wrapper .sapphire-table__cell,.sapphire-table__cell-wrapper .sapphire-table__headCell,.sapphire-table__cell-wrapper .sapphire-table__selectionCell{display:flex;align-items:center;height:100%;box-sizing:border-box}.sapphire-table__row{position:relative;border-bottom:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-separator-default)}.sapphire-table__row--active{background-color:var(--sapphire-semantic-color-background-action-tertiary-ghost-default)!important}.sapphire-table__row--selected{background-color:var(--sapphire-semantic-color-background-action-secondary-default)}.sapphire-table__row.is-focus,.sapphire-table__row:not(.js-focus):focus-visible,.sapphire-table__row.sapphire-table__row--expanded{border-bottom-color:transparent}.sapphire-table__row-expanded-view{border-bottom:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-separator-default)}.sapphire-table__row-expand-button{display:inline-flex;transition:transform ease-in-out var(--sapphire-semantic-time-motion-quick);margin-left:var(--sapphire-semantic-size-spacing-20)}.sapphire-table td:has(.sapphire-table__row-expand-button){width:0}.sapphire-table__row--expanded .sapphire-table__row-expand-button{transform:rotate(180deg)}.sapphire-table--without-last-divider .sapphire-table__row:not(.is-focus,:not(.js-focus):focus-visible):last-child{border-bottom-color:transparent}.sapphire-table--interactive .sapphire-table__row,.sapphire-table__row--interactive{cursor:default}.sapphire-table--interactive .sapphire-table__row.is-hover,.sapphire-table__row--interactive.is-hover,.sapphire-table--interactive .sapphire-table__row:not(.js-hover):hover,.sapphire-table__row--interactive:not(.js-hover):hover{background-color:var(--sapphire-semantic-color-background-action-secondary-default);cursor:pointer}.sapphire-table__row--highlighted{background-color:var(--sapphire-semantic-color-background-action-secondary-default)}.sapphire-table__row--highlighted>*:first-child{box-shadow:inset var(--sapphire-global-size-generic-5) 0 0 0 var(--sapphire-semantic-color-background-informative-primary-default)}.sapphire-table__tfoot{position:relative;z-index:2;background-color:var(--sapphire-semantic-color-background-action-secondary-default)}.sapphire-table__selection-action-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--sapphire-semantic-size-spacing-30) var(--sapphire-semantic-size-spacing-50);background-color:var(--sapphire-semantic-color-background-action-secondary-default);position:sticky;top:0;left:0;z-index:3}.sapphire-table__footer{position:relative;z-index:2;margin-top:var(--sapphire-semantic-size-spacing-20)}.sapphire-table__footer--sticky{position:sticky;bottom:0;left:0}.sapphire-table__footer--virtualized{position:absolute;z-index:2;bottom:0;right:0;left:0}sp-table{display:block}\n"] }]
|
|
6503
|
+
}, hostDirectives: [UseComponentStylesOnHost], standalone: false, styles: [".sapphire-table{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;justify-content:space-between;background-color:var(--sapphire-semantic-color-background-surface)}.sapphire-table--overflow{overflow:auto}.sapphire-table__table{border-collapse:collapse;border-spacing:0;width:100%;table-layout:auto}.sapphire-table__table--fixed-layout{table-layout:fixed}.sapphire-table-sortedIcon,.sapphire-table-sortableIcon{display:inline-flex;visibility:hidden;vertical-align:top}.sapphire-table__head{top:0;z-index:2;line-height:var(--sapphire-semantic-size-line-height-md);background-color:var(--sapphire-semantic-color-background-surface)}.sapphire-table__head--sticky{position:sticky}.sapphire-table__cell--alignLeft{text-align:left}.sapphire-table__cell--alignCenter{text-align:center}.sapphire-table__cell--alignRight{text-align:end}.sapphire-table__cell-wrapper .sapphire-table__cell--alignLeft{justify-content:flex-start}.sapphire-table__cell-wrapper .sapphire-table__cell--alignCenter{justify-content:center}.sapphire-table__cell-wrapper .sapphire-table__cell--alignRight{justify-content:flex-end}.sapphire-table__headCell{color:var(--sapphire-semantic-color-content-default-primary);box-sizing:border-box;font-size:var(--sapphire-semantic-size-font-text-md);font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-semibold);line-height:var(--sapphire-semantic-size-line-height-md);vertical-align:top}.sapphire-table__headCell_container{padding:var(--sapphire-semantic-size-spacing-20);display:inline-flex;align-items:center;box-sizing:border-box;width:100%}.sapphire-table__cell--alignRight .sapphire-table__headCell_container{justify-content:flex-end}.sapphire-table__cell--alignLeft .sapphire-table__headCell_container{justify-content:flex-start}.sapphire-table__cell--alignCenter .sapphire-table__headCell_container{justify-content:center}.sapphire-table__row,.sapphire-table__cell,.sapphire-table__headCell,.sapphire-table__selectionCell{outline:none;position:relative;z-index:1}.sapphire-table__headCell.is-focus .sapphire-table__headCell_container,.sapphire-table__headCell:not(.js-focus):focus-visible .sapphire-table__headCell_container,.sapphire-table__cell.is-focus,.sapphire-table__cell:not(.js-focus):focus-visible,.sapphire-table__selectionCell.is-focus,.sapphire-table__selectionCell:not(.js-focus):focus-visible,.sapphire-table__row.is-focus,.sapphire-table__row:not(.js-focus):focus-visible{outline:none;border-radius:var(--sapphire-semantic-size-radius-sm);box-shadow:inset 0 0 0 var(--sapphire-semantic-size-focus-ring) var(--sapphire-semantic-color-focus-ring)}.sapphire-table__headCell.is-focus .sapphire-table__headCell_container,.sapphire-table__headCell:not(.js-focus):focus-visible .sapphire-table__headCell_container{border-radius:var(--sapphire-semantic-size-radius-sm)}.sapphire-table__headCell.sapphire-table__headCell--sortable.is-hover .sapphire-table__headCell_container,.sapphire-table__headCell.sapphire-table__headCell--sortable:not(.js-hover):hover .sapphire-table__headCell_container{background-color:var(--sapphire-semantic-color-background-action-secondary-default);border-radius:var(--sapphire-semantic-size-radius-sm)}.sapphire-table__headCell.sapphire-table__headCell--sortable{cursor:pointer}.sapphire-table__headCell--sortable:not(sapphire-table__headCell--sorted):hover .sapphire-table-sortableIcon{visibility:visible}.sapphire-table__headCell--sorted .sapphire-table-sortedIcon{visibility:visible;padding-left:var(--sapphire-semantic-size-spacing-20)}.sapphire-table__headCell .sapphire-table-sortedIcon,.sapphire-table__headCell .sapphire-table-sortableIcon{padding-left:var(--sapphire-semantic-size-spacing-20)}.sapphire-table__cell--alignRight .sapphire-table-sortedIcon,.sapphire-table__cell--alignRight .sapphire-table-sortableIcon{padding-right:var(--sapphire-semantic-size-spacing-20)}.sapphire-table__headCell__text,.sapphire-table__headCell__icon{vertical-align:top;display:inline-block}.sapphire-table__body{position:relative;overflow:auto}.sapphire-table__cell{box-sizing:border-box;color:var(--sapphire-semantic-color-content-default-primary);font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-regular);overflow-wrap:break-word}.sapphire-table__cell-contents{display:block;width:100%;overflow-wrap:break-word}.sapphire-table__cell--ellipsed,.sapphire-table__headCell_content--ellipsed,.sapphire-table__cell--ellipsed .sapphire-table__cell-contents{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sapphire-table__table--spacing-sm .sapphire-table__cell,.sapphire-table__table--spacing-sm .sapphire-table__selectionCell:not(:first-child){padding-top:var(--sapphire-semantic-size-spacing-20);padding-bottom:var(--sapphire-semantic-size-spacing-20)}.sapphire-table__table--spacing-lg .sapphire-table__cell,.sapphire-table__table--spacing-lg .sapphire-table__selectionCell:not(:first-child){padding-top:var(--sapphire-semantic-size-spacing-40);padding-bottom:var(--sapphire-semantic-size-spacing-40)}.sapphire-table__table--spacing-xl .sapphire-table__cell,.sapphire-table__table--spacing-xl .sapphire-table__selectionCell:not(:first-child){padding-top:var(--sapphire-global-size-generic-50);padding-bottom:var(--sapphire-global-size-generic-50)}.sapphire-table__cell,.sapphire-table__selectionCell{font-size:var(--sapphire-semantic-size-font-text-lg);line-height:var(--sapphire-semantic-size-line-height-md);padding:var(--sapphire-semantic-size-spacing-30) var(--sapphire-semantic-size-spacing-20)}.sapphire-table__selectionCell{line-height:0;width:var(--sapphire-global-size-generic-50);box-sizing:content-box}.sapphire-table__cell-wrapper .sapphire-table__selectionCell{width:unset;min-width:var(--sapphire-global-size-generic-50)}.sapphire-table__cell:first-child,.sapphire-table__selectionCell:first-child,.sapphire-table__cell-wrapper:first-child>.sapphire-table__cell,.sapphire-table__cell-wrapper:first-child>.sapphire-table__selectionCell{padding-left:var(--sapphire-semantic-size-spacing-50)}.sapphire-table__cell:last-child,.sapphire-table__cell-wrapper:last-child>.sapphire-table__cell{padding-right:var(--sapphire-semantic-size-spacing-50)}.sapphire-table__headCell:first-child,.sapphire-table__cell-wrapper:first-child .sapphire-table__headCell{padding-left:var(--sapphire-semantic-size-spacing-40)}.sapphire-table__selectionCell:first-child,.sapphire-table__cell-wrapper:first-child>.sapphire-table__selectionCell{padding-right:var(--sapphire-semantic-size-spacing-30)}.sapphire-table__headCell:last-child,.sapphire-table__cell-wrapper:last-child>.sapphire-table__headCell{padding-right:var(--sapphire-semantic-size-spacing-40)}.sapphire-table__tfoot .sapphire-table__cell{font-weight:var(--sapphire-semantic-font-weight-default-bold)}.sapphire-table__cell-wrapper>.sapphire-table__cell,.sapphire-table__cell-wrapper>.sapphire-table__selectionCell{padding-left:var(--sapphire-semantic-size-spacing-20);padding-right:var(--sapphire-semantic-size-spacing-20)}.sapphire-table__head .sapphire-table__selectionCell{padding-top:var(--sapphire-semantic-size-spacing-20);padding-bottom:var(--sapphire-semantic-size-spacing-20)}.sapphire-table__cell-wrapper .sapphire-table__headCell{padding-left:0;padding-right:0}.sapphire-table__cell-wrapper .sapphire-table__cell,.sapphire-table__cell-wrapper .sapphire-table__headCell,.sapphire-table__cell-wrapper .sapphire-table__selectionCell{display:flex;align-items:center;height:100%;box-sizing:border-box}.sapphire-table__row{position:relative;border-bottom:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-separator-default)}.sapphire-table__row--active{background-color:var(--sapphire-semantic-color-background-action-tertiary-ghost-default)!important}.sapphire-table__row--selected{background-color:var(--sapphire-semantic-color-background-action-secondary-default)}.sapphire-table__row.is-focus,.sapphire-table__row:not(.js-focus):focus-visible,.sapphire-table__row.sapphire-table__row--expanded{border-bottom-color:transparent}.sapphire-table__row-expanded-view{border-bottom:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-separator-default)}.sapphire-table__row-expand-button{display:inline-flex;transition:transform ease-in-out var(--sapphire-semantic-time-motion-quick);margin-left:var(--sapphire-semantic-size-spacing-20)}.sapphire-table td:has(.sapphire-table__row-expand-button){width:0}.sapphire-table__row--expanded .sapphire-table__row-expand-button{transform:rotate(180deg)}.sapphire-table--without-last-divider .sapphire-table__row:not(.is-focus,:not(.js-focus):focus-visible):last-child{border-bottom-color:transparent}.sapphire-table--interactive .sapphire-table__row,.sapphire-table__row--interactive{cursor:default}.sapphire-table--interactive .sapphire-table__row.is-hover,.sapphire-table__row--interactive.is-hover,.sapphire-table--interactive .sapphire-table__row:not(.js-hover):hover,.sapphire-table__row--interactive:not(.js-hover):hover{background-color:var(--sapphire-semantic-color-background-action-secondary-default);cursor:pointer}.sapphire-table__row--highlighted{background-color:var(--sapphire-semantic-color-background-action-secondary-default)}.sapphire-table__row--highlighted>*:first-child{box-shadow:inset var(--sapphire-global-size-generic-5) 0 0 0 var(--sapphire-semantic-color-background-informative-primary-default)}.sapphire-table__tfoot{position:relative;z-index:2;background-color:var(--sapphire-semantic-color-background-action-secondary-default)}.sapphire-table__selection-action-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--sapphire-semantic-size-spacing-30) var(--sapphire-semantic-size-spacing-50);background-color:var(--sapphire-semantic-color-background-action-secondary-default);position:sticky;top:0;left:0;z-index:3}.sapphire-table__footer{position:relative;z-index:2;margin-top:var(--sapphire-semantic-size-spacing-20)}.sapphire-table__footer--sticky{position:sticky;bottom:0;left:0}.sapphire-table__footer--virtualized{position:absolute;z-index:2;bottom:0;right:0;left:0}sp-table{display:block}\n"] }]
|
|
6472
6504
|
}], ctorParameters: function () { return []; }, propDecorators: { rowAction: [{
|
|
6473
6505
|
type: Output
|
|
6474
6506
|
}], stickyHeader: [{
|
|
@@ -6507,6 +6539,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
6507
6539
|
class: 'sapphire-table__body',
|
|
6508
6540
|
},
|
|
6509
6541
|
hostDirectives: [UseComponentStyles],
|
|
6542
|
+
standalone: false,
|
|
6510
6543
|
}]
|
|
6511
6544
|
}], ctorParameters: function () { return []; } });
|
|
6512
6545
|
|
|
@@ -6531,6 +6564,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
6531
6564
|
args: [{
|
|
6532
6565
|
selector: 'thead[sp-table-thead]',
|
|
6533
6566
|
hostDirectives: [UseComponentStyles],
|
|
6567
|
+
standalone: false,
|
|
6534
6568
|
}]
|
|
6535
6569
|
}], ctorParameters: function () { return [{ type: TableComponent }]; }, propDecorators: { classNames: [{
|
|
6536
6570
|
type: HostBinding,
|
|
@@ -6683,7 +6717,7 @@ NotificationBadgeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0
|
|
|
6683
6717
|
NotificationBadgeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: NotificationBadgeComponent, selector: "sp-notification-badge", inputs: { containerType: "containerType", size: "size", variant: "variant", count: "count", show: "show", animate: "animate" }, ngImport: i0, template: "<span\n class=\"sapphire-notification-badge-container\"\n [class.sapphire-notification-badge-container--rectangle]=\"\n containerType === 'rectangle'\n \"\n>\n <ng-content></ng-content>\n <span\n role=\"status\"\n class=\"sapphire-notification-badge\"\n [class.sapphire-notification-badge--lg]=\"size === 'lg'\"\n [class.sapphire-notification-badge--md]=\"size === 'md'\"\n [class.sapphire-notification-badge--sm]=\"size === 'sm'\"\n [class.sapphire-notification-badge--primary]=\"variant === 'primary'\"\n [class.sapphire-notification-badge--secondary]=\"variant === 'secondary'\"\n [class.sapphire-notification-badge--pop-in]=\"show && animate\"\n [class.sapphire-notification-badge--pop-out]=\"!show && animate\"\n *ngIf=\"show || animate\"\n >\n {{\n size !== 'sm'\n ? count && count.toString().length > 2\n ? '99+'\n : count\n : ''\n }}\n </span>\n</span>\n", styles: ["@keyframes pop-in{0%{transform:scale(0) translate(50%,-50%);opacity:0}25%{opacity:.1}to{transform:scale(1) translate(50%,-50%)}}@keyframes pop-out{0%{transform:scale(1) translate(50%,-50%)}75%{opacity:.1}to{transform:scale(0) translate(50%,-50%);opacity:0;display:none}}.sapphire-notification-badge{display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--sapphire-semantic-color-content-action-primary-default);font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-semibold);box-sizing:border-box;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sapphire-notification-badge--pop-in{animation:pop-in var(--sapphire-semantic-time-fade-default) cubic-bezier(.55,-.49,.39,1.49)}.sapphire-notification-badge--pop-out{animation:pop-out var(--sapphire-semantic-time-fade-default) forwards}.sapphire-notification-badge--lg{height:var(--sapphire-global-size-generic-60);border-radius:var(--sapphire-global-size-generic-60);padding:var(--sapphire-semantic-size-spacing-10) var(--sapphire-semantic-size-spacing-20);font-size:var(--sapphire-semantic-size-font-control-sm)}.sapphire-notification-badge--md{height:var(--sapphire-global-size-generic-40);border-radius:var(--sapphire-global-size-generic-40);padding:0 var(--sapphire-semantic-size-spacing-10);font-size:var(--sapphire-global-size-font-60);min-width:var(--sapphire-global-size-generic-40);box-sizing:border-box}.sapphire-notification-badge--sm{min-width:var(--sapphire-global-size-generic-20);height:var(--sapphire-global-size-generic-20);border-radius:var(--sapphire-global-size-generic-20)}.sapphire-notification-badge--primary{background-color:var(--sapphire-global-color-red-500)}.sapphire-notification-badge--secondary{background-color:var(--sapphire-global-color-blue-500)}.sapphire-notification-badge-container{position:relative;display:inline-block;width:max-content}.sapphire-notification-badge-container .sapphire-notification-badge{position:absolute;top:14%;right:14%;transform:scale(1) translate(50%,-50%);transform-origin:100% 0;pointer-events:none}.sapphire-notification-badge-container--rectangle .sapphire-notification-badge{position:absolute;top:0;right:0;transform:scale(1) translate(50%,-50%);transform-origin:100% 0;pointer-events:none}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
6684
6718
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: NotificationBadgeComponent, decorators: [{
|
|
6685
6719
|
type: Component,
|
|
6686
|
-
args: [{ selector: 'sp-notification-badge', changeDetection: ChangeDetectionStrategy.OnPush, template: "<span\n class=\"sapphire-notification-badge-container\"\n [class.sapphire-notification-badge-container--rectangle]=\"\n containerType === 'rectangle'\n \"\n>\n <ng-content></ng-content>\n <span\n role=\"status\"\n class=\"sapphire-notification-badge\"\n [class.sapphire-notification-badge--lg]=\"size === 'lg'\"\n [class.sapphire-notification-badge--md]=\"size === 'md'\"\n [class.sapphire-notification-badge--sm]=\"size === 'sm'\"\n [class.sapphire-notification-badge--primary]=\"variant === 'primary'\"\n [class.sapphire-notification-badge--secondary]=\"variant === 'secondary'\"\n [class.sapphire-notification-badge--pop-in]=\"show && animate\"\n [class.sapphire-notification-badge--pop-out]=\"!show && animate\"\n *ngIf=\"show || animate\"\n >\n {{\n size !== 'sm'\n ? count && count.toString().length > 2\n ? '99+'\n : count\n : ''\n }}\n </span>\n</span>\n", styles: ["@keyframes pop-in{0%{transform:scale(0) translate(50%,-50%);opacity:0}25%{opacity:.1}to{transform:scale(1) translate(50%,-50%)}}@keyframes pop-out{0%{transform:scale(1) translate(50%,-50%)}75%{opacity:.1}to{transform:scale(0) translate(50%,-50%);opacity:0;display:none}}.sapphire-notification-badge{display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--sapphire-semantic-color-content-action-primary-default);font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-semibold);box-sizing:border-box;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sapphire-notification-badge--pop-in{animation:pop-in var(--sapphire-semantic-time-fade-default) cubic-bezier(.55,-.49,.39,1.49)}.sapphire-notification-badge--pop-out{animation:pop-out var(--sapphire-semantic-time-fade-default) forwards}.sapphire-notification-badge--lg{height:var(--sapphire-global-size-generic-60);border-radius:var(--sapphire-global-size-generic-60);padding:var(--sapphire-semantic-size-spacing-10) var(--sapphire-semantic-size-spacing-20);font-size:var(--sapphire-semantic-size-font-control-sm)}.sapphire-notification-badge--md{height:var(--sapphire-global-size-generic-40);border-radius:var(--sapphire-global-size-generic-40);padding:0 var(--sapphire-semantic-size-spacing-10);font-size:var(--sapphire-global-size-font-60);min-width:var(--sapphire-global-size-generic-40);box-sizing:border-box}.sapphire-notification-badge--sm{min-width:var(--sapphire-global-size-generic-20);height:var(--sapphire-global-size-generic-20);border-radius:var(--sapphire-global-size-generic-20)}.sapphire-notification-badge--primary{background-color:var(--sapphire-global-color-red-500)}.sapphire-notification-badge--secondary{background-color:var(--sapphire-global-color-blue-500)}.sapphire-notification-badge-container{position:relative;display:inline-block;width:max-content}.sapphire-notification-badge-container .sapphire-notification-badge{position:absolute;top:14%;right:14%;transform:scale(1) translate(50%,-50%);transform-origin:100% 0;pointer-events:none}.sapphire-notification-badge-container--rectangle .sapphire-notification-badge{position:absolute;top:0;right:0;transform:scale(1) translate(50%,-50%);transform-origin:100% 0;pointer-events:none}\n"] }]
|
|
6720
|
+
args: [{ selector: 'sp-notification-badge', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<span\n class=\"sapphire-notification-badge-container\"\n [class.sapphire-notification-badge-container--rectangle]=\"\n containerType === 'rectangle'\n \"\n>\n <ng-content></ng-content>\n <span\n role=\"status\"\n class=\"sapphire-notification-badge\"\n [class.sapphire-notification-badge--lg]=\"size === 'lg'\"\n [class.sapphire-notification-badge--md]=\"size === 'md'\"\n [class.sapphire-notification-badge--sm]=\"size === 'sm'\"\n [class.sapphire-notification-badge--primary]=\"variant === 'primary'\"\n [class.sapphire-notification-badge--secondary]=\"variant === 'secondary'\"\n [class.sapphire-notification-badge--pop-in]=\"show && animate\"\n [class.sapphire-notification-badge--pop-out]=\"!show && animate\"\n *ngIf=\"show || animate\"\n >\n {{\n size !== 'sm'\n ? count && count.toString().length > 2\n ? '99+'\n : count\n : ''\n }}\n </span>\n</span>\n", styles: ["@keyframes pop-in{0%{transform:scale(0) translate(50%,-50%);opacity:0}25%{opacity:.1}to{transform:scale(1) translate(50%,-50%)}}@keyframes pop-out{0%{transform:scale(1) translate(50%,-50%)}75%{opacity:.1}to{transform:scale(0) translate(50%,-50%);opacity:0;display:none}}.sapphire-notification-badge{display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--sapphire-semantic-color-content-action-primary-default);font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-semibold);box-sizing:border-box;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sapphire-notification-badge--pop-in{animation:pop-in var(--sapphire-semantic-time-fade-default) cubic-bezier(.55,-.49,.39,1.49)}.sapphire-notification-badge--pop-out{animation:pop-out var(--sapphire-semantic-time-fade-default) forwards}.sapphire-notification-badge--lg{height:var(--sapphire-global-size-generic-60);border-radius:var(--sapphire-global-size-generic-60);padding:var(--sapphire-semantic-size-spacing-10) var(--sapphire-semantic-size-spacing-20);font-size:var(--sapphire-semantic-size-font-control-sm)}.sapphire-notification-badge--md{height:var(--sapphire-global-size-generic-40);border-radius:var(--sapphire-global-size-generic-40);padding:0 var(--sapphire-semantic-size-spacing-10);font-size:var(--sapphire-global-size-font-60);min-width:var(--sapphire-global-size-generic-40);box-sizing:border-box}.sapphire-notification-badge--sm{min-width:var(--sapphire-global-size-generic-20);height:var(--sapphire-global-size-generic-20);border-radius:var(--sapphire-global-size-generic-20)}.sapphire-notification-badge--primary{background-color:var(--sapphire-global-color-red-500)}.sapphire-notification-badge--secondary{background-color:var(--sapphire-global-color-blue-500)}.sapphire-notification-badge-container{position:relative;display:inline-block;width:max-content}.sapphire-notification-badge-container .sapphire-notification-badge{position:absolute;top:14%;right:14%;transform:scale(1) translate(50%,-50%);transform-origin:100% 0;pointer-events:none}.sapphire-notification-badge-container--rectangle .sapphire-notification-badge{position:absolute;top:0;right:0;transform:scale(1) translate(50%,-50%);transform-origin:100% 0;pointer-events:none}\n"] }]
|
|
6687
6721
|
}], propDecorators: { containerType: [{
|
|
6688
6722
|
type: Input
|
|
6689
6723
|
}], size: [{
|
|
@@ -6879,7 +6913,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
6879
6913
|
useExisting: forwardRef(() => SwitchComponent),
|
|
6880
6914
|
multi: true,
|
|
6881
6915
|
},
|
|
6882
|
-
], hostDirectives: [ThemeCheckDirective], template: "<label\n class=\"sapphire-switch\"\n [class.sapphire-switch--md]=\"size === 'md'\"\n [attr.for]=\"inputId\"\n>\n <input\n #input\n class=\"sapphire-switch-input\"\n role=\"switch\"\n type=\"checkbox\"\n [attr.aria-label]=\"ariaLabel || null\"\n [attr.aria-labelledby]=\"ariaLabelledby || null\"\n [attr.aria-describedby]=\"ariaDescribedby || null\"\n [attr.name]=\"name\"\n [attr.value]=\"value\"\n [checked]=\"selected\"\n [disabled]=\"disabled\"\n [readonly]=\"readonly\"\n [id]=\"inputId\"\n [required]=\"required\"\n [tabIndex]=\"tabIndex\"\n (blur)=\"_onBlur()\"\n (click)=\"_onInputClick($event)\"\n (change)=\"_onInteractionEvent($event)\"\n />\n <span class=\"sapphire-switch-track\"></span>\n <span span class=\"sapphire-switch-label\"><ng-content></ng-content></span>\n</label>\n", styles: [".sapphire-switch{display:inline-flex;align-items:center;position:relative;max-width:100%;gap:var(--sapphire-semantic-size-spacing-30)}.sapphire-switch--md{gap:var(--sapphire-semantic-size-spacing-20)}.sapphire-switch-input{margin:0;box-sizing:border-box;padding:0;position:absolute;width:100%;height:100%;top:0;left:0;opacity:.0001;z-index:1;cursor:pointer}.sapphire-switch-label{display:flex;align-items:center;gap:var(--sapphire-semantic-size-spacing-30);font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-regular);font-size:var(--sapphire-semantic-size-font-control-default);line-height:var(--sapphire-semantic-size-height-control-xs);color:var(--sapphire-semantic-color-content-default-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sapphire-switch--md .sapphire-switch-label{gap:var(--sapphire-semantic-size-spacing-20);font-size:var(--sapphire-semantic-size-font-control-md);line-height:var(--sapphire-semantic-size-height-control-2xs)}.sapphire-switch-track{background:var(--sapphire-semantic-color-border-control-default);box-sizing:border-box;position:relative;width:var(--sapphire-global-size-generic-100);transition:background var(--sapphire-semantic-time-motion-quick) ease-in-out;height:var(--sapphire-semantic-size-height-control-xs);border-radius:calc(var(--sapphire-semantic-size-height-control-xs) / 2);flex-shrink:0}.sapphire-switch-input:checked~.sapphire-switch-track{background-color:var(--sapphire-semantic-color-background-action-primary-default)}.sapphire-switch:not(:active):not(.is-active):not(.js-hover):hover .sapphire-switch-input:not(:disabled)~.sapphire-switch-track,.sapphire-switch:not(:active):not(.is-active).is-hover .sapphire-switch-track{background-color:var(--sapphire-semantic-color-border-control-hover)}.sapphire-switch:not(:active):not(.is-active):not(.js-hover):hover .sapphire-switch-input:not(:disabled):checked~.sapphire-switch-track,.sapphire-switch:not(:active):not(.is-active).is-hover .sapphire-switch-input:checked~.sapphire-switch-track{background-color:var(--sapphire-semantic-color-background-action-primary-hover)}.sapphire-switch:not(.js-focus) .sapphire-switch-input:focus-visible~.sapphire-switch-track,.sapphire-switch.is-focus .sapphire-switch-track{outline:var(--sapphire-semantic-size-focus-ring) solid var(--sapphire-semantic-color-focus-ring);outline-offset:var(--sapphire-semantic-size-focus-ring)}.sapphire-switch:active .sapphire-switch-input:not(:disabled):checked~.sapphire-switch-track,.sapphire-switch.is-active .sapphire-switch-input:not(:disabled):checked~.sapphire-switch-track{background-color:var(--sapphire-semantic-color-background-action-primary-active)}.sapphire-switch:active .sapphire-switch-input:not(:disabled)~.sapphire-switch-track,.sapphire-switch.is-active .sapphire-switch-input:not(:disabled)~.sapphire-switch-track{background-color:var(--sapphire-semantic-color-border-control-active)}.sapphire-switch-input:disabled{cursor:not-allowed}.sapphire-switch-input:disabled~.sapphire-switch-track,.sapphire-switch-input:disabled~.sapphire-switch-label{opacity:var(--sapphire-semantic-opacity-disabled)}.sapphire-switch-track:after{content:\"\";position:absolute;box-sizing:border-box;height:calc(100% - 2 * var(--sapphire-global-size-static-5));margin:var(--sapphire-global-size-static-5);aspect-ratio:1/1;border-radius:50%;background-color:var(--sapphire-semantic-color-background-control-default);background-clip:content-box;left:0;transition:left var(--sapphire-semantic-time-motion-quick) ease-in-out;box-shadow:var(--sapphire-global-shadow-sm)}.sapphire-switch-input:checked~.sapphire-switch-track:after{left:calc(100% - var(--sapphire-semantic-size-height-control-xs))}.sapphire-switch--md .sapphire-switch-track{width:var(--sapphire-global-size-generic-80);height:var(--sapphire-semantic-size-height-control-2xs);border-radius:calc(var(--sapphire-semantic-size-height-control-2xs) / 2)}.sapphire-switch--md .sapphire-switch-input:checked~.sapphire-switch-track:after{left:calc(100% - var(--sapphire-semantic-size-height-control-2xs))}\n"] }]
|
|
6916
|
+
], hostDirectives: [ThemeCheckDirective], standalone: false, template: "<label\n class=\"sapphire-switch\"\n [class.sapphire-switch--md]=\"size === 'md'\"\n [attr.for]=\"inputId\"\n>\n <input\n #input\n class=\"sapphire-switch-input\"\n role=\"switch\"\n type=\"checkbox\"\n [attr.aria-label]=\"ariaLabel || null\"\n [attr.aria-labelledby]=\"ariaLabelledby || null\"\n [attr.aria-describedby]=\"ariaDescribedby || null\"\n [attr.name]=\"name\"\n [attr.value]=\"value\"\n [checked]=\"selected\"\n [disabled]=\"disabled\"\n [readonly]=\"readonly\"\n [id]=\"inputId\"\n [required]=\"required\"\n [tabIndex]=\"tabIndex\"\n (blur)=\"_onBlur()\"\n (click)=\"_onInputClick($event)\"\n (change)=\"_onInteractionEvent($event)\"\n />\n <span class=\"sapphire-switch-track\"></span>\n <span span class=\"sapphire-switch-label\"><ng-content></ng-content></span>\n</label>\n", styles: [".sapphire-switch{display:inline-flex;align-items:center;position:relative;max-width:100%;gap:var(--sapphire-semantic-size-spacing-30)}.sapphire-switch--md{gap:var(--sapphire-semantic-size-spacing-20)}.sapphire-switch-input{margin:0;box-sizing:border-box;padding:0;position:absolute;width:100%;height:100%;top:0;left:0;opacity:.0001;z-index:1;cursor:pointer}.sapphire-switch-label{display:flex;align-items:center;gap:var(--sapphire-semantic-size-spacing-30);font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-regular);font-size:var(--sapphire-semantic-size-font-control-default);line-height:var(--sapphire-semantic-size-height-control-xs);color:var(--sapphire-semantic-color-content-default-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sapphire-switch--md .sapphire-switch-label{gap:var(--sapphire-semantic-size-spacing-20);font-size:var(--sapphire-semantic-size-font-control-md);line-height:var(--sapphire-semantic-size-height-control-2xs)}.sapphire-switch-track{background:var(--sapphire-semantic-color-border-control-default);box-sizing:border-box;position:relative;width:var(--sapphire-global-size-generic-100);transition:background var(--sapphire-semantic-time-motion-quick) ease-in-out;height:var(--sapphire-semantic-size-height-control-xs);border-radius:calc(var(--sapphire-semantic-size-height-control-xs) / 2);flex-shrink:0}.sapphire-switch-input:checked~.sapphire-switch-track{background-color:var(--sapphire-semantic-color-background-action-primary-default)}.sapphire-switch:not(:active):not(.is-active):not(.js-hover):hover .sapphire-switch-input:not(:disabled)~.sapphire-switch-track,.sapphire-switch:not(:active):not(.is-active).is-hover .sapphire-switch-track{background-color:var(--sapphire-semantic-color-border-control-hover)}.sapphire-switch:not(:active):not(.is-active):not(.js-hover):hover .sapphire-switch-input:not(:disabled):checked~.sapphire-switch-track,.sapphire-switch:not(:active):not(.is-active).is-hover .sapphire-switch-input:checked~.sapphire-switch-track{background-color:var(--sapphire-semantic-color-background-action-primary-hover)}.sapphire-switch:not(.js-focus) .sapphire-switch-input:focus-visible~.sapphire-switch-track,.sapphire-switch.is-focus .sapphire-switch-track{outline:var(--sapphire-semantic-size-focus-ring) solid var(--sapphire-semantic-color-focus-ring);outline-offset:var(--sapphire-semantic-size-focus-ring)}.sapphire-switch:active .sapphire-switch-input:not(:disabled):checked~.sapphire-switch-track,.sapphire-switch.is-active .sapphire-switch-input:not(:disabled):checked~.sapphire-switch-track{background-color:var(--sapphire-semantic-color-background-action-primary-active)}.sapphire-switch:active .sapphire-switch-input:not(:disabled)~.sapphire-switch-track,.sapphire-switch.is-active .sapphire-switch-input:not(:disabled)~.sapphire-switch-track{background-color:var(--sapphire-semantic-color-border-control-active)}.sapphire-switch-input:disabled{cursor:not-allowed}.sapphire-switch-input:disabled~.sapphire-switch-track,.sapphire-switch-input:disabled~.sapphire-switch-label{opacity:var(--sapphire-semantic-opacity-disabled)}.sapphire-switch-track:after{content:\"\";position:absolute;box-sizing:border-box;height:calc(100% - 2 * var(--sapphire-global-size-static-5));margin:var(--sapphire-global-size-static-5);aspect-ratio:1/1;border-radius:50%;background-color:var(--sapphire-semantic-color-background-control-default);background-clip:content-box;left:0;transition:left var(--sapphire-semantic-time-motion-quick) ease-in-out;box-shadow:var(--sapphire-global-shadow-sm)}.sapphire-switch-input:checked~.sapphire-switch-track:after{left:calc(100% - var(--sapphire-semantic-size-height-control-xs))}.sapphire-switch--md .sapphire-switch-track{width:var(--sapphire-global-size-generic-80);height:var(--sapphire-semantic-size-height-control-2xs);border-radius:calc(var(--sapphire-semantic-size-height-control-2xs) / 2)}.sapphire-switch--md .sapphire-switch-input:checked~.sapphire-switch-track:after{left:calc(100% - var(--sapphire-semantic-size-height-control-2xs))}\n"] }]
|
|
6883
6917
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: undefined, decorators: [{
|
|
6884
6918
|
type: Attribute,
|
|
6885
6919
|
args: ['tabindex']
|
|
@@ -6935,6 +6969,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
6935
6969
|
selector: `sp-switch[required][formControlName],
|
|
6936
6970
|
sp-switch[required][formControl], sp-switch[required][ngModel]`,
|
|
6937
6971
|
providers: [SWITCH_REQUIRED_VALIDATOR],
|
|
6972
|
+
standalone: false,
|
|
6938
6973
|
}]
|
|
6939
6974
|
}], propDecorators: { required: [{
|
|
6940
6975
|
type: Input,
|
|
@@ -7062,7 +7097,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
7062
7097
|
provide: RadioGroupBase,
|
|
7063
7098
|
useExisting: forwardRef(() => SegmentedRadioGroupComponent),
|
|
7064
7099
|
},
|
|
7065
|
-
], hostDirectives: [ThemeCheckDirective], template: "<div\n #segmentedControl\n class=\"sapphire-segmented-control\"\n [class.sapphire-segmented-control--lg]=\"size === 'lg'\"\n [class.sapphire-segmented-control--sm]=\"size === 'sm'\"\n [class.focus-visible]=\"_focusVisible\"\n [ngClass]=\"\n align === 'stretch'\n ? 'sapphire-segmented-control--stretch'\n : 'sapphire-segmented-control--align-' + align\n \"\n>\n <div\n class=\"sapphire-segmented-control__button-container\"\n role=\"radiogroup\"\n [attr.aria-label]=\"ariaLabel\"\n aria-orientation=\"horizontal\"\n cdkMonitorSubtreeFocus\n (cdkFocusChange)=\"_onFocusChange($event)\"\n >\n <ng-content></ng-content>\n <span\n [style.left]=\"_gliderStyles.left\"\n [style.width]=\"_gliderStyles.width\"\n [class.sapphire-segmented-control__glider--with-transition]=\"\n _animationEnabled\n \"\n class=\"sapphire-segmented-control__glider\"\n role=\"none\"\n ></span>\n </div>\n</div>\n", styles: [".sapphire-segmented-control{display:flex;height:var(--sapphire-semantic-size-height-control-md)}.sapphire-segmented-control--stretch .sapphire-segmented-control__button-container{width:100%}.sapphire-segmented-control--align-center{justify-content:center}.sapphire-segmented-control--align-right{justify-content:flex-end}.sapphire-segmented-control--align-left{justify-content:flex-start}.sapphire-segmented-control__button-container{display:inline-flex;position:relative;height:100%;background-color:var(--sapphire-semantic-color-background-control-special-secondary-default);border-radius:var(--sapphire-semantic-size-height-control-lg);padding:var(--sapphire-global-size-static-5);box-sizing:border-box}.sapphire-segmented-control__glider{position:absolute;top:var(--sapphire-global-size-static-5);left:0;height:calc(100% - var(--sapphire-global-size-static-5) * 2);display:block;background-color:var(--sapphire-semantic-color-background-control-special-primary-default);box-shadow:var(--sapphire-global-shadow-sm);box-sizing:border-box;z-index:1;border-radius:var(--sapphire-semantic-size-height-control-lg)}.sapphire-segmented-control__glider--with-transition{transition:width var(--sapphire-semantic-time-motion-quick) ease-in-out,left var(--sapphire-semantic-time-motion-quick) ease-in-out}.sapphire-segmented-control__button{font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-semibold);font-size:var(--sapphire-semantic-size-font-control-md);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex:1 1 auto;box-sizing:content-box;margin:0;border:0;height:100%;min-width:var(--sapphire-global-size-generic-120);padding:0 var(--sapphire-semantic-size-spacing-50);background-color:transparent;color:var(--sapphire-semantic-color-content-default-primary);cursor:pointer;outline:none;z-index:2;display:flex;align-items:center;justify-content:center;position:relative;transition:color var(--sapphire-semantic-time-motion-quick) ease-in-out}.sapphire-segmented-control__button--active{color:var(--sapphire-semantic-color-content-link-primary-default)}.sapphire-segmented-control__button--disabled{opacity:var(--sapphire-semantic-opacity-disabled);cursor:not-allowed}.sapphire-segmented-control.focus-visible:focus-within .sapphire-segmented-control__glider{outline:var(--sapphire-semantic-size-focus-ring) solid var(--sapphire-semantic-color-focus-ring)}.sapphire-segmented-control--manual-keyboard-activation.focus-visible .sapphire-segmented-control__glider{transition:none}.sapphire-segmented-control--manual-keyboard-activation.focus-visible .sapphire-segmented-control__button:focus{outline:var(--sapphire-semantic-size-focus-ring) solid var(--sapphire-semantic-color-focus-ring);border-radius:var(--sapphire-semantic-size-height-control-lg)}.sapphire-segmented-control.focus-visible:focus-within.sapphire-segmented-control--manual-keyboard-activation .sapphire-segmented-control__glider{outline:none}.sapphire-segmented-control--lg{height:var(--sapphire-semantic-size-height-control-lg)}.sapphire-segmented-control--lg .sapphire-segmented-control__button{font-size:var(--sapphire-semantic-size-font-control-default)}.sapphire-segmented-control--sm{height:var(--sapphire-semantic-size-height-control-sm)}.sapphire-segmented-control--sm .sapphire-segmented-control__button{font-size:var(--sapphire-semantic-size-font-control-sm)}.sapphire-segmented-control__radio-input{margin:0;overflow:visible;position:absolute;top:0;left:0;height:100%;width:100%;opacity:.0001;z-index:1;cursor:pointer}.sapphire-segmented-control__button--disabled .sapphire-segmented-control__radio-input{cursor:not-allowed}\n"] }]
|
|
7100
|
+
], hostDirectives: [ThemeCheckDirective], standalone: false, template: "<div\n #segmentedControl\n class=\"sapphire-segmented-control\"\n [class.sapphire-segmented-control--lg]=\"size === 'lg'\"\n [class.sapphire-segmented-control--sm]=\"size === 'sm'\"\n [class.focus-visible]=\"_focusVisible\"\n [ngClass]=\"\n align === 'stretch'\n ? 'sapphire-segmented-control--stretch'\n : 'sapphire-segmented-control--align-' + align\n \"\n>\n <div\n class=\"sapphire-segmented-control__button-container\"\n role=\"radiogroup\"\n [attr.aria-label]=\"ariaLabel\"\n aria-orientation=\"horizontal\"\n cdkMonitorSubtreeFocus\n (cdkFocusChange)=\"_onFocusChange($event)\"\n >\n <ng-content></ng-content>\n <span\n [style.left]=\"_gliderStyles.left\"\n [style.width]=\"_gliderStyles.width\"\n [class.sapphire-segmented-control__glider--with-transition]=\"\n _animationEnabled\n \"\n class=\"sapphire-segmented-control__glider\"\n role=\"none\"\n ></span>\n </div>\n</div>\n", styles: [".sapphire-segmented-control{display:flex;height:var(--sapphire-semantic-size-height-control-md)}.sapphire-segmented-control--stretch .sapphire-segmented-control__button-container{width:100%}.sapphire-segmented-control--align-center{justify-content:center}.sapphire-segmented-control--align-right{justify-content:flex-end}.sapphire-segmented-control--align-left{justify-content:flex-start}.sapphire-segmented-control__button-container{display:inline-flex;position:relative;height:100%;background-color:var(--sapphire-semantic-color-background-control-special-secondary-default);border-radius:var(--sapphire-semantic-size-height-control-lg);padding:var(--sapphire-global-size-static-5);box-sizing:border-box}.sapphire-segmented-control__glider{position:absolute;top:var(--sapphire-global-size-static-5);left:0;height:calc(100% - var(--sapphire-global-size-static-5) * 2);display:block;background-color:var(--sapphire-semantic-color-background-control-special-primary-default);box-shadow:var(--sapphire-global-shadow-sm);box-sizing:border-box;z-index:1;border-radius:var(--sapphire-semantic-size-height-control-lg)}.sapphire-segmented-control__glider--with-transition{transition:width var(--sapphire-semantic-time-motion-quick) ease-in-out,left var(--sapphire-semantic-time-motion-quick) ease-in-out}.sapphire-segmented-control__button{font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-semibold);font-size:var(--sapphire-semantic-size-font-control-md);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex:1 1 auto;box-sizing:content-box;margin:0;border:0;height:100%;min-width:var(--sapphire-global-size-generic-120);padding:0 var(--sapphire-semantic-size-spacing-50);background-color:transparent;color:var(--sapphire-semantic-color-content-default-primary);cursor:pointer;outline:none;z-index:2;display:flex;align-items:center;justify-content:center;position:relative;transition:color var(--sapphire-semantic-time-motion-quick) ease-in-out}.sapphire-segmented-control__button--active{color:var(--sapphire-semantic-color-content-link-primary-default)}.sapphire-segmented-control__button--disabled{opacity:var(--sapphire-semantic-opacity-disabled);cursor:not-allowed}.sapphire-segmented-control.focus-visible:focus-within .sapphire-segmented-control__glider{outline:var(--sapphire-semantic-size-focus-ring) solid var(--sapphire-semantic-color-focus-ring)}.sapphire-segmented-control--manual-keyboard-activation.focus-visible .sapphire-segmented-control__glider{transition:none}.sapphire-segmented-control--manual-keyboard-activation.focus-visible .sapphire-segmented-control__button:focus{outline:var(--sapphire-semantic-size-focus-ring) solid var(--sapphire-semantic-color-focus-ring);border-radius:var(--sapphire-semantic-size-height-control-lg)}.sapphire-segmented-control.focus-visible:focus-within.sapphire-segmented-control--manual-keyboard-activation .sapphire-segmented-control__glider{outline:none}.sapphire-segmented-control--lg{height:var(--sapphire-semantic-size-height-control-lg)}.sapphire-segmented-control--lg .sapphire-segmented-control__button{font-size:var(--sapphire-semantic-size-font-control-default)}.sapphire-segmented-control--sm{height:var(--sapphire-semantic-size-height-control-sm)}.sapphire-segmented-control--sm .sapphire-segmented-control__button{font-size:var(--sapphire-semantic-size-font-control-sm)}.sapphire-segmented-control__radio-input{margin:0;overflow:visible;position:absolute;top:0;left:0;height:100%;width:100%;opacity:.0001;z-index:1;cursor:pointer}.sapphire-segmented-control__button--disabled .sapphire-segmented-control__radio-input{cursor:not-allowed}\n"] }]
|
|
7066
7101
|
}], ctorParameters: function () { return [{ type: i0.NgZone }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { segmentedControl: [{
|
|
7067
7102
|
type: ViewChild,
|
|
7068
7103
|
args: ['segmentedControl']
|
|
@@ -7090,7 +7125,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
7090
7125
|
'[attr.aria-label]': 'null',
|
|
7091
7126
|
'[attr.aria-labelledby]': 'null',
|
|
7092
7127
|
'[attr.aria-describedby]': 'null',
|
|
7093
|
-
}, template: "<label [for]=\"inputId\">\n <input\n #input\n _spUseComponentStyles\n class=\"sapphire-segmented-control__radio-input\"\n type=\"radio\"\n [id]=\"inputId\"\n [attr.aria-checked]=\"_getAriaChecked()\"\n [attr.aria-label]=\"ariaLabel || null\"\n [attr.aria-labelledby]=\"ariaLabelledby\"\n [attr.aria-describedby]=\"ariaDescribedby\"\n [attr.name]=\"name\"\n [attr.value]=\"value\"\n [checked]=\"checked\"\n [disabled]=\"disabled\"\n [readonly]=\"readonly\"\n [required]=\"required\"\n (change)=\"_onInputInteraction($event)\"\n [attr.autofocus]=\"autofocus ? true : null\"\n />\n <ng-content></ng-content>\n</label>\n" }]
|
|
7128
|
+
}, standalone: false, template: "<label [for]=\"inputId\">\n <input\n #input\n _spUseComponentStyles\n class=\"sapphire-segmented-control__radio-input\"\n type=\"radio\"\n [id]=\"inputId\"\n [attr.aria-checked]=\"_getAriaChecked()\"\n [attr.aria-label]=\"ariaLabel || null\"\n [attr.aria-labelledby]=\"ariaLabelledby\"\n [attr.aria-describedby]=\"ariaDescribedby\"\n [attr.name]=\"name\"\n [attr.value]=\"value\"\n [checked]=\"checked\"\n [disabled]=\"disabled\"\n [readonly]=\"readonly\"\n [required]=\"required\"\n (change)=\"_onInputInteraction($event)\"\n [attr.autofocus]=\"autofocus ? true : null\"\n />\n <ng-content></ng-content>\n</label>\n" }]
|
|
7094
7129
|
}] });
|
|
7095
7130
|
|
|
7096
7131
|
class SapphireRadioModule {
|
|
@@ -7328,6 +7363,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
7328
7363
|
host: {
|
|
7329
7364
|
'[attr.aria-label]': 'dismissLabel',
|
|
7330
7365
|
},
|
|
7366
|
+
standalone: false,
|
|
7331
7367
|
}]
|
|
7332
7368
|
}], ctorParameters: function () { return [{ type: TranslateService }, { type: i1$4.DialogRef, decorators: [{
|
|
7333
7369
|
type: Optional
|
|
@@ -7391,7 +7427,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
7391
7427
|
UseComponentStyles,
|
|
7392
7428
|
], host: {
|
|
7393
7429
|
class: 'sapphire-modal-layout__header-container',
|
|
7394
|
-
}, template: "<div class=\"sapphire-modal-layout__header\" _spUseComponentStyles>\n <ng-content select=\"[spModalBackButton]\"></ng-content>\n\n <div class=\"sapphire-modal-layout__heading-container\" _spUseComponentStyles>\n <h3 sp-heading><ng-content></ng-content></h3>\n <div\n *ngIf=\"!!subheading\"\n class=\"sapphire-modal-layout__subheading\"\n _spUseComponentStyles\n >\n {{ subheading }}\n </div>\n </div>\n\n <button\n *ngIf=\"!hideCloseButton\"\n sp-icon-button\n variant=\"tertiary-ghost\"\n size=\"md\"\n (click)=\"close($event)\"\n spModalCloseButton\n >\n <sp-icon name=\"close\"></sp-icon>\n </button>\n</div>\n" }]
|
|
7430
|
+
}, standalone: false, template: "<div class=\"sapphire-modal-layout__header\" _spUseComponentStyles>\n <ng-content select=\"[spModalBackButton]\"></ng-content>\n\n <div class=\"sapphire-modal-layout__heading-container\" _spUseComponentStyles>\n <h3 sp-heading><ng-content></ng-content></h3>\n <div\n *ngIf=\"!!subheading\"\n class=\"sapphire-modal-layout__subheading\"\n _spUseComponentStyles\n >\n {{ subheading }}\n </div>\n </div>\n\n <button\n *ngIf=\"!hideCloseButton\"\n sp-icon-button\n variant=\"tertiary-ghost\"\n size=\"md\"\n (click)=\"close($event)\"\n spModalCloseButton\n >\n <sp-icon name=\"close\"></sp-icon>\n </button>\n</div>\n" }]
|
|
7395
7431
|
}], propDecorators: { subheading: [{
|
|
7396
7432
|
type: Input
|
|
7397
7433
|
}], hideCloseButton: [{
|
|
@@ -7464,6 +7500,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
7464
7500
|
'[attr.aria-describedby]': 'null',
|
|
7465
7501
|
'[attr.role]': 'null',
|
|
7466
7502
|
},
|
|
7503
|
+
standalone: false,
|
|
7467
7504
|
}]
|
|
7468
7505
|
}], ctorParameters: function () { return [{ type: i1$4.DialogRef }]; }, propDecorators: { ariaLabel: [{
|
|
7469
7506
|
type: Input,
|
|
@@ -7507,7 +7544,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
7507
7544
|
'[class.sapphire-dialog--md]': "size === 'md'",
|
|
7508
7545
|
'[class.sapphire-dialog--lg]': "size === 'lg'",
|
|
7509
7546
|
'[class.sapphire-dialog--exiting]': 'dialogRef.closing',
|
|
7510
|
-
}, hostDirectives: [UseComponentStylesOnHost], styles: ["@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.sapphire-dialog{border-radius:var(--sapphire-semantic-size-radius-lg);background-color:var(--sapphire-semantic-color-background-surface);font-family:var(--sapphire-semantic-font-name-default);color:var(--sapphire-semantic-color-content-default-primary);box-sizing:border-box;overflow:hidden;max-height:90vh;max-width:90vw;display:flex;flex-direction:column;outline:none;animation-name:fade-in;animation-duration:var(--sapphire-semantic-time-fade-default);animation-timing-function:ease-in-out;animation-fill-mode:forwards}.sapphire-dialog--exiting{animation-name:fade-out}.sapphire-dialog--xs{width:var(--sapphire-global-size-generic-800)}.sapphire-dialog--sm{width:var(--sapphire-global-size-generic-1400)}.sapphire-dialog--md{width:var(--sapphire-global-size-generic-1920)}.sapphire-dialog--lg{width:var(--sapphire-global-size-generic-2560)}\n"] }]
|
|
7547
|
+
}, hostDirectives: [UseComponentStylesOnHost], standalone: false, styles: ["@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.sapphire-dialog{border-radius:var(--sapphire-semantic-size-radius-lg);background-color:var(--sapphire-semantic-color-background-surface);font-family:var(--sapphire-semantic-font-name-default);color:var(--sapphire-semantic-color-content-default-primary);box-sizing:border-box;overflow:hidden;max-height:90vh;max-width:90vw;display:flex;flex-direction:column;outline:none;animation-name:fade-in;animation-duration:var(--sapphire-semantic-time-fade-default);animation-timing-function:ease-in-out;animation-fill-mode:forwards}.sapphire-dialog--exiting{animation-name:fade-out}.sapphire-dialog--xs{width:var(--sapphire-global-size-generic-800)}.sapphire-dialog--sm{width:var(--sapphire-global-size-generic-1400)}.sapphire-dialog--md{width:var(--sapphire-global-size-generic-1920)}.sapphire-dialog--lg{width:var(--sapphire-global-size-generic-2560)}\n"] }]
|
|
7511
7548
|
}], ctorParameters: function () { return [{ type: i1$4.DialogRef }]; }, propDecorators: { size: [{
|
|
7512
7549
|
type: Input
|
|
7513
7550
|
}] } });
|
|
@@ -7538,6 +7575,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
7538
7575
|
'[class.sapphire-modal-layout__body--scrollable]': '_scrollMonitor.scrollable',
|
|
7539
7576
|
'[class.sapphire-modal-layout__body--scrolled]': '_scrollMonitor.scrolled',
|
|
7540
7577
|
},
|
|
7578
|
+
standalone: false,
|
|
7541
7579
|
}]
|
|
7542
7580
|
}], ctorParameters: function () { return [{ type: ScrollMonitorDirective }]; }, propDecorators: { noPadding: [{
|
|
7543
7581
|
type: Input
|
|
@@ -7575,7 +7613,7 @@ ModalFooterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", ver
|
|
|
7575
7613
|
ModalFooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: ModalFooterComponent, selector: "sp-modal-footer", hostDirectives: [{ directive: ModalFooterDirective }], ngImport: i0, template: "<div class=\"sapphire-modal-layout__footer\" _spUseComponentStyles>\n <ng-content></ng-content>\n</div>\n", dependencies: [{ kind: "directive", type: UseComponentStyles, selector: "[_spUseComponentStyles]" }] });
|
|
7576
7614
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ModalFooterComponent, decorators: [{
|
|
7577
7615
|
type: Component,
|
|
7578
|
-
args: [{ selector: 'sp-modal-footer', hostDirectives: [{ directive: ModalFooterDirective }], template: "<div class=\"sapphire-modal-layout__footer\" _spUseComponentStyles>\n <ng-content></ng-content>\n</div>\n" }]
|
|
7616
|
+
args: [{ selector: 'sp-modal-footer', hostDirectives: [{ directive: ModalFooterDirective }], standalone: false, template: "<div class=\"sapphire-modal-layout__footer\" _spUseComponentStyles>\n <ng-content></ng-content>\n</div>\n" }]
|
|
7579
7617
|
}], ctorParameters: function () { return []; } });
|
|
7580
7618
|
|
|
7581
7619
|
/**
|
|
@@ -7639,6 +7677,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
7639
7677
|
'templateRef: spDialogTriggerFor',
|
|
7640
7678
|
],
|
|
7641
7679
|
exportAs: 'spDialogTrigger',
|
|
7680
|
+
standalone: false,
|
|
7642
7681
|
}]
|
|
7643
7682
|
}], propDecorators: { open: [{
|
|
7644
7683
|
type: HostListener,
|
|
@@ -7653,7 +7692,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
7653
7692
|
type: Component,
|
|
7654
7693
|
args: [{ selector: 'sp-modal-layout', template: "<ng-content select=\"sp-modal-header, [spModalHeader]\"></ng-content>\n<ng-content select=\"sp-modal-body\"></ng-content>\n<ng-content select=\"sp-modal-footer, [spModalFooter]\"></ng-content>\n", host: {
|
|
7655
7694
|
class: 'sapphire-modal-layout',
|
|
7656
|
-
}, hostDirectives: [UseComponentStylesOnHost], styles: [".sapphire-modal-layout{display:flex;flex-direction:column;height:100%;min-height:0;background-color:var(--sapphire-semantic-color-background-surface);font-family:var(--sapphire-semantic-font-name-default);color:var(--sapphire-semantic-color-content-default-primary)}.sapphire-modal-layout__header-container{flex-shrink:0}.sapphire-modal-layout__header{display:flex;justify-content:space-between;padding:var(--sapphire-semantic-size-spacing-50) var(--sapphire-semantic-size-spacing-container-horizontal-md);gap:var(--sapphire-semantic-size-spacing-30)}.sapphire-modal-layout__body{overflow-y:auto;overflow-x:hidden;flex-grow:1;padding:0 var(--sapphire-semantic-size-spacing-container-horizontal-md)}.sapphire-modal-layout__body.sapphire-modal-layout__body--no-padding{padding:0}.sapphire-modal-layout__footer-container{flex-shrink:0}.sapphire-modal-layout__footer{padding:var(--sapphire-semantic-size-spacing-70) var(--sapphire-semantic-size-spacing-container-horizontal-md) var(--sapphire-semantic-size-spacing-70) var(--sapphire-semantic-size-spacing-container-horizontal-md)}.sapphire-modal-layout__heading-container{flex:1;padding:var(--sapphire-semantic-size-spacing-20) 0;display:flex;flex-direction:column;justify-content:center;word-break:break-word}.sapphire-modal-layout__subheading{color:var(--sapphire-semantic-color-content-default-secondary);margin-top:var(--sapphire-semantic-size-spacing-20)}.sapphire-modal-layout__header-container+.sapphire-modal-layout__body{border-top:var(--sapphire-semantic-size-border-sm) solid transparent}.sapphire-modal-layout__header-container+.sapphire-modal-layout__body.sapphire-modal-layout__body--scrolled{border-top:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-separator-default)}.sapphire-modal-layout:not(:has(.sapphire-modal-layout__footer)) .sapphire-modal-layout__body:not(.sapphire-modal-layout__body--no-padding){padding-bottom:var(--sapphire-semantic-size-spacing-50)}.sapphire-modal-layout__body+.sapphire-modal-layout__footer-container{border-top:var(--sapphire-semantic-size-border-sm) solid transparent}.sapphire-modal-layout__body.sapphire-modal-layout__body--scrollable+.sapphire-modal-layout__footer-container{border-top:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-separator-default)}\n"] }]
|
|
7695
|
+
}, hostDirectives: [UseComponentStylesOnHost], standalone: false, styles: [".sapphire-modal-layout{display:flex;flex-direction:column;height:100%;min-height:0;background-color:var(--sapphire-semantic-color-background-surface);font-family:var(--sapphire-semantic-font-name-default);color:var(--sapphire-semantic-color-content-default-primary)}.sapphire-modal-layout__header-container{flex-shrink:0}.sapphire-modal-layout__header{display:flex;justify-content:space-between;padding:var(--sapphire-semantic-size-spacing-50) var(--sapphire-semantic-size-spacing-container-horizontal-md);gap:var(--sapphire-semantic-size-spacing-30)}.sapphire-modal-layout__body{overflow-y:auto;overflow-x:hidden;flex-grow:1;padding:0 var(--sapphire-semantic-size-spacing-container-horizontal-md)}.sapphire-modal-layout__body.sapphire-modal-layout__body--no-padding{padding:0}.sapphire-modal-layout__footer-container{flex-shrink:0}.sapphire-modal-layout__footer{padding:var(--sapphire-semantic-size-spacing-70) var(--sapphire-semantic-size-spacing-container-horizontal-md) var(--sapphire-semantic-size-spacing-70) var(--sapphire-semantic-size-spacing-container-horizontal-md)}.sapphire-modal-layout__heading-container{flex:1;padding:var(--sapphire-semantic-size-spacing-20) 0;display:flex;flex-direction:column;justify-content:center;word-break:break-word}.sapphire-modal-layout__subheading{color:var(--sapphire-semantic-color-content-default-secondary);margin-top:var(--sapphire-semantic-size-spacing-20)}.sapphire-modal-layout__header-container+.sapphire-modal-layout__body{border-top:var(--sapphire-semantic-size-border-sm) solid transparent}.sapphire-modal-layout__header-container+.sapphire-modal-layout__body.sapphire-modal-layout__body--scrolled{border-top:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-separator-default)}.sapphire-modal-layout:not(:has(.sapphire-modal-layout__footer)) .sapphire-modal-layout__body:not(.sapphire-modal-layout__body--no-padding){padding-bottom:var(--sapphire-semantic-size-spacing-50)}.sapphire-modal-layout__body+.sapphire-modal-layout__footer-container{border-top:var(--sapphire-semantic-size-border-sm) solid transparent}.sapphire-modal-layout__body.sapphire-modal-layout__body--scrollable+.sapphire-modal-layout__footer-container{border-top:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-separator-default)}\n"] }]
|
|
7657
7696
|
}] });
|
|
7658
7697
|
|
|
7659
7698
|
/**
|
|
@@ -7692,7 +7731,7 @@ ConfirmationDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.
|
|
|
7692
7731
|
ConfirmationDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: ConfirmationDialogComponent, selector: "sp-confirmation-dialog", inputs: { heading: "heading", primaryActionLabel: "primaryActionLabel", secondaryActionLabel: "secondaryActionLabel" }, outputs: { primaryActionSelected: "primaryActionSelected", secondaryActionSelected: "secondaryActionSelected" }, viewQueries: [{ propertyName: "dialog", first: true, predicate: DialogComponent, descendants: true }], exportAs: ["spConfirmationDialog"], ngImport: i0, template: "<sp-dialog role=\"alertdialog\">\n <sp-modal-layout>\n <sp-modal-header *ngIf=\"heading\" hideCloseButton>{{\n heading\n }}</sp-modal-header>\n <sp-modal-body><ng-content></ng-content></sp-modal-body>\n <sp-modal-footer>\n <sp-button-group>\n <button\n sp-button\n variant=\"secondary\"\n (click)=\"dialog && secondaryActionSelected.emit({dialog})\"\n >\n {{ secondaryActionLabel }}\n </button>\n <button\n sp-button\n variant=\"primary\"\n (click)=\"dialog && primaryActionSelected.emit({dialog})\"\n >\n {{ primaryActionLabel }}\n </button>\n </sp-button-group>\n </sp-modal-footer>\n </sp-modal-layout>\n</sp-dialog>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ButtonComponent, selector: "button[sp-button], a[sp-button]", inputs: ["variant", "size", "disabled", "iconAlign", "type"] }, { kind: "component", type: ButtonGroupComponent, selector: "sp-button-group", inputs: ["align", "stretch", "spacing", "orientation"] }, { kind: "component", type: ModalLayoutComponent, selector: "sp-modal-layout" }, { kind: "component", type: ModalHeaderComponent, selector: "sp-modal-header", inputs: ["subheading", "hideCloseButton"], outputs: ["closeClicked"] }, { kind: "component", type: ModalBodyComponent, selector: "sp-modal-body", inputs: ["noPadding"] }, { kind: "component", type: ModalFooterComponent, selector: "sp-modal-footer" }, { kind: "component", type: DialogComponent, selector: "sp-dialog", inputs: ["size"] }] });
|
|
7693
7732
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ConfirmationDialogComponent, decorators: [{
|
|
7694
7733
|
type: Component,
|
|
7695
|
-
args: [{ selector: 'sp-confirmation-dialog', exportAs: 'spConfirmationDialog', template: "<sp-dialog role=\"alertdialog\">\n <sp-modal-layout>\n <sp-modal-header *ngIf=\"heading\" hideCloseButton>{{\n heading\n }}</sp-modal-header>\n <sp-modal-body><ng-content></ng-content></sp-modal-body>\n <sp-modal-footer>\n <sp-button-group>\n <button\n sp-button\n variant=\"secondary\"\n (click)=\"dialog && secondaryActionSelected.emit({dialog})\"\n >\n {{ secondaryActionLabel }}\n </button>\n <button\n sp-button\n variant=\"primary\"\n (click)=\"dialog && primaryActionSelected.emit({dialog})\"\n >\n {{ primaryActionLabel }}\n </button>\n </sp-button-group>\n </sp-modal-footer>\n </sp-modal-layout>\n</sp-dialog>\n" }]
|
|
7734
|
+
args: [{ selector: 'sp-confirmation-dialog', exportAs: 'spConfirmationDialog', standalone: false, template: "<sp-dialog role=\"alertdialog\">\n <sp-modal-layout>\n <sp-modal-header *ngIf=\"heading\" hideCloseButton>{{\n heading\n }}</sp-modal-header>\n <sp-modal-body><ng-content></ng-content></sp-modal-body>\n <sp-modal-footer>\n <sp-button-group>\n <button\n sp-button\n variant=\"secondary\"\n (click)=\"dialog && secondaryActionSelected.emit({dialog})\"\n >\n {{ secondaryActionLabel }}\n </button>\n <button\n sp-button\n variant=\"primary\"\n (click)=\"dialog && primaryActionSelected.emit({dialog})\"\n >\n {{ primaryActionLabel }}\n </button>\n </sp-button-group>\n </sp-modal-footer>\n </sp-modal-layout>\n</sp-dialog>\n" }]
|
|
7696
7735
|
}], propDecorators: { heading: [{
|
|
7697
7736
|
type: Input
|
|
7698
7737
|
}], primaryActionLabel: [{
|
|
@@ -7745,7 +7784,7 @@ DangerDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", ve
|
|
|
7745
7784
|
DangerDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: DangerDialogComponent, selector: "sp-danger-dialog", inputs: { heading: "heading", primaryActionLabel: "primaryActionLabel", secondaryActionLabel: "secondaryActionLabel" }, outputs: { primaryActionSelected: "primaryActionSelected", secondaryActionSelected: "secondaryActionSelected" }, viewQueries: [{ propertyName: "dialog", first: true, predicate: DialogComponent, descendants: true }], exportAs: ["spDangerDialog"], ngImport: i0, template: "<sp-dialog role=\"alertdialog\">\n <sp-modal-layout>\n <sp-modal-header *ngIf=\"heading\" hideCloseButton>{{\n heading\n }}</sp-modal-header>\n <sp-modal-body><ng-content></ng-content></sp-modal-body>\n <sp-modal-footer>\n <sp-button-group>\n <button\n sp-button\n variant=\"secondary\"\n (click)=\"dialog && secondaryActionSelected.emit({dialog})\"\n >\n {{ secondaryActionLabel }}\n </button>\n <button\n sp-button\n variant=\"danger\"\n (click)=\"dialog && primaryActionSelected.emit({dialog})\"\n >\n {{ primaryActionLabel }}\n </button>\n </sp-button-group>\n </sp-modal-footer>\n </sp-modal-layout>\n</sp-dialog>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ButtonComponent, selector: "button[sp-button], a[sp-button]", inputs: ["variant", "size", "disabled", "iconAlign", "type"] }, { kind: "component", type: ButtonGroupComponent, selector: "sp-button-group", inputs: ["align", "stretch", "spacing", "orientation"] }, { kind: "component", type: ModalLayoutComponent, selector: "sp-modal-layout" }, { kind: "component", type: ModalHeaderComponent, selector: "sp-modal-header", inputs: ["subheading", "hideCloseButton"], outputs: ["closeClicked"] }, { kind: "component", type: ModalBodyComponent, selector: "sp-modal-body", inputs: ["noPadding"] }, { kind: "component", type: ModalFooterComponent, selector: "sp-modal-footer" }, { kind: "component", type: DialogComponent, selector: "sp-dialog", inputs: ["size"] }] });
|
|
7746
7785
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: DangerDialogComponent, decorators: [{
|
|
7747
7786
|
type: Component,
|
|
7748
|
-
args: [{ selector: 'sp-danger-dialog', exportAs: 'spDangerDialog', template: "<sp-dialog role=\"alertdialog\">\n <sp-modal-layout>\n <sp-modal-header *ngIf=\"heading\" hideCloseButton>{{\n heading\n }}</sp-modal-header>\n <sp-modal-body><ng-content></ng-content></sp-modal-body>\n <sp-modal-footer>\n <sp-button-group>\n <button\n sp-button\n variant=\"secondary\"\n (click)=\"dialog && secondaryActionSelected.emit({dialog})\"\n >\n {{ secondaryActionLabel }}\n </button>\n <button\n sp-button\n variant=\"danger\"\n (click)=\"dialog && primaryActionSelected.emit({dialog})\"\n >\n {{ primaryActionLabel }}\n </button>\n </sp-button-group>\n </sp-modal-footer>\n </sp-modal-layout>\n</sp-dialog>\n" }]
|
|
7787
|
+
args: [{ selector: 'sp-danger-dialog', exportAs: 'spDangerDialog', standalone: false, template: "<sp-dialog role=\"alertdialog\">\n <sp-modal-layout>\n <sp-modal-header *ngIf=\"heading\" hideCloseButton>{{\n heading\n }}</sp-modal-header>\n <sp-modal-body><ng-content></ng-content></sp-modal-body>\n <sp-modal-footer>\n <sp-button-group>\n <button\n sp-button\n variant=\"secondary\"\n (click)=\"dialog && secondaryActionSelected.emit({dialog})\"\n >\n {{ secondaryActionLabel }}\n </button>\n <button\n sp-button\n variant=\"danger\"\n (click)=\"dialog && primaryActionSelected.emit({dialog})\"\n >\n {{ primaryActionLabel }}\n </button>\n </sp-button-group>\n </sp-modal-footer>\n </sp-modal-layout>\n</sp-dialog>\n" }]
|
|
7749
7788
|
}], propDecorators: { heading: [{
|
|
7750
7789
|
type: Input
|
|
7751
7790
|
}], primaryActionLabel: [{
|
|
@@ -7780,7 +7819,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
7780
7819
|
class: 'sapphire-panel',
|
|
7781
7820
|
'[class.sapphire-panel--sm]': 'size === "sm"',
|
|
7782
7821
|
'[class.sapphire-panel--visible]': '!dialogRef.closing',
|
|
7783
|
-
}, hostDirectives: [UseComponentStylesOnHost], styles: [".sapphire-panel{box-sizing:border-box;overflow:hidden;max-width:100%;display:block;height:100%;outline:0;transition:transform var(--sapphire-semantic-time-motion-default) ease-in-out;transform:translate(100%);width:var(--sapphire-semantic-size-width-panel-lg)}.sapphire-panel--visible{transform:translate(0)}.sapphire-panel--sm{width:var(--sapphire-semantic-size-width-panel-sm)}.sapphire-modal-layout{display:flex;flex-direction:column;height:100%;min-height:0;background-color:var(--sapphire-semantic-color-background-surface);font-family:var(--sapphire-semantic-font-name-default);color:var(--sapphire-semantic-color-content-default-primary)}.sapphire-modal-layout__header-container{flex-shrink:0}.sapphire-modal-layout__header{display:flex;justify-content:space-between;padding:var(--sapphire-semantic-size-spacing-50) var(--sapphire-semantic-size-spacing-container-horizontal-md);gap:var(--sapphire-semantic-size-spacing-30)}.sapphire-modal-layout__body{overflow-y:auto;overflow-x:hidden;flex-grow:1;padding:0 var(--sapphire-semantic-size-spacing-container-horizontal-md)}.sapphire-modal-layout__body.sapphire-modal-layout__body--no-padding{padding:0}.sapphire-modal-layout__footer-container{flex-shrink:0}.sapphire-modal-layout__footer{padding:var(--sapphire-semantic-size-spacing-70) var(--sapphire-semantic-size-spacing-container-horizontal-md) var(--sapphire-semantic-size-spacing-70) var(--sapphire-semantic-size-spacing-container-horizontal-md)}.sapphire-modal-layout__heading-container{flex:1;padding:var(--sapphire-semantic-size-spacing-20) 0;display:flex;flex-direction:column;justify-content:center;word-break:break-word}.sapphire-modal-layout__subheading{color:var(--sapphire-semantic-color-content-default-secondary);margin-top:var(--sapphire-semantic-size-spacing-20)}.sapphire-modal-layout__header-container+.sapphire-modal-layout__body{border-top:var(--sapphire-semantic-size-border-sm) solid transparent}.sapphire-modal-layout__header-container+.sapphire-modal-layout__body.sapphire-modal-layout__body--scrolled{border-top:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-separator-default)}.sapphire-modal-layout:not(:has(.sapphire-modal-layout__footer)) .sapphire-modal-layout__body:not(.sapphire-modal-layout__body--no-padding){padding-bottom:var(--sapphire-semantic-size-spacing-50)}.sapphire-modal-layout__body+.sapphire-modal-layout__footer-container{border-top:var(--sapphire-semantic-size-border-sm) solid transparent}.sapphire-modal-layout__body.sapphire-modal-layout__body--scrollable+.sapphire-modal-layout__footer-container{border-top:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-separator-default)}\n"] }]
|
|
7822
|
+
}, hostDirectives: [UseComponentStylesOnHost], standalone: false, styles: [".sapphire-panel{box-sizing:border-box;overflow:hidden;max-width:100%;display:block;height:100%;outline:0;transition:transform var(--sapphire-semantic-time-motion-default) ease-in-out;transform:translate(100%);width:var(--sapphire-semantic-size-width-panel-lg)}.sapphire-panel--visible{transform:translate(0)}.sapphire-panel--sm{width:var(--sapphire-semantic-size-width-panel-sm)}.sapphire-modal-layout{display:flex;flex-direction:column;height:100%;min-height:0;background-color:var(--sapphire-semantic-color-background-surface);font-family:var(--sapphire-semantic-font-name-default);color:var(--sapphire-semantic-color-content-default-primary)}.sapphire-modal-layout__header-container{flex-shrink:0}.sapphire-modal-layout__header{display:flex;justify-content:space-between;padding:var(--sapphire-semantic-size-spacing-50) var(--sapphire-semantic-size-spacing-container-horizontal-md);gap:var(--sapphire-semantic-size-spacing-30)}.sapphire-modal-layout__body{overflow-y:auto;overflow-x:hidden;flex-grow:1;padding:0 var(--sapphire-semantic-size-spacing-container-horizontal-md)}.sapphire-modal-layout__body.sapphire-modal-layout__body--no-padding{padding:0}.sapphire-modal-layout__footer-container{flex-shrink:0}.sapphire-modal-layout__footer{padding:var(--sapphire-semantic-size-spacing-70) var(--sapphire-semantic-size-spacing-container-horizontal-md) var(--sapphire-semantic-size-spacing-70) var(--sapphire-semantic-size-spacing-container-horizontal-md)}.sapphire-modal-layout__heading-container{flex:1;padding:var(--sapphire-semantic-size-spacing-20) 0;display:flex;flex-direction:column;justify-content:center;word-break:break-word}.sapphire-modal-layout__subheading{color:var(--sapphire-semantic-color-content-default-secondary);margin-top:var(--sapphire-semantic-size-spacing-20)}.sapphire-modal-layout__header-container+.sapphire-modal-layout__body{border-top:var(--sapphire-semantic-size-border-sm) solid transparent}.sapphire-modal-layout__header-container+.sapphire-modal-layout__body.sapphire-modal-layout__body--scrolled{border-top:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-separator-default)}.sapphire-modal-layout:not(:has(.sapphire-modal-layout__footer)) .sapphire-modal-layout__body:not(.sapphire-modal-layout__body--no-padding){padding-bottom:var(--sapphire-semantic-size-spacing-50)}.sapphire-modal-layout__body+.sapphire-modal-layout__footer-container{border-top:var(--sapphire-semantic-size-border-sm) solid transparent}.sapphire-modal-layout__body.sapphire-modal-layout__body--scrollable+.sapphire-modal-layout__footer-container{border-top:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-separator-default)}\n"] }]
|
|
7784
7823
|
}], ctorParameters: function () { return [{ type: i1$4.DialogRef }]; }, propDecorators: { size: [{
|
|
7785
7824
|
type: Input
|
|
7786
7825
|
}] } });
|
|
@@ -7808,6 +7847,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
7808
7847
|
'templateRef: spPanelTriggerFor',
|
|
7809
7848
|
],
|
|
7810
7849
|
exportAs: 'spPanelTrigger',
|
|
7850
|
+
standalone: false,
|
|
7811
7851
|
}]
|
|
7812
7852
|
}], propDecorators: { open: [{
|
|
7813
7853
|
type: HostListener,
|
|
@@ -7822,6 +7862,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
7822
7862
|
type: Directive,
|
|
7823
7863
|
args: [{
|
|
7824
7864
|
selector: '[spModalBackButton]',
|
|
7865
|
+
standalone: false,
|
|
7825
7866
|
}]
|
|
7826
7867
|
}] });
|
|
7827
7868
|
|
|
@@ -7946,6 +7987,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
7946
7987
|
class: 'sapphire-skeleton--text',
|
|
7947
7988
|
'[style.width]': '_calculatedWidth',
|
|
7948
7989
|
},
|
|
7990
|
+
standalone: false,
|
|
7949
7991
|
}]
|
|
7950
7992
|
}], propDecorators: { width: [{
|
|
7951
7993
|
type: Input
|
|
@@ -7976,7 +8018,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
7976
8018
|
args: [{ selector: 'sp-skeleton-block, sp-skeleton-circle, sp-skeleton-text', template: '', host: {
|
|
7977
8019
|
class: 'sapphire-skeleton',
|
|
7978
8020
|
'[style.animation-delay]': '_getAnimationDelay(index)',
|
|
7979
|
-
}, hostDirectives: [ThemeCheckDirective, UseComponentStylesOnHost], styles: ["@keyframes skeletonPulse{0%,25%{opacity:1}60%,65%{opacity:var(--sapphire-global-opacity-35)}to{opacity:1}}.sapphire-skeleton{width:100%;background-color:var(--sapphire-semantic-color-background-skeleton-default);animation:skeletonPulse infinite cubic-bezier(.25,0,.25,1);animation-duration:var(--sapphire-semantic-time-fade-slow)}.sapphire-skeleton--text{height:calc(var(--sapphire-global-size-ratio-height) * 1em);transform:translateY(calc((1 - var(--sapphire-global-size-ratio-height)) / 2 * 1em));display:inline-block;border-radius:var(--sapphire-semantic-size-radius-sm)}.sapphire-skeleton--circle{height:100%;border-radius:50%}.sapphire-skeleton--block{height:100%;width:100%}:host{display:block}\n"] }]
|
|
8021
|
+
}, hostDirectives: [ThemeCheckDirective, UseComponentStylesOnHost], standalone: false, styles: ["@keyframes skeletonPulse{0%,25%{opacity:1}60%,65%{opacity:var(--sapphire-global-opacity-35)}to{opacity:1}}.sapphire-skeleton{width:100%;background-color:var(--sapphire-semantic-color-background-skeleton-default);animation:skeletonPulse infinite cubic-bezier(.25,0,.25,1);animation-duration:var(--sapphire-semantic-time-fade-slow)}.sapphire-skeleton--text{height:calc(var(--sapphire-global-size-ratio-height) * 1em);transform:translateY(calc((1 - var(--sapphire-global-size-ratio-height)) / 2 * 1em));display:inline-block;border-radius:var(--sapphire-semantic-size-radius-sm)}.sapphire-skeleton--circle{height:100%;border-radius:50%}.sapphire-skeleton--block{height:100%;width:100%}:host{display:block}\n"] }]
|
|
7980
8022
|
}], propDecorators: { index: [{
|
|
7981
8023
|
type: Input
|
|
7982
8024
|
}] } });
|
|
@@ -7992,6 +8034,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
7992
8034
|
host: {
|
|
7993
8035
|
class: 'sapphire-skeleton--circle',
|
|
7994
8036
|
},
|
|
8037
|
+
standalone: false,
|
|
7995
8038
|
}]
|
|
7996
8039
|
}] });
|
|
7997
8040
|
|
|
@@ -8006,6 +8049,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
8006
8049
|
host: {
|
|
8007
8050
|
class: 'sapphire-skeleton--block',
|
|
8008
8051
|
},
|
|
8052
|
+
standalone: false,
|
|
8009
8053
|
}]
|
|
8010
8054
|
}] });
|
|
8011
8055
|
|
|
@@ -8246,7 +8290,7 @@ PageSelectionRowComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0"
|
|
|
8246
8290
|
PageSelectionRowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: PageSelectionRowComponent, selector: "sp-page-selection-row", inputs: { currentPage: "currentPage", totalPageCount: "totalPageCount", siblingCount: "siblingCount", boundaryCount: "boundaryCount" }, outputs: { pageChange: "pageChange" }, usesOnChanges: true, ngImport: i0, template: "<sp-button-group orientation=\"horizontal\" spacing=\"xs\">\n <ng-container *ngFor=\"let slot of slots\">\n <div *ngIf=\"slot.type === 'ellipsis'\" class=\"sapphire-pagination__ellipsis\">\n ...\n </div>\n <button\n *ngIf=\"slot.type === 'page'\"\n sp-icon-button\n [variant]=\"slot.page === currentPage ? 'secondary' : 'tertiary-ghost'\"\n size=\"sm\"\n (click)=\"onPageSelect(slot.page)\"\n [attr.aria-label]=\"getAriaLabel(slot)\"\n [ngStyle]=\"{ 'z-index': slot.page !== currentPage ? 1 : null }\"\n >\n {{ slot.page + 1 }}\n </button>\n </ng-container>\n</sp-button-group>\n", styles: [".sapphire-pagination{display:flex;justify-content:flex-end;align-items:center;padding:var(--sapphire-semantic-size-spacing-20) var(--sapphire-semantic-size-spacing-50);background-color:var(--sapphire-semantic-color-background-surface);font-family:var(--sapphire-semantic-font-name-default);font-size:var(--sapphire-semantic-size-font-control-sm);height:var(--sapphire-semantic-size-height-control-md);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sapphire-pagination__controls{display:flex;align-items:center;justify-content:flex-end;flex-grow:1;color:var(--sapphire-semantic-color-content-default-primary);gap:var(--sapphire-semantic-size-spacing-30)}.sapphire-pagination__text{font-weight:var(--sapphire-semantic-font-weight-default-regular);padding-left:var(--sapphire-semantic-size-spacing-20);padding-right:var(--sapphire-semantic-size-spacing-20)}.sapphire-pagination__text--emphasized{font-weight:var(--sapphire-semantic-font-weight-default-semibold)}.sapphire-pagination__ellipsis{display:flex;justify-content:center;align-items:center;height:var(--sapphire-semantic-size-height-control-sm);width:var(--sapphire-semantic-size-height-control-sm);font-size:var(--sapphire-semantic-size-font-control-sm);font-weight:var(--sapphire-semantic-font-weight-default-semibold)}sp-basic-select{margin-left:calc(-1 * var(--sapphire-global-size-generic-50))}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: IconButtonComponent, selector: "button[sp-icon-button], a[sp-icon-button]", inputs: ["variant", "size", "disabled", "type"] }, { kind: "component", type: ButtonGroupComponent, selector: "sp-button-group", inputs: ["align", "stretch", "spacing", "orientation"] }] });
|
|
8247
8291
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: PageSelectionRowComponent, decorators: [{
|
|
8248
8292
|
type: Component,
|
|
8249
|
-
args: [{ selector: 'sp-page-selection-row', template: "<sp-button-group orientation=\"horizontal\" spacing=\"xs\">\n <ng-container *ngFor=\"let slot of slots\">\n <div *ngIf=\"slot.type === 'ellipsis'\" class=\"sapphire-pagination__ellipsis\">\n ...\n </div>\n <button\n *ngIf=\"slot.type === 'page'\"\n sp-icon-button\n [variant]=\"slot.page === currentPage ? 'secondary' : 'tertiary-ghost'\"\n size=\"sm\"\n (click)=\"onPageSelect(slot.page)\"\n [attr.aria-label]=\"getAriaLabel(slot)\"\n [ngStyle]=\"{ 'z-index': slot.page !== currentPage ? 1 : null }\"\n >\n {{ slot.page + 1 }}\n </button>\n </ng-container>\n</sp-button-group>\n", styles: [".sapphire-pagination{display:flex;justify-content:flex-end;align-items:center;padding:var(--sapphire-semantic-size-spacing-20) var(--sapphire-semantic-size-spacing-50);background-color:var(--sapphire-semantic-color-background-surface);font-family:var(--sapphire-semantic-font-name-default);font-size:var(--sapphire-semantic-size-font-control-sm);height:var(--sapphire-semantic-size-height-control-md);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sapphire-pagination__controls{display:flex;align-items:center;justify-content:flex-end;flex-grow:1;color:var(--sapphire-semantic-color-content-default-primary);gap:var(--sapphire-semantic-size-spacing-30)}.sapphire-pagination__text{font-weight:var(--sapphire-semantic-font-weight-default-regular);padding-left:var(--sapphire-semantic-size-spacing-20);padding-right:var(--sapphire-semantic-size-spacing-20)}.sapphire-pagination__text--emphasized{font-weight:var(--sapphire-semantic-font-weight-default-semibold)}.sapphire-pagination__ellipsis{display:flex;justify-content:center;align-items:center;height:var(--sapphire-semantic-size-height-control-sm);width:var(--sapphire-semantic-size-height-control-sm);font-size:var(--sapphire-semantic-size-font-control-sm);font-weight:var(--sapphire-semantic-font-weight-default-semibold)}sp-basic-select{margin-left:calc(-1 * var(--sapphire-global-size-generic-50))}\n"] }]
|
|
8293
|
+
args: [{ selector: 'sp-page-selection-row', standalone: false, template: "<sp-button-group orientation=\"horizontal\" spacing=\"xs\">\n <ng-container *ngFor=\"let slot of slots\">\n <div *ngIf=\"slot.type === 'ellipsis'\" class=\"sapphire-pagination__ellipsis\">\n ...\n </div>\n <button\n *ngIf=\"slot.type === 'page'\"\n sp-icon-button\n [variant]=\"slot.page === currentPage ? 'secondary' : 'tertiary-ghost'\"\n size=\"sm\"\n (click)=\"onPageSelect(slot.page)\"\n [attr.aria-label]=\"getAriaLabel(slot)\"\n [ngStyle]=\"{ 'z-index': slot.page !== currentPage ? 1 : null }\"\n >\n {{ slot.page + 1 }}\n </button>\n </ng-container>\n</sp-button-group>\n", styles: [".sapphire-pagination{display:flex;justify-content:flex-end;align-items:center;padding:var(--sapphire-semantic-size-spacing-20) var(--sapphire-semantic-size-spacing-50);background-color:var(--sapphire-semantic-color-background-surface);font-family:var(--sapphire-semantic-font-name-default);font-size:var(--sapphire-semantic-size-font-control-sm);height:var(--sapphire-semantic-size-height-control-md);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sapphire-pagination__controls{display:flex;align-items:center;justify-content:flex-end;flex-grow:1;color:var(--sapphire-semantic-color-content-default-primary);gap:var(--sapphire-semantic-size-spacing-30)}.sapphire-pagination__text{font-weight:var(--sapphire-semantic-font-weight-default-regular);padding-left:var(--sapphire-semantic-size-spacing-20);padding-right:var(--sapphire-semantic-size-spacing-20)}.sapphire-pagination__text--emphasized{font-weight:var(--sapphire-semantic-font-weight-default-semibold)}.sapphire-pagination__ellipsis{display:flex;justify-content:center;align-items:center;height:var(--sapphire-semantic-size-height-control-sm);width:var(--sapphire-semantic-size-height-control-sm);font-size:var(--sapphire-semantic-size-font-control-sm);font-weight:var(--sapphire-semantic-font-weight-default-semibold)}sp-basic-select{margin-left:calc(-1 * var(--sapphire-global-size-generic-50))}\n"] }]
|
|
8250
8294
|
}], ctorParameters: function () { return [{ type: TranslateService }]; }, propDecorators: { currentPage: [{
|
|
8251
8295
|
type: Input
|
|
8252
8296
|
}], totalPageCount: [{
|
|
@@ -8333,7 +8377,7 @@ PaginationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", vers
|
|
|
8333
8377
|
PaginationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: PaginationComponent, selector: "sp-pagination", inputs: { pageSize: "pageSize", itemCount: "itemCount", page: "page", pageSizeOptions: "pageSizeOptions", allowPageSelection: "allowPageSelection", disabled: "disabled" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<div class=\"sapphire-pagination\">\n <sp-basic-select\n *ngIf=\"pageSizeOptions\"\n [placeholder]=\"'select-an-option' | t\"\n (valueChange)=\"_onPageSizeChange($event)\"\n [value]=\"'' + pageSize\"\n [disabled]=\"!!disabled\"\n [aria-label]=\"'number-of-items-per-page' | t\"\n variant=\"tertiary-ghost\"\n size=\"sm\"\n >\n <sp-option\n *ngFor=\"let pageSizeOption of pageSizeOptions\"\n [value]=\"'' + pageSizeOption\"\n >{{ 'items-per-page' | t : { value: pageSizeOption } }}</sp-option\n >\n </sp-basic-select>\n <span class=\"sapphire-pagination__controls\">\n <span\n *ngIf=\"!allowPageSelection\"\n class=\"sapphire-pagination__text--emphasized\"\n >\n {{ startItemIndex }} -\n {{ endItemIndex }}\n <span class=\"sapphire-pagination__text\"> {{ 'of' | t }} </span>\n {{ itemCount }}\n </span>\n <button\n sp-icon-button\n variant=\"tertiary-ghost\"\n size=\"sm\"\n (click)=\"_onPageChange('previous')\"\n [disabled]=\"_isPreviousPageButtonDisabled() || !!disabled\"\n [attr.aria-label]=\"'previous' | t\"\n >\n <sp-icon name=\"chevronLeft\"></sp-icon>\n </button>\n\n <sp-page-selection-row\n *ngIf=\"allowPageSelection\"\n [currentPage]=\"page\"\n [totalPageCount]=\"Math.ceil(itemCount / pageSize)\"\n [siblingCount]=\"1\"\n [boundaryCount]=\"1\"\n (pageChange)=\"_onPageSelect($event)\"\n />\n\n <button\n sp-icon-button\n variant=\"tertiary-ghost\"\n size=\"sm\"\n (click)=\"_onPageChange('next')\"\n [disabled]=\"_isNextPageButtonDisabled() || !!disabled\"\n [attr.aria-label]=\"'next' | t\"\n >\n <sp-icon name=\"chevronRight\"></sp-icon>\n </button>\n </span>\n</div>\n", styles: [".sapphire-pagination{display:flex;justify-content:flex-end;align-items:center;padding:var(--sapphire-semantic-size-spacing-20) var(--sapphire-semantic-size-spacing-50);background-color:var(--sapphire-semantic-color-background-surface);font-family:var(--sapphire-semantic-font-name-default);font-size:var(--sapphire-semantic-size-font-control-sm);height:var(--sapphire-semantic-size-height-control-md);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sapphire-pagination__controls{display:flex;align-items:center;justify-content:flex-end;flex-grow:1;color:var(--sapphire-semantic-color-content-default-primary);gap:var(--sapphire-semantic-size-spacing-30)}.sapphire-pagination__text{font-weight:var(--sapphire-semantic-font-weight-default-regular);padding-left:var(--sapphire-semantic-size-spacing-20);padding-right:var(--sapphire-semantic-size-spacing-20)}.sapphire-pagination__text--emphasized{font-weight:var(--sapphire-semantic-font-weight-default-semibold)}.sapphire-pagination__ellipsis{display:flex;justify-content:center;align-items:center;height:var(--sapphire-semantic-size-height-control-sm);width:var(--sapphire-semantic-size-height-control-sm);font-size:var(--sapphire-semantic-size-font-control-sm);font-weight:var(--sapphire-semantic-font-weight-default-semibold)}sp-basic-select{margin-left:calc(-1 * var(--sapphire-global-size-generic-50))}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: OptionComponent, selector: "sp-option", inputs: ["value", "disabled"] }, { kind: "component", type: BasicSelectComponent, selector: "sp-basic-select", inputs: ["size", "variant"], exportAs: ["spBasicSelect"] }, { kind: "directive", type: BasicSingleSelectDirective, selector: "sp-basic-select:not([multiple])" }, { kind: "component", type: IconButtonComponent, selector: "button[sp-icon-button], a[sp-icon-button]", inputs: ["variant", "size", "disabled", "type"] }, { kind: "component", type: IconComponent, selector: "sp-icon", inputs: ["name", "size"] }, { kind: "component", type: PageSelectionRowComponent, selector: "sp-page-selection-row", inputs: ["currentPage", "totalPageCount", "siblingCount", "boundaryCount"], outputs: ["pageChange"] }, { kind: "pipe", type: TranslatePipe, name: "t" }] });
|
|
8334
8378
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: PaginationComponent, decorators: [{
|
|
8335
8379
|
type: Component,
|
|
8336
|
-
args: [{ selector: 'sp-pagination', template: "<div class=\"sapphire-pagination\">\n <sp-basic-select\n *ngIf=\"pageSizeOptions\"\n [placeholder]=\"'select-an-option' | t\"\n (valueChange)=\"_onPageSizeChange($event)\"\n [value]=\"'' + pageSize\"\n [disabled]=\"!!disabled\"\n [aria-label]=\"'number-of-items-per-page' | t\"\n variant=\"tertiary-ghost\"\n size=\"sm\"\n >\n <sp-option\n *ngFor=\"let pageSizeOption of pageSizeOptions\"\n [value]=\"'' + pageSizeOption\"\n >{{ 'items-per-page' | t : { value: pageSizeOption } }}</sp-option\n >\n </sp-basic-select>\n <span class=\"sapphire-pagination__controls\">\n <span\n *ngIf=\"!allowPageSelection\"\n class=\"sapphire-pagination__text--emphasized\"\n >\n {{ startItemIndex }} -\n {{ endItemIndex }}\n <span class=\"sapphire-pagination__text\"> {{ 'of' | t }} </span>\n {{ itemCount }}\n </span>\n <button\n sp-icon-button\n variant=\"tertiary-ghost\"\n size=\"sm\"\n (click)=\"_onPageChange('previous')\"\n [disabled]=\"_isPreviousPageButtonDisabled() || !!disabled\"\n [attr.aria-label]=\"'previous' | t\"\n >\n <sp-icon name=\"chevronLeft\"></sp-icon>\n </button>\n\n <sp-page-selection-row\n *ngIf=\"allowPageSelection\"\n [currentPage]=\"page\"\n [totalPageCount]=\"Math.ceil(itemCount / pageSize)\"\n [siblingCount]=\"1\"\n [boundaryCount]=\"1\"\n (pageChange)=\"_onPageSelect($event)\"\n />\n\n <button\n sp-icon-button\n variant=\"tertiary-ghost\"\n size=\"sm\"\n (click)=\"_onPageChange('next')\"\n [disabled]=\"_isNextPageButtonDisabled() || !!disabled\"\n [attr.aria-label]=\"'next' | t\"\n >\n <sp-icon name=\"chevronRight\"></sp-icon>\n </button>\n </span>\n</div>\n", styles: [".sapphire-pagination{display:flex;justify-content:flex-end;align-items:center;padding:var(--sapphire-semantic-size-spacing-20) var(--sapphire-semantic-size-spacing-50);background-color:var(--sapphire-semantic-color-background-surface);font-family:var(--sapphire-semantic-font-name-default);font-size:var(--sapphire-semantic-size-font-control-sm);height:var(--sapphire-semantic-size-height-control-md);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sapphire-pagination__controls{display:flex;align-items:center;justify-content:flex-end;flex-grow:1;color:var(--sapphire-semantic-color-content-default-primary);gap:var(--sapphire-semantic-size-spacing-30)}.sapphire-pagination__text{font-weight:var(--sapphire-semantic-font-weight-default-regular);padding-left:var(--sapphire-semantic-size-spacing-20);padding-right:var(--sapphire-semantic-size-spacing-20)}.sapphire-pagination__text--emphasized{font-weight:var(--sapphire-semantic-font-weight-default-semibold)}.sapphire-pagination__ellipsis{display:flex;justify-content:center;align-items:center;height:var(--sapphire-semantic-size-height-control-sm);width:var(--sapphire-semantic-size-height-control-sm);font-size:var(--sapphire-semantic-size-font-control-sm);font-weight:var(--sapphire-semantic-font-weight-default-semibold)}sp-basic-select{margin-left:calc(-1 * var(--sapphire-global-size-generic-50))}\n"] }]
|
|
8380
|
+
args: [{ selector: 'sp-pagination', standalone: false, template: "<div class=\"sapphire-pagination\">\n <sp-basic-select\n *ngIf=\"pageSizeOptions\"\n [placeholder]=\"'select-an-option' | t\"\n (valueChange)=\"_onPageSizeChange($event)\"\n [value]=\"'' + pageSize\"\n [disabled]=\"!!disabled\"\n [aria-label]=\"'number-of-items-per-page' | t\"\n variant=\"tertiary-ghost\"\n size=\"sm\"\n >\n <sp-option\n *ngFor=\"let pageSizeOption of pageSizeOptions\"\n [value]=\"'' + pageSizeOption\"\n >{{ 'items-per-page' | t : { value: pageSizeOption } }}</sp-option\n >\n </sp-basic-select>\n <span class=\"sapphire-pagination__controls\">\n <span\n *ngIf=\"!allowPageSelection\"\n class=\"sapphire-pagination__text--emphasized\"\n >\n {{ startItemIndex }} -\n {{ endItemIndex }}\n <span class=\"sapphire-pagination__text\"> {{ 'of' | t }} </span>\n {{ itemCount }}\n </span>\n <button\n sp-icon-button\n variant=\"tertiary-ghost\"\n size=\"sm\"\n (click)=\"_onPageChange('previous')\"\n [disabled]=\"_isPreviousPageButtonDisabled() || !!disabled\"\n [attr.aria-label]=\"'previous' | t\"\n >\n <sp-icon name=\"chevronLeft\"></sp-icon>\n </button>\n\n <sp-page-selection-row\n *ngIf=\"allowPageSelection\"\n [currentPage]=\"page\"\n [totalPageCount]=\"Math.ceil(itemCount / pageSize)\"\n [siblingCount]=\"1\"\n [boundaryCount]=\"1\"\n (pageChange)=\"_onPageSelect($event)\"\n />\n\n <button\n sp-icon-button\n variant=\"tertiary-ghost\"\n size=\"sm\"\n (click)=\"_onPageChange('next')\"\n [disabled]=\"_isNextPageButtonDisabled() || !!disabled\"\n [attr.aria-label]=\"'next' | t\"\n >\n <sp-icon name=\"chevronRight\"></sp-icon>\n </button>\n </span>\n</div>\n", styles: [".sapphire-pagination{display:flex;justify-content:flex-end;align-items:center;padding:var(--sapphire-semantic-size-spacing-20) var(--sapphire-semantic-size-spacing-50);background-color:var(--sapphire-semantic-color-background-surface);font-family:var(--sapphire-semantic-font-name-default);font-size:var(--sapphire-semantic-size-font-control-sm);height:var(--sapphire-semantic-size-height-control-md);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sapphire-pagination__controls{display:flex;align-items:center;justify-content:flex-end;flex-grow:1;color:var(--sapphire-semantic-color-content-default-primary);gap:var(--sapphire-semantic-size-spacing-30)}.sapphire-pagination__text{font-weight:var(--sapphire-semantic-font-weight-default-regular);padding-left:var(--sapphire-semantic-size-spacing-20);padding-right:var(--sapphire-semantic-size-spacing-20)}.sapphire-pagination__text--emphasized{font-weight:var(--sapphire-semantic-font-weight-default-semibold)}.sapphire-pagination__ellipsis{display:flex;justify-content:center;align-items:center;height:var(--sapphire-semantic-size-height-control-sm);width:var(--sapphire-semantic-size-height-control-sm);font-size:var(--sapphire-semantic-size-font-control-sm);font-weight:var(--sapphire-semantic-font-weight-default-semibold)}sp-basic-select{margin-left:calc(-1 * var(--sapphire-global-size-generic-50))}\n"] }]
|
|
8337
8381
|
}], propDecorators: { pageSize: [{
|
|
8338
8382
|
type: Input
|
|
8339
8383
|
}], itemCount: [{
|
|
@@ -8588,7 +8632,7 @@ __decorate([
|
|
|
8588
8632
|
], BadgeComponent.prototype, "id", void 0);
|
|
8589
8633
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: BadgeComponent, decorators: [{
|
|
8590
8634
|
type: Component,
|
|
8591
|
-
args: [{ selector: 'sp-badge', template: '<ng-content></ng-content>', hostDirectives: [UseComponentStylesOnHost], styles: [".sapphire-badge{display:inline-flex;flex-direction:column;justify-content:center;align-items:center;white-space:nowrap;border-radius:var(--sapphire-semantic-size-radius-sm);font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-semibold);font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sapphire-badge--sm{height:var(--sapphire-semantic-size-height-control-xs);padding:0 var(--sapphire-semantic-size-spacing-20);font-size:var(--sapphire-semantic-size-font-control-sm)}.sapphire-badge--md{height:var(--sapphire-semantic-size-height-control-sm);padding:0 var(--sapphire-semantic-size-spacing-30);font-size:var(--sapphire-semantic-size-font-control-md)}.sapphire-badge--lg{height:var(--sapphire-semantic-size-height-control-md);padding:0 var(--sapphire-semantic-size-spacing-40);font-size:var(--sapphire-semantic-size-font-control-default)}.sapphire-badge--primary-positive{color:var(--sapphire-semantic-color-content-positive-primary-default);background-color:var(--sapphire-semantic-color-background-positive-primary-default)}.sapphire-badge--secondary-positive{color:var(--sapphire-semantic-color-content-positive-secondary-default);background-color:var(--sapphire-global-color-green-100);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-positive-secondary-default)}.sapphire-badge--primary-negative{color:var(--sapphire-semantic-color-content-negative-primary-default);background-color:var(--sapphire-semantic-color-background-negative-primary-default)}.sapphire-badge--secondary-negative{color:var(--sapphire-semantic-color-content-negative-secondary-default);background-color:var(--sapphire-global-color-red-100);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-negative-secondary-default)}.sapphire-badge--primary-warning{color:var(--sapphire-semantic-color-content-warning-primary-default);background-color:var(--sapphire-semantic-color-background-warning-primary-default)}.sapphire-badge--secondary-warning{color:var(--sapphire-semantic-color-content-warning-secondary-default);background-color:var(--sapphire-semantic-color-background-warning-secondary-default);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-warning-secondary-default)}.sapphire-badge--primary-informative{color:var(--sapphire-semantic-color-content-informative-primary-default);background-color:var(--sapphire-semantic-color-background-informative-primary-default)}.sapphire-badge--secondary-informative{color:var(--sapphire-semantic-color-content-informative-secondary-default);background-color:var(--sapphire-semantic-color-background-informative-secondary-default);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-informative-secondary-default)}.sapphire-badge--primary-passive{color:var(--sapphire-semantic-color-content-passive-primary-default);background-color:var(--sapphire-semantic-color-background-passive-primary-default)}.sapphire-badge--secondary-passive{color:var(--sapphire-semantic-color-content-passive-secondary-default);background-color:var(--sapphire-semantic-color-background-passive-secondary-default);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-passive-secondary-default)}.sapphire-badge--primary-aqua{color:var(--sapphire-semantic-color-content-decorative-aqua-primary-default);background-color:var(--sapphire-semantic-color-background-decorative-aqua-primary-default)}.sapphire-badge--secondary-aqua{color:var(--sapphire-semantic-color-content-decorative-aqua-secondary-default);background-color:var(--sapphire-semantic-color-background-decorative-aqua-secondary-default);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-decorative-aqua-secondary-default)}.sapphire-badge--primary-copper{color:var(--sapphire-semantic-color-content-decorative-copper-primary-default);background-color:var(--sapphire-semantic-color-background-decorative-copper-primary-default)}.sapphire-badge--secondary-copper{color:var(--sapphire-semantic-color-content-decorative-copper-secondary-default);background-color:var(--sapphire-semantic-color-background-decorative-copper-secondary-default);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-decorative-copper-secondary-default)}.sapphire-badge--primary-electro{color:var(--sapphire-semantic-color-content-decorative-electro-primary-default);background-color:var(--sapphire-semantic-color-background-decorative-electro-primary-default)}.sapphire-badge--secondary-electro{color:var(--sapphire-semantic-color-content-decorative-electro-secondary-default);background-color:var(--sapphire-semantic-color-background-decorative-electro-secondary-default);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-decorative-electro-secondary-default)}.sapphire-badge--primary-indigo{color:var(--sapphire-semantic-color-content-decorative-indigo-primary-default);background-color:var(--sapphire-semantic-color-background-decorative-indigo-primary-default)}.sapphire-badge--secondary-indigo{color:var(--sapphire-semantic-color-content-decorative-indigo-secondary-default);background-color:var(--sapphire-semantic-color-background-decorative-indigo-secondary-default);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-decorative-indigo-secondary-default)}.sapphire-badge--primary-lime{color:var(--sapphire-semantic-color-content-decorative-lime-primary-default);background-color:var(--sapphire-semantic-color-background-decorative-lime-primary-default)}.sapphire-badge--secondary-lime{color:var(--sapphire-semantic-color-content-decorative-lime-secondary-default);background-color:var(--sapphire-semantic-color-background-decorative-lime-secondary-default);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-decorative-lime-secondary-default)}.sapphire-badge--primary-pink{color:var(--sapphire-semantic-color-content-decorative-pink-primary-default);background-color:var(--sapphire-semantic-color-background-decorative-pink-primary-default)}.sapphire-badge--secondary-pink{color:var(--sapphire-semantic-color-content-decorative-pink-secondary-default);background-color:var(--sapphire-semantic-color-background-decorative-pink-secondary-default);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-decorative-pink-secondary-default)}.sapphire-badge--primary-violet{color:var(--sapphire-semantic-color-content-decorative-violet-primary-default);background-color:var(--sapphire-semantic-color-background-decorative-violet-primary-default)}.sapphire-badge--secondary-violet{color:var(--sapphire-semantic-color-content-decorative-violet-secondary-default);background-color:var(--sapphire-semantic-color-background-decorative-violet-secondary-default);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-decorative-violet-secondary-default)}.sapphire-badge--primary-gold{color:var(--sapphire-semantic-color-content-decorative-gold-primary-default);background-color:var(--sapphire-semantic-color-background-decorative-gold-primary-default)}.sapphire-badge--secondary-gold{color:var(--sapphire-semantic-color-content-decorative-gold-secondary-default);background-color:var(--sapphire-semantic-color-background-decorative-gold-secondary-default);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-decorative-gold-secondary-default)}.sapphire-badge--primary-beige{color:var(--sapphire-semantic-color-content-decorative-beige-primary-default);background-color:var(--sapphire-semantic-color-background-decorative-beige-primary-default)}.sapphire-badge--secondary-beige{color:var(--sapphire-semantic-color-content-decorative-beige-secondary-default);background-color:var(--sapphire-semantic-color-background-decorative-beige-secondary-default);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-decorative-beige-secondary-default)}.sapphire-badge--primary-orchid{color:var(--sapphire-semantic-color-content-decorative-orchid-primary-default);background-color:var(--sapphire-semantic-color-background-decorative-orchid-primary-default)}.sapphire-badge--secondary-orchid{color:var(--sapphire-semantic-color-content-decorative-orchid-secondary-default);background-color:var(--sapphire-semantic-color-background-decorative-orchid-secondary-default);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-decorative-orchid-secondary-default)}.sapphire-badge--primary-gray{color:var(--sapphire-semantic-color-content-decorative-gray-primary-default);background-color:var(--sapphire-semantic-color-background-decorative-gray-primary-default)}.sapphire-badge--secondary-gray{color:var(--sapphire-semantic-color-content-decorative-gray-secondary-default);background-color:var(--sapphire-semantic-color-background-decorative-gray-secondary-default);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-decorative-gray-secondary-default)}.sapphire-badge--primary-cobalt{color:var(--sapphire-semantic-color-content-decorative-cobalt-primary-default);background-color:var(--sapphire-semantic-color-background-decorative-cobalt-primary-default)}.sapphire-badge--secondary-cobalt{color:var(--sapphire-semantic-color-content-decorative-cobalt-secondary-default);background-color:var(--sapphire-semantic-color-background-decorative-cobalt-secondary-default);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-decorative-cobalt-secondary-default)}.sapphire-badge--primary-forestGreen{color:var(--sapphire-semantic-color-content-decorative-forest-green-primary-default);background-color:var(--sapphire-semantic-color-background-decorative-forest-green-primary-default)}.sapphire-badge--secondary-forestGreen{color:var(--sapphire-semantic-color-content-decorative-forest-green-secondary-default);background-color:var(--sapphire-semantic-color-background-decorative-forest-green-secondary-default);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-decorative-forest-green-secondary-default)}.sapphire-badge--primary-teal{color:var(--sapphire-semantic-color-content-decorative-teal-primary-default);background-color:var(--sapphire-semantic-color-background-decorative-teal-primary-default)}.sapphire-badge--secondary-teal{color:var(--sapphire-semantic-color-content-decorative-teal-secondary-default);background-color:var(--sapphire-semantic-color-background-decorative-teal-secondary-default);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-decorative-teal-secondary-default)}.sapphire-badge--primary-orange{color:var(--sapphire-semantic-color-content-decorative-orange-primary-default);background-color:var(--sapphire-semantic-color-background-decorative-orange-primary-default)}.sapphire-badge--secondary-orange{color:var(--sapphire-semantic-color-content-decorative-orange-secondary-default);background-color:var(--sapphire-semantic-color-background-decorative-orange-secondary-default);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-decorative-orange-secondary-default)}\n"] }]
|
|
8635
|
+
args: [{ selector: 'sp-badge', template: '<ng-content></ng-content>', hostDirectives: [UseComponentStylesOnHost], standalone: false, styles: [".sapphire-badge{display:inline-flex;flex-direction:column;justify-content:center;align-items:center;white-space:nowrap;border-radius:var(--sapphire-semantic-size-radius-sm);font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-semibold);font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sapphire-badge--sm{height:var(--sapphire-semantic-size-height-control-xs);padding:0 var(--sapphire-semantic-size-spacing-20);font-size:var(--sapphire-semantic-size-font-control-sm)}.sapphire-badge--md{height:var(--sapphire-semantic-size-height-control-sm);padding:0 var(--sapphire-semantic-size-spacing-30);font-size:var(--sapphire-semantic-size-font-control-md)}.sapphire-badge--lg{height:var(--sapphire-semantic-size-height-control-md);padding:0 var(--sapphire-semantic-size-spacing-40);font-size:var(--sapphire-semantic-size-font-control-default)}.sapphire-badge--primary-positive{color:var(--sapphire-semantic-color-content-positive-primary-default);background-color:var(--sapphire-semantic-color-background-positive-primary-default)}.sapphire-badge--secondary-positive{color:var(--sapphire-semantic-color-content-positive-secondary-default);background-color:var(--sapphire-global-color-green-100);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-positive-secondary-default)}.sapphire-badge--primary-negative{color:var(--sapphire-semantic-color-content-negative-primary-default);background-color:var(--sapphire-semantic-color-background-negative-primary-default)}.sapphire-badge--secondary-negative{color:var(--sapphire-semantic-color-content-negative-secondary-default);background-color:var(--sapphire-global-color-red-100);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-negative-secondary-default)}.sapphire-badge--primary-warning{color:var(--sapphire-semantic-color-content-warning-primary-default);background-color:var(--sapphire-semantic-color-background-warning-primary-default)}.sapphire-badge--secondary-warning{color:var(--sapphire-semantic-color-content-warning-secondary-default);background-color:var(--sapphire-semantic-color-background-warning-secondary-default);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-warning-secondary-default)}.sapphire-badge--primary-informative{color:var(--sapphire-semantic-color-content-informative-primary-default);background-color:var(--sapphire-semantic-color-background-informative-primary-default)}.sapphire-badge--secondary-informative{color:var(--sapphire-semantic-color-content-informative-secondary-default);background-color:var(--sapphire-semantic-color-background-informative-secondary-default);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-informative-secondary-default)}.sapphire-badge--primary-passive{color:var(--sapphire-semantic-color-content-passive-primary-default);background-color:var(--sapphire-semantic-color-background-passive-primary-default)}.sapphire-badge--secondary-passive{color:var(--sapphire-semantic-color-content-passive-secondary-default);background-color:var(--sapphire-semantic-color-background-passive-secondary-default);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-passive-secondary-default)}.sapphire-badge--primary-aqua{color:var(--sapphire-semantic-color-content-decorative-aqua-primary-default);background-color:var(--sapphire-semantic-color-background-decorative-aqua-primary-default)}.sapphire-badge--secondary-aqua{color:var(--sapphire-semantic-color-content-decorative-aqua-secondary-default);background-color:var(--sapphire-semantic-color-background-decorative-aqua-secondary-default);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-decorative-aqua-secondary-default)}.sapphire-badge--primary-copper{color:var(--sapphire-semantic-color-content-decorative-copper-primary-default);background-color:var(--sapphire-semantic-color-background-decorative-copper-primary-default)}.sapphire-badge--secondary-copper{color:var(--sapphire-semantic-color-content-decorative-copper-secondary-default);background-color:var(--sapphire-semantic-color-background-decorative-copper-secondary-default);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-decorative-copper-secondary-default)}.sapphire-badge--primary-electro{color:var(--sapphire-semantic-color-content-decorative-electro-primary-default);background-color:var(--sapphire-semantic-color-background-decorative-electro-primary-default)}.sapphire-badge--secondary-electro{color:var(--sapphire-semantic-color-content-decorative-electro-secondary-default);background-color:var(--sapphire-semantic-color-background-decorative-electro-secondary-default);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-decorative-electro-secondary-default)}.sapphire-badge--primary-indigo{color:var(--sapphire-semantic-color-content-decorative-indigo-primary-default);background-color:var(--sapphire-semantic-color-background-decorative-indigo-primary-default)}.sapphire-badge--secondary-indigo{color:var(--sapphire-semantic-color-content-decorative-indigo-secondary-default);background-color:var(--sapphire-semantic-color-background-decorative-indigo-secondary-default);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-decorative-indigo-secondary-default)}.sapphire-badge--primary-lime{color:var(--sapphire-semantic-color-content-decorative-lime-primary-default);background-color:var(--sapphire-semantic-color-background-decorative-lime-primary-default)}.sapphire-badge--secondary-lime{color:var(--sapphire-semantic-color-content-decorative-lime-secondary-default);background-color:var(--sapphire-semantic-color-background-decorative-lime-secondary-default);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-decorative-lime-secondary-default)}.sapphire-badge--primary-pink{color:var(--sapphire-semantic-color-content-decorative-pink-primary-default);background-color:var(--sapphire-semantic-color-background-decorative-pink-primary-default)}.sapphire-badge--secondary-pink{color:var(--sapphire-semantic-color-content-decorative-pink-secondary-default);background-color:var(--sapphire-semantic-color-background-decorative-pink-secondary-default);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-decorative-pink-secondary-default)}.sapphire-badge--primary-violet{color:var(--sapphire-semantic-color-content-decorative-violet-primary-default);background-color:var(--sapphire-semantic-color-background-decorative-violet-primary-default)}.sapphire-badge--secondary-violet{color:var(--sapphire-semantic-color-content-decorative-violet-secondary-default);background-color:var(--sapphire-semantic-color-background-decorative-violet-secondary-default);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-decorative-violet-secondary-default)}.sapphire-badge--primary-gold{color:var(--sapphire-semantic-color-content-decorative-gold-primary-default);background-color:var(--sapphire-semantic-color-background-decorative-gold-primary-default)}.sapphire-badge--secondary-gold{color:var(--sapphire-semantic-color-content-decorative-gold-secondary-default);background-color:var(--sapphire-semantic-color-background-decorative-gold-secondary-default);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-decorative-gold-secondary-default)}.sapphire-badge--primary-beige{color:var(--sapphire-semantic-color-content-decorative-beige-primary-default);background-color:var(--sapphire-semantic-color-background-decorative-beige-primary-default)}.sapphire-badge--secondary-beige{color:var(--sapphire-semantic-color-content-decorative-beige-secondary-default);background-color:var(--sapphire-semantic-color-background-decorative-beige-secondary-default);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-decorative-beige-secondary-default)}.sapphire-badge--primary-orchid{color:var(--sapphire-semantic-color-content-decorative-orchid-primary-default);background-color:var(--sapphire-semantic-color-background-decorative-orchid-primary-default)}.sapphire-badge--secondary-orchid{color:var(--sapphire-semantic-color-content-decorative-orchid-secondary-default);background-color:var(--sapphire-semantic-color-background-decorative-orchid-secondary-default);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-decorative-orchid-secondary-default)}.sapphire-badge--primary-gray{color:var(--sapphire-semantic-color-content-decorative-gray-primary-default);background-color:var(--sapphire-semantic-color-background-decorative-gray-primary-default)}.sapphire-badge--secondary-gray{color:var(--sapphire-semantic-color-content-decorative-gray-secondary-default);background-color:var(--sapphire-semantic-color-background-decorative-gray-secondary-default);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-decorative-gray-secondary-default)}.sapphire-badge--primary-cobalt{color:var(--sapphire-semantic-color-content-decorative-cobalt-primary-default);background-color:var(--sapphire-semantic-color-background-decorative-cobalt-primary-default)}.sapphire-badge--secondary-cobalt{color:var(--sapphire-semantic-color-content-decorative-cobalt-secondary-default);background-color:var(--sapphire-semantic-color-background-decorative-cobalt-secondary-default);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-decorative-cobalt-secondary-default)}.sapphire-badge--primary-forestGreen{color:var(--sapphire-semantic-color-content-decorative-forest-green-primary-default);background-color:var(--sapphire-semantic-color-background-decorative-forest-green-primary-default)}.sapphire-badge--secondary-forestGreen{color:var(--sapphire-semantic-color-content-decorative-forest-green-secondary-default);background-color:var(--sapphire-semantic-color-background-decorative-forest-green-secondary-default);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-decorative-forest-green-secondary-default)}.sapphire-badge--primary-teal{color:var(--sapphire-semantic-color-content-decorative-teal-primary-default);background-color:var(--sapphire-semantic-color-background-decorative-teal-primary-default)}.sapphire-badge--secondary-teal{color:var(--sapphire-semantic-color-content-decorative-teal-secondary-default);background-color:var(--sapphire-semantic-color-background-decorative-teal-secondary-default);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-decorative-teal-secondary-default)}.sapphire-badge--primary-orange{color:var(--sapphire-semantic-color-content-decorative-orange-primary-default);background-color:var(--sapphire-semantic-color-background-decorative-orange-primary-default)}.sapphire-badge--secondary-orange{color:var(--sapphire-semantic-color-content-decorative-orange-secondary-default);background-color:var(--sapphire-semantic-color-background-decorative-orange-secondary-default);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-decorative-orange-secondary-default)}\n"] }]
|
|
8592
8636
|
}], ctorParameters: function () { return []; }, propDecorators: { role: [{
|
|
8593
8637
|
type: HostBinding,
|
|
8594
8638
|
args: ['role']
|
|
@@ -8621,6 +8665,211 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
8621
8665
|
}]
|
|
8622
8666
|
}] });
|
|
8623
8667
|
|
|
8668
|
+
class ListItemComponent {
|
|
8669
|
+
constructor(elementRef, list) {
|
|
8670
|
+
this.elementRef = elementRef;
|
|
8671
|
+
this.list = list;
|
|
8672
|
+
}
|
|
8673
|
+
get _isInteractive() {
|
|
8674
|
+
const hostElement = this.elementRef.nativeElement;
|
|
8675
|
+
return (hostElement.hasAttribute('sp-list-item-interactive') ||
|
|
8676
|
+
hostElement.tagName === 'A' ||
|
|
8677
|
+
hostElement.tagName === 'BUTTON');
|
|
8678
|
+
}
|
|
8679
|
+
get _role() {
|
|
8680
|
+
const hostElement = this.elementRef.nativeElement;
|
|
8681
|
+
if (['BUTTON', 'A', 'LI'].includes(hostElement.tagName)) {
|
|
8682
|
+
return undefined;
|
|
8683
|
+
}
|
|
8684
|
+
if (hostElement.hasAttribute('sp-list-item-interactive') &&
|
|
8685
|
+
hostElement.tagName !== 'A' &&
|
|
8686
|
+
hostElement.tagName !== 'BUTTON') {
|
|
8687
|
+
return 'button';
|
|
8688
|
+
}
|
|
8689
|
+
return 'listitem';
|
|
8690
|
+
}
|
|
8691
|
+
get _isLastItem() {
|
|
8692
|
+
// Only apply if hideLastDivider is true
|
|
8693
|
+
if (!this.list.hideLastDivider)
|
|
8694
|
+
return false;
|
|
8695
|
+
return this.list.listItems.last === this;
|
|
8696
|
+
}
|
|
8697
|
+
}
|
|
8698
|
+
ListItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ListItemComponent, deps: [{ token: i0.ElementRef }, { token: forwardRef(() => ListComponent) }], target: i0.ɵɵFactoryTarget.Component });
|
|
8699
|
+
ListItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: ListItemComponent, isStandalone: true, selector: "[sp-list-item], [sp-list-item-interactive]", host: { properties: { "class.sapphire-list__item--interactive": "_isInteractive", "class.sapphire-list__item--without-divider": "_isLastItem", "attr.role": "_role" }, classAttribute: "sapphire-list__item" }, hostDirectives: [{ directive: UseComponentStyles }, { directive: FocusedDirective }], ngImport: i0, template: "<ng-content></ng-content>\n<ng-content select=\"sp-list-item-content-left\"></ng-content>\n<ng-content select=\"sp-list-item-content-right\"></ng-content>\n" });
|
|
8700
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ListItemComponent, decorators: [{
|
|
8701
|
+
type: Component,
|
|
8702
|
+
args: [{ selector: '[sp-list-item], [sp-list-item-interactive]', standalone: true, host: {
|
|
8703
|
+
class: 'sapphire-list__item',
|
|
8704
|
+
'[class.sapphire-list__item--interactive]': '_isInteractive',
|
|
8705
|
+
'[class.sapphire-list__item--without-divider]': '_isLastItem',
|
|
8706
|
+
'[attr.role]': `_role`,
|
|
8707
|
+
}, hostDirectives: [
|
|
8708
|
+
UseComponentStyles,
|
|
8709
|
+
{
|
|
8710
|
+
directive: FocusedDirective,
|
|
8711
|
+
},
|
|
8712
|
+
], imports: [NgIf, NgTemplateOutlet, FocusedDirective], template: "<ng-content></ng-content>\n<ng-content select=\"sp-list-item-content-left\"></ng-content>\n<ng-content select=\"sp-list-item-content-right\"></ng-content>\n" }]
|
|
8713
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: ListComponent, decorators: [{
|
|
8714
|
+
type: Inject,
|
|
8715
|
+
args: [forwardRef(() => ListComponent)]
|
|
8716
|
+
}] }]; } });
|
|
8717
|
+
|
|
8718
|
+
class ListComponent {
|
|
8719
|
+
constructor(elementRef) {
|
|
8720
|
+
this.elementRef = elementRef;
|
|
8721
|
+
this.hideLastDivider = false;
|
|
8722
|
+
this.listItems = new QueryList();
|
|
8723
|
+
}
|
|
8724
|
+
get isListElement() {
|
|
8725
|
+
const hostElement = this.elementRef.nativeElement;
|
|
8726
|
+
return hostElement.tagName === 'UL' || hostElement.tagName === 'OL';
|
|
8727
|
+
}
|
|
8728
|
+
}
|
|
8729
|
+
ListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ListComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
8730
|
+
ListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: ListComponent, isStandalone: true, selector: "[sp-list]", inputs: { hideLastDivider: "hideLastDivider" }, host: { properties: { "class.sapphire-list--without-last-divider": "hideLastDivider", "attr.role": "!isListElement ? \"list\" : undefined" }, classAttribute: "sapphire-list" }, providers: [ViewEncapsulationProvider], queries: [{ propertyName: "listItems", predicate: i0.forwardRef(function () { return ListItemComponent; }), descendants: true }], hostDirectives: [{ directive: UseComponentStylesOnHost }], ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, styles: [".sapphire-list{box-sizing:border-box;width:100%;padding:0;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;list-style:none}.sapphire-list__item{position:relative;display:flex;justify-content:space-between;padding:var(--sapphire-semantic-size-spacing-30) var(--sapphire-semantic-size-spacing-data-collection-item-horizontal-lg);background-color:var(--sapphire-semantic-color-background-action-tertiary-ghost-default);outline:none;font-family:var(--sapphire-semantic-font-name-default)}.sapphire-list__item--interactive{border:none;outline:none;text-decoration:none;box-sizing:border-box;width:100%;transition-property:opacity,background-color,color;transition-duration:var(--sapphire-semantic-time-fade-quick);transition-timing-function:ease-in-out;cursor:pointer}.sapphire-list__item:has(.sapphire-list__item--interactive){padding:0}.sapphire-list__item:focus-within{z-index:1}.sapphire-list__item>.sapphire-list__item--interactive{display:flex;justify-content:space-between;width:100%;padding:var(--sapphire-semantic-size-spacing-30) var(--sapphire-semantic-size-spacing-data-collection-item-horizontal-lg);text-decoration:none;background-color:inherit;color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;border:none;text-align:inherit;align-items:inherit}.sapphire-list--negative-margin-self{margin-left:calc(var(--sapphire-semantic-size-spacing-data-collection-item-horizontal-lg) * -1);width:calc(100% + var(--sapphire-semantic-size-spacing-data-collection-item-horizontal-lg) * 2)}.sapphire-list__item--interactive:disabled,.sapphire-list__item--interactive[aria-disabled=true]{cursor:not-allowed;opacity:var(--sapphire-semantic-opacity-disabled)}.sapphire-list__item--interactive:not(.is-focus,:not(.js-focus):focus),.sapphire-list__item:not(:has(.sapphire-list__item--interactive)){box-shadow:inset 0 -1px 0 0 var(--sapphire-semantic-color-border-separator-default)}.sapphire-list--without-last-divider:not(:has([role=presentation] > [role=presentation])) .sapphire-list__item:last-child .sapphire-list__item--interactive:not(.is-focus):not(:focus),.sapphire-list--without-last-divider:not(:has([role=presentation] > [role=presentation])) .sapphire-list__item:not(.sapphire-list__item--interactive):last-child,.sapphire-list--without-last-divider [role=presentation]:last-child>.sapphire-list__item .sapphire-list__item--interactive:not(.is-focus):not(:focus),.sapphire-list--without-last-divider [role=presentation]:last-child>.sapphire-list__item,.sapphire-list__item:has(+ .sapphire-list__item > .sapphire-list__item--interactive.is-focus)>.sapphire-list__item--interactive:not(.is-focus,:not(.js-focus):focus),.sapphire-list__item:has(+ .sapphire-list__item > .sapphire-list__item--interactive:not(.js-focus):focus)>.sapphire-list__item-ineractive:not(.is-focus,:not(.js-focus):focus),.sapphire-list__item:has(+ .sapphire-list__item > .sapphire-list__item--interactive.is-focus),.sapphire-list__item:has(+ .sapphire-list__item > .sapphire-list__item--interactive:not(.js-focus):focus){box-shadow:none}.sapphire-list__item.sapphire-list__item--interactive:not(.is-focus,:not(.js-focus):focus).sapphire-list__item--without-divider{box-shadow:none}.sapphire-list__item--interactive.is-hover:not(.is-active),.sapphire-list__item--interactive:not(.js-hover):not([aria-disabled=true]):not(:disabled):not(:active):hover{background-color:var(--sapphire-semantic-color-background-action-secondary-default)}.sapphire-list__item-content-interactive:focus,.sapphire-list__item-content-interactive:focus-visible{outline:none}.sapphire-list__item--interactive.is-focus,.sapphire-list__item--interactive:not(.js-focus):focus{outline:none;box-shadow:inset 0 0 0 var(--sapphire-semantic-size-focus-ring) var(--sapphire-semantic-color-focus-ring);border:0;border-radius:var(--sapphire-semantic-size-radius-sm)}.sapphire-list__item--interactive:not(.is-disabled).is-active,.sapphire-list__item--interactive:not([aria-disabled=true]):not(:disabled):active,.sapphire-list__item--interactive:not([aria-disabled=true]):not(:disabled):focus-visible:active{background-color:var(--sapphire-semantic-color-background-action-secondary-hover)}.sapphire-list__item-content-left{display:flex;align-items:center;margin-right:var(--sapphire-semantic-size-spacing-30);min-width:0;gap:var(--sapphire-semantic-size-spacing-30)}.sapphire-list__item-content-right{display:flex;align-items:center;text-align:right;margin-left:var(--sapphire-semantic-size-spacing-30);color:var(--sapphire-semantic-color-content-default-primary);gap:var(--sapphire-semantic-size-spacing-30)}.sapphire-list__item-text{display:flex;flex-direction:column;font-family:var(--sapphire-semantic-font-name-default);min-width:0;overflow-wrap:break-word}.sapphire-list__item-text--reversedOrder{flex-direction:column-reverse}.sapphire-list__item-text-primary{color:var(--sapphire-semantic-color-content-default-primary);line-height:var(--sapphire-semantic-size-line-height-md);font-size:var(--sapphire-semantic-size-font-text-lg);font-weight:var(--sapphire-semantic-font-weight-default-semibold)}.sapphire-list__item-text-secondary{color:var(--sapphire-semantic-color-content-default-secondary);line-height:var(--sapphire-semantic-size-line-height-md);font-size:var(--sapphire-semantic-size-font-text-md)}\n"] });
|
|
8731
|
+
__decorate([
|
|
8732
|
+
CoerceBoolean
|
|
8733
|
+
], ListComponent.prototype, "hideLastDivider", void 0);
|
|
8734
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ListComponent, decorators: [{
|
|
8735
|
+
type: Component,
|
|
8736
|
+
args: [{ selector: '[sp-list]', standalone: true, template: `<ng-content></ng-content>`, host: {
|
|
8737
|
+
class: 'sapphire-list',
|
|
8738
|
+
'[class.sapphire-list--without-last-divider]': 'hideLastDivider',
|
|
8739
|
+
'[attr.role]': `!isListElement ? "list" : undefined`,
|
|
8740
|
+
}, hostDirectives: [UseComponentStylesOnHost], providers: [ViewEncapsulationProvider], imports: [UseComponentStylesOnHost], styles: [".sapphire-list{box-sizing:border-box;width:100%;padding:0;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;list-style:none}.sapphire-list__item{position:relative;display:flex;justify-content:space-between;padding:var(--sapphire-semantic-size-spacing-30) var(--sapphire-semantic-size-spacing-data-collection-item-horizontal-lg);background-color:var(--sapphire-semantic-color-background-action-tertiary-ghost-default);outline:none;font-family:var(--sapphire-semantic-font-name-default)}.sapphire-list__item--interactive{border:none;outline:none;text-decoration:none;box-sizing:border-box;width:100%;transition-property:opacity,background-color,color;transition-duration:var(--sapphire-semantic-time-fade-quick);transition-timing-function:ease-in-out;cursor:pointer}.sapphire-list__item:has(.sapphire-list__item--interactive){padding:0}.sapphire-list__item:focus-within{z-index:1}.sapphire-list__item>.sapphire-list__item--interactive{display:flex;justify-content:space-between;width:100%;padding:var(--sapphire-semantic-size-spacing-30) var(--sapphire-semantic-size-spacing-data-collection-item-horizontal-lg);text-decoration:none;background-color:inherit;color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;border:none;text-align:inherit;align-items:inherit}.sapphire-list--negative-margin-self{margin-left:calc(var(--sapphire-semantic-size-spacing-data-collection-item-horizontal-lg) * -1);width:calc(100% + var(--sapphire-semantic-size-spacing-data-collection-item-horizontal-lg) * 2)}.sapphire-list__item--interactive:disabled,.sapphire-list__item--interactive[aria-disabled=true]{cursor:not-allowed;opacity:var(--sapphire-semantic-opacity-disabled)}.sapphire-list__item--interactive:not(.is-focus,:not(.js-focus):focus),.sapphire-list__item:not(:has(.sapphire-list__item--interactive)){box-shadow:inset 0 -1px 0 0 var(--sapphire-semantic-color-border-separator-default)}.sapphire-list--without-last-divider:not(:has([role=presentation] > [role=presentation])) .sapphire-list__item:last-child .sapphire-list__item--interactive:not(.is-focus):not(:focus),.sapphire-list--without-last-divider:not(:has([role=presentation] > [role=presentation])) .sapphire-list__item:not(.sapphire-list__item--interactive):last-child,.sapphire-list--without-last-divider [role=presentation]:last-child>.sapphire-list__item .sapphire-list__item--interactive:not(.is-focus):not(:focus),.sapphire-list--without-last-divider [role=presentation]:last-child>.sapphire-list__item,.sapphire-list__item:has(+ .sapphire-list__item > .sapphire-list__item--interactive.is-focus)>.sapphire-list__item--interactive:not(.is-focus,:not(.js-focus):focus),.sapphire-list__item:has(+ .sapphire-list__item > .sapphire-list__item--interactive:not(.js-focus):focus)>.sapphire-list__item-ineractive:not(.is-focus,:not(.js-focus):focus),.sapphire-list__item:has(+ .sapphire-list__item > .sapphire-list__item--interactive.is-focus),.sapphire-list__item:has(+ .sapphire-list__item > .sapphire-list__item--interactive:not(.js-focus):focus){box-shadow:none}.sapphire-list__item.sapphire-list__item--interactive:not(.is-focus,:not(.js-focus):focus).sapphire-list__item--without-divider{box-shadow:none}.sapphire-list__item--interactive.is-hover:not(.is-active),.sapphire-list__item--interactive:not(.js-hover):not([aria-disabled=true]):not(:disabled):not(:active):hover{background-color:var(--sapphire-semantic-color-background-action-secondary-default)}.sapphire-list__item-content-interactive:focus,.sapphire-list__item-content-interactive:focus-visible{outline:none}.sapphire-list__item--interactive.is-focus,.sapphire-list__item--interactive:not(.js-focus):focus{outline:none;box-shadow:inset 0 0 0 var(--sapphire-semantic-size-focus-ring) var(--sapphire-semantic-color-focus-ring);border:0;border-radius:var(--sapphire-semantic-size-radius-sm)}.sapphire-list__item--interactive:not(.is-disabled).is-active,.sapphire-list__item--interactive:not([aria-disabled=true]):not(:disabled):active,.sapphire-list__item--interactive:not([aria-disabled=true]):not(:disabled):focus-visible:active{background-color:var(--sapphire-semantic-color-background-action-secondary-hover)}.sapphire-list__item-content-left{display:flex;align-items:center;margin-right:var(--sapphire-semantic-size-spacing-30);min-width:0;gap:var(--sapphire-semantic-size-spacing-30)}.sapphire-list__item-content-right{display:flex;align-items:center;text-align:right;margin-left:var(--sapphire-semantic-size-spacing-30);color:var(--sapphire-semantic-color-content-default-primary);gap:var(--sapphire-semantic-size-spacing-30)}.sapphire-list__item-text{display:flex;flex-direction:column;font-family:var(--sapphire-semantic-font-name-default);min-width:0;overflow-wrap:break-word}.sapphire-list__item-text--reversedOrder{flex-direction:column-reverse}.sapphire-list__item-text-primary{color:var(--sapphire-semantic-color-content-default-primary);line-height:var(--sapphire-semantic-size-line-height-md);font-size:var(--sapphire-semantic-size-font-text-lg);font-weight:var(--sapphire-semantic-font-weight-default-semibold)}.sapphire-list__item-text-secondary{color:var(--sapphire-semantic-color-content-default-secondary);line-height:var(--sapphire-semantic-size-line-height-md);font-size:var(--sapphire-semantic-size-font-text-md)}\n"] }]
|
|
8741
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { hideLastDivider: [{
|
|
8742
|
+
type: Input
|
|
8743
|
+
}], listItems: [{
|
|
8744
|
+
type: ContentChildren,
|
|
8745
|
+
args: [forwardRef(() => ListItemComponent), { descendants: true }]
|
|
8746
|
+
}] } });
|
|
8747
|
+
|
|
8748
|
+
class ListItemContentComponent {
|
|
8749
|
+
constructor(elementRef) {
|
|
8750
|
+
this.elementRef = elementRef;
|
|
8751
|
+
this._variant =
|
|
8752
|
+
this.elementRef.nativeElement.tagName === 'SP-LIST-ITEM-CONTENT-RIGHT'
|
|
8753
|
+
? 'right'
|
|
8754
|
+
: 'left';
|
|
8755
|
+
}
|
|
8756
|
+
}
|
|
8757
|
+
ListItemContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ListItemContentComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
8758
|
+
ListItemContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: ListItemContentComponent, isStandalone: true, selector: "sp-list-item-content-right, sp-list-item-content-left", host: { properties: { "class.sapphire-list__item-content-right": "_variant === \"right\"", "class.sapphire-list__item-content-left": "_variant === \"left\"" } }, hostDirectives: [{ directive: UseComponentStyles }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
|
|
8759
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ListItemContentComponent, decorators: [{
|
|
8760
|
+
type: Component,
|
|
8761
|
+
args: [{
|
|
8762
|
+
selector: 'sp-list-item-content-right, sp-list-item-content-left',
|
|
8763
|
+
standalone: true,
|
|
8764
|
+
template: '<ng-content></ng-content>',
|
|
8765
|
+
host: {
|
|
8766
|
+
'[class.sapphire-list__item-content-right]': '_variant === "right"',
|
|
8767
|
+
'[class.sapphire-list__item-content-left]': '_variant === "left"',
|
|
8768
|
+
},
|
|
8769
|
+
hostDirectives: [UseComponentStyles],
|
|
8770
|
+
imports: [UseComponentStyles],
|
|
8771
|
+
}]
|
|
8772
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; } });
|
|
8773
|
+
|
|
8774
|
+
class ListItemTextComponent {
|
|
8775
|
+
}
|
|
8776
|
+
ListItemTextComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ListItemTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
8777
|
+
ListItemTextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: ListItemTextComponent, isStandalone: true, selector: "sp-list-item-text", host: { classAttribute: "sapphire-list__item-text" }, hostDirectives: [{ directive: UseComponentStyles }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
|
|
8778
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ListItemTextComponent, decorators: [{
|
|
8779
|
+
type: Component,
|
|
8780
|
+
args: [{
|
|
8781
|
+
selector: 'sp-list-item-text',
|
|
8782
|
+
standalone: true,
|
|
8783
|
+
host: {
|
|
8784
|
+
class: 'sapphire-list__item-text',
|
|
8785
|
+
},
|
|
8786
|
+
template: '<ng-content></ng-content>',
|
|
8787
|
+
hostDirectives: [UseComponentStyles],
|
|
8788
|
+
imports: [UseComponentStyles],
|
|
8789
|
+
}]
|
|
8790
|
+
}] });
|
|
8791
|
+
|
|
8792
|
+
class ListItemTextPrimaryComponent {
|
|
8793
|
+
}
|
|
8794
|
+
ListItemTextPrimaryComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ListItemTextPrimaryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
8795
|
+
ListItemTextPrimaryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: ListItemTextPrimaryComponent, isStandalone: true, selector: "sp-list-item-text-primary", host: { classAttribute: "sapphire-list__item-text-primary" }, hostDirectives: [{ directive: UseComponentStyles }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
|
|
8796
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ListItemTextPrimaryComponent, decorators: [{
|
|
8797
|
+
type: Component,
|
|
8798
|
+
args: [{
|
|
8799
|
+
selector: 'sp-list-item-text-primary',
|
|
8800
|
+
standalone: true,
|
|
8801
|
+
host: {
|
|
8802
|
+
class: 'sapphire-list__item-text-primary',
|
|
8803
|
+
},
|
|
8804
|
+
template: '<ng-content></ng-content>',
|
|
8805
|
+
hostDirectives: [UseComponentStyles],
|
|
8806
|
+
imports: [UseComponentStyles],
|
|
8807
|
+
}]
|
|
8808
|
+
}] });
|
|
8809
|
+
|
|
8810
|
+
class ListItemTextSecondaryComponent {
|
|
8811
|
+
}
|
|
8812
|
+
ListItemTextSecondaryComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ListItemTextSecondaryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
8813
|
+
ListItemTextSecondaryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: ListItemTextSecondaryComponent, isStandalone: true, selector: "sp-list-item-text-secondary", host: { classAttribute: "sapphire-list__item-text-secondary" }, hostDirectives: [{ directive: UseComponentStyles }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
|
|
8814
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ListItemTextSecondaryComponent, decorators: [{
|
|
8815
|
+
type: Component,
|
|
8816
|
+
args: [{
|
|
8817
|
+
selector: 'sp-list-item-text-secondary',
|
|
8818
|
+
standalone: true,
|
|
8819
|
+
host: {
|
|
8820
|
+
class: 'sapphire-list__item-text-secondary',
|
|
8821
|
+
},
|
|
8822
|
+
template: '<ng-content></ng-content>',
|
|
8823
|
+
hostDirectives: [UseComponentStyles],
|
|
8824
|
+
imports: [UseComponentStyles],
|
|
8825
|
+
}]
|
|
8826
|
+
}] });
|
|
8827
|
+
|
|
8828
|
+
class SapphireListModule {
|
|
8829
|
+
}
|
|
8830
|
+
SapphireListModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: SapphireListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
8831
|
+
SapphireListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.0", ngImport: i0, type: SapphireListModule, imports: [ListComponent,
|
|
8832
|
+
ListItemComponent,
|
|
8833
|
+
ListItemContentComponent,
|
|
8834
|
+
ListItemTextComponent,
|
|
8835
|
+
ListItemTextPrimaryComponent,
|
|
8836
|
+
ListItemTextSecondaryComponent], exports: [ListComponent,
|
|
8837
|
+
ListItemComponent,
|
|
8838
|
+
ListItemContentComponent,
|
|
8839
|
+
ListItemTextComponent,
|
|
8840
|
+
ListItemTextPrimaryComponent,
|
|
8841
|
+
ListItemTextSecondaryComponent] });
|
|
8842
|
+
SapphireListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: SapphireListModule, imports: [ListComponent,
|
|
8843
|
+
ListItemComponent,
|
|
8844
|
+
ListItemContentComponent,
|
|
8845
|
+
ListItemTextComponent,
|
|
8846
|
+
ListItemTextPrimaryComponent,
|
|
8847
|
+
ListItemTextSecondaryComponent] });
|
|
8848
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: SapphireListModule, decorators: [{
|
|
8849
|
+
type: NgModule,
|
|
8850
|
+
args: [{
|
|
8851
|
+
declarations: [],
|
|
8852
|
+
imports: [
|
|
8853
|
+
ListComponent,
|
|
8854
|
+
ListItemComponent,
|
|
8855
|
+
ListItemContentComponent,
|
|
8856
|
+
ListItemTextComponent,
|
|
8857
|
+
ListItemTextPrimaryComponent,
|
|
8858
|
+
ListItemTextSecondaryComponent,
|
|
8859
|
+
],
|
|
8860
|
+
exports: [
|
|
8861
|
+
ListComponent,
|
|
8862
|
+
ListItemComponent,
|
|
8863
|
+
ListItemContentComponent,
|
|
8864
|
+
ListItemTextComponent,
|
|
8865
|
+
ListItemTextPrimaryComponent,
|
|
8866
|
+
ListItemTextSecondaryComponent,
|
|
8867
|
+
],
|
|
8868
|
+
}]
|
|
8869
|
+
}] });
|
|
8870
|
+
|
|
8871
|
+
// We have separate public_api.ts file for each angular module, to have them
|
|
8872
|
+
|
|
8624
8873
|
class SapphireCoreModule {
|
|
8625
8874
|
}
|
|
8626
8875
|
SapphireCoreModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: SapphireCoreModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
@@ -8647,7 +8896,8 @@ SapphireCoreModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", vers
|
|
|
8647
8896
|
SapphirePaginationModule,
|
|
8648
8897
|
SapphireHelpButtonModule,
|
|
8649
8898
|
SapphireSurfaceModule,
|
|
8650
|
-
SapphireBadgeModule
|
|
8899
|
+
SapphireBadgeModule,
|
|
8900
|
+
SapphireListModule], exports: [SapphireButtonModule,
|
|
8651
8901
|
SapphireIconModule,
|
|
8652
8902
|
SapphireTypographyModule,
|
|
8653
8903
|
SapphireCheckboxModule,
|
|
@@ -8669,7 +8919,8 @@ SapphireCoreModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", vers
|
|
|
8669
8919
|
SapphirePaginationModule,
|
|
8670
8920
|
SapphireHelpButtonModule,
|
|
8671
8921
|
SapphireSurfaceModule,
|
|
8672
|
-
SapphireBadgeModule
|
|
8922
|
+
SapphireBadgeModule,
|
|
8923
|
+
SapphireListModule] });
|
|
8673
8924
|
SapphireCoreModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: SapphireCoreModule, imports: [CommonModule,
|
|
8674
8925
|
SapphireThemeModule,
|
|
8675
8926
|
SapphireButtonModule,
|
|
@@ -8693,7 +8944,8 @@ SapphireCoreModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", vers
|
|
|
8693
8944
|
SapphirePaginationModule,
|
|
8694
8945
|
SapphireHelpButtonModule,
|
|
8695
8946
|
SapphireSurfaceModule,
|
|
8696
|
-
SapphireBadgeModule,
|
|
8947
|
+
SapphireBadgeModule,
|
|
8948
|
+
SapphireListModule, SapphireButtonModule,
|
|
8697
8949
|
SapphireIconModule,
|
|
8698
8950
|
SapphireTypographyModule,
|
|
8699
8951
|
SapphireCheckboxModule,
|
|
@@ -8715,7 +8967,8 @@ SapphireCoreModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", vers
|
|
|
8715
8967
|
SapphirePaginationModule,
|
|
8716
8968
|
SapphireHelpButtonModule,
|
|
8717
8969
|
SapphireSurfaceModule,
|
|
8718
|
-
SapphireBadgeModule
|
|
8970
|
+
SapphireBadgeModule,
|
|
8971
|
+
SapphireListModule] });
|
|
8719
8972
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: SapphireCoreModule, decorators: [{
|
|
8720
8973
|
type: NgModule,
|
|
8721
8974
|
args: [{
|
|
@@ -8745,6 +8998,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
8745
8998
|
SapphireHelpButtonModule,
|
|
8746
8999
|
SapphireSurfaceModule,
|
|
8747
9000
|
SapphireBadgeModule,
|
|
9001
|
+
SapphireListModule,
|
|
8748
9002
|
],
|
|
8749
9003
|
exports: [
|
|
8750
9004
|
SapphireButtonModule,
|
|
@@ -8770,6 +9024,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
8770
9024
|
SapphireHelpButtonModule,
|
|
8771
9025
|
SapphireSurfaceModule,
|
|
8772
9026
|
SapphireBadgeModule,
|
|
9027
|
+
SapphireListModule,
|
|
8773
9028
|
],
|
|
8774
9029
|
}]
|
|
8775
9030
|
}] });
|
|
@@ -8782,5 +9037,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
8782
9037
|
* Generated bundle index. Do not edit.
|
|
8783
9038
|
*/
|
|
8784
9039
|
|
|
8785
|
-
export { BadgeComponent, BasicSelectComponent, BasicSingleSelectDirective, ButtonComponent, ButtonGroupComponent, ButtonIconDirective, CdkVirtualScrollViewportFixDirective, CheckboxChange, CheckboxComponent, CheckboxGroupComponent, ConfirmationDialogComponent, DEFAULT_BREAKPOINTS, DangerDialogComponent, DialogComponent, DialogTriggerDirective, FieldComponent, FieldControl, FieldErrorDirective, FieldLabelDirective, FieldNoteDirective, FieldNoteSuffixDirective, FocusedDirective, HeadingComponent, HelpButtonComponent, HelpButtonContentDirective, HelpButtonFooterDirective, HelpButtonHeaderDirective, ICON_SIZE_PROVIDER, IconButtonComponent, IconComponent, LabelComponent, LinkComponent, ListboxChild, ListboxComponent, ListboxInputDirective, MenuComponent, MenuIconComponent, MenuItemComponent, MenuPrimaryTextComponent, MenuSecondaryTextComponent, MenuSectionComponent, MenuTriggerDirective, ModalBackButtonDirective, ModalBodyComponent, ModalCloseButtonDirective, ModalFooterComponent, ModalFooterDirective, ModalHeaderComponent, ModalHeaderDirective, ModalLayoutComponent, ModalService, MultiSelectDirective, NotificationBadgeComponent, OptionComponent, OptionIconDirective, OptionPrimaryTextDirective, OptionSecondaryTextDirective, POPOVER_TRIGGER, PaginationComponent, PanelComponent, PanelTriggerDirective, ParagraphComponent, PopoverCloseButtonDirective, PopoverComponent, PopoverTitleDirective, PopoverTriggerDirective, PressedDirective, RadioComponent, RadioGroupComponent, SapphireBadgeModule, SapphireButtonModule, SapphireCheckboxModule, SapphireCheckboxRequiredValidator, SapphireCoreModule, SapphireFieldModule, SapphireHelpButtonModule, SapphireIconModule, SapphireLinkModule, SapphireListboxModule, SapphireMenuModule, SapphireModalModule, SapphireNotificationBadgeModule, SapphireOverlay, SapphirePaginationChange, SapphirePaginationModule, SapphirePopoverModule, SapphireRadioModule, SapphireSegmentedTabsModule, SapphireSelectModule, SapphireSkeletonModule, SapphireSurfaceModule, SapphireSwitchChange, SapphireSwitchModule, SapphireSwitchRequiredValidator, SapphireTableModule, SapphireTextFieldModule, SapphireThemeModule, SapphireToggleButtonRequiredValidator, SapphireTooltipModule, SapphireTypographyModule, ScrollMonitorDirective, SearchableSelectDirective, SectionDirective, SegmentedRadioComponent, SegmentedRadioGroupComponent, SegmentedTabComponent, SegmentedTabContentDirective, SegmentedTabLabelDirective, SegmentedTabsComponent, SelectComponent, SelectionTextDirective, SingleSelectDirective, SkeletonBlockDirective, SkeletonCircleDirective, SkeletonComponent, SkeletonTextDirective, SurfaceComponent, SwitchComponent, TableBodyDirective, TableCellDirective, TableComponent, TableDirective, TableFooterDirective, TableHeadCellComponent, TableHeadDirective, TableRowDirective, TableSortDirective, TableSortHeaderDirective, TextFieldComponent, TextFieldInputDirective, TextFieldPostfixDirective, TextFieldPrefixDirective, TextFieldTextareaAutosizeDirective, ThemeBaseDirective, ThemeCheckDirective, ThemeDefault, ThemeDefaultDark, ThemeRootDirective, ToggleButtonComponent, TooltipComponent, TooltipDirective, TranslatePipe, TranslateService, TruncatedWithTooltipDirective, UseComponentStyles, UseComponentStylesOnHost, ViewEncapsulationProvider };
|
|
9040
|
+
export { BadgeComponent, BasicSelectComponent, BasicSingleSelectDirective, ButtonComponent, ButtonGroupComponent, ButtonIconDirective, CdkVirtualScrollViewportFixDirective, CheckboxChange, CheckboxComponent, CheckboxGroupComponent, ConfirmationDialogComponent, DEFAULT_BREAKPOINTS, DangerDialogComponent, DialogComponent, DialogTriggerDirective, FieldComponent, FieldControl, FieldErrorDirective, FieldLabelDirective, FieldNoteDirective, FieldNoteSuffixDirective, FocusedDirective, HeadingComponent, HelpButtonComponent, HelpButtonContentDirective, HelpButtonFooterDirective, HelpButtonHeaderDirective, ICON_SIZE_PROVIDER, IconButtonComponent, IconComponent, LabelComponent, LinkComponent, ListComponent, ListItemComponent, ListItemContentComponent, ListItemTextComponent, ListItemTextPrimaryComponent, ListItemTextSecondaryComponent, ListboxChild, ListboxComponent, ListboxInputDirective, MenuComponent, MenuIconComponent, MenuItemComponent, MenuPrimaryTextComponent, MenuSecondaryTextComponent, MenuSectionComponent, MenuTriggerDirective, ModalBackButtonDirective, ModalBodyComponent, ModalCloseButtonDirective, ModalFooterComponent, ModalFooterDirective, ModalHeaderComponent, ModalHeaderDirective, ModalLayoutComponent, ModalService, MultiSelectDirective, NotificationBadgeComponent, OptionComponent, OptionIconDirective, OptionPrimaryTextDirective, OptionSecondaryTextDirective, POPOVER_TRIGGER, PaginationComponent, PanelComponent, PanelTriggerDirective, ParagraphComponent, PopoverCloseButtonDirective, PopoverComponent, PopoverTitleDirective, PopoverTriggerDirective, PressedDirective, RadioComponent, RadioGroupComponent, SapphireBadgeModule, SapphireButtonModule, SapphireCheckboxModule, SapphireCheckboxRequiredValidator, SapphireCoreModule, SapphireFieldModule, SapphireHelpButtonModule, SapphireIconModule, SapphireLinkModule, SapphireListModule, SapphireListboxModule, SapphireMenuModule, SapphireModalModule, SapphireNotificationBadgeModule, SapphireOverlay, SapphirePaginationChange, SapphirePaginationModule, SapphirePopoverModule, SapphireRadioModule, SapphireSegmentedTabsModule, SapphireSelectModule, SapphireSkeletonModule, SapphireSurfaceModule, SapphireSwitchChange, SapphireSwitchModule, SapphireSwitchRequiredValidator, SapphireTableModule, SapphireTextFieldModule, SapphireThemeModule, SapphireToggleButtonRequiredValidator, SapphireTooltipModule, SapphireTypographyModule, ScrollMonitorDirective, SearchableSelectDirective, SectionDirective, SegmentedRadioComponent, SegmentedRadioGroupComponent, SegmentedTabComponent, SegmentedTabContentDirective, SegmentedTabLabelDirective, SegmentedTabsComponent, SelectComponent, SelectionTextDirective, SingleSelectDirective, SkeletonBlockDirective, SkeletonCircleDirective, SkeletonComponent, SkeletonTextDirective, SurfaceComponent, SwitchComponent, TableBodyDirective, TableCellDirective, TableComponent, TableDirective, TableFooterDirective, TableHeadCellComponent, TableHeadDirective, TableRowDirective, TableSortDirective, TableSortHeaderDirective, TextFieldComponent, TextFieldInputDirective, TextFieldPostfixDirective, TextFieldPrefixDirective, TextFieldTextareaAutosizeDirective, ThemeBaseDirective, ThemeCheckDirective, ThemeDefault, ThemeDefaultDark, ThemeRootDirective, ToggleButtonComponent, TooltipComponent, TooltipDirective, TranslatePipe, TranslateService, TruncatedWithTooltipDirective, UseComponentStyles, UseComponentStylesOnHost, ViewEncapsulationProvider };
|
|
8786
9041
|
//# sourceMappingURL=danske-sapphire-angular.mjs.map
|