@danske/sapphire-angular 2.9.0 → 3.0.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/avatar/public_api.mjs +3 -0
- package/esm2020/lib/avatar/src/avatar.component.mjs +53 -0
- package/esm2020/lib/avatar/src/avatar.module.mjs +16 -0
- package/esm2020/lib/badge/src/badge.component.mjs +11 -7
- package/esm2020/lib/button/src/button-group.component.mjs +2 -2
- package/esm2020/lib/button/src/button.component.mjs +19 -6
- package/esm2020/lib/button/src/icon-button.component.mjs +21 -8
- package/esm2020/lib/button/src/toggle-button.component.mjs +19 -6
- package/esm2020/lib/checkbox/src/checkbox-group.component.mjs +2 -2
- package/esm2020/lib/checkbox/src/checkbox.component.mjs +3 -3
- package/esm2020/lib/core.module.mjs +22 -1
- package/esm2020/lib/feedback-message/public_api.mjs +7 -0
- package/esm2020/lib/feedback-message/src/feedback-message.component.mjs +104 -0
- package/esm2020/lib/feedback-message/src/feedback-message.module.mjs +40 -0
- package/esm2020/lib/field/src/field-note.directive.mjs +18 -2
- package/esm2020/lib/field/src/field.component.mjs +33 -15
- package/esm2020/lib/field/src/field.module.mjs +7 -3
- package/esm2020/lib/help-button/src/help-button.component.mjs +15 -12
- package/esm2020/lib/icon/public_api.mjs +2 -1
- package/esm2020/lib/icon/src/icon-size-provider.mjs +1 -1
- package/esm2020/lib/icon/src/icon.component.mjs +30 -18
- package/esm2020/lib/icon/src/icon.module.mjs +4 -2
- package/esm2020/lib/icon/src/iconRegistry.service.mjs +37 -0
- package/esm2020/lib/icon/src/svgSanitizer.mjs +690 -0
- package/esm2020/lib/label/src/label.component.mjs +3 -3
- package/esm2020/lib/link/src/link.component.mjs +3 -8
- package/esm2020/lib/list/src/list.component.mjs +2 -2
- package/esm2020/lib/listbox/src/listbox-item.component.mjs +15 -15
- package/esm2020/lib/listbox/src/listbox.component.mjs +7 -10
- package/esm2020/lib/menu/src/menu-item.component.mjs +3 -3
- package/esm2020/lib/menu/src/menu.component.mjs +8 -13
- package/esm2020/lib/modal/public_api.mjs +2 -1
- package/esm2020/lib/modal/src/dialog/alert-dialog.component.mjs +111 -0
- package/esm2020/lib/modal/src/dialog/dialog.component.mjs +2 -2
- package/esm2020/lib/modal/src/layout/modal-header.component.mjs +15 -12
- package/esm2020/lib/modal/src/layout/modal-layout.component.mjs +2 -2
- package/esm2020/lib/modal/src/modal.module.mjs +27 -2
- 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 +3 -3
- package/esm2020/lib/pagination/src/pagination.component.mjs +16 -13
- 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/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/public_api.mjs +2 -2
- package/esm2020/lib/select/src/select/select.component.mjs +22 -19
- package/esm2020/lib/select/src/select/select.module.mjs +10 -10
- package/esm2020/lib/select/src/select-button/select-button.component.mjs +136 -0
- package/esm2020/lib/skeleton/src/skeleton.component.mjs +2 -2
- package/esm2020/lib/spinner/public_api.mjs +7 -0
- package/esm2020/lib/spinner/src/spinner.component.mjs +26 -0
- package/esm2020/lib/spinner/src/spinner.module.mjs +18 -0
- package/esm2020/lib/surface/src/surface.component.mjs +5 -3
- package/esm2020/lib/switch/src/switch.component.mjs +2 -2
- package/esm2020/lib/table/src/table-head-cell.component.mjs +16 -13
- package/esm2020/lib/table/src/table.component.mjs +2 -2
- package/esm2020/lib/text-field/src/text-field.component.mjs +2 -2
- package/esm2020/lib/theme/src/themes.mjs +4 -4
- package/esm2020/lib/tooltip/src/tooltip.component.mjs +2 -2
- package/esm2020/lib/typography/public_api.mjs +4 -2
- package/esm2020/lib/typography/src/body.component.mjs +43 -0
- package/esm2020/lib/typography/src/caption.component.mjs +37 -0
- package/esm2020/lib/typography/src/heading.component.mjs +23 -13
- package/esm2020/lib/typography/src/subheading.component.mjs +37 -0
- package/esm2020/lib/typography/src/typography.module.mjs +23 -5
- package/esm2020/public-api.mjs +4 -1
- package/fesm2015/danske-sapphire-angular.mjs +1513 -226
- package/fesm2015/danske-sapphire-angular.mjs.map +1 -1
- package/fesm2020/danske-sapphire-angular.mjs +1513 -225
- package/fesm2020/danske-sapphire-angular.mjs.map +1 -1
- package/lib/avatar/public_api.d.ts +2 -0
- package/lib/avatar/src/avatar.component.d.ts +22 -0
- package/lib/avatar/src/avatar.module.d.ts +7 -0
- package/lib/badge/src/badge.component.d.ts +3 -3
- package/lib/button/src/button.component.d.ts +1 -1
- package/lib/button/src/icon-button.component.d.ts +2 -3
- package/lib/core.module.d.ts +23 -20
- package/lib/feedback-message/public_api.d.ts +2 -0
- package/lib/feedback-message/src/feedback-message.component.d.ts +33 -0
- package/lib/feedback-message/src/feedback-message.module.d.ts +10 -0
- package/lib/field/src/field-note.directive.d.ts +3 -1
- package/lib/field/src/field.component.d.ts +2 -1
- package/lib/field/src/field.module.d.ts +2 -1
- package/lib/help-button/src/help-button.component.d.ts +2 -0
- package/lib/icon/public_api.d.ts +1 -0
- package/lib/icon/src/icon-size-provider.d.ts +1 -1
- package/lib/icon/src/icon.component.d.ts +16 -9
- package/lib/icon/src/iconRegistry.service.d.ts +14 -0
- package/lib/icon/src/svgSanitizer.d.ts +1 -0
- package/lib/link/src/link.component.d.ts +1 -2
- package/lib/listbox/src/listbox-item.component.d.ts +3 -3
- package/lib/listbox/src/listbox.component.d.ts +2 -4
- package/lib/menu/src/menu-item.component.d.ts +1 -1
- package/lib/menu/src/menu.component.d.ts +1 -2
- package/lib/modal/public_api.d.ts +1 -0
- package/lib/modal/src/dialog/alert-dialog.component.d.ts +42 -0
- package/lib/modal/src/layout/modal-header.component.d.ts +2 -0
- package/lib/modal/src/modal.module.d.ts +13 -11
- package/lib/pagination/src/pagination.component.d.ts +2 -0
- package/lib/select/public_api.d.ts +1 -1
- package/lib/select/src/select/select.component.d.ts +3 -2
- package/lib/select/src/select/select.module.d.ts +2 -2
- package/lib/select/src/{basic-select/basic-select.component.d.ts → select-button/select-button.component.d.ts} +12 -11
- package/lib/spinner/public_api.d.ts +2 -0
- package/lib/spinner/src/spinner.component.d.ts +14 -0
- package/lib/spinner/src/spinner.module.d.ts +8 -0
- package/lib/surface/src/surface.component.d.ts +1 -1
- package/lib/table/src/table-head-cell.component.d.ts +3 -2
- package/lib/typography/public_api.d.ts +3 -1
- package/lib/typography/src/body.component.d.ts +16 -0
- package/lib/typography/src/caption.component.d.ts +14 -0
- package/lib/typography/src/heading.component.d.ts +5 -3
- package/lib/typography/src/subheading.component.d.ts +14 -0
- package/lib/typography/src/typography.module.d.ts +5 -3
- package/package.json +5 -4
- package/public-api.d.ts +3 -0
- package/esm2020/lib/select/src/basic-select/basic-select.component.mjs +0 -133
- package/esm2020/lib/typography/src/paragraph.component.mjs +0 -24
- package/lib/typography/src/paragraph.component.d.ts +0 -8
|
@@ -1,17 +1,30 @@
|
|
|
1
1
|
import { __decorate } from "tslib";
|
|
2
|
-
import { ChangeDetectionStrategy, Component, Input, HostBinding,
|
|
2
|
+
import { ChangeDetectionStrategy, Component, Input, HostBinding, isDevMode, Injectable, } from '@angular/core';
|
|
3
3
|
import { CoerceBoolean } from '../../common/coerce-boolean.decorator';
|
|
4
4
|
import { UseComponentStylesOnHost } from '../../common/sapphire-view-encapsulation';
|
|
5
|
-
import { ICON_SIZE_PROVIDER
|
|
5
|
+
import { ICON_SIZE_PROVIDER } from '../../icon/src/icon-size-provider';
|
|
6
6
|
import * as i0 from "@angular/core";
|
|
7
7
|
import * as i1 from "../../common/sapphire-view-encapsulation";
|
|
8
|
+
class IconButtonIconSizeProvider {
|
|
9
|
+
constructor(button) {
|
|
10
|
+
this.button = button;
|
|
11
|
+
}
|
|
12
|
+
get size() {
|
|
13
|
+
return this.button.size === 'xs' ? 'sm' : this.button.size;
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
IconButtonIconSizeProvider.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: IconButtonIconSizeProvider, deps: [{ token: IconButtonComponent }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
17
|
+
IconButtonIconSizeProvider.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: IconButtonIconSizeProvider });
|
|
18
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: IconButtonIconSizeProvider, decorators: [{
|
|
19
|
+
type: Injectable
|
|
20
|
+
}], ctorParameters: function () { return [{ type: IconButtonComponent }]; } });
|
|
8
21
|
export class IconButtonComponent {
|
|
9
22
|
get variantClass() {
|
|
10
23
|
return `sapphire-icon-button--${this.variant}`;
|
|
11
24
|
}
|
|
12
25
|
constructor(elementRef) {
|
|
13
26
|
this.elementRef = elementRef;
|
|
14
|
-
this.variant = 'tertiary
|
|
27
|
+
this.variant = 'tertiary';
|
|
15
28
|
this.size = 'md';
|
|
16
29
|
/**
|
|
17
30
|
* The behavior of the button when used in an HTML form.
|
|
@@ -30,9 +43,9 @@ IconButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", vers
|
|
|
30
43
|
IconButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: IconButtonComponent, selector: "button[sp-icon-button], a[sp-icon-button]", inputs: { variant: "variant", size: "size", disabled: "disabled", type: "type" }, host: { properties: { "attr.disabled": "disabled || null", "class.is-disabled": "disabled", "class.sapphire-icon-button--lg": "size === \"lg\"", "class.sapphire-icon-button--sm": "size === \"sm\"", "class.sapphire-icon-button--xs": "size === \"xs\"", "class": "this.variantClass", "type": "this.type" }, classAttribute: "sapphire-icon-button" }, providers: [
|
|
31
44
|
{
|
|
32
45
|
provide: ICON_SIZE_PROVIDER,
|
|
33
|
-
|
|
46
|
+
useClass: IconButtonIconSizeProvider,
|
|
34
47
|
},
|
|
35
|
-
], hostDirectives: [{ directive: i1.UseComponentStylesOnHost }], ngImport: i0, 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"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
48
|
+
], hostDirectives: [{ directive: i1.UseComponentStylesOnHost }], ngImport: i0, 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-regular);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:var(--sapphire-semantic-transitions-fade);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:var(--sapphire-semantic-color-background-action-primary-default);color:var(--sapphire-semantic-color-foreground-action-on-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:var(--sapphire-semantic-color-background-action-primary-hover)}.sapphire-icon-button--primary.is-focus,.sapphire-icon-button--primary:not(.js-focus):focus-visible{background:var(--sapphire-semantic-color-background-action-primary-default);color:var(--sapphire-semantic-color-foreground-action-on-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:var(--sapphire-semantic-color-background-action-primary-active)}.sapphire-icon-button--secondary{background:var(--sapphire-semantic-color-background-action-secondary-default);color:var(--sapphire-semantic-color-foreground-action-on-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:var(--sapphire-semantic-color-background-action-secondary-hover);color:var(--sapphire-semantic-color-foreground-action-on-secondary-hover)}.sapphire-icon-button--secondary.is-focus,.sapphire-icon-button--secondary:not(.js-focus):focus-visible{background:var(--sapphire-semantic-color-background-action-secondary-default);color:var(--sapphire-semantic-color-foreground-action-on-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:var(--sapphire-semantic-color-background-action-secondary-active);color:var(--sapphire-semantic-color-foreground-action-on-secondary-active)}.sapphire-icon-button--tertiary{background:var(--sapphire-semantic-color-background-action-tertiary-default);color:var(--sapphire-semantic-color-foreground-action-on-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:var(--sapphire-semantic-color-background-action-tertiary-hover);color:var(--sapphire-semantic-color-foreground-action-on-tertiary-hover)}.sapphire-icon-button--tertiary.is-focus,.sapphire-icon-button--tertiary:not(.js-focus):focus-visible{background:var(--sapphire-semantic-color-background-action-tertiary-default);color:var(--sapphire-semantic-color-foreground-action-on-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:var(--sapphire-semantic-color-background-action-tertiary-active);color:var(--sapphire-semantic-color-foreground-action-on-tertiary-active)}.sapphire-icon-button--danger{background:var(--sapphire-semantic-color-background-action-danger-default);color:var(--sapphire-semantic-color-foreground-action-on-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:var(--sapphire-semantic-color-background-action-danger-hover);color:var(--sapphire-semantic-color-foreground-action-on-danger-hover)}.sapphire-icon-button--danger.is-focus,.sapphire-icon-button--danger:not(.js-focus):focus-visible{background:var(--sapphire-semantic-color-background-action-danger-default);color:var(--sapphire-semantic-color-foreground-action-on-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:var(--sapphire-semantic-color-background-action-danger-active);color:var(--sapphire-semantic-color-foreground-action-on-danger-active)}.sapphire-icon-button--danger-secondary{background:var(--sapphire-semantic-color-background-action-danger-secondary-default);color:var(--sapphire-semantic-color-foreground-action-on-danger-secondary-default)}.sapphire-icon-button--danger-secondary:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-icon-button--danger-secondary:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background:var(--sapphire-semantic-color-background-action-danger-secondary-hover);color:var(--sapphire-semantic-color-foreground-action-on-danger-secondary-hover)}.sapphire-icon-button--danger-secondary.is-focus,.sapphire-icon-button--danger-secondary:not(.js-focus):focus-visible{background:var(--sapphire-semantic-color-background-action-danger-secondary-default);color:var(--sapphire-semantic-color-foreground-action-on-danger-secondary-default)}.sapphire-icon-button--danger-secondary:not(:disabled):not(.is-disabled).is-active,.sapphire-icon-button--danger-secondary:not(:disabled):not(.is-disabled):active,.sapphire-icon-button--danger-secondary:not(:disabled):not(.is-disabled):focus-visible:active{background:var(--sapphire-semantic-color-background-action-danger-secondary-active);color:var(--sapphire-semantic-color-foreground-action-on-danger-secondary-active)}.sapphire-icon-button--danger-tertiary{background:var(--sapphire-semantic-color-background-action-danger-tertiary-default);color:var(--sapphire-semantic-color-foreground-action-on-danger-tertiary-default)}.sapphire-icon-button--danger-tertiary:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-icon-button--danger-tertiary:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background:var(--sapphire-semantic-color-background-action-danger-tertiary-hover);color:var(--sapphire-semantic-color-foreground-action-on-danger-tertiary-hover)}.sapphire-icon-button--danger-tertiary.is-focus,.sapphire-icon-button--danger-tertiary:not(.js-focus):focus-visible{background:var(--sapphire-semantic-color-background-action-danger-tertiary-default);color:var(--sapphire-semantic-color-foreground-action-on-danger-tertiary-default)}.sapphire-icon-button--danger-tertiary:not(:disabled):not(.is-disabled).is-active,.sapphire-icon-button--danger-tertiary:not(:disabled):not(.is-disabled):active,.sapphire-icon-button--danger-tertiary:not(:disabled):not(.is-disabled):focus-visible:active{background:var(--sapphire-semantic-color-background-action-danger-tertiary-active);color:var(--sapphire-semantic-color-foreground-action-on-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-lg)}.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:var(--sapphire-semantic-color-background-action-select-secondary-default);color:var(--sapphire-semantic-color-foreground-action-on-select-secondary-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:var(--sapphire-semantic-color-background-action-select-secondary-hover);color:var(--sapphire-semantic-color-foreground-action-on-select-secondary-hover)}.sapphire-icon-button--selected.is-focus,.sapphire-icon-button--selected:not(.js-focus):focus-visible{background:var(--sapphire-semantic-color-background-action-select-secondary-default);color:var(--sapphire-semantic-color-foreground-action-on-select-secondary-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:var(--sapphire-semantic-color-background-action-select-secondary-active);color:var(--sapphire-semantic-color-foreground-action-on-select-secondary-active)}.sapphire-icon-button--unselected{background:var(--sapphire-semantic-color-background-action-secondary-default);color:var(--sapphire-semantic-color-foreground-action-on-secondary-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:var(--sapphire-semantic-color-background-action-secondary-hover);color:var(--sapphire-semantic-color-foreground-action-on-secondary-hover)}.sapphire-icon-button--unselected.is-focus,.sapphire-icon-button--unselected:not(.js-focus):focus-visible{background:var(--sapphire-semantic-color-background-action-secondary-default);color:var(--sapphire-semantic-color-foreground-action-on-secondary-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:var(--sapphire-semantic-color-background-action-secondary-active);color:var(--sapphire-semantic-color-foreground-action-on-secondary-active)}.sapphire-icon-button--tertiary.sapphire-icon-button--selected{background:var(--sapphire-semantic-color-background-action-select-tertiary-default);color:var(--sapphire-semantic-color-foreground-action-on-select-tertiary-default)}.sapphire-icon-button--tertiary.sapphire-icon-button--selected:not(:disabled):not(.is-disabled):not(:active):not(.is-active):hover,.sapphire-icon-button--tertiary.sapphire-icon-button--selected:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background:var(--sapphire-semantic-color-background-action-select-tertiary-hover);color:var(--sapphire-semantic-color-foreground-action-on-select-tertiary-hover)}.sapphire-icon-button--tertiary.sapphire-icon-button--selected.is-focus,.sapphire-icon-button--tertiary.sapphire-icon-button--selected:not(.js-focus):focus-visible{background:var(--sapphire-semantic-color-background-action-select-tertiary-default);color:var(--sapphire-semantic-color-foreground-action-on-select-tertiary-default)}.sapphire-icon-button--tertiary.sapphire-icon-button--selected:not(:disabled):not(.is-disabled).is-active,.sapphire-icon-button--tertiary.sapphire-icon-button--selected:not(:disabled):not(.is-disabled):active,.sapphire-icon-button--tertiary.sapphire-icon-button--selected:not(:disabled):not(.is-disabled):focus-visible:active{background:var(--sapphire-semantic-color-background-action-select-tertiary-active);color:var(--sapphire-semantic-color-foreground-action-on-select-tertiary-active)}.sapphire-icon-button--tertiary.sapphire-icon-button--unselected{background:var(--sapphire-semantic-color-background-action-tertiary-default);color:var(--sapphire-semantic-color-foreground-action-on-tertiary-default)}.sapphire-icon-button--tertiary.sapphire-icon-button--unselected:not(:disabled):not(.is-disabled):not(:active):not(.is-active):hover,.sapphire-icon-button--tertiary.sapphire-icon-button--unselected:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background:var(--sapphire-semantic-color-background-action-tertiary-hover);color:var(--sapphire-semantic-color-foreground-action-on-tertiary-hover)}.sapphire-icon-button--tertiary.sapphire-icon-button--unselected.is-focus,.sapphire-icon-button--tertiary.sapphire-icon-button--unselected:not(.js-focus):focus-visible{background:var(--sapphire-semantic-color-background-action-tertiary-default);color:var(--sapphire-semantic-color-foreground-action-on-tertiary-default)}.sapphire-icon-button--tertiary.sapphire-icon-button--unselected:not(:disabled):not(.is-disabled).is-active,.sapphire-icon-button--tertiary.sapphire-icon-button--unselected:not(:disabled):not(.is-disabled):active,.sapphire-icon-button--tertiary.sapphire-icon-button--unselected:not(:disabled):not(.is-disabled):focus-visible:active{background:var(--sapphire-semantic-color-background-action-tertiary-active);color:var(--sapphire-semantic-color-foreground-action-on-tertiary-active)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
36
49
|
__decorate([
|
|
37
50
|
CoerceBoolean
|
|
38
51
|
], IconButtonComponent.prototype, "disabled", void 0);
|
|
@@ -41,7 +54,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
41
54
|
args: [{ selector: 'button[sp-icon-button], a[sp-icon-button]', providers: [
|
|
42
55
|
{
|
|
43
56
|
provide: ICON_SIZE_PROVIDER,
|
|
44
|
-
|
|
57
|
+
useClass: IconButtonIconSizeProvider,
|
|
45
58
|
},
|
|
46
59
|
], changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
47
60
|
'[attr.disabled]': 'disabled || null',
|
|
@@ -50,7 +63,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
50
63
|
'[class.sapphire-icon-button--lg]': 'size === "lg"',
|
|
51
64
|
'[class.sapphire-icon-button--sm]': 'size === "sm"',
|
|
52
65
|
'[class.sapphire-icon-button--xs]': 'size === "xs"',
|
|
53
|
-
}, 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"] }]
|
|
66
|
+
}, 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-regular);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:var(--sapphire-semantic-transitions-fade);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:var(--sapphire-semantic-color-background-action-primary-default);color:var(--sapphire-semantic-color-foreground-action-on-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:var(--sapphire-semantic-color-background-action-primary-hover)}.sapphire-icon-button--primary.is-focus,.sapphire-icon-button--primary:not(.js-focus):focus-visible{background:var(--sapphire-semantic-color-background-action-primary-default);color:var(--sapphire-semantic-color-foreground-action-on-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:var(--sapphire-semantic-color-background-action-primary-active)}.sapphire-icon-button--secondary{background:var(--sapphire-semantic-color-background-action-secondary-default);color:var(--sapphire-semantic-color-foreground-action-on-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:var(--sapphire-semantic-color-background-action-secondary-hover);color:var(--sapphire-semantic-color-foreground-action-on-secondary-hover)}.sapphire-icon-button--secondary.is-focus,.sapphire-icon-button--secondary:not(.js-focus):focus-visible{background:var(--sapphire-semantic-color-background-action-secondary-default);color:var(--sapphire-semantic-color-foreground-action-on-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:var(--sapphire-semantic-color-background-action-secondary-active);color:var(--sapphire-semantic-color-foreground-action-on-secondary-active)}.sapphire-icon-button--tertiary{background:var(--sapphire-semantic-color-background-action-tertiary-default);color:var(--sapphire-semantic-color-foreground-action-on-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:var(--sapphire-semantic-color-background-action-tertiary-hover);color:var(--sapphire-semantic-color-foreground-action-on-tertiary-hover)}.sapphire-icon-button--tertiary.is-focus,.sapphire-icon-button--tertiary:not(.js-focus):focus-visible{background:var(--sapphire-semantic-color-background-action-tertiary-default);color:var(--sapphire-semantic-color-foreground-action-on-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:var(--sapphire-semantic-color-background-action-tertiary-active);color:var(--sapphire-semantic-color-foreground-action-on-tertiary-active)}.sapphire-icon-button--danger{background:var(--sapphire-semantic-color-background-action-danger-default);color:var(--sapphire-semantic-color-foreground-action-on-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:var(--sapphire-semantic-color-background-action-danger-hover);color:var(--sapphire-semantic-color-foreground-action-on-danger-hover)}.sapphire-icon-button--danger.is-focus,.sapphire-icon-button--danger:not(.js-focus):focus-visible{background:var(--sapphire-semantic-color-background-action-danger-default);color:var(--sapphire-semantic-color-foreground-action-on-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:var(--sapphire-semantic-color-background-action-danger-active);color:var(--sapphire-semantic-color-foreground-action-on-danger-active)}.sapphire-icon-button--danger-secondary{background:var(--sapphire-semantic-color-background-action-danger-secondary-default);color:var(--sapphire-semantic-color-foreground-action-on-danger-secondary-default)}.sapphire-icon-button--danger-secondary:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-icon-button--danger-secondary:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background:var(--sapphire-semantic-color-background-action-danger-secondary-hover);color:var(--sapphire-semantic-color-foreground-action-on-danger-secondary-hover)}.sapphire-icon-button--danger-secondary.is-focus,.sapphire-icon-button--danger-secondary:not(.js-focus):focus-visible{background:var(--sapphire-semantic-color-background-action-danger-secondary-default);color:var(--sapphire-semantic-color-foreground-action-on-danger-secondary-default)}.sapphire-icon-button--danger-secondary:not(:disabled):not(.is-disabled).is-active,.sapphire-icon-button--danger-secondary:not(:disabled):not(.is-disabled):active,.sapphire-icon-button--danger-secondary:not(:disabled):not(.is-disabled):focus-visible:active{background:var(--sapphire-semantic-color-background-action-danger-secondary-active);color:var(--sapphire-semantic-color-foreground-action-on-danger-secondary-active)}.sapphire-icon-button--danger-tertiary{background:var(--sapphire-semantic-color-background-action-danger-tertiary-default);color:var(--sapphire-semantic-color-foreground-action-on-danger-tertiary-default)}.sapphire-icon-button--danger-tertiary:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-icon-button--danger-tertiary:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background:var(--sapphire-semantic-color-background-action-danger-tertiary-hover);color:var(--sapphire-semantic-color-foreground-action-on-danger-tertiary-hover)}.sapphire-icon-button--danger-tertiary.is-focus,.sapphire-icon-button--danger-tertiary:not(.js-focus):focus-visible{background:var(--sapphire-semantic-color-background-action-danger-tertiary-default);color:var(--sapphire-semantic-color-foreground-action-on-danger-tertiary-default)}.sapphire-icon-button--danger-tertiary:not(:disabled):not(.is-disabled).is-active,.sapphire-icon-button--danger-tertiary:not(:disabled):not(.is-disabled):active,.sapphire-icon-button--danger-tertiary:not(:disabled):not(.is-disabled):focus-visible:active{background:var(--sapphire-semantic-color-background-action-danger-tertiary-active);color:var(--sapphire-semantic-color-foreground-action-on-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-lg)}.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:var(--sapphire-semantic-color-background-action-select-secondary-default);color:var(--sapphire-semantic-color-foreground-action-on-select-secondary-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:var(--sapphire-semantic-color-background-action-select-secondary-hover);color:var(--sapphire-semantic-color-foreground-action-on-select-secondary-hover)}.sapphire-icon-button--selected.is-focus,.sapphire-icon-button--selected:not(.js-focus):focus-visible{background:var(--sapphire-semantic-color-background-action-select-secondary-default);color:var(--sapphire-semantic-color-foreground-action-on-select-secondary-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:var(--sapphire-semantic-color-background-action-select-secondary-active);color:var(--sapphire-semantic-color-foreground-action-on-select-secondary-active)}.sapphire-icon-button--unselected{background:var(--sapphire-semantic-color-background-action-secondary-default);color:var(--sapphire-semantic-color-foreground-action-on-secondary-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:var(--sapphire-semantic-color-background-action-secondary-hover);color:var(--sapphire-semantic-color-foreground-action-on-secondary-hover)}.sapphire-icon-button--unselected.is-focus,.sapphire-icon-button--unselected:not(.js-focus):focus-visible{background:var(--sapphire-semantic-color-background-action-secondary-default);color:var(--sapphire-semantic-color-foreground-action-on-secondary-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:var(--sapphire-semantic-color-background-action-secondary-active);color:var(--sapphire-semantic-color-foreground-action-on-secondary-active)}.sapphire-icon-button--tertiary.sapphire-icon-button--selected{background:var(--sapphire-semantic-color-background-action-select-tertiary-default);color:var(--sapphire-semantic-color-foreground-action-on-select-tertiary-default)}.sapphire-icon-button--tertiary.sapphire-icon-button--selected:not(:disabled):not(.is-disabled):not(:active):not(.is-active):hover,.sapphire-icon-button--tertiary.sapphire-icon-button--selected:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background:var(--sapphire-semantic-color-background-action-select-tertiary-hover);color:var(--sapphire-semantic-color-foreground-action-on-select-tertiary-hover)}.sapphire-icon-button--tertiary.sapphire-icon-button--selected.is-focus,.sapphire-icon-button--tertiary.sapphire-icon-button--selected:not(.js-focus):focus-visible{background:var(--sapphire-semantic-color-background-action-select-tertiary-default);color:var(--sapphire-semantic-color-foreground-action-on-select-tertiary-default)}.sapphire-icon-button--tertiary.sapphire-icon-button--selected:not(:disabled):not(.is-disabled).is-active,.sapphire-icon-button--tertiary.sapphire-icon-button--selected:not(:disabled):not(.is-disabled):active,.sapphire-icon-button--tertiary.sapphire-icon-button--selected:not(:disabled):not(.is-disabled):focus-visible:active{background:var(--sapphire-semantic-color-background-action-select-tertiary-active);color:var(--sapphire-semantic-color-foreground-action-on-select-tertiary-active)}.sapphire-icon-button--tertiary.sapphire-icon-button--unselected{background:var(--sapphire-semantic-color-background-action-tertiary-default);color:var(--sapphire-semantic-color-foreground-action-on-tertiary-default)}.sapphire-icon-button--tertiary.sapphire-icon-button--unselected:not(:disabled):not(.is-disabled):not(:active):not(.is-active):hover,.sapphire-icon-button--tertiary.sapphire-icon-button--unselected:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background:var(--sapphire-semantic-color-background-action-tertiary-hover);color:var(--sapphire-semantic-color-foreground-action-on-tertiary-hover)}.sapphire-icon-button--tertiary.sapphire-icon-button--unselected.is-focus,.sapphire-icon-button--tertiary.sapphire-icon-button--unselected:not(.js-focus):focus-visible{background:var(--sapphire-semantic-color-background-action-tertiary-default);color:var(--sapphire-semantic-color-foreground-action-on-tertiary-default)}.sapphire-icon-button--tertiary.sapphire-icon-button--unselected:not(:disabled):not(.is-disabled).is-active,.sapphire-icon-button--tertiary.sapphire-icon-button--unselected:not(:disabled):not(.is-disabled):active,.sapphire-icon-button--tertiary.sapphire-icon-button--unselected:not(:disabled):not(.is-disabled):focus-visible:active{background:var(--sapphire-semantic-color-background-action-tertiary-active);color:var(--sapphire-semantic-color-foreground-action-on-tertiary-active)}\n"] }]
|
|
54
67
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { variant: [{
|
|
55
68
|
type: Input
|
|
56
69
|
}], size: [{
|
|
@@ -66,4 +79,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
66
79
|
type: HostBinding,
|
|
67
80
|
args: ['type']
|
|
68
81
|
}] } });
|
|
69
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
82
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9idXR0b24vc3JjL2ljb24tYnV0dG9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvYnV0dG9uL3NyYy9pY29uLWJ1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsS0FBSyxFQUNMLFdBQVcsRUFDWCxTQUFTLEVBR1QsVUFBVSxHQUNYLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUN0RSxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSwwQ0FBMEMsQ0FBQztBQUNwRixPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQzs7O0FBRXZFLE1BQ00sMEJBQTBCO0lBQzlCLFlBQW9CLE1BQTJCO1FBQTNCLFdBQU0sR0FBTixNQUFNLENBQXFCO0lBQUcsQ0FBQztJQUVuRCxJQUFJLElBQUk7UUFDTixPQUFPLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxLQUFLLElBQUksQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQztJQUM3RCxDQUFDOzt1SEFMRywwQkFBMEI7MkhBQTFCLDBCQUEwQjsyRkFBMUIsMEJBQTBCO2tCQUQvQixVQUFVOztBQWlDWCxNQUFNLE9BQU8sbUJBQW1CO0lBaUI5QixJQUNZLFlBQVk7UUFDdEIsT0FBTyx5QkFBeUIsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDO0lBQ2pELENBQUM7SUFTRCxZQUFvQixVQUFtQztRQUFuQyxlQUFVLEdBQVYsVUFBVSxDQUF5QjtRQTNCdkQsWUFBTyxHQU1pQixVQUFVLENBQUM7UUFHbkMsU0FBSSxHQUErQixJQUFJLENBQUM7UUFXeEM7O1dBRUc7UUFHSCxTQUFJLEdBQWtDLFFBQVEsQ0FBQztJQUVXLENBQUM7SUFFM0QsZUFBZTtRQUNiLE1BQU0sRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUM7UUFDaEUsSUFBSSxDQUFDLFNBQVMsSUFBSSxVQUFVLEtBQUssTUFBTSxJQUFJLFNBQVMsRUFBRSxFQUFFO1lBQ3RELHNDQUFzQztZQUN0QyxPQUFPLENBQUMsSUFBSSxDQUNWLG1KQUFtSixFQUNuSixJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FDOUIsQ0FBQztTQUNIO0lBQ0gsQ0FBQzs7Z0hBeENVLG1CQUFtQjtvR0FBbkIsbUJBQW1CLGdmQXBCbkI7UUFDVDtZQUNFLE9BQU8sRUFBRSxrQkFBa0I7WUFDM0IsUUFBUSxFQUFFLDBCQUEwQjtTQUNyQztLQUNGLHdGQ2pDSCxxRkFHQTtBRDRERTtJQURDLGFBQWE7cURBQ1M7MkZBZlosbUJBQW1CO2tCQXhCL0IsU0FBUzsrQkFDRSwyQ0FBMkMsYUFHMUM7d0JBQ1Q7NEJBQ0UsT0FBTyxFQUFFLGtCQUFrQjs0QkFDM0IsUUFBUSxFQUFFLDBCQUEwQjt5QkFDckM7cUJBQ0YsbUJBQ2dCLHVCQUF1QixDQUFDLE1BQU0sUUFDekM7d0JBQ0osaUJBQWlCLEVBQUUsa0JBQWtCO3dCQUNyQyxxQkFBcUIsRUFBRSxVQUFVO3dCQUVqQyxLQUFLLEVBQUUsc0JBQXNCO3dCQUU3QixrQ0FBa0MsRUFBRSxlQUFlO3dCQUNuRCxrQ0FBa0MsRUFBRSxlQUFlO3dCQUNuRCxrQ0FBa0MsRUFBRSxlQUFlO3FCQUNwRCxrQkFDZSxDQUFDLHdCQUF3QixDQUFDLGNBQzlCLEtBQUs7aUdBSWpCLE9BQU87c0JBRE4sS0FBSztnQkFVTixJQUFJO3NCQURILEtBQUs7Z0JBS04sUUFBUTtzQkFGUCxLQUFLO2dCQUtNLFlBQVk7c0JBRHZCLFdBQVc7dUJBQUMsT0FBTztnQkFVcEIsSUFBSTtzQkFGSCxLQUFLOztzQkFDTCxXQUFXO3VCQUFDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBJbnB1dCxcbiAgSG9zdEJpbmRpbmcsXG4gIGlzRGV2TW9kZSxcbiAgRWxlbWVudFJlZixcbiAgQWZ0ZXJWaWV3SW5pdCxcbiAgSW5qZWN0YWJsZSxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBCb29sZWFuSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jZGsvY29lcmNpb24nO1xuaW1wb3J0IHsgQ29lcmNlQm9vbGVhbiB9IGZyb20gJy4uLy4uL2NvbW1vbi9jb2VyY2UtYm9vbGVhbi5kZWNvcmF0b3InO1xuaW1wb3J0IHsgVXNlQ29tcG9uZW50U3R5bGVzT25Ib3N0IH0gZnJvbSAnLi4vLi4vY29tbW9uL3NhcHBoaXJlLXZpZXctZW5jYXBzdWxhdGlvbic7XG5pbXBvcnQgeyBJQ09OX1NJWkVfUFJPVklERVIgfSBmcm9tICcuLi8uLi9pY29uL3NyYy9pY29uLXNpemUtcHJvdmlkZXInO1xuXG5ASW5qZWN0YWJsZSgpXG5jbGFzcyBJY29uQnV0dG9uSWNvblNpemVQcm92aWRlciB7XG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgYnV0dG9uOiBJY29uQnV0dG9uQ29tcG9uZW50KSB7fVxuXG4gIGdldCBzaXplKCkge1xuICAgIHJldHVybiB0aGlzLmJ1dHRvbi5zaXplID09PSAneHMnID8gJ3NtJyA6IHRoaXMuYnV0dG9uLnNpemU7XG4gIH1cbn1cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYnV0dG9uW3NwLWljb24tYnV0dG9uXSwgYVtzcC1pY29uLWJ1dHRvbl0nLFxuICB0ZW1wbGF0ZVVybDogJy4vaWNvbi1idXR0b24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9pY29uLWJ1dHRvbi5jb21wb25lbnQuc2NzcyddLFxuICBwcm92aWRlcnM6IFtcbiAgICB7XG4gICAgICBwcm92aWRlOiBJQ09OX1NJWkVfUFJPVklERVIsXG4gICAgICB1c2VDbGFzczogSWNvbkJ1dHRvbkljb25TaXplUHJvdmlkZXIsXG4gICAgfSxcbiAgXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGhvc3Q6IHtcbiAgICAnW2F0dHIuZGlzYWJsZWRdJzogJ2Rpc2FibGVkIHx8IG51bGwnLFxuICAgICdbY2xhc3MuaXMtZGlzYWJsZWRdJzogJ2Rpc2FibGVkJyxcblxuICAgIGNsYXNzOiAnc2FwcGhpcmUtaWNvbi1idXR0b24nLFxuXG4gICAgJ1tjbGFzcy5zYXBwaGlyZS1pY29uLWJ1dHRvbi0tbGddJzogJ3NpemUgPT09IFwibGdcIicsXG4gICAgJ1tjbGFzcy5zYXBwaGlyZS1pY29uLWJ1dHRvbi0tc21dJzogJ3NpemUgPT09IFwic21cIicsXG4gICAgJ1tjbGFzcy5zYXBwaGlyZS1pY29uLWJ1dHRvbi0teHNdJzogJ3NpemUgPT09IFwieHNcIicsXG4gIH0sXG4gIGhvc3REaXJlY3RpdmVzOiBbVXNlQ29tcG9uZW50U3R5bGVzT25Ib3N0XSxcbiAgc3RhbmRhbG9uZTogZmFsc2UsXG59KVxuZXhwb3J0IGNsYXNzIEljb25CdXR0b25Db21wb25lbnQgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0IHtcbiAgQElucHV0KClcbiAgdmFyaWFudD86XG4gICAgfCAncHJpbWFyeSdcbiAgICB8ICdzZWNvbmRhcnknXG4gICAgfCAndGVydGlhcnknXG4gICAgfCAnZGFuZ2VyJ1xuICAgIHwgJ2Rhbmdlci1zZWNvbmRhcnknXG4gICAgfCAnZGFuZ2VyLXRlcnRpYXJ5JyA9ICd0ZXJ0aWFyeSc7XG5cbiAgQElucHV0KClcbiAgc2l6ZT86ICd4cycgfCAnc20nIHwgJ21kJyB8ICdsZycgPSAnbWQnO1xuXG4gIEBJbnB1dCgpXG4gIEBDb2VyY2VCb29sZWFuXG4gIGRpc2FibGVkOiBCb29sZWFuSW5wdXQ7XG5cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcycpXG4gIHByaXZhdGUgZ2V0IHZhcmlhbnRDbGFzcygpIHtcbiAgICByZXR1cm4gYHNhcHBoaXJlLWljb24tYnV0dG9uLS0ke3RoaXMudmFyaWFudH1gO1xuICB9XG5cbiAgLyoqXG4gICAqIFRoZSBiZWhhdmlvciBvZiB0aGUgYnV0dG9uIHdoZW4gdXNlZCBpbiBhbiBIVE1MIGZvcm0uXG4gICAqL1xuICBASW5wdXQoKVxuICBASG9zdEJpbmRpbmcoJ3R5cGUnKVxuICB0eXBlOiAnc3VibWl0JyB8ICdidXR0b24nIHwgJ3Jlc2V0JyA9ICdidXR0b24nO1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgZWxlbWVudFJlZjogRWxlbWVudFJlZjxIVE1MRWxlbWVudD4pIHt9XG5cbiAgbmdBZnRlclZpZXdJbml0KCkge1xuICAgIGNvbnN0IHsgYXJpYUxhYmVsLCBhcmlhSGlkZGVuIH0gPSB0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudDtcbiAgICBpZiAoIWFyaWFMYWJlbCAmJiBhcmlhSGlkZGVuICE9PSAndHJ1ZScgJiYgaXNEZXZNb2RlKCkpIHtcbiAgICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBuby1jb25zb2xlXG4gICAgICBjb25zb2xlLndhcm4oXG4gICAgICAgIGBMYWJlbCBpcyByZXF1aXJlZCBmb3IgYWNjZXNzaWJpbGl0eSByZWFzb25zLiBQbGVhc2UsIHByb3ZpZGUgYXR0cmlidXRlIFwiYXJpYS1sYWJlbFwiIHZhbHVlIG9yIHNldCBhcmlhLWhpZGRlbj1cInRydWVcIiBmb3Igbm9uLWludGVyYWN0aXZlIGVsZW1lbnRzLmAsXG4gICAgICAgIHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50XG4gICAgICApO1xuICAgIH1cbiAgfVxufVxuIiwiPHNwYW4gY2xhc3M9XCJzYXBwaGlyZS1pY29uLWJ1dHRvbl9faWNvblwiPlxuICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG48L3NwYW4+XG4iXX0=
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { __decorate } from "tslib";
|
|
2
|
-
import { ChangeDetectionStrategy, Component, ContentChild, EventEmitter, forwardRef, HostBinding, HostListener, Input, isDevMode, Output, } from '@angular/core';
|
|
2
|
+
import { ChangeDetectionStrategy, Component, ContentChild, EventEmitter, forwardRef, HostBinding, HostListener, Injectable, Input, isDevMode, Output, } from '@angular/core';
|
|
3
3
|
import { NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
4
4
|
import { CoerceBoolean } from '../../common/coerce-boolean.decorator';
|
|
5
5
|
import { ButtonIconDirective } from './button-icon.directive';
|
|
@@ -8,6 +8,19 @@ import { IconComponent, ICON_SIZE_PROVIDER, } from '../../icon/public_api';
|
|
|
8
8
|
import * as i0 from "@angular/core";
|
|
9
9
|
import * as i1 from "../../common/sapphire-view-encapsulation";
|
|
10
10
|
import * as i2 from "@angular/common";
|
|
11
|
+
class ToggleButtonIconSizeProvider {
|
|
12
|
+
constructor(button) {
|
|
13
|
+
this.button = button;
|
|
14
|
+
}
|
|
15
|
+
get size() {
|
|
16
|
+
return this.button.size === 'lg' ? 'md' : 'sm';
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
ToggleButtonIconSizeProvider.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ToggleButtonIconSizeProvider, deps: [{ token: ToggleButtonComponent }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
20
|
+
ToggleButtonIconSizeProvider.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ToggleButtonIconSizeProvider });
|
|
21
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ToggleButtonIconSizeProvider, decorators: [{
|
|
22
|
+
type: Injectable
|
|
23
|
+
}], ctorParameters: function () { return [{ type: ToggleButtonComponent }]; } });
|
|
11
24
|
/**
|
|
12
25
|
* A button with a toggleable `isSelected` state. By default, the selection is
|
|
13
26
|
* toggled when the button is pressed, allowing user to switch between two
|
|
@@ -71,9 +84,9 @@ ToggleButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
|
|
|
71
84
|
},
|
|
72
85
|
{
|
|
73
86
|
provide: ICON_SIZE_PROVIDER,
|
|
74
|
-
|
|
87
|
+
useClass: ToggleButtonIconSizeProvider,
|
|
75
88
|
},
|
|
76
|
-
], queries: [{ propertyName: "buttonIcon", first: true, predicate: ButtonIconDirective, descendants: true }, { propertyName: "icon", first: true, predicate: IconComponent, descendants: true }], usesOnChanges: true, hostDirectives: [{ directive: i1.UseComponentStylesOnHost }], ngImport: i0, 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"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
89
|
+
], queries: [{ propertyName: "buttonIcon", first: true, predicate: ButtonIconDirective, descendants: true }, { propertyName: "icon", first: true, predicate: IconComponent, descendants: true }], usesOnChanges: true, hostDirectives: [{ directive: i1.UseComponentStylesOnHost }], ngImport: i0, 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-regular);font-size:var(--sapphire-semantic-size-font-control-md);text-transform:none;-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;transition-duration:var(--sapphire-semantic-time-fade-quick);transition-timing-function:var(--sapphire-semantic-transitions-fade);cursor:pointer}.sapphire-button__content{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;white-space:nowrap;gap:var(--sapphire-semantic-size-spacing-xs);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--loading{cursor:not-allowed}.sapphire-button__spinner{position:absolute;display:inherit}.sapphire-button--loading .sapphire-button__content{visibility:hidden}.sapphire-button--primary{background:var(--sapphire-semantic-color-background-action-primary-default);color:var(--sapphire-semantic-color-foreground-action-on-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:var(--sapphire-semantic-color-background-action-primary-hover)}.sapphire-button--primary.is-focus,.sapphire-button--primary:not(.js-focus):focus-visible{background:var(--sapphire-semantic-color-background-action-primary-default);color:var(--sapphire-semantic-color-foreground-action-on-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:var(--sapphire-semantic-color-background-action-primary-active);color:var(--sapphire-semantic-color-foreground-action-on-primary-active)}.sapphire-button--secondary{background:var(--sapphire-semantic-color-background-action-secondary-default);color:var(--sapphire-semantic-color-foreground-action-on-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:var(--sapphire-semantic-color-background-action-secondary-hover);color:var(--sapphire-semantic-color-foreground-action-on-secondary-hover)}.sapphire-button--secondary.is-focus,.sapphire-button--secondary:not(.js-focus):focus-visible{background:var(--sapphire-semantic-color-background-action-secondary-default);color:var(--sapphire-semantic-color-foreground-action-on-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:var(--sapphire-semantic-color-background-action-secondary-active);color:var(--sapphire-semantic-color-foreground-action-on-secondary-active)}.sapphire-button--tertiary{background:var(--sapphire-semantic-color-background-action-tertiary-default);color:var(--sapphire-semantic-color-foreground-action-on-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:var(--sapphire-semantic-color-background-action-tertiary-hover);color:var(--sapphire-semantic-color-foreground-action-on-tertiary-hover)}.sapphire-button--tertiary.is-focus,.sapphire-button--tertiary:not(.js-focus):focus-visible{background:var(--sapphire-semantic-color-background-action-tertiary-default);color:var(--sapphire-semantic-color-foreground-action-on-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:var(--sapphire-semantic-color-background-action-tertiary-active);color:var(--sapphire-semantic-color-foreground-action-on-tertiary-active)}.sapphire-button--text{color:var(--sapphire-semantic-color-foreground-action-link-default);border-radius:var(--sapphire-semantic-size-radius-xs);background:transparent;padding:0}.sapphire-button--text:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--text:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{color:var(--sapphire-semantic-color-foreground-action-link-hover)}.sapphire-button--text:not(:disabled):not(.is-disabled).is-active,.sapphire-button--text:not(:disabled):not(.is-disabled):active,.sapphire-button--text:not(:disabled):not(.is-disabled):focus-visible:active{color:var(--sapphire-semantic-color-foreground-action-link-active)}.sapphire-button--danger{background:var(--sapphire-semantic-color-background-action-danger-default);color:var(--sapphire-semantic-color-foreground-action-on-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:var(--sapphire-semantic-color-background-action-danger-hover);color:var(--sapphire-semantic-color-foreground-action-on-danger-hover)}.sapphire-button--danger.is-focus,.sapphire-button--danger:not(.js-focus):focus-visible{background:var(--sapphire-semantic-color-background-action-danger-default);color:var(--sapphire-semantic-color-foreground-action-on-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:var(--sapphire-semantic-color-background-action-danger-active);color:var(--sapphire-semantic-color-foreground-action-on-danger-active)}.sapphire-button--danger-secondary{background:var(--sapphire-semantic-color-background-action-danger-secondary-default);color:var(--sapphire-semantic-color-foreground-action-on-danger-secondary-default)}.sapphire-button--danger-secondary:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--danger-secondary:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background:var(--sapphire-semantic-color-background-action-danger-secondary-hover);color:var(--sapphire-semantic-color-foreground-action-on-danger-secondary-hover)}.sapphire-button--danger-secondary.is-focus,.sapphire-button--danger-secondary:not(.js-focus):focus-visible{background:var(--sapphire-semantic-color-background-action-danger-secondary-default);color:var(--sapphire-semantic-color-foreground-action-on-danger-secondary-default)}.sapphire-button--danger-secondary:not(:disabled):not(.is-disabled).is-active,.sapphire-button--danger-secondary:not(:disabled):not(.is-disabled):active,.sapphire-button--danger-secondary:not(:disabled):not(.is-disabled):focus-visible:active{background:var(--sapphire-semantic-color-background-action-danger-secondary-active);color:var(--sapphire-semantic-color-foreground-action-on-danger-secondary-active)}.sapphire-button--danger-tertiary{background:var(--sapphire-semantic-color-background-action-danger-tertiary-default);color:var(--sapphire-semantic-color-foreground-action-on-danger-tertiary-default)}.sapphire-button--danger-tertiary:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--danger-tertiary:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background:var(--sapphire-semantic-color-background-action-danger-tertiary-hover);color:var(--sapphire-semantic-color-foreground-action-on-danger-tertiary-hover)}.sapphire-button--danger-tertiary.is-focus,.sapphire-button--danger-tertiary:not(.js-focus):focus-visible{background:var(--sapphire-semantic-color-background-action-danger-tertiary-default);color:var(--sapphire-semantic-color-foreground-action-on-danger-tertiary-default)}.sapphire-button--danger-tertiary:not(:disabled):not(.is-disabled).is-active,.sapphire-button--danger-tertiary:not(:disabled):not(.is-disabled):active,.sapphire-button--danger-tertiary:not(:disabled):not(.is-disabled):focus-visible:active{background:var(--sapphire-semantic-color-background-action-danger-tertiary-active);color:var(--sapphire-semantic-color-foreground-action-on-danger-tertiary-active)}.sapphire-button--danger-text{color:var(--sapphire-semantic-color-foreground-action-danger-default);border-radius:var(--sapphire-semantic-size-radius-xs);background:transparent;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-foreground-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-foreground-action-danger-active)}.sapphire-button--selected{background:var(--sapphire-semantic-color-background-action-select-secondary-default);color:var(--sapphire-semantic-color-foreground-action-on-select-secondary-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:var(--sapphire-semantic-color-background-action-select-secondary-hover);color:var(--sapphire-semantic-color-foreground-action-on-select-secondary-hover)}.sapphire-button--selected.is-focus,.sapphire-button--selected:not(.js-focus):focus-visible{background:var(--sapphire-semantic-color-background-action-select-secondary-default);color:var(--sapphire-semantic-color-foreground-action-on-select-secondary-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:var(--sapphire-semantic-color-background-action-select-secondary-active);color:var(--sapphire-semantic-color-foreground-action-on-select-secondary-active)}.sapphire-button--unselected{background:var(--sapphire-semantic-color-background-action-secondary-default);color:var(--sapphire-semantic-color-foreground-action-on-secondary-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:var(--sapphire-semantic-color-background-action-secondary-hover);color:var(--sapphire-semantic-color-foreground-action-on-secondary-hover)}.sapphire-button--unselected.is-focus,.sapphire-button--unselected:not(.js-focus):focus-visible{background:var(--sapphire-semantic-color-background-action-secondary-default);color:var(--sapphire-semantic-color-foreground-action-on-secondary-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:var(--sapphire-semantic-color-background-action-secondary-active);color:var(--sapphire-semantic-color-foreground-action-on-secondary-active)}.sapphire-button__icon{display:flex;flex-direction:column;justify-content:center;align-items:center;height:var(--sapphire-semantic-size-icon-sm);width:var(--sapphire-semantic-size-icon-sm)}.sapphire-button--lg .sapphire-button__icon{height:var(--sapphire-semantic-size-icon-md);width:var(--sapphire-semantic-size-icon-md)}.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-xl);font-size:var(--sapphire-semantic-size-font-control-lg);border-radius:var(--sapphire-semantic-size-height-control-lg)}.sapphire-button--lg.sapphire-button--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-md);font-size:var(--sapphire-semantic-size-font-control-sm);border-radius:var(--sapphire-semantic-size-height-control-sm)}.sapphire-button--sm.sapphire-button--text,.sapphire-button--sm.sapphire-button--danger-text{padding:0;border-radius:var(--sapphire-semantic-size-radius-xs)}.sapphire-button--sm .sapphire-button__content{gap:var(--sapphire-semantic-size-spacing-2xs)}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
77
90
|
__decorate([
|
|
78
91
|
CoerceBoolean
|
|
79
92
|
], ToggleButtonComponent.prototype, "selected", void 0);
|
|
@@ -90,7 +103,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
90
103
|
},
|
|
91
104
|
{
|
|
92
105
|
provide: ICON_SIZE_PROVIDER,
|
|
93
|
-
|
|
106
|
+
useClass: ToggleButtonIconSizeProvider,
|
|
94
107
|
},
|
|
95
108
|
], host: {
|
|
96
109
|
'[attr.disabled]': 'disabled || null',
|
|
@@ -103,7 +116,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
103
116
|
'[class.sapphire-button--sm]': 'size === "sm"',
|
|
104
117
|
'[class.sapphire-button--with-left-icon]': 'buttonIcon && iconAlign === "left"',
|
|
105
118
|
'[class.sapphire-button--with-right-icon]': 'buttonIcon && iconAlign === "right"',
|
|
106
|
-
}, 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"] }]
|
|
119
|
+
}, 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-regular);font-size:var(--sapphire-semantic-size-font-control-md);text-transform:none;-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;transition-duration:var(--sapphire-semantic-time-fade-quick);transition-timing-function:var(--sapphire-semantic-transitions-fade);cursor:pointer}.sapphire-button__content{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;white-space:nowrap;gap:var(--sapphire-semantic-size-spacing-xs);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--loading{cursor:not-allowed}.sapphire-button__spinner{position:absolute;display:inherit}.sapphire-button--loading .sapphire-button__content{visibility:hidden}.sapphire-button--primary{background:var(--sapphire-semantic-color-background-action-primary-default);color:var(--sapphire-semantic-color-foreground-action-on-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:var(--sapphire-semantic-color-background-action-primary-hover)}.sapphire-button--primary.is-focus,.sapphire-button--primary:not(.js-focus):focus-visible{background:var(--sapphire-semantic-color-background-action-primary-default);color:var(--sapphire-semantic-color-foreground-action-on-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:var(--sapphire-semantic-color-background-action-primary-active);color:var(--sapphire-semantic-color-foreground-action-on-primary-active)}.sapphire-button--secondary{background:var(--sapphire-semantic-color-background-action-secondary-default);color:var(--sapphire-semantic-color-foreground-action-on-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:var(--sapphire-semantic-color-background-action-secondary-hover);color:var(--sapphire-semantic-color-foreground-action-on-secondary-hover)}.sapphire-button--secondary.is-focus,.sapphire-button--secondary:not(.js-focus):focus-visible{background:var(--sapphire-semantic-color-background-action-secondary-default);color:var(--sapphire-semantic-color-foreground-action-on-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:var(--sapphire-semantic-color-background-action-secondary-active);color:var(--sapphire-semantic-color-foreground-action-on-secondary-active)}.sapphire-button--tertiary{background:var(--sapphire-semantic-color-background-action-tertiary-default);color:var(--sapphire-semantic-color-foreground-action-on-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:var(--sapphire-semantic-color-background-action-tertiary-hover);color:var(--sapphire-semantic-color-foreground-action-on-tertiary-hover)}.sapphire-button--tertiary.is-focus,.sapphire-button--tertiary:not(.js-focus):focus-visible{background:var(--sapphire-semantic-color-background-action-tertiary-default);color:var(--sapphire-semantic-color-foreground-action-on-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:var(--sapphire-semantic-color-background-action-tertiary-active);color:var(--sapphire-semantic-color-foreground-action-on-tertiary-active)}.sapphire-button--text{color:var(--sapphire-semantic-color-foreground-action-link-default);border-radius:var(--sapphire-semantic-size-radius-xs);background:transparent;padding:0}.sapphire-button--text:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--text:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{color:var(--sapphire-semantic-color-foreground-action-link-hover)}.sapphire-button--text:not(:disabled):not(.is-disabled).is-active,.sapphire-button--text:not(:disabled):not(.is-disabled):active,.sapphire-button--text:not(:disabled):not(.is-disabled):focus-visible:active{color:var(--sapphire-semantic-color-foreground-action-link-active)}.sapphire-button--danger{background:var(--sapphire-semantic-color-background-action-danger-default);color:var(--sapphire-semantic-color-foreground-action-on-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:var(--sapphire-semantic-color-background-action-danger-hover);color:var(--sapphire-semantic-color-foreground-action-on-danger-hover)}.sapphire-button--danger.is-focus,.sapphire-button--danger:not(.js-focus):focus-visible{background:var(--sapphire-semantic-color-background-action-danger-default);color:var(--sapphire-semantic-color-foreground-action-on-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:var(--sapphire-semantic-color-background-action-danger-active);color:var(--sapphire-semantic-color-foreground-action-on-danger-active)}.sapphire-button--danger-secondary{background:var(--sapphire-semantic-color-background-action-danger-secondary-default);color:var(--sapphire-semantic-color-foreground-action-on-danger-secondary-default)}.sapphire-button--danger-secondary:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--danger-secondary:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background:var(--sapphire-semantic-color-background-action-danger-secondary-hover);color:var(--sapphire-semantic-color-foreground-action-on-danger-secondary-hover)}.sapphire-button--danger-secondary.is-focus,.sapphire-button--danger-secondary:not(.js-focus):focus-visible{background:var(--sapphire-semantic-color-background-action-danger-secondary-default);color:var(--sapphire-semantic-color-foreground-action-on-danger-secondary-default)}.sapphire-button--danger-secondary:not(:disabled):not(.is-disabled).is-active,.sapphire-button--danger-secondary:not(:disabled):not(.is-disabled):active,.sapphire-button--danger-secondary:not(:disabled):not(.is-disabled):focus-visible:active{background:var(--sapphire-semantic-color-background-action-danger-secondary-active);color:var(--sapphire-semantic-color-foreground-action-on-danger-secondary-active)}.sapphire-button--danger-tertiary{background:var(--sapphire-semantic-color-background-action-danger-tertiary-default);color:var(--sapphire-semantic-color-foreground-action-on-danger-tertiary-default)}.sapphire-button--danger-tertiary:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--danger-tertiary:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background:var(--sapphire-semantic-color-background-action-danger-tertiary-hover);color:var(--sapphire-semantic-color-foreground-action-on-danger-tertiary-hover)}.sapphire-button--danger-tertiary.is-focus,.sapphire-button--danger-tertiary:not(.js-focus):focus-visible{background:var(--sapphire-semantic-color-background-action-danger-tertiary-default);color:var(--sapphire-semantic-color-foreground-action-on-danger-tertiary-default)}.sapphire-button--danger-tertiary:not(:disabled):not(.is-disabled).is-active,.sapphire-button--danger-tertiary:not(:disabled):not(.is-disabled):active,.sapphire-button--danger-tertiary:not(:disabled):not(.is-disabled):focus-visible:active{background:var(--sapphire-semantic-color-background-action-danger-tertiary-active);color:var(--sapphire-semantic-color-foreground-action-on-danger-tertiary-active)}.sapphire-button--danger-text{color:var(--sapphire-semantic-color-foreground-action-danger-default);border-radius:var(--sapphire-semantic-size-radius-xs);background:transparent;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-foreground-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-foreground-action-danger-active)}.sapphire-button--selected{background:var(--sapphire-semantic-color-background-action-select-secondary-default);color:var(--sapphire-semantic-color-foreground-action-on-select-secondary-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:var(--sapphire-semantic-color-background-action-select-secondary-hover);color:var(--sapphire-semantic-color-foreground-action-on-select-secondary-hover)}.sapphire-button--selected.is-focus,.sapphire-button--selected:not(.js-focus):focus-visible{background:var(--sapphire-semantic-color-background-action-select-secondary-default);color:var(--sapphire-semantic-color-foreground-action-on-select-secondary-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:var(--sapphire-semantic-color-background-action-select-secondary-active);color:var(--sapphire-semantic-color-foreground-action-on-select-secondary-active)}.sapphire-button--unselected{background:var(--sapphire-semantic-color-background-action-secondary-default);color:var(--sapphire-semantic-color-foreground-action-on-secondary-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:var(--sapphire-semantic-color-background-action-secondary-hover);color:var(--sapphire-semantic-color-foreground-action-on-secondary-hover)}.sapphire-button--unselected.is-focus,.sapphire-button--unselected:not(.js-focus):focus-visible{background:var(--sapphire-semantic-color-background-action-secondary-default);color:var(--sapphire-semantic-color-foreground-action-on-secondary-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:var(--sapphire-semantic-color-background-action-secondary-active);color:var(--sapphire-semantic-color-foreground-action-on-secondary-active)}.sapphire-button__icon{display:flex;flex-direction:column;justify-content:center;align-items:center;height:var(--sapphire-semantic-size-icon-sm);width:var(--sapphire-semantic-size-icon-sm)}.sapphire-button--lg .sapphire-button__icon{height:var(--sapphire-semantic-size-icon-md);width:var(--sapphire-semantic-size-icon-md)}.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-xl);font-size:var(--sapphire-semantic-size-font-control-lg);border-radius:var(--sapphire-semantic-size-height-control-lg)}.sapphire-button--lg.sapphire-button--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-md);font-size:var(--sapphire-semantic-size-font-control-sm);border-radius:var(--sapphire-semantic-size-height-control-sm)}.sapphire-button--sm.sapphire-button--text,.sapphire-button--sm.sapphire-button--danger-text{padding:0;border-radius:var(--sapphire-semantic-size-radius-xs)}.sapphire-button--sm .sapphire-button__content{gap:var(--sapphire-semantic-size-spacing-2xs)}\n"] }]
|
|
107
120
|
}], ctorParameters: function () { return []; }, propDecorators: { size: [{
|
|
108
121
|
type: Input
|
|
109
122
|
}], selected: [{
|
|
@@ -130,4 +143,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
130
143
|
type: HostListener,
|
|
131
144
|
args: ['click']
|
|
132
145
|
}] } });
|
|
133
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9nZ2xlLWJ1dHRvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL2J1dHRvbi9zcmMvdG9nZ2xlLWJ1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL2J1dHRvbi9zcmMvYnV0dG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBRUwsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxZQUFZLEVBQ1osWUFBWSxFQUNaLFVBQVUsRUFDVixXQUFXLEVBQ1gsWUFBWSxFQUNaLEtBQUssRUFDTCxTQUFTLEVBRVQsTUFBTSxHQUVQLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBd0IsaUJBQWlCLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUd6RSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFDdEUsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDOUQsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sMENBQTBDLENBQUM7QUFDcEYsT0FBTyxFQUNMLGFBQWEsRUFFYixrQkFBa0IsR0FDbkIsTUFBTSx1QkFBdUIsQ0FBQzs7OztBQUUvQjs7OztHQUlHO0FBc0NILE1BQU0sT0FBTyxxQkFBcUI7SUFvQ2hDO1FBNUJBLFNBQUksR0FBd0IsSUFBSSxDQUFDO1FBTWpDOzs7V0FHRztRQUNLLHlCQUFvQixHQUFHLEtBQUssQ0FBQztRQUdyQyxtQkFBYyxHQUEwQixJQUFJLFlBQVksRUFBRSxDQUFDO1FBTzNELGNBQVMsR0FBcUIsTUFBTSxDQUFDO1FBSzdCLGNBQVMsR0FBYyxHQUFHLEVBQUUsR0FBRSxDQUFDLENBQUM7UUFDaEMsaUNBQTRCLEdBQXlCLEdBQUcsRUFBRSxHQUFFLENBQUMsQ0FBQztJQUV2RCxDQUFDO0lBRWhCLFVBQVUsQ0FBQyxLQUFVO1FBQ25CLElBQUksQ0FBQyxRQUFRLEdBQUcsQ0FBQyxDQUFDLEtBQUssQ0FBQztJQUMxQixDQUFDO0lBQ0QsZ0JBQWdCLENBQUMsRUFBTztRQUN0QixJQUFJLENBQUMsNEJBQTRCLEdBQUcsRUFBRSxDQUFDO0lBQ3pDLENBQUM7SUFDRCxpQkFBaUIsQ0FBQyxFQUFPO1FBQ3ZCLElBQUksQ0FBQyxTQUFTLEdBQUcsRUFBRSxDQUFDO0lBQ3RCLENBQUM7SUFDRCxnQkFBZ0IsQ0FBRSxVQUFtQjtRQUNuQyxJQUFJLENBQUMsUUFBUSxHQUFHLFVBQVUsQ0FBQztJQUM3QixDQUFDO0lBRUQsV0FBVyxDQUFDLE9BQXNCO1FBQ2hDLElBQUksQ0FBQyxvQkFBb0IsR0FBRyxPQUFPLENBQUMsUUFBUSxFQUFFLFlBQVksS0FBSyxTQUFTLENBQUM7SUFDM0UsQ0FBQztJQUVELGtCQUFrQjtRQUNoQixJQUFJLElBQUksQ0FBQyxJQUFJLEVBQUU7WUFDYixJQUFJLENBQUMsSUFBSSxDQUFDLFVBQVUsSUFBSSxTQUFTLEVBQUUsRUFBRTtnQkFDbkMsc0NBQXNDO2dCQUN0QyxPQUFPLENBQUMsS0FBSyxDQUFDO21HQUM2RSxDQUFDLENBQUM7YUFDOUY7U0FDRjtJQUNILENBQUM7SUFHRCxPQUFPO1FBQ0wsSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDO0lBQ25CLENBQUM7SUFHTyxXQUFXO1FBQ2pCLE1BQU0sUUFBUSxHQUFHLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQztRQUNoQyxJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUNuQyxJQUFJLENBQUMsNEJBQTRCLENBQUMsUUFBUSxDQUFDLENBQUM7UUFDNUMsSUFBSSxDQUFDLElBQUksQ0FBQyxvQkFBb0IsRUFBRTtZQUM5QixJQUFJLENBQUMsUUFBUSxHQUFHLFFBQVEsQ0FBQztTQUMxQjtJQUNILENBQUM7O2tIQTlFVSxxQkFBcUI7c0dBQXJCLHFCQUFxQiw0eUJBaENyQjtRQUNUO1lBQ0UsT0FBTyxFQUFFLGlCQUFpQjtZQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLHFCQUFxQixDQUFDO1lBQ3BELEtBQUssRUFBRSxJQUFJO1NBQ1o7UUFDRDtZQUNFLE9BQU8sRUFBRSxrQkFBa0I7WUFDM0IsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxxQkFBcUIsQ0FBQztTQUNyRDtLQUNGLGtFQW9EYSxtQkFBbUIsdUVBQ25CLGFBQWEsbUlDcEc3QiwwcEJBd0JBO0FEMERFO0lBREMsYUFBYTt1REFDUztBQVl2QjtJQURDLGFBQWE7dURBQ1M7MkZBekJaLHFCQUFxQjtrQkFyQ2pDLFNBQVM7K0JBQ0UsMEJBQTBCLG1CQUduQix1QkFBdUIsQ0FBQyxNQUFNLGFBQ3BDO3dCQUNUOzRCQUNFLE9BQU8sRUFBRSxpQkFBaUI7NEJBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLHNCQUFzQixDQUFDOzRCQUNwRCxLQUFLLEVBQUUsSUFBSTt5QkFDWjt3QkFDRDs0QkFDRSxPQUFPLEVBQUUsa0JBQWtCOzRCQUMzQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxzQkFBc0IsQ0FBQzt5QkFDckQ7cUJBQ0YsUUFDSzt3QkFDSixpQkFBaUIsRUFBRSxrQkFBa0I7d0JBQ3JDLHFCQUFxQixFQUFFLFVBQVU7d0JBRWpDLHlCQUF5QixFQUFFLE1BQU07d0JBQ2pDLElBQUksRUFBRSxRQUFRO3dCQUVkLG1DQUFtQyxFQUFFLFVBQVU7d0JBQy9DLHFDQUFxQyxFQUFFLFdBQVc7d0JBRWxELDZCQUE2QixFQUFFLGVBQWU7d0JBQzlDLDZCQUE2QixFQUFFLGVBQWU7d0JBRTlDLHlDQUF5QyxFQUN2QyxvQ0FBb0M7d0JBQ3RDLDBDQUEwQyxFQUN4QyxxQ0FBcUM7cUJBQ3hDLGtCQUNlLENBQUMsd0JBQXdCLENBQUMsY0FDOUIsS0FBSzswRUFVakIsSUFBSTtzQkFESCxLQUFLO2dCQU1OLFFBQVE7c0JBSFAsV0FBVzt1QkFBQyxtQkFBbUI7O3NCQUMvQixLQUFLO2dCQVVOLGNBQWM7c0JBRGIsTUFBTTtnQkFLUCxRQUFRO3NCQUZQLEtBQUs7Z0JBS04sU0FBUztzQkFEUixLQUFLO2dCQUc2QixVQUFVO3NCQUE1QyxZQUFZO3VCQUFDLG1CQUFtQjtnQkFDSixJQUFJO3NCQUFoQyxZQUFZO3VCQUFDLGFBQWE7Z0JBbUMzQixPQUFPO3NCQUROLFlBQVk7dUJBQUMsTUFBTTtnQkFNWixXQUFXO3NCQURsQixZQUFZO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBBZnRlckNvbnRlbnRJbml0LFxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBDb250ZW50Q2hpbGQsXG4gIEV2ZW50RW1pdHRlcixcbiAgZm9yd2FyZFJlZixcbiAgSG9zdEJpbmRpbmcsXG4gIEhvc3RMaXN0ZW5lcixcbiAgSW5wdXQsXG4gIGlzRGV2TW9kZSxcbiAgT25DaGFuZ2VzLFxuICBPdXRwdXQsXG4gIFNpbXBsZUNoYW5nZXMsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29udHJvbFZhbHVlQWNjZXNzb3IsIE5HX1ZBTFVFX0FDQ0VTU09SIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgQm9vbGVhbklucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2NvZXJjaW9uJztcblxuaW1wb3J0IHsgQ29lcmNlQm9vbGVhbiB9IGZyb20gJy4uLy4uL2NvbW1vbi9jb2VyY2UtYm9vbGVhbi5kZWNvcmF0b3InO1xuaW1wb3J0IHsgQnV0dG9uSWNvbkRpcmVjdGl2ZSB9IGZyb20gJy4vYnV0dG9uLWljb24uZGlyZWN0aXZlJztcbmltcG9ydCB7IFVzZUNvbXBvbmVudFN0eWxlc09uSG9zdCB9IGZyb20gJy4uLy4uL2NvbW1vbi9zYXBwaGlyZS12aWV3LWVuY2Fwc3VsYXRpb24nO1xuaW1wb3J0IHtcbiAgSWNvbkNvbXBvbmVudCxcbiAgSWNvblNpemVQcm92aWRlcixcbiAgSUNPTl9TSVpFX1BST1ZJREVSLFxufSBmcm9tICcuLi8uLi9pY29uL3B1YmxpY19hcGknO1xuXG4vKipcbiAqIEEgYnV0dG9uIHdpdGggYSB0b2dnbGVhYmxlIGBpc1NlbGVjdGVkYCBzdGF0ZS4gQnkgZGVmYXVsdCwgdGhlIHNlbGVjdGlvbiBpc1xuICogdG9nZ2xlZCB3aGVuIHRoZSBidXR0b24gaXMgcHJlc3NlZCwgYWxsb3dpbmcgdXNlciB0byBzd2l0Y2ggYmV0d2VlbiB0d29cbiAqIHN0YXRlcyBvciBtb2Rlcy5cbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYnV0dG9uW3NwLXRvZ2dsZS1idXR0b25dJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2J1dHRvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2J1dHRvbi5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgcHJvdmlkZXJzOiBbXG4gICAge1xuICAgICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXG4gICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBUb2dnbGVCdXR0b25Db21wb25lbnQpLFxuICAgICAgbXVsdGk6IHRydWUsXG4gICAgfSxcbiAgICB7XG4gICAgICBwcm92aWRlOiBJQ09OX1NJWkVfUFJPVklERVIsXG4gICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBUb2dnbGVCdXR0b25Db21wb25lbnQpLFxuICAgIH0sXG4gIF0sXG4gIGhvc3Q6IHtcbiAgICAnW2F0dHIuZGlzYWJsZWRdJzogJ2Rpc2FibGVkIHx8IG51bGwnLFxuICAgICdbY2xhc3MuaXMtZGlzYWJsZWRdJzogJ2Rpc2FibGVkJyxcblxuICAgICdbY2xhc3Muc2FwcGhpcmUtYnV0dG9uXSc6ICd0cnVlJyxcbiAgICB0eXBlOiAnYnV0dG9uJyxcblxuICAgICdbY2xhc3Muc2FwcGhpcmUtYnV0dG9uLS1zZWxlY3RlZF0nOiAnc2VsZWN0ZWQnLFxuICAgICdbY2xhc3Muc2FwcGhpcmUtYnV0dG9uLS11bnNlbGVjdGVkXSc6ICchc2VsZWN0ZWQnLFxuXG4gICAgJ1tjbGFzcy5zYXBwaGlyZS1idXR0b24tLWxnXSc6ICdzaXplID09PSBcImxnXCInLFxuICAgICdbY2xhc3Muc2FwcGhpcmUtYnV0dG9uLS1zbV0nOiAnc2l6ZSA9PT0gXCJzbVwiJyxcblxuICAgICdbY2xhc3Muc2FwcGhpcmUtYnV0dG9uLS13aXRoLWxlZnQtaWNvbl0nOlxuICAgICAgJ2J1dHRvbkljb24gJiYgaWNvbkFsaWduID09PSBcImxlZnRcIicsXG4gICAgJ1tjbGFzcy5zYXBwaGlyZS1idXR0b24tLXdpdGgtcmlnaHQtaWNvbl0nOlxuICAgICAgJ2J1dHRvbkljb24gJiYgaWNvbkFsaWduID09PSBcInJpZ2h0XCInLFxuICB9LFxuICBob3N0RGlyZWN0aXZlczogW1VzZUNvbXBvbmVudFN0eWxlc09uSG9zdF0sXG4gIHN0YW5kYWxvbmU6IGZhbHNlLFxufSlcbmV4cG9ydCBjbGFzcyBUb2dnbGVCdXR0b25Db21wb25lbnRcbiAgaW1wbGVtZW50c1xuICAgIEFmdGVyQ29udGVudEluaXQsXG4gICAgT25DaGFuZ2VzLFxuICAgIENvbnRyb2xWYWx1ZUFjY2Vzc29yLFxuICAgIEljb25TaXplUHJvdmlkZXJcbntcbiAgQElucHV0KClcbiAgc2l6ZT86ICdzbScgfCAnbWQnIHwgJ2xnJyA9ICdtZCc7XG5cbiAgQEhvc3RCaW5kaW5nKCdhdHRyLmFyaWEtcHJlc3NlZCcpXG4gIEBJbnB1dCgpXG4gIEBDb2VyY2VCb29sZWFuXG4gIHNlbGVjdGVkOiBCb29sZWFuSW5wdXQ7XG4gIC8qKlxuICAgKiBXaGV0aGVyIHNlbGVjdGVkIGlzIGNvbnRyb2xsZWQuIElmIGl0J3MgY29udHJvbGxlZCB2aWEgaW5wdXQgYmluZGluZyxcbiAgICogdGhlbiB3ZSBqdXN0IG91dHB1dCBzZWxlY3RDaGFuZ2VzLCB3aXRob3V0IHVwZGF0aW5nIHRoaXMuX3NlbGVjdGVkLlxuICAgKi9cbiAgcHJpdmF0ZSBpc1NlbGVjdGVkQ29udHJvbGxlZCA9IGZhbHNlO1xuXG4gIEBPdXRwdXQoKVxuICBzZWxlY3RlZENoYW5nZTogRXZlbnRFbWl0dGVyPGJvb2xlYW4+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIEBJbnB1dCgpXG4gIEBDb2VyY2VCb29sZWFuXG4gIGRpc2FibGVkOiBCb29sZWFuSW5wdXQ7XG5cbiAgQElucHV0KClcbiAgaWNvbkFsaWduOiAnbGVmdCcgfCAncmlnaHQnID0gJ2xlZnQnO1xuXG4gIEBDb250ZW50Q2hpbGQoQnV0dG9uSWNvbkRpcmVjdGl2ZSkgYnV0dG9uSWNvbj86IEJ1dHRvbkljb25EaXJlY3RpdmU7XG4gIEBDb250ZW50Q2hpbGQoSWNvbkNvbXBvbmVudCkgaWNvbj86IEljb25Db21wb25lbnQ7XG5cbiAgcHJpdmF0ZSBvblRvdWNoZWQ6ICgpID0+IGFueSA9ICgpID0+IHt9O1xuICBwcml2YXRlIGNvbnRyb2xWYWx1ZUFjY2Vzc29yQ2hhbmdlRm46ICh2YWx1ZTogYW55KSA9PiB2b2lkID0gKCkgPT4ge307XG5cbiAgY29uc3RydWN0b3IoKSB7fVxuXG4gIHdyaXRlVmFsdWUodmFsdWU6IGFueSk6IHZvaWQge1xuICAgIHRoaXMuc2VsZWN0ZWQgPSAhIXZhbHVlO1xuICB9XG4gIHJlZ2lzdGVyT25DaGFuZ2UoZm46IGFueSk6IHZvaWQge1xuICAgIHRoaXMuY29udHJvbFZhbHVlQWNjZXNzb3JDaGFuZ2VGbiA9IGZuO1xuICB9XG4gIHJlZ2lzdGVyT25Ub3VjaGVkKGZuOiBhbnkpOiB2b2lkIHtcbiAgICB0aGlzLm9uVG91Y2hlZCA9IGZuO1xuICB9XG4gIHNldERpc2FibGVkU3RhdGU/KGlzRGlzYWJsZWQ6IGJvb2xlYW4pOiB2b2lkIHtcbiAgICB0aGlzLmRpc2FibGVkID0gaXNEaXNhYmxlZDtcbiAgfVxuXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpOiB2b2lkIHtcbiAgICB0aGlzLmlzU2VsZWN0ZWRDb250cm9sbGVkID0gY2hhbmdlcy5zZWxlY3RlZD8uY3VycmVudFZhbHVlICE9PSB1bmRlZmluZWQ7XG4gIH1cblxuICBuZ0FmdGVyQ29udGVudEluaXQoKSB7XG4gICAgaWYgKHRoaXMuaWNvbikge1xuICAgICAgaWYgKCF0aGlzLmJ1dHRvbkljb24gJiYgaXNEZXZNb2RlKCkpIHtcbiAgICAgICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIG5vLWNvbnNvbGVcbiAgICAgICAgY29uc29sZS5lcnJvcihgSWNvbiBpcyB1c2VkIGluIGEgYnV0dG9uLlxuICAgICAgICBZb3Ugc2hvdWxkIGVpdGhlciBhZGQgc3BCdXR0b25JY29uIG9uIHRoZSBpY29uIG9yIHVzZSBzcC1pY29uLWJ1dHRvbiBpbnN0ZWFkIG9mIHNwLWJ1dHRvblwiYCk7XG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgQEhvc3RMaXN0ZW5lcignYmx1cicpXG4gIF9vbkJsdXIoKSB7XG4gICAgdGhpcy5vblRvdWNoZWQoKTtcbiAgfVxuXG4gIEBIb3N0TGlzdGVuZXIoJ2NsaWNrJylcbiAgcHJpdmF0ZSBoYW5kbGVDbGljaygpIHtcbiAgICBjb25zdCBuZXdWYWx1ZSA9ICF0aGlzLnNlbGVjdGVkO1xuICAgIHRoaXMuc2VsZWN0ZWRDaGFuZ2UuZW1pdChuZXdWYWx1ZSk7XG4gICAgdGhpcy5jb250cm9sVmFsdWVBY2Nlc3NvckNoYW5nZUZuKG5ld1ZhbHVlKTtcbiAgICBpZiAoIXRoaXMuaXNTZWxlY3RlZENvbnRyb2xsZWQpIHtcbiAgICAgIHRoaXMuc2VsZWN0ZWQgPSBuZXdWYWx1ZTtcbiAgICB9XG4gIH1cbn1cbiIsIjxzcGFuIGNsYXNzPVwic2FwcGhpcmUtYnV0dG9uX19jb250ZW50XCI+XG4gIDxzcGFuXG4gICAgKm5nSWY9XCJidXR0b25JY29uICYmIGljb25BbGlnbiA9PT0gJ2xlZnQnXCJcbiAgICBjbGFzcz1cInNhcHBoaXJlLWJ1dHRvbl9faWNvblwiXG4gID5cbiAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiaWNvbkNvbnRlbnRcIj48L25nLWNvbnRhaW5lcj5cbiAgPC9zcGFuPlxuXG4gIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJjb250ZW50XCI+PC9uZy1jb250YWluZXI+XG5cbiAgPHNwYW5cbiAgICAqbmdJZj1cImJ1dHRvbkljb24gJiYgaWNvbkFsaWduID09PSAncmlnaHQnXCJcbiAgICBjbGFzcz1cInNhcHBoaXJlLWJ1dHRvbl9faWNvblwiXG4gID5cbiAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiaWNvbkNvbnRlbnRcIj48L25nLWNvbnRhaW5lcj5cbiAgPC9zcGFuPlxuXG4gIDxuZy10ZW1wbGF0ZSAjY29udGVudD5cbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gIDwvbmctdGVtcGxhdGU+XG4gIDxuZy10ZW1wbGF0ZSAjaWNvbkNvbnRlbnQ+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3NwQnV0dG9uSWNvbl1cIj48L25nLWNvbnRlbnQ+XG4gIDwvbmctdGVtcGxhdGU+XG48L3NwYW4+XG4iXX0=
|
|
146
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9nZ2xlLWJ1dHRvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL2J1dHRvbi9zcmMvdG9nZ2xlLWJ1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL2J1dHRvbi9zcmMvYnV0dG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBRUwsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxZQUFZLEVBQ1osWUFBWSxFQUNaLFVBQVUsRUFDVixXQUFXLEVBQ1gsWUFBWSxFQUNaLFVBQVUsRUFDVixLQUFLLEVBQ0wsU0FBUyxFQUVULE1BQU0sR0FFUCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQXdCLGlCQUFpQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFHekUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHVDQUF1QyxDQUFDO0FBQ3RFLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQzlELE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLDBDQUEwQyxDQUFDO0FBQ3BGLE9BQU8sRUFDTCxhQUFhLEVBRWIsa0JBQWtCLEdBQ25CLE1BQU0sdUJBQXVCLENBQUM7Ozs7QUFFL0IsTUFDTSw0QkFBNEI7SUFDaEMsWUFBb0IsTUFBNkI7UUFBN0IsV0FBTSxHQUFOLE1BQU0sQ0FBdUI7SUFBRyxDQUFDO0lBRXJELElBQUksSUFBSTtRQUNOLE9BQU8sSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLEtBQUssSUFBSSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQztJQUNqRCxDQUFDOzt5SEFMRyw0QkFBNEI7NkhBQTVCLDRCQUE0QjsyRkFBNUIsNEJBQTRCO2tCQURqQyxVQUFVOztBQVNYOzs7O0dBSUc7QUFzQ0gsTUFBTSxPQUFPLHFCQUFxQjtJQW9DaEM7UUE1QkEsU0FBSSxHQUF3QixJQUFJLENBQUM7UUFNakM7OztXQUdHO1FBQ0sseUJBQW9CLEdBQUcsS0FBSyxDQUFDO1FBR3JDLG1CQUFjLEdBQTBCLElBQUksWUFBWSxFQUFFLENBQUM7UUFPM0QsY0FBUyxHQUFxQixNQUFNLENBQUM7UUFLN0IsY0FBUyxHQUFjLEdBQUcsRUFBRSxHQUFFLENBQUMsQ0FBQztRQUNoQyxpQ0FBNEIsR0FBeUIsR0FBRyxFQUFFLEdBQUUsQ0FBQyxDQUFDO0lBRXZELENBQUM7SUFFaEIsVUFBVSxDQUFDLEtBQVU7UUFDbkIsSUFBSSxDQUFDLFFBQVEsR0FBRyxDQUFDLENBQUMsS0FBSyxDQUFDO0lBQzFCLENBQUM7SUFDRCxnQkFBZ0IsQ0FBQyxFQUFPO1FBQ3RCLElBQUksQ0FBQyw0QkFBNEIsR0FBRyxFQUFFLENBQUM7SUFDekMsQ0FBQztJQUNELGlCQUFpQixDQUFDLEVBQU87UUFDdkIsSUFBSSxDQUFDLFNBQVMsR0FBRyxFQUFFLENBQUM7SUFDdEIsQ0FBQztJQUNELGdCQUFnQixDQUFFLFVBQW1CO1FBQ25DLElBQUksQ0FBQyxRQUFRLEdBQUcsVUFBVSxDQUFDO0lBQzdCLENBQUM7SUFFRCxXQUFXLENBQUMsT0FBc0I7UUFDaEMsSUFBSSxDQUFDLG9CQUFvQixHQUFHLE9BQU8sQ0FBQyxRQUFRLEVBQUUsWUFBWSxLQUFLLFNBQVMsQ0FBQztJQUMzRSxDQUFDO0lBRUQsa0JBQWtCO1FBQ2hCLElBQUksSUFBSSxDQUFDLElBQUksRUFBRTtZQUNiLElBQUksQ0FBQyxJQUFJLENBQUMsVUFBVSxJQUFJLFNBQVMsRUFBRSxFQUFFO2dCQUNuQyxzQ0FBc0M7Z0JBQ3RDLE9BQU8sQ0FBQyxLQUFLLENBQUM7bUdBQzZFLENBQUMsQ0FBQzthQUM5RjtTQUNGO0lBQ0gsQ0FBQztJQUdELE9BQU87UUFDTCxJQUFJLENBQUMsU0FBUyxFQUFFLENBQUM7SUFDbkIsQ0FBQztJQUdPLFdBQVc7UUFDakIsTUFBTSxRQUFRLEdBQUcsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDO1FBQ2hDLElBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO1FBQ25DLElBQUksQ0FBQyw0QkFBNEIsQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUM1QyxJQUFJLENBQUMsSUFBSSxDQUFDLG9CQUFvQixFQUFFO1lBQzlCLElBQUksQ0FBQyxRQUFRLEdBQUcsUUFBUSxDQUFDO1NBQzFCO0lBQ0gsQ0FBQzs7a0hBOUVVLHFCQUFxQjtzR0FBckIscUJBQXFCLDR5QkFoQ3JCO1FBQ1Q7WUFDRSxPQUFPLEVBQUUsaUJBQWlCO1lBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMscUJBQXFCLENBQUM7WUFDcEQsS0FBSyxFQUFFLElBQUk7U0FDWjtRQUNEO1lBQ0UsT0FBTyxFQUFFLGtCQUFrQjtZQUMzQixRQUFRLEVBQUUsNEJBQTRCO1NBQ3ZDO0tBQ0Ysa0VBb0RhLG1CQUFtQix1RUFDbkIsYUFBYSxtSUM5RzdCLDBwQkF3QkE7QURvRUU7SUFEQyxhQUFhO3VEQUNTO0FBWXZCO0lBREMsYUFBYTt1REFDUzsyRkF6QloscUJBQXFCO2tCQXJDakMsU0FBUzsrQkFDRSwwQkFBMEIsbUJBR25CLHVCQUF1QixDQUFDLE1BQU0sYUFDcEM7d0JBQ1Q7NEJBQ0UsT0FBTyxFQUFFLGlCQUFpQjs0QkFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsc0JBQXNCLENBQUM7NEJBQ3BELEtBQUssRUFBRSxJQUFJO3lCQUNaO3dCQUNEOzRCQUNFLE9BQU8sRUFBRSxrQkFBa0I7NEJBQzNCLFFBQVEsRUFBRSw0QkFBNEI7eUJBQ3ZDO3FCQUNGLFFBQ0s7d0JBQ0osaUJBQWlCLEVBQUUsa0JBQWtCO3dCQUNyQyxxQkFBcUIsRUFBRSxVQUFVO3dCQUVqQyx5QkFBeUIsRUFBRSxNQUFNO3dCQUNqQyxJQUFJLEVBQUUsUUFBUTt3QkFFZCxtQ0FBbUMsRUFBRSxVQUFVO3dCQUMvQyxxQ0FBcUMsRUFBRSxXQUFXO3dCQUVsRCw2QkFBNkIsRUFBRSxlQUFlO3dCQUM5Qyw2QkFBNkIsRUFBRSxlQUFlO3dCQUU5Qyx5Q0FBeUMsRUFDdkMsb0NBQW9DO3dCQUN0QywwQ0FBMEMsRUFDeEMscUNBQXFDO3FCQUN4QyxrQkFDZSxDQUFDLHdCQUF3QixDQUFDLGNBQzlCLEtBQUs7MEVBVWpCLElBQUk7c0JBREgsS0FBSztnQkFNTixRQUFRO3NCQUhQLFdBQVc7dUJBQUMsbUJBQW1COztzQkFDL0IsS0FBSztnQkFVTixjQUFjO3NCQURiLE1BQU07Z0JBS1AsUUFBUTtzQkFGUCxLQUFLO2dCQUtOLFNBQVM7c0JBRFIsS0FBSztnQkFHNkIsVUFBVTtzQkFBNUMsWUFBWTt1QkFBQyxtQkFBbUI7Z0JBQ0osSUFBSTtzQkFBaEMsWUFBWTt1QkFBQyxhQUFhO2dCQW1DM0IsT0FBTztzQkFETixZQUFZO3VCQUFDLE1BQU07Z0JBTVosV0FBVztzQkFEbEIsWUFBWTt1QkFBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQWZ0ZXJDb250ZW50SW5pdCxcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgQ29udGVudENoaWxkLFxuICBFdmVudEVtaXR0ZXIsXG4gIGZvcndhcmRSZWYsXG4gIEhvc3RCaW5kaW5nLFxuICBIb3N0TGlzdGVuZXIsXG4gIEluamVjdGFibGUsXG4gIElucHV0LFxuICBpc0Rldk1vZGUsXG4gIE9uQ2hhbmdlcyxcbiAgT3V0cHV0LFxuICBTaW1wbGVDaGFuZ2VzLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbnRyb2xWYWx1ZUFjY2Vzc29yLCBOR19WQUxVRV9BQ0NFU1NPUiB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IEJvb2xlYW5JbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9jb2VyY2lvbic7XG5cbmltcG9ydCB7IENvZXJjZUJvb2xlYW4gfSBmcm9tICcuLi8uLi9jb21tb24vY29lcmNlLWJvb2xlYW4uZGVjb3JhdG9yJztcbmltcG9ydCB7IEJ1dHRvbkljb25EaXJlY3RpdmUgfSBmcm9tICcuL2J1dHRvbi1pY29uLmRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBVc2VDb21wb25lbnRTdHlsZXNPbkhvc3QgfSBmcm9tICcuLi8uLi9jb21tb24vc2FwcGhpcmUtdmlldy1lbmNhcHN1bGF0aW9uJztcbmltcG9ydCB7XG4gIEljb25Db21wb25lbnQsXG4gIEljb25TaXplUHJvdmlkZXIsXG4gIElDT05fU0laRV9QUk9WSURFUixcbn0gZnJvbSAnLi4vLi4vaWNvbi9wdWJsaWNfYXBpJztcblxuQEluamVjdGFibGUoKVxuY2xhc3MgVG9nZ2xlQnV0dG9uSWNvblNpemVQcm92aWRlciB7XG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgYnV0dG9uOiBUb2dnbGVCdXR0b25Db21wb25lbnQpIHt9XG5cbiAgZ2V0IHNpemUoKSB7XG4gICAgcmV0dXJuIHRoaXMuYnV0dG9uLnNpemUgPT09ICdsZycgPyAnbWQnIDogJ3NtJztcbiAgfVxufVxuXG4vKipcbiAqIEEgYnV0dG9uIHdpdGggYSB0b2dnbGVhYmxlIGBpc1NlbGVjdGVkYCBzdGF0ZS4gQnkgZGVmYXVsdCwgdGhlIHNlbGVjdGlvbiBpc1xuICogdG9nZ2xlZCB3aGVuIHRoZSBidXR0b24gaXMgcHJlc3NlZCwgYWxsb3dpbmcgdXNlciB0byBzd2l0Y2ggYmV0d2VlbiB0d29cbiAqIHN0YXRlcyBvciBtb2Rlcy5cbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYnV0dG9uW3NwLXRvZ2dsZS1idXR0b25dJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2J1dHRvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2J1dHRvbi5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgcHJvdmlkZXJzOiBbXG4gICAge1xuICAgICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXG4gICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBUb2dnbGVCdXR0b25Db21wb25lbnQpLFxuICAgICAgbXVsdGk6IHRydWUsXG4gICAgfSxcbiAgICB7XG4gICAgICBwcm92aWRlOiBJQ09OX1NJWkVfUFJPVklERVIsXG4gICAgICB1c2VDbGFzczogVG9nZ2xlQnV0dG9uSWNvblNpemVQcm92aWRlcixcbiAgICB9LFxuICBdLFxuICBob3N0OiB7XG4gICAgJ1thdHRyLmRpc2FibGVkXSc6ICdkaXNhYmxlZCB8fCBudWxsJyxcbiAgICAnW2NsYXNzLmlzLWRpc2FibGVkXSc6ICdkaXNhYmxlZCcsXG5cbiAgICAnW2NsYXNzLnNhcHBoaXJlLWJ1dHRvbl0nOiAndHJ1ZScsXG4gICAgdHlwZTogJ2J1dHRvbicsXG5cbiAgICAnW2NsYXNzLnNhcHBoaXJlLWJ1dHRvbi0tc2VsZWN0ZWRdJzogJ3NlbGVjdGVkJyxcbiAgICAnW2NsYXNzLnNhcHBoaXJlLWJ1dHRvbi0tdW5zZWxlY3RlZF0nOiAnIXNlbGVjdGVkJyxcblxuICAgICdbY2xhc3Muc2FwcGhpcmUtYnV0dG9uLS1sZ10nOiAnc2l6ZSA9PT0gXCJsZ1wiJyxcbiAgICAnW2NsYXNzLnNhcHBoaXJlLWJ1dHRvbi0tc21dJzogJ3NpemUgPT09IFwic21cIicsXG5cbiAgICAnW2NsYXNzLnNhcHBoaXJlLWJ1dHRvbi0td2l0aC1sZWZ0LWljb25dJzpcbiAgICAgICdidXR0b25JY29uICYmIGljb25BbGlnbiA9PT0gXCJsZWZ0XCInLFxuICAgICdbY2xhc3Muc2FwcGhpcmUtYnV0dG9uLS13aXRoLXJpZ2h0LWljb25dJzpcbiAgICAgICdidXR0b25JY29uICYmIGljb25BbGlnbiA9PT0gXCJyaWdodFwiJyxcbiAgfSxcbiAgaG9zdERpcmVjdGl2ZXM6IFtVc2VDb21wb25lbnRTdHlsZXNPbkhvc3RdLFxuICBzdGFuZGFsb25lOiBmYWxzZSxcbn0pXG5leHBvcnQgY2xhc3MgVG9nZ2xlQnV0dG9uQ29tcG9uZW50XG4gIGltcGxlbWVudHNcbiAgICBBZnRlckNvbnRlbnRJbml0LFxuICAgIE9uQ2hhbmdlcyxcbiAgICBDb250cm9sVmFsdWVBY2Nlc3NvcixcbiAgICBJY29uU2l6ZVByb3ZpZGVyXG57XG4gIEBJbnB1dCgpXG4gIHNpemU/OiAnc20nIHwgJ21kJyB8ICdsZycgPSAnbWQnO1xuXG4gIEBIb3N0QmluZGluZygnYXR0ci5hcmlhLXByZXNzZWQnKVxuICBASW5wdXQoKVxuICBAQ29lcmNlQm9vbGVhblxuICBzZWxlY3RlZDogQm9vbGVhbklucHV0O1xuICAvKipcbiAgICogV2hldGhlciBzZWxlY3RlZCBpcyBjb250cm9sbGVkLiBJZiBpdCdzIGNvbnRyb2xsZWQgdmlhIGlucHV0IGJpbmRpbmcsXG4gICAqIHRoZW4gd2UganVzdCBvdXRwdXQgc2VsZWN0Q2hhbmdlcywgd2l0aG91dCB1cGRhdGluZyB0aGlzLl9zZWxlY3RlZC5cbiAgICovXG4gIHByaXZhdGUgaXNTZWxlY3RlZENvbnRyb2xsZWQgPSBmYWxzZTtcblxuICBAT3V0cHV0KClcbiAgc2VsZWN0ZWRDaGFuZ2U6IEV2ZW50RW1pdHRlcjxib29sZWFuPiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICBASW5wdXQoKVxuICBAQ29lcmNlQm9vbGVhblxuICBkaXNhYmxlZDogQm9vbGVhbklucHV0O1xuXG4gIEBJbnB1dCgpXG4gIGljb25BbGlnbjogJ2xlZnQnIHwgJ3JpZ2h0JyA9ICdsZWZ0JztcblxuICBAQ29udGVudENoaWxkKEJ1dHRvbkljb25EaXJlY3RpdmUpIGJ1dHRvbkljb24/OiBCdXR0b25JY29uRGlyZWN0aXZlO1xuICBAQ29udGVudENoaWxkKEljb25Db21wb25lbnQpIGljb24/OiBJY29uQ29tcG9uZW50O1xuXG4gIHByaXZhdGUgb25Ub3VjaGVkOiAoKSA9PiBhbnkgPSAoKSA9PiB7fTtcbiAgcHJpdmF0ZSBjb250cm9sVmFsdWVBY2Nlc3NvckNoYW5nZUZuOiAodmFsdWU6IGFueSkgPT4gdm9pZCA9ICgpID0+IHt9O1xuXG4gIGNvbnN0cnVjdG9yKCkge31cblxuICB3cml0ZVZhbHVlKHZhbHVlOiBhbnkpOiB2b2lkIHtcbiAgICB0aGlzLnNlbGVjdGVkID0gISF2YWx1ZTtcbiAgfVxuICByZWdpc3Rlck9uQ2hhbmdlKGZuOiBhbnkpOiB2b2lkIHtcbiAgICB0aGlzLmNvbnRyb2xWYWx1ZUFjY2Vzc29yQ2hhbmdlRm4gPSBmbjtcbiAgfVxuICByZWdpc3Rlck9uVG91Y2hlZChmbjogYW55KTogdm9pZCB7XG4gICAgdGhpcy5vblRvdWNoZWQgPSBmbjtcbiAgfVxuICBzZXREaXNhYmxlZFN0YXRlPyhpc0Rpc2FibGVkOiBib29sZWFuKTogdm9pZCB7XG4gICAgdGhpcy5kaXNhYmxlZCA9IGlzRGlzYWJsZWQ7XG4gIH1cblxuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKTogdm9pZCB7XG4gICAgdGhpcy5pc1NlbGVjdGVkQ29udHJvbGxlZCA9IGNoYW5nZXMuc2VsZWN0ZWQ/LmN1cnJlbnRWYWx1ZSAhPT0gdW5kZWZpbmVkO1xuICB9XG5cbiAgbmdBZnRlckNvbnRlbnRJbml0KCkge1xuICAgIGlmICh0aGlzLmljb24pIHtcbiAgICAgIGlmICghdGhpcy5idXR0b25JY29uICYmIGlzRGV2TW9kZSgpKSB7XG4gICAgICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBuby1jb25zb2xlXG4gICAgICAgIGNvbnNvbGUuZXJyb3IoYEljb24gaXMgdXNlZCBpbiBhIGJ1dHRvbi5cbiAgICAgICAgWW91IHNob3VsZCBlaXRoZXIgYWRkIHNwQnV0dG9uSWNvbiBvbiB0aGUgaWNvbiBvciB1c2Ugc3AtaWNvbi1idXR0b24gaW5zdGVhZCBvZiBzcC1idXR0b25cImApO1xuICAgICAgfVxuICAgIH1cbiAgfVxuXG4gIEBIb3N0TGlzdGVuZXIoJ2JsdXInKVxuICBfb25CbHVyKCkge1xuICAgIHRoaXMub25Ub3VjaGVkKCk7XG4gIH1cblxuICBASG9zdExpc3RlbmVyKCdjbGljaycpXG4gIHByaXZhdGUgaGFuZGxlQ2xpY2soKSB7XG4gICAgY29uc3QgbmV3VmFsdWUgPSAhdGhpcy5zZWxlY3RlZDtcbiAgICB0aGlzLnNlbGVjdGVkQ2hhbmdlLmVtaXQobmV3VmFsdWUpO1xuICAgIHRoaXMuY29udHJvbFZhbHVlQWNjZXNzb3JDaGFuZ2VGbihuZXdWYWx1ZSk7XG4gICAgaWYgKCF0aGlzLmlzU2VsZWN0ZWRDb250cm9sbGVkKSB7XG4gICAgICB0aGlzLnNlbGVjdGVkID0gbmV3VmFsdWU7XG4gICAgfVxuICB9XG59XG4iLCI8c3BhbiBjbGFzcz1cInNhcHBoaXJlLWJ1dHRvbl9fY29udGVudFwiPlxuICA8c3BhblxuICAgICpuZ0lmPVwiYnV0dG9uSWNvbiAmJiBpY29uQWxpZ24gPT09ICdsZWZ0J1wiXG4gICAgY2xhc3M9XCJzYXBwaGlyZS1idXR0b25fX2ljb25cIlxuICA+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImljb25Db250ZW50XCI+PC9uZy1jb250YWluZXI+XG4gIDwvc3Bhbj5cblxuICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiY29udGVudFwiPjwvbmctY29udGFpbmVyPlxuXG4gIDxzcGFuXG4gICAgKm5nSWY9XCJidXR0b25JY29uICYmIGljb25BbGlnbiA9PT0gJ3JpZ2h0J1wiXG4gICAgY2xhc3M9XCJzYXBwaGlyZS1idXR0b25fX2ljb25cIlxuICA+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImljb25Db250ZW50XCI+PC9uZy1jb250YWluZXI+XG4gIDwvc3Bhbj5cblxuICA8bmctdGVtcGxhdGUgI2NvbnRlbnQ+XG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICA8L25nLXRlbXBsYXRlPlxuICA8bmctdGVtcGxhdGUgI2ljb25Db250ZW50PlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltzcEJ1dHRvbkljb25dXCI+PC9uZy1jb250ZW50PlxuICA8L25nLXRlbXBsYXRlPlxuPC9zcGFuPlxuIl19
|
|
@@ -51,7 +51,7 @@ CheckboxGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
|
|
|
51
51
|
provide: FieldControl,
|
|
52
52
|
useExisting: forwardRef(() => CheckboxGroupComponent),
|
|
53
53
|
},
|
|
54
|
-
], hostDirectives: [{ directive: i2.ThemeCheckDirective }], ngImport: i0, 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-
|
|
54
|
+
], hostDirectives: [{ directive: i2.ThemeCheckDirective }], ngImport: i0, 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-lg);row-gap:var(--sapphire-semantic-size-spacing-sm)}.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-2xs)}\n"], changeDetection: i0.ChangeDetectionStrategy.Default });
|
|
55
55
|
__decorate([
|
|
56
56
|
AutoId()
|
|
57
57
|
], CheckboxGroupComponent.prototype, "uniqueId", void 0);
|
|
@@ -64,7 +64,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
64
64
|
},
|
|
65
65
|
], host: {
|
|
66
66
|
role: 'checkboxgroup',
|
|
67
|
-
}, 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-
|
|
67
|
+
}, 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-lg);row-gap:var(--sapphire-semantic-size-spacing-sm)}.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-2xs)}\n"] }]
|
|
68
68
|
}], ctorParameters: function () { return [{ type: i1.FieldComponent, decorators: [{
|
|
69
69
|
type: Optional
|
|
70
70
|
}] }]; }, propDecorators: { uniqueId: [], orientation: [{
|