@danske/sapphire-angular 1.28.2 → 1.30.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2020/lib/badge/src/badge.component.mjs +4 -4
- package/esm2020/lib/button/src/button-group.component.mjs +3 -3
- package/esm2020/lib/button/src/button.component.mjs +24 -10
- package/esm2020/lib/button/src/icon-button.component.mjs +13 -12
- package/esm2020/lib/button/src/toggle-button.component.mjs +15 -7
- package/esm2020/lib/checkbox/src/checkbox-group.component.mjs +2 -2
- package/esm2020/lib/checkbox/src/checkbox.component.mjs +3 -3
- package/esm2020/lib/common/public_api.mjs +3 -1
- package/esm2020/lib/common/translate.pipe.mjs +22 -0
- package/esm2020/lib/common/translate.service.mjs +29 -0
- package/esm2020/lib/contextual-help/public_api.mjs +4 -1
- package/esm2020/lib/contextual-help/src/contextual-help.component.mjs +3 -3
- package/esm2020/lib/field/src/field.component.mjs +5 -5
- package/esm2020/lib/label/i18n/da-DK.json +3 -0
- package/esm2020/lib/label/i18n/de-DE.json +3 -0
- package/esm2020/lib/label/i18n/en-US.json +3 -0
- package/esm2020/lib/label/i18n/fi-FI.json +3 -0
- package/esm2020/lib/label/i18n/index.mjs +19 -0
- package/esm2020/lib/label/i18n/nb-NO.json +3 -0
- package/esm2020/lib/label/i18n/pl-PL.json +3 -0
- package/esm2020/lib/label/i18n/sv-SE.json +3 -0
- package/esm2020/lib/label/src/label.component.mjs +6 -3
- package/esm2020/lib/link/src/link.component.mjs +5 -5
- package/esm2020/lib/listbox/src/listbox.component.mjs +3 -3
- package/esm2020/lib/menu/src/menu.component.mjs +15 -4
- package/esm2020/lib/modal/i18n/da-DK.json +3 -0
- package/esm2020/lib/modal/i18n/de-DE.json +3 -0
- package/esm2020/lib/modal/i18n/en-US.json +3 -0
- package/esm2020/lib/modal/i18n/fi-FI.json +3 -0
- package/esm2020/lib/modal/i18n/index.mjs +19 -0
- package/esm2020/lib/modal/i18n/nb-NO.json +3 -0
- package/esm2020/lib/modal/i18n/pl-PL.json +3 -0
- package/esm2020/lib/modal/i18n/sv-SE.json +3 -0
- package/esm2020/lib/modal/src/dialog/dialog.component.mjs +7 -7
- package/esm2020/lib/modal/src/modal-close-button.directive.mjs +10 -7
- package/esm2020/lib/modal/src/panel/inline-panel.component.mjs +2 -2
- package/esm2020/lib/modal/src/panel/panel.component.mjs +4 -4
- package/esm2020/lib/notification-badge/src/notification-badge.component.mjs +3 -3
- package/esm2020/lib/pagination/i18n/da-DK.json +8 -0
- package/esm2020/lib/pagination/i18n/de-DE.json +8 -0
- package/esm2020/lib/pagination/i18n/en-US.json +8 -0
- package/esm2020/lib/pagination/i18n/fi-FI.json +8 -0
- package/esm2020/lib/pagination/i18n/index.mjs +19 -0
- package/esm2020/lib/pagination/i18n/nb-NO.json +8 -0
- package/esm2020/lib/pagination/i18n/pl-PL.json +8 -0
- package/esm2020/lib/pagination/i18n/sv-SE.json +8 -0
- package/esm2020/lib/pagination/src/pagination.component.mjs +4 -3
- package/esm2020/lib/pagination/src/pagination.module.mjs +8 -2
- package/esm2020/lib/popover/src/popover.component.mjs +2 -2
- package/esm2020/lib/radio/src/radio-group.component.mjs +3 -3
- package/esm2020/lib/radio/src/radio.component.mjs +3 -3
- package/esm2020/lib/segmented-tabs/src/segmented-tab.component.mjs +2 -2
- package/esm2020/lib/segmented-tabs/src/segmented-tabs.component.mjs +3 -3
- package/esm2020/lib/select/src/basic-select/basic-select.component.mjs +2 -2
- package/esm2020/lib/select/src/select/select.component.mjs +5 -5
- package/esm2020/lib/skeleton/src/skeleton.component.mjs +2 -2
- package/esm2020/lib/surface/src/surface.component.mjs +4 -4
- package/esm2020/lib/switch/src/switch.component.mjs +3 -3
- package/esm2020/lib/table/src/table-head-cell.component.mjs +3 -3
- package/esm2020/lib/table/src/table.component.mjs +2 -2
- package/esm2020/lib/text-field/src/text-field.component.mjs +5 -5
- package/esm2020/lib/theme/src/themes.mjs +4 -4
- package/esm2020/lib/tooltip/src/tooltip.component.mjs +5 -5
- package/esm2020/lib/typography/src/heading.component.mjs +2 -2
- package/esm2020/lib/typography/src/paragraph.component.mjs +5 -5
- package/fesm2015/danske-sapphire-angular.mjs +398 -125
- package/fesm2015/danske-sapphire-angular.mjs.map +1 -1
- package/fesm2020/danske-sapphire-angular.mjs +396 -125
- package/fesm2020/danske-sapphire-angular.mjs.map +1 -1
- package/lib/button/src/button.component.d.ts +1 -0
- package/lib/button/src/icon-button.component.d.ts +1 -0
- package/lib/common/public_api.d.ts +2 -0
- package/lib/common/translate.pipe.d.ts +11 -0
- package/lib/common/translate.service.d.ts +10 -0
- package/lib/label/i18n/index.d.ts +3 -0
- package/lib/modal/i18n/index.d.ts +3 -0
- package/lib/modal/src/modal-close-button.directive.d.ts +4 -2
- package/lib/pagination/i18n/index.d.ts +3 -0
- package/lib/pagination/src/pagination.module.d.ts +6 -5
- package/package.json +4 -3
|
@@ -8,7 +8,7 @@ export class BadgeComponent {
|
|
|
8
8
|
get classNames() {
|
|
9
9
|
return [
|
|
10
10
|
'sapphire-badge',
|
|
11
|
-
`sapphire-badge--${this.size}`,
|
|
11
|
+
`sapphire-badge--${this.size === 'small' ? 'sm' : this.size === 'medium' ? 'md' : 'lg'}`,
|
|
12
12
|
`sapphire-badge--${this.variant}-${this.color}`,
|
|
13
13
|
].join(' ');
|
|
14
14
|
}
|
|
@@ -39,13 +39,13 @@ export class BadgeComponent {
|
|
|
39
39
|
}
|
|
40
40
|
}
|
|
41
41
|
BadgeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: BadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
42
|
-
BadgeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: BadgeComponent, selector: "sp-badge", inputs: { id: "id", size: "size", variant: "variant", color: "color" }, host: { properties: { "role": "this.role", "id": "this.id", "class": "this.classNames" } }, hostDirectives: [{ directive: i1.UseComponentStylesOnHost }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".sapphire-badge{display:inline-flex;flex-direction:column;justify-content:center;align-items:center;white-space:nowrap;border-radius:var(--sapphire-badge-size-radius-default);font-family:var(--sapphire-badge-font-name);font-weight:var(--sapphire-badge-font-weight);font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sapphire-badge--small{height:var(--sapphire-badge-size-height-s);padding:0 var(--sapphire-badge-size-spacing-horizontal-s);font-size:var(--sapphire-badge-size-font-s)}.sapphire-badge--medium{height:var(--sapphire-badge-size-height-m);padding:0 var(--sapphire-badge-size-spacing-horizontal-m);font-size:var(--sapphire-badge-size-font-m)}.sapphire-badge--large{height:var(--sapphire-badge-size-height-l);padding:0 var(--sapphire-badge-size-spacing-horizontal-l);font-size:var(--sapphire-badge-size-font-l)}.sapphire-badge--primary-positive{color:var(--sapphire-badge-color-content-primary-positive);background-color:var(--sapphire-badge-color-background-primary-positive)}.sapphire-badge--secondary-positive{color:var(--sapphire-badge-color-content-secondary-positive);background-color:var(--sapphire-badge-color-background-secondary-positive);border:var(--sapphire-badge-size-width-border) solid var(--sapphire-badge-color-border-secondary-positive)}.sapphire-badge--primary-negative{color:var(--sapphire-badge-color-content-primary-negative);background-color:var(--sapphire-badge-color-background-primary-negative)}.sapphire-badge--secondary-negative{color:var(--sapphire-badge-color-content-secondary-negative);background-color:var(--sapphire-badge-color-background-secondary-negative);border:var(--sapphire-badge-size-width-border) solid var(--sapphire-badge-color-border-secondary-negative)}.sapphire-badge--primary-warning{color:var(--sapphire-badge-color-content-primary-warning);background-color:var(--sapphire-badge-color-background-primary-warning)}.sapphire-badge--secondary-warning{color:var(--sapphire-badge-color-content-secondary-warning);background-color:var(--sapphire-badge-color-background-secondary-warning);border:var(--sapphire-badge-size-width-border) solid var(--sapphire-badge-color-border-secondary-warning)}.sapphire-badge--primary-informative{color:var(--sapphire-badge-color-content-primary-informative);background-color:var(--sapphire-badge-color-background-primary-informative)}.sapphire-badge--secondary-informative{color:var(--sapphire-badge-color-content-secondary-informative);background-color:var(--sapphire-badge-color-background-secondary-informative);border:var(--sapphire-badge-size-width-border) solid var(--sapphire-badge-color-border-secondary-informative)}.sapphire-badge--primary-passive{color:var(--sapphire-badge-color-content-primary-passive);background-color:var(--sapphire-badge-color-background-primary-passive)}.sapphire-badge--secondary-passive{color:var(--sapphire-badge-color-content-secondary-passive);background-color:var(--sapphire-badge-color-background-secondary-passive);border:var(--sapphire-badge-size-width-border) solid var(--sapphire-badge-color-border-secondary-passive)}.sapphire-badge--primary-aqua{color:var(--sapphire-badge-color-content-primary-aqua);background-color:var(--sapphire-badge-color-background-primary-aqua)}.sapphire-badge--secondary-aqua{color:var(--sapphire-badge-color-content-secondary-aqua);background-color:var(--sapphire-badge-color-background-secondary-aqua);border:var(--sapphire-badge-size-width-border) solid var(--sapphire-badge-color-border-secondary-aqua)}.sapphire-badge--primary-copper{color:var(--sapphire-badge-color-content-primary-copper);background-color:var(--sapphire-badge-color-background-primary-copper)}.sapphire-badge--secondary-copper{color:var(--sapphire-badge-color-content-secondary-copper);background-color:var(--sapphire-badge-color-background-secondary-copper);border:var(--sapphire-badge-size-width-border) solid var(--sapphire-badge-color-border-secondary-copper)}.sapphire-badge--primary-electro{color:var(--sapphire-badge-color-content-primary-electro);background-color:var(--sapphire-badge-color-background-primary-electro)}.sapphire-badge--secondary-electro{color:var(--sapphire-badge-color-content-secondary-electro);background-color:var(--sapphire-badge-color-background-secondary-electro);border:var(--sapphire-badge-size-width-border) solid var(--sapphire-badge-color-border-secondary-electro)}.sapphire-badge--primary-indigo{color:var(--sapphire-badge-color-content-primary-indigo);background-color:var(--sapphire-badge-color-background-primary-indigo)}.sapphire-badge--secondary-indigo{color:var(--sapphire-badge-color-content-secondary-indigo);background-color:var(--sapphire-badge-color-background-secondary-indigo);border:var(--sapphire-badge-size-width-border) solid var(--sapphire-badge-color-border-secondary-indigo)}.sapphire-badge--primary-lime{color:var(--sapphire-badge-color-content-primary-lime);background-color:var(--sapphire-badge-color-background-primary-lime)}.sapphire-badge--secondary-lime{color:var(--sapphire-badge-color-content-secondary-lime);background-color:var(--sapphire-badge-color-background-secondary-lime);border:var(--sapphire-badge-size-width-border) solid var(--sapphire-badge-color-border-secondary-lime)}.sapphire-badge--primary-pink{color:var(--sapphire-badge-color-content-primary-pink);background-color:var(--sapphire-badge-color-background-primary-pink)}.sapphire-badge--secondary-pink{color:var(--sapphire-badge-color-content-secondary-pink);background-color:var(--sapphire-badge-color-background-secondary-pink);border:var(--sapphire-badge-size-width-border) solid var(--sapphire-badge-color-border-secondary-pink)}.sapphire-badge--primary-violet{color:var(--sapphire-badge-color-content-primary-violet);background-color:var(--sapphire-badge-color-background-primary-violet)}.sapphire-badge--secondary-violet{color:var(--sapphire-badge-color-content-secondary-violet);background-color:var(--sapphire-badge-color-background-secondary-violet);border:var(--sapphire-badge-size-width-border) solid var(--sapphire-badge-color-border-secondary-violet)}.sapphire-badge--primary-gold{color:var(--sapphire-badge-color-content-primary-gold);background-color:var(--sapphire-badge-color-background-primary-gold)}.sapphire-badge--secondary-gold{color:var(--sapphire-badge-color-content-secondary-gold);background-color:var(--sapphire-badge-color-background-secondary-gold);border:var(--sapphire-badge-size-width-border) solid var(--sapphire-badge-color-border-secondary-gold)}.sapphire-badge--primary-beige{color:var(--sapphire-badge-color-content-primary-beige);background-color:var(--sapphire-badge-color-background-primary-beige)}.sapphire-badge--secondary-beige{color:var(--sapphire-badge-color-content-secondary-beige);background-color:var(--sapphire-badge-color-background-secondary-beige);border:var(--sapphire-badge-size-width-border) solid var(--sapphire-badge-color-border-secondary-beige)}.sapphire-badge--primary-orchid{color:var(--sapphire-badge-color-content-primary-orchid);background-color:var(--sapphire-badge-color-background-primary-orchid)}.sapphire-badge--secondary-orchid{color:var(--sapphire-badge-color-content-secondary-orchid);background-color:var(--sapphire-badge-color-background-secondary-orchid);border:var(--sapphire-badge-size-width-border) solid var(--sapphire-badge-color-border-secondary-orchid)}.sapphire-badge--primary-gray{color:var(--sapphire-badge-color-content-primary-gray);background-color:var(--sapphire-badge-color-background-primary-gray)}.sapphire-badge--secondary-gray{color:var(--sapphire-badge-color-content-secondary-gray);background-color:var(--sapphire-badge-color-background-secondary-gray);border:var(--sapphire-badge-size-width-border) solid var(--sapphire-badge-color-border-secondary-gray)}.sapphire-badge--primary-cobalt{color:var(--sapphire-badge-color-content-primary-cobalt);background-color:var(--sapphire-badge-color-background-primary-cobalt)}.sapphire-badge--secondary-cobalt{color:var(--sapphire-badge-color-content-secondary-cobalt);background-color:var(--sapphire-badge-color-background-secondary-cobalt);border:var(--sapphire-badge-size-width-border) solid var(--sapphire-badge-color-border-secondary-cobalt)}.sapphire-badge--primary-forestGreen{color:var(--sapphire-badge-color-content-primary-forest-green);background-color:var(--sapphire-badge-color-background-primary-forest-green)}.sapphire-badge--secondary-forestGreen{color:var(--sapphire-badge-color-content-secondary-forest-green);background-color:var(--sapphire-badge-color-background-secondary-forest-green);border:var(--sapphire-badge-size-width-border) solid var(--sapphire-badge-color-border-secondary-forest-green)}.sapphire-badge--primary-teal{color:var(--sapphire-badge-color-content-primary-teal);background-color:var(--sapphire-badge-color-background-primary-teal)}.sapphire-badge--secondary-teal{color:var(--sapphire-badge-color-content-secondary-teal);background-color:var(--sapphire-badge-color-background-secondary-teal);border:var(--sapphire-badge-size-width-border) solid var(--sapphire-badge-color-border-secondary-teal)}.sapphire-badge--primary-orange{color:var(--sapphire-badge-color-content-primary-orange);background-color:var(--sapphire-badge-color-background-primary-orange)}.sapphire-badge--secondary-orange{color:var(--sapphire-badge-color-content-secondary-orange);background-color:var(--sapphire-badge-color-background-secondary-orange);border:var(--sapphire-badge-size-width-border) solid var(--sapphire-badge-color-border-secondary-orange)}\n"] });
|
|
42
|
+
BadgeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: BadgeComponent, selector: "sp-badge", inputs: { id: "id", size: "size", variant: "variant", color: "color" }, host: { properties: { "role": "this.role", "id": "this.id", "class": "this.classNames" } }, hostDirectives: [{ directive: i1.UseComponentStylesOnHost }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".sapphire-badge{display:inline-flex;flex-direction:column;justify-content:center;align-items:center;white-space:nowrap;border-radius:var(--sapphire-semantic-size-radius-sm);font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-semibold);font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sapphire-badge--sm{height:var(--sapphire-semantic-size-height-control-xs);padding:0 var(--sapphire-semantic-size-spacing-20);font-size:var(--sapphire-semantic-size-font-control-sm)}.sapphire-badge--md{height:var(--sapphire-semantic-size-height-control-sm);padding:0 var(--sapphire-semantic-size-spacing-30);font-size:var(--sapphire-semantic-size-font-control-md)}.sapphire-badge--lg{height:var(--sapphire-semantic-size-height-control-md);padding:0 var(--sapphire-semantic-size-spacing-40);font-size:var(--sapphire-semantic-size-font-control-default)}.sapphire-badge--primary-positive{color:var(--sapphire-semantic-color-content-positive-primary-default);background-color:var(--sapphire-semantic-color-background-positive-primary-default)}.sapphire-badge--secondary-positive{color:var(--sapphire-semantic-color-content-positive-secondary-default);background-color:var(--sapphire-global-color-green-100);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-positive-secondary-default)}.sapphire-badge--primary-negative{color:var(--sapphire-semantic-color-content-negative-primary-default);background-color:var(--sapphire-semantic-color-background-negative-primary-default)}.sapphire-badge--secondary-negative{color:var(--sapphire-semantic-color-content-negative-secondary-default);background-color:var(--sapphire-global-color-red-100);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-negative-secondary-default)}.sapphire-badge--primary-warning{color:var(--sapphire-semantic-color-content-warning-primary-default);background-color:var(--sapphire-semantic-color-background-warning-primary-default)}.sapphire-badge--secondary-warning{color:var(--sapphire-semantic-color-content-warning-secondary-default);background-color:var(--sapphire-semantic-color-background-warning-secondary-default);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-warning-secondary-default)}.sapphire-badge--primary-informative{color:var(--sapphire-semantic-color-content-informative-primary-default);background-color:var(--sapphire-semantic-color-background-informative-primary-default)}.sapphire-badge--secondary-informative{color:var(--sapphire-semantic-color-content-informative-secondary-default);background-color:var(--sapphire-semantic-color-background-informative-secondary-default);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-informative-secondary-default)}.sapphire-badge--primary-passive{color:var(--sapphire-semantic-color-content-passive-primary-default);background-color:var(--sapphire-semantic-color-background-passive-primary-default)}.sapphire-badge--secondary-passive{color:var(--sapphire-semantic-color-content-passive-secondary-default);background-color:var(--sapphire-semantic-color-background-passive-secondary-default);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-passive-secondary-default)}.sapphire-badge--primary-aqua{color:var(--sapphire-semantic-color-content-decorative-aqua-primary-default);background-color:var(--sapphire-semantic-color-background-decorative-aqua-primary-default)}.sapphire-badge--secondary-aqua{color:var(--sapphire-semantic-color-content-decorative-aqua-secondary-default);background-color:var(--sapphire-semantic-color-background-decorative-aqua-secondary-default);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-decorative-aqua-secondary-default)}.sapphire-badge--primary-copper{color:var(--sapphire-semantic-color-content-decorative-copper-primary-default);background-color:var(--sapphire-semantic-color-background-decorative-copper-primary-default)}.sapphire-badge--secondary-copper{color:var(--sapphire-semantic-color-content-decorative-copper-secondary-default);background-color:var(--sapphire-semantic-color-background-decorative-copper-secondary-default);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-decorative-copper-secondary-default)}.sapphire-badge--primary-electro{color:var(--sapphire-semantic-color-content-decorative-electro-primary-default);background-color:var(--sapphire-semantic-color-background-decorative-electro-primary-default)}.sapphire-badge--secondary-electro{color:var(--sapphire-semantic-color-content-decorative-electro-secondary-default);background-color:var(--sapphire-semantic-color-background-decorative-electro-secondary-default);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-decorative-electro-secondary-default)}.sapphire-badge--primary-indigo{color:var(--sapphire-semantic-color-content-decorative-indigo-primary-default);background-color:var(--sapphire-semantic-color-background-decorative-indigo-primary-default)}.sapphire-badge--secondary-indigo{color:var(--sapphire-semantic-color-content-decorative-indigo-secondary-default);background-color:var(--sapphire-semantic-color-background-decorative-indigo-secondary-default);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-decorative-indigo-secondary-default)}.sapphire-badge--primary-lime{color:var(--sapphire-semantic-color-content-decorative-lime-primary-default);background-color:var(--sapphire-semantic-color-background-decorative-lime-primary-default)}.sapphire-badge--secondary-lime{color:var(--sapphire-semantic-color-content-decorative-lime-secondary-default);background-color:var(--sapphire-semantic-color-background-decorative-lime-secondary-default);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-decorative-lime-secondary-default)}.sapphire-badge--primary-pink{color:var(--sapphire-semantic-color-content-decorative-pink-primary-default);background-color:var(--sapphire-semantic-color-background-decorative-pink-primary-default)}.sapphire-badge--secondary-pink{color:var(--sapphire-semantic-color-content-decorative-pink-secondary-default);background-color:var(--sapphire-semantic-color-background-decorative-pink-secondary-default);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-decorative-pink-secondary-default)}.sapphire-badge--primary-violet{color:var(--sapphire-semantic-color-content-decorative-violet-primary-default);background-color:var(--sapphire-semantic-color-background-decorative-violet-primary-default)}.sapphire-badge--secondary-violet{color:var(--sapphire-semantic-color-content-decorative-violet-secondary-default);background-color:var(--sapphire-semantic-color-background-decorative-violet-secondary-default);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-decorative-violet-secondary-default)}.sapphire-badge--primary-gold{color:var(--sapphire-semantic-color-content-decorative-gold-primary-default);background-color:var(--sapphire-semantic-color-background-decorative-gold-primary-default)}.sapphire-badge--secondary-gold{color:var(--sapphire-semantic-color-content-decorative-gold-secondary-default);background-color:var(--sapphire-semantic-color-background-decorative-gold-secondary-default);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-decorative-gold-secondary-default)}.sapphire-badge--primary-beige{color:var(--sapphire-semantic-color-content-decorative-beige-primary-default);background-color:var(--sapphire-semantic-color-background-decorative-beige-primary-default)}.sapphire-badge--secondary-beige{color:var(--sapphire-semantic-color-content-decorative-beige-secondary-default);background-color:var(--sapphire-semantic-color-background-decorative-beige-secondary-default);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-decorative-beige-secondary-default)}.sapphire-badge--primary-orchid{color:var(--sapphire-semantic-color-content-decorative-orchid-primary-default);background-color:var(--sapphire-semantic-color-background-decorative-orchid-primary-default)}.sapphire-badge--secondary-orchid{color:var(--sapphire-semantic-color-content-decorative-orchid-secondary-default);background-color:var(--sapphire-semantic-color-background-decorative-orchid-secondary-default);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-decorative-orchid-secondary-default)}.sapphire-badge--primary-gray{color:var(--sapphire-semantic-color-content-decorative-gray-primary-default);background-color:var(--sapphire-semantic-color-background-decorative-gray-primary-default)}.sapphire-badge--secondary-gray{color:var(--sapphire-semantic-color-content-decorative-gray-secondary-default);background-color:var(--sapphire-semantic-color-background-decorative-gray-secondary-default);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-decorative-gray-secondary-default)}.sapphire-badge--primary-cobalt{color:var(--sapphire-semantic-color-content-decorative-cobalt-primary-default);background-color:var(--sapphire-semantic-color-background-decorative-cobalt-primary-default)}.sapphire-badge--secondary-cobalt{color:var(--sapphire-semantic-color-content-decorative-cobalt-secondary-default);background-color:var(--sapphire-semantic-color-background-decorative-cobalt-secondary-default);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-decorative-cobalt-secondary-default)}.sapphire-badge--primary-forestGreen{color:var(--sapphire-semantic-color-content-decorative-forest-green-primary-default);background-color:var(--sapphire-semantic-color-background-decorative-forest-green-primary-default)}.sapphire-badge--secondary-forestGreen{color:var(--sapphire-semantic-color-content-decorative-forest-green-secondary-default);background-color:var(--sapphire-semantic-color-background-decorative-forest-green-secondary-default);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-decorative-forest-green-secondary-default)}.sapphire-badge--primary-teal{color:var(--sapphire-semantic-color-content-decorative-teal-primary-default);background-color:var(--sapphire-semantic-color-background-decorative-teal-primary-default)}.sapphire-badge--secondary-teal{color:var(--sapphire-semantic-color-content-decorative-teal-secondary-default);background-color:var(--sapphire-semantic-color-background-decorative-teal-secondary-default);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-decorative-teal-secondary-default)}.sapphire-badge--primary-orange{color:var(--sapphire-semantic-color-content-decorative-orange-primary-default);background-color:var(--sapphire-semantic-color-background-decorative-orange-primary-default)}.sapphire-badge--secondary-orange{color:var(--sapphire-semantic-color-content-decorative-orange-secondary-default);background-color:var(--sapphire-semantic-color-background-decorative-orange-secondary-default);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-decorative-orange-secondary-default)}\n"] });
|
|
43
43
|
__decorate([
|
|
44
44
|
AutoId()
|
|
45
45
|
], BadgeComponent.prototype, "id", void 0);
|
|
46
46
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: BadgeComponent, decorators: [{
|
|
47
47
|
type: Component,
|
|
48
|
-
args: [{ selector: 'sp-badge', template: '<ng-content></ng-content>', hostDirectives: [UseComponentStylesOnHost], styles: [".sapphire-badge{display:inline-flex;flex-direction:column;justify-content:center;align-items:center;white-space:nowrap;border-radius:var(--sapphire-badge-size-radius-default);font-family:var(--sapphire-badge-font-name);font-weight:var(--sapphire-badge-font-weight);font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sapphire-badge--small{height:var(--sapphire-badge-size-height-s);padding:0 var(--sapphire-badge-size-spacing-horizontal-s);font-size:var(--sapphire-badge-size-font-s)}.sapphire-badge--medium{height:var(--sapphire-badge-size-height-m);padding:0 var(--sapphire-badge-size-spacing-horizontal-m);font-size:var(--sapphire-badge-size-font-m)}.sapphire-badge--large{height:var(--sapphire-badge-size-height-l);padding:0 var(--sapphire-badge-size-spacing-horizontal-l);font-size:var(--sapphire-badge-size-font-l)}.sapphire-badge--primary-positive{color:var(--sapphire-badge-color-content-primary-positive);background-color:var(--sapphire-badge-color-background-primary-positive)}.sapphire-badge--secondary-positive{color:var(--sapphire-badge-color-content-secondary-positive);background-color:var(--sapphire-badge-color-background-secondary-positive);border:var(--sapphire-badge-size-width-border) solid var(--sapphire-badge-color-border-secondary-positive)}.sapphire-badge--primary-negative{color:var(--sapphire-badge-color-content-primary-negative);background-color:var(--sapphire-badge-color-background-primary-negative)}.sapphire-badge--secondary-negative{color:var(--sapphire-badge-color-content-secondary-negative);background-color:var(--sapphire-badge-color-background-secondary-negative);border:var(--sapphire-badge-size-width-border) solid var(--sapphire-badge-color-border-secondary-negative)}.sapphire-badge--primary-warning{color:var(--sapphire-badge-color-content-primary-warning);background-color:var(--sapphire-badge-color-background-primary-warning)}.sapphire-badge--secondary-warning{color:var(--sapphire-badge-color-content-secondary-warning);background-color:var(--sapphire-badge-color-background-secondary-warning);border:var(--sapphire-badge-size-width-border) solid var(--sapphire-badge-color-border-secondary-warning)}.sapphire-badge--primary-informative{color:var(--sapphire-badge-color-content-primary-informative);background-color:var(--sapphire-badge-color-background-primary-informative)}.sapphire-badge--secondary-informative{color:var(--sapphire-badge-color-content-secondary-informative);background-color:var(--sapphire-badge-color-background-secondary-informative);border:var(--sapphire-badge-size-width-border) solid var(--sapphire-badge-color-border-secondary-informative)}.sapphire-badge--primary-passive{color:var(--sapphire-badge-color-content-primary-passive);background-color:var(--sapphire-badge-color-background-primary-passive)}.sapphire-badge--secondary-passive{color:var(--sapphire-badge-color-content-secondary-passive);background-color:var(--sapphire-badge-color-background-secondary-passive);border:var(--sapphire-badge-size-width-border) solid var(--sapphire-badge-color-border-secondary-passive)}.sapphire-badge--primary-aqua{color:var(--sapphire-badge-color-content-primary-aqua);background-color:var(--sapphire-badge-color-background-primary-aqua)}.sapphire-badge--secondary-aqua{color:var(--sapphire-badge-color-content-secondary-aqua);background-color:var(--sapphire-badge-color-background-secondary-aqua);border:var(--sapphire-badge-size-width-border) solid var(--sapphire-badge-color-border-secondary-aqua)}.sapphire-badge--primary-copper{color:var(--sapphire-badge-color-content-primary-copper);background-color:var(--sapphire-badge-color-background-primary-copper)}.sapphire-badge--secondary-copper{color:var(--sapphire-badge-color-content-secondary-copper);background-color:var(--sapphire-badge-color-background-secondary-copper);border:var(--sapphire-badge-size-width-border) solid var(--sapphire-badge-color-border-secondary-copper)}.sapphire-badge--primary-electro{color:var(--sapphire-badge-color-content-primary-electro);background-color:var(--sapphire-badge-color-background-primary-electro)}.sapphire-badge--secondary-electro{color:var(--sapphire-badge-color-content-secondary-electro);background-color:var(--sapphire-badge-color-background-secondary-electro);border:var(--sapphire-badge-size-width-border) solid var(--sapphire-badge-color-border-secondary-electro)}.sapphire-badge--primary-indigo{color:var(--sapphire-badge-color-content-primary-indigo);background-color:var(--sapphire-badge-color-background-primary-indigo)}.sapphire-badge--secondary-indigo{color:var(--sapphire-badge-color-content-secondary-indigo);background-color:var(--sapphire-badge-color-background-secondary-indigo);border:var(--sapphire-badge-size-width-border) solid var(--sapphire-badge-color-border-secondary-indigo)}.sapphire-badge--primary-lime{color:var(--sapphire-badge-color-content-primary-lime);background-color:var(--sapphire-badge-color-background-primary-lime)}.sapphire-badge--secondary-lime{color:var(--sapphire-badge-color-content-secondary-lime);background-color:var(--sapphire-badge-color-background-secondary-lime);border:var(--sapphire-badge-size-width-border) solid var(--sapphire-badge-color-border-secondary-lime)}.sapphire-badge--primary-pink{color:var(--sapphire-badge-color-content-primary-pink);background-color:var(--sapphire-badge-color-background-primary-pink)}.sapphire-badge--secondary-pink{color:var(--sapphire-badge-color-content-secondary-pink);background-color:var(--sapphire-badge-color-background-secondary-pink);border:var(--sapphire-badge-size-width-border) solid var(--sapphire-badge-color-border-secondary-pink)}.sapphire-badge--primary-violet{color:var(--sapphire-badge-color-content-primary-violet);background-color:var(--sapphire-badge-color-background-primary-violet)}.sapphire-badge--secondary-violet{color:var(--sapphire-badge-color-content-secondary-violet);background-color:var(--sapphire-badge-color-background-secondary-violet);border:var(--sapphire-badge-size-width-border) solid var(--sapphire-badge-color-border-secondary-violet)}.sapphire-badge--primary-gold{color:var(--sapphire-badge-color-content-primary-gold);background-color:var(--sapphire-badge-color-background-primary-gold)}.sapphire-badge--secondary-gold{color:var(--sapphire-badge-color-content-secondary-gold);background-color:var(--sapphire-badge-color-background-secondary-gold);border:var(--sapphire-badge-size-width-border) solid var(--sapphire-badge-color-border-secondary-gold)}.sapphire-badge--primary-beige{color:var(--sapphire-badge-color-content-primary-beige);background-color:var(--sapphire-badge-color-background-primary-beige)}.sapphire-badge--secondary-beige{color:var(--sapphire-badge-color-content-secondary-beige);background-color:var(--sapphire-badge-color-background-secondary-beige);border:var(--sapphire-badge-size-width-border) solid var(--sapphire-badge-color-border-secondary-beige)}.sapphire-badge--primary-orchid{color:var(--sapphire-badge-color-content-primary-orchid);background-color:var(--sapphire-badge-color-background-primary-orchid)}.sapphire-badge--secondary-orchid{color:var(--sapphire-badge-color-content-secondary-orchid);background-color:var(--sapphire-badge-color-background-secondary-orchid);border:var(--sapphire-badge-size-width-border) solid var(--sapphire-badge-color-border-secondary-orchid)}.sapphire-badge--primary-gray{color:var(--sapphire-badge-color-content-primary-gray);background-color:var(--sapphire-badge-color-background-primary-gray)}.sapphire-badge--secondary-gray{color:var(--sapphire-badge-color-content-secondary-gray);background-color:var(--sapphire-badge-color-background-secondary-gray);border:var(--sapphire-badge-size-width-border) solid var(--sapphire-badge-color-border-secondary-gray)}.sapphire-badge--primary-cobalt{color:var(--sapphire-badge-color-content-primary-cobalt);background-color:var(--sapphire-badge-color-background-primary-cobalt)}.sapphire-badge--secondary-cobalt{color:var(--sapphire-badge-color-content-secondary-cobalt);background-color:var(--sapphire-badge-color-background-secondary-cobalt);border:var(--sapphire-badge-size-width-border) solid var(--sapphire-badge-color-border-secondary-cobalt)}.sapphire-badge--primary-forestGreen{color:var(--sapphire-badge-color-content-primary-forest-green);background-color:var(--sapphire-badge-color-background-primary-forest-green)}.sapphire-badge--secondary-forestGreen{color:var(--sapphire-badge-color-content-secondary-forest-green);background-color:var(--sapphire-badge-color-background-secondary-forest-green);border:var(--sapphire-badge-size-width-border) solid var(--sapphire-badge-color-border-secondary-forest-green)}.sapphire-badge--primary-teal{color:var(--sapphire-badge-color-content-primary-teal);background-color:var(--sapphire-badge-color-background-primary-teal)}.sapphire-badge--secondary-teal{color:var(--sapphire-badge-color-content-secondary-teal);background-color:var(--sapphire-badge-color-background-secondary-teal);border:var(--sapphire-badge-size-width-border) solid var(--sapphire-badge-color-border-secondary-teal)}.sapphire-badge--primary-orange{color:var(--sapphire-badge-color-content-primary-orange);background-color:var(--sapphire-badge-color-background-primary-orange)}.sapphire-badge--secondary-orange{color:var(--sapphire-badge-color-content-secondary-orange);background-color:var(--sapphire-badge-color-background-secondary-orange);border:var(--sapphire-badge-size-width-border) solid var(--sapphire-badge-color-border-secondary-orange)}\n"] }]
|
|
48
|
+
args: [{ selector: 'sp-badge', template: '<ng-content></ng-content>', hostDirectives: [UseComponentStylesOnHost], styles: [".sapphire-badge{display:inline-flex;flex-direction:column;justify-content:center;align-items:center;white-space:nowrap;border-radius:var(--sapphire-semantic-size-radius-sm);font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-semibold);font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sapphire-badge--sm{height:var(--sapphire-semantic-size-height-control-xs);padding:0 var(--sapphire-semantic-size-spacing-20);font-size:var(--sapphire-semantic-size-font-control-sm)}.sapphire-badge--md{height:var(--sapphire-semantic-size-height-control-sm);padding:0 var(--sapphire-semantic-size-spacing-30);font-size:var(--sapphire-semantic-size-font-control-md)}.sapphire-badge--lg{height:var(--sapphire-semantic-size-height-control-md);padding:0 var(--sapphire-semantic-size-spacing-40);font-size:var(--sapphire-semantic-size-font-control-default)}.sapphire-badge--primary-positive{color:var(--sapphire-semantic-color-content-positive-primary-default);background-color:var(--sapphire-semantic-color-background-positive-primary-default)}.sapphire-badge--secondary-positive{color:var(--sapphire-semantic-color-content-positive-secondary-default);background-color:var(--sapphire-global-color-green-100);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-positive-secondary-default)}.sapphire-badge--primary-negative{color:var(--sapphire-semantic-color-content-negative-primary-default);background-color:var(--sapphire-semantic-color-background-negative-primary-default)}.sapphire-badge--secondary-negative{color:var(--sapphire-semantic-color-content-negative-secondary-default);background-color:var(--sapphire-global-color-red-100);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-negative-secondary-default)}.sapphire-badge--primary-warning{color:var(--sapphire-semantic-color-content-warning-primary-default);background-color:var(--sapphire-semantic-color-background-warning-primary-default)}.sapphire-badge--secondary-warning{color:var(--sapphire-semantic-color-content-warning-secondary-default);background-color:var(--sapphire-semantic-color-background-warning-secondary-default);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-warning-secondary-default)}.sapphire-badge--primary-informative{color:var(--sapphire-semantic-color-content-informative-primary-default);background-color:var(--sapphire-semantic-color-background-informative-primary-default)}.sapphire-badge--secondary-informative{color:var(--sapphire-semantic-color-content-informative-secondary-default);background-color:var(--sapphire-semantic-color-background-informative-secondary-default);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-informative-secondary-default)}.sapphire-badge--primary-passive{color:var(--sapphire-semantic-color-content-passive-primary-default);background-color:var(--sapphire-semantic-color-background-passive-primary-default)}.sapphire-badge--secondary-passive{color:var(--sapphire-semantic-color-content-passive-secondary-default);background-color:var(--sapphire-semantic-color-background-passive-secondary-default);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-passive-secondary-default)}.sapphire-badge--primary-aqua{color:var(--sapphire-semantic-color-content-decorative-aqua-primary-default);background-color:var(--sapphire-semantic-color-background-decorative-aqua-primary-default)}.sapphire-badge--secondary-aqua{color:var(--sapphire-semantic-color-content-decorative-aqua-secondary-default);background-color:var(--sapphire-semantic-color-background-decorative-aqua-secondary-default);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-decorative-aqua-secondary-default)}.sapphire-badge--primary-copper{color:var(--sapphire-semantic-color-content-decorative-copper-primary-default);background-color:var(--sapphire-semantic-color-background-decorative-copper-primary-default)}.sapphire-badge--secondary-copper{color:var(--sapphire-semantic-color-content-decorative-copper-secondary-default);background-color:var(--sapphire-semantic-color-background-decorative-copper-secondary-default);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-decorative-copper-secondary-default)}.sapphire-badge--primary-electro{color:var(--sapphire-semantic-color-content-decorative-electro-primary-default);background-color:var(--sapphire-semantic-color-background-decorative-electro-primary-default)}.sapphire-badge--secondary-electro{color:var(--sapphire-semantic-color-content-decorative-electro-secondary-default);background-color:var(--sapphire-semantic-color-background-decorative-electro-secondary-default);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-decorative-electro-secondary-default)}.sapphire-badge--primary-indigo{color:var(--sapphire-semantic-color-content-decorative-indigo-primary-default);background-color:var(--sapphire-semantic-color-background-decorative-indigo-primary-default)}.sapphire-badge--secondary-indigo{color:var(--sapphire-semantic-color-content-decorative-indigo-secondary-default);background-color:var(--sapphire-semantic-color-background-decorative-indigo-secondary-default);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-decorative-indigo-secondary-default)}.sapphire-badge--primary-lime{color:var(--sapphire-semantic-color-content-decorative-lime-primary-default);background-color:var(--sapphire-semantic-color-background-decorative-lime-primary-default)}.sapphire-badge--secondary-lime{color:var(--sapphire-semantic-color-content-decorative-lime-secondary-default);background-color:var(--sapphire-semantic-color-background-decorative-lime-secondary-default);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-decorative-lime-secondary-default)}.sapphire-badge--primary-pink{color:var(--sapphire-semantic-color-content-decorative-pink-primary-default);background-color:var(--sapphire-semantic-color-background-decorative-pink-primary-default)}.sapphire-badge--secondary-pink{color:var(--sapphire-semantic-color-content-decorative-pink-secondary-default);background-color:var(--sapphire-semantic-color-background-decorative-pink-secondary-default);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-decorative-pink-secondary-default)}.sapphire-badge--primary-violet{color:var(--sapphire-semantic-color-content-decorative-violet-primary-default);background-color:var(--sapphire-semantic-color-background-decorative-violet-primary-default)}.sapphire-badge--secondary-violet{color:var(--sapphire-semantic-color-content-decorative-violet-secondary-default);background-color:var(--sapphire-semantic-color-background-decorative-violet-secondary-default);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-decorative-violet-secondary-default)}.sapphire-badge--primary-gold{color:var(--sapphire-semantic-color-content-decorative-gold-primary-default);background-color:var(--sapphire-semantic-color-background-decorative-gold-primary-default)}.sapphire-badge--secondary-gold{color:var(--sapphire-semantic-color-content-decorative-gold-secondary-default);background-color:var(--sapphire-semantic-color-background-decorative-gold-secondary-default);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-decorative-gold-secondary-default)}.sapphire-badge--primary-beige{color:var(--sapphire-semantic-color-content-decorative-beige-primary-default);background-color:var(--sapphire-semantic-color-background-decorative-beige-primary-default)}.sapphire-badge--secondary-beige{color:var(--sapphire-semantic-color-content-decorative-beige-secondary-default);background-color:var(--sapphire-semantic-color-background-decorative-beige-secondary-default);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-decorative-beige-secondary-default)}.sapphire-badge--primary-orchid{color:var(--sapphire-semantic-color-content-decorative-orchid-primary-default);background-color:var(--sapphire-semantic-color-background-decorative-orchid-primary-default)}.sapphire-badge--secondary-orchid{color:var(--sapphire-semantic-color-content-decorative-orchid-secondary-default);background-color:var(--sapphire-semantic-color-background-decorative-orchid-secondary-default);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-decorative-orchid-secondary-default)}.sapphire-badge--primary-gray{color:var(--sapphire-semantic-color-content-decorative-gray-primary-default);background-color:var(--sapphire-semantic-color-background-decorative-gray-primary-default)}.sapphire-badge--secondary-gray{color:var(--sapphire-semantic-color-content-decorative-gray-secondary-default);background-color:var(--sapphire-semantic-color-background-decorative-gray-secondary-default);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-decorative-gray-secondary-default)}.sapphire-badge--primary-cobalt{color:var(--sapphire-semantic-color-content-decorative-cobalt-primary-default);background-color:var(--sapphire-semantic-color-background-decorative-cobalt-primary-default)}.sapphire-badge--secondary-cobalt{color:var(--sapphire-semantic-color-content-decorative-cobalt-secondary-default);background-color:var(--sapphire-semantic-color-background-decorative-cobalt-secondary-default);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-decorative-cobalt-secondary-default)}.sapphire-badge--primary-forestGreen{color:var(--sapphire-semantic-color-content-decorative-forest-green-primary-default);background-color:var(--sapphire-semantic-color-background-decorative-forest-green-primary-default)}.sapphire-badge--secondary-forestGreen{color:var(--sapphire-semantic-color-content-decorative-forest-green-secondary-default);background-color:var(--sapphire-semantic-color-background-decorative-forest-green-secondary-default);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-decorative-forest-green-secondary-default)}.sapphire-badge--primary-teal{color:var(--sapphire-semantic-color-content-decorative-teal-primary-default);background-color:var(--sapphire-semantic-color-background-decorative-teal-primary-default)}.sapphire-badge--secondary-teal{color:var(--sapphire-semantic-color-content-decorative-teal-secondary-default);background-color:var(--sapphire-semantic-color-background-decorative-teal-secondary-default);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-decorative-teal-secondary-default)}.sapphire-badge--primary-orange{color:var(--sapphire-semantic-color-content-decorative-orange-primary-default);background-color:var(--sapphire-semantic-color-background-decorative-orange-primary-default)}.sapphire-badge--secondary-orange{color:var(--sapphire-semantic-color-content-decorative-orange-secondary-default);background-color:var(--sapphire-semantic-color-background-decorative-orange-secondary-default);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-decorative-orange-secondary-default)}\n"] }]
|
|
49
49
|
}], ctorParameters: function () { return []; }, propDecorators: { role: [{
|
|
50
50
|
type: HostBinding,
|
|
51
51
|
args: ['role']
|
|
@@ -63,4 +63,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
63
63
|
type: HostBinding,
|
|
64
64
|
args: ['class']
|
|
65
65
|
}] } });
|
|
66
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
66
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9iYWRnZS9zcmMvYmFkZ2UuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDOUQsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQ3hELE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLDBDQUEwQyxDQUFDOzs7QUFrQ3BGLE1BQU0sT0FBTyxjQUFjO0lBbUN6QixJQUNZLFVBQVU7UUFDcEIsT0FBTztZQUNMLGdCQUFnQjtZQUNoQixtQkFDRSxJQUFJLENBQUMsSUFBSSxLQUFLLE9BQU8sQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsSUFBSSxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxJQUNqRSxFQUFFO1lBQ0YsbUJBQW1CLElBQUksQ0FBQyxPQUFPLElBQUksSUFBSSxDQUFDLEtBQUssRUFBRTtTQUNoRCxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQztJQUNkLENBQUM7SUFFRDtRQTdDcUIsU0FBSSxHQUFHLGNBQWMsQ0FBQztRQUUzQzs7O1dBR0c7UUFJSCxPQUFFLEdBQUcsRUFBRSxDQUFDO1FBRVI7O1dBRUc7UUFFSCxTQUFJLEdBQVUsUUFBUSxDQUFDO1FBRXZCOzs7O1dBSUc7UUFFSCxZQUFPLEdBQWEsU0FBUyxDQUFDO1FBRTlCOzs7OztXQUtHO1FBRUgsVUFBSyxHQUFXLGFBQWEsQ0FBQztJQWFmLENBQUM7OzJHQTlDTCxjQUFjOytGQUFkLGNBQWMsa1JBSmYsMkJBQTJCO0FBY3JDO0lBREMsTUFBTSxFQUFFOzBDQUNEOzJGQVZHLGNBQWM7a0JBTjFCLFNBQVM7K0JBQ0UsVUFBVSxZQUNWLDJCQUEyQixrQkFDckIsQ0FBQyx3QkFBd0IsQ0FBQzswRUFJckIsSUFBSTtzQkFBeEIsV0FBVzt1QkFBQyxNQUFNO2dCQVNuQixFQUFFO3NCQUhELFdBQVc7O3NCQUNYLEtBQUs7Z0JBUU4sSUFBSTtzQkFESCxLQUFLO2dCQVNOLE9BQU87c0JBRE4sS0FBSztnQkFVTixLQUFLO3NCQURKLEtBQUs7Z0JBSU0sVUFBVTtzQkFEckIsV0FBVzt1QkFBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBIb3N0QmluZGluZywgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEF1dG9JZCB9IGZyb20gJy4uLy4uL2NvbW1vbi9hdXRvLWlkLmRlY29yYXRvcic7XG5pbXBvcnQgeyBVc2VDb21wb25lbnRTdHlsZXNPbkhvc3QgfSBmcm9tICcuLi8uLi9jb21tb24vc2FwcGhpcmUtdmlldy1lbmNhcHN1bGF0aW9uJztcblxudHlwZSBDb2xvciA9XG4gIHwgJ3Bvc2l0aXZlJ1xuICB8ICduZWdhdGl2ZSdcbiAgfCAnd2FybmluZydcbiAgfCAnaW5mb3JtYXRpdmUnXG4gIHwgJ3Bhc3NpdmUnXG4gIHwgJ2FxdWEnXG4gIHwgJ2NvcHBlcidcbiAgfCAnZWxlY3RybydcbiAgfCAnaW5kaWdvJ1xuICB8ICdsaW1lJ1xuICB8ICdwaW5rJ1xuICB8ICd2aW9sZXQnXG4gIHwgJ2dvbGQnXG4gIHwgJ2JlaWdlJ1xuICB8ICdvcmNoaWQnXG4gIHwgJ2dyYXknXG4gIHwgJ2NvYmFsdCdcbiAgfCAnZm9yZXN0R3JlZW4nXG4gIHwgJ3RlYWwnXG4gIHwgJ29yYW5nZSc7XG5cbnR5cGUgVmFyaWFudCA9ICdwcmltYXJ5JyB8ICdzZWNvbmRhcnknO1xuXG50eXBlIFNpemUgPSAnc21hbGwnIHwgJ21lZGl1bScgfCAnbGFyZ2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzcC1iYWRnZScsXG4gIHRlbXBsYXRlOiAnPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PicsXG4gIGhvc3REaXJlY3RpdmVzOiBbVXNlQ29tcG9uZW50U3R5bGVzT25Ib3N0XSxcbiAgc3R5bGVVcmxzOiBbJy4vYmFkZ2UuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgQmFkZ2VDb21wb25lbnQge1xuICBASG9zdEJpbmRpbmcoJ3JvbGUnKSByb2xlID0gJ3ByZXNlbnRhdGlvbic7XG5cbiAgLyoqXG4gICAqIEEgdW5pcXVlIGlkIGZvciB0aGUgaG9zdCBET00gZWxlbWVudC5cbiAgICogSWYgbm9uZSBpcyBzdXBwbGllZCwgaXQgd2lsbCBiZSBhdXRvLWdlbmVyYXRlZC5cbiAgICovXG4gIEBIb3N0QmluZGluZygpXG4gIEBJbnB1dCgpXG4gIEBBdXRvSWQoKVxuICBpZCA9ICcnO1xuXG4gIC8qKlxuICAgKiBAZGVmYXVsdCAnbWVkaXVtJ1xuICAgKi9cbiAgQElucHV0KClcbiAgc2l6ZT86IFNpemUgPSAnbWVkaXVtJztcblxuICAvKipcbiAgICogV2hldGhlciB0aGUgYmFkZ2UgaGFzIGEgc2F0dXJhdGVkIG9yIGZhaW50IGJhY2tncm91bmQuXG4gICAqXG4gICAqIEBkZWZhdWx0ICdwcmltYXJ5J1xuICAgKi9cbiAgQElucHV0KClcbiAgdmFyaWFudD86IFZhcmlhbnQgPSAncHJpbWFyeSc7XG5cbiAgLyoqXG4gICAqIFRoZSBiYWNrZ3JvdW5kIGNvbG9yIG9mIHRoZSBiYWRnZS5cbiAgICogQ2FuIGVpdGhlciBiZSBzZW1hbnRpYyBvciBvbmUgb2YgdGhlIG5hbWVkIGRlY29yYXRpdmUgY29sb3IuXG4gICAqXG4gICAqIEBkZWZhdWx0ICdpbmZvcm1hdGl2ZSdcbiAgICovXG4gIEBJbnB1dCgpXG4gIGNvbG9yPzogQ29sb3IgPSAnaW5mb3JtYXRpdmUnO1xuXG4gIEBIb3N0QmluZGluZygnY2xhc3MnKVxuICBwcml2YXRlIGdldCBjbGFzc05hbWVzKCkge1xuICAgIHJldHVybiBbXG4gICAgICAnc2FwcGhpcmUtYmFkZ2UnLFxuICAgICAgYHNhcHBoaXJlLWJhZGdlLS0ke1xuICAgICAgICB0aGlzLnNpemUgPT09ICdzbWFsbCcgPyAnc20nIDogdGhpcy5zaXplID09PSAnbWVkaXVtJyA/ICdtZCcgOiAnbGcnXG4gICAgICB9YCxcbiAgICAgIGBzYXBwaGlyZS1iYWRnZS0tJHt0aGlzLnZhcmlhbnR9LSR7dGhpcy5jb2xvcn1gLFxuICAgIF0uam9pbignICcpO1xuICB9XG5cbiAgY29uc3RydWN0b3IoKSB7fVxufVxuIl19
|
|
@@ -43,10 +43,10 @@ export class ButtonGroupComponent {
|
|
|
43
43
|
}
|
|
44
44
|
}
|
|
45
45
|
ButtonGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ButtonGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
46
|
-
ButtonGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: ButtonGroupComponent, selector: "sp-button-group", inputs: { align: "align", stretch: "stretch", iconSpacing: "iconSpacing", spacing: "spacing", orientation: "orientation" }, ngImport: i0, template: "<div\n class=\"sapphire-button-group\"\n [ngClass]=\"\n stretch !== 'none'\n ? 'sapphire-button-group--stretch'\n : 'sapphire-button-group--align-' + align\n \"\n [class.sapphire-button-group--stretch-auto-vertical]=\"\n stretch === 'autoVertical'\n \"\n [class.sapphire-button-group--spacing-xs]=\"spacing === 'extra-dense'\"\n [class.sapphire-button-group--spacing-
|
|
46
|
+
ButtonGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: ButtonGroupComponent, selector: "sp-button-group", inputs: { align: "align", stretch: "stretch", iconSpacing: "iconSpacing", spacing: "spacing", orientation: "orientation" }, ngImport: i0, template: "<div\n class=\"sapphire-button-group\"\n [ngClass]=\"\n stretch !== 'none'\n ? 'sapphire-button-group--stretch'\n : 'sapphire-button-group--align-' + align\n \"\n [class.sapphire-button-group--stretch-auto-vertical]=\"\n stretch === 'autoVertical'\n \"\n [class.sapphire-button-group--spacing-xs]=\"spacing === 'extra-dense'\"\n [class.sapphire-button-group--spacing-sm]=\"spacing === 'dense'\"\n [class.sapphire-button-group--spacing-lg]=\"spacing === 'large'\"\n [class.sapphire-button-group--vertical]=\"orientation === 'vertical'\"\n>\n <ng-content></ng-content>\n</div>\n", styles: [".sapphire-button-group{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:stretch;gap:var(--sapphire-semantic-size-spacing-40)}.sapphire-button-group--stretch{flex-wrap:wrap-reverse;justify-content:normal;align-items:normal}.sapphire-button-group--stretch>*{min-width:-moz-fit-content!important;min-width:fit-content!important;max-width:100%!important;flex-grow:1!important}.sapphire-button-group--stretch.sapphire-button-group--vertical{flex-direction:column-reverse;flex-wrap:nowrap}.sapphire-button-group--stretch.sapphire-button-group--stretch-auto-vertical.sapphire-button-group:has(> *:nth-child(3)){flex-direction:column-reverse}.sapphire-button-group--spacing-lg{gap:var(--sapphire-semantic-size-spacing-50)}.sapphire-button-group--spacing-sm{gap:var(--sapphire-semantic-size-spacing-30)}.sapphire-button-group--spacing-xs{gap:var(--sapphire-semantic-size-spacing-5)}.sapphire-button-group--align-center{justify-content:center}.sapphire-button-group--align-right{justify-content:flex-end}.sapphire-button-group--align-left{justify-content:flex-start}.sapphire-button-group--vertical{flex-direction:column}.sapphire-button-group--vertical.sapphire-button-group--align-center{align-items:center}.sapphire-button-group--vertical.sapphire-button-group--align-right{align-items:flex-end}.sapphire-button-group--vertical.sapphire-button-group--align-left{align-items:flex-start}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
47
47
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ButtonGroupComponent, decorators: [{
|
|
48
48
|
type: Component,
|
|
49
|
-
args: [{ selector: 'sp-button-group', encapsulation: ViewEncapsulation.None, template: "<div\n class=\"sapphire-button-group\"\n [ngClass]=\"\n stretch !== 'none'\n ? 'sapphire-button-group--stretch'\n : 'sapphire-button-group--align-' + align\n \"\n [class.sapphire-button-group--stretch-auto-vertical]=\"\n stretch === 'autoVertical'\n \"\n [class.sapphire-button-group--spacing-xs]=\"spacing === 'extra-dense'\"\n [class.sapphire-button-group--spacing-
|
|
49
|
+
args: [{ selector: 'sp-button-group', encapsulation: ViewEncapsulation.None, template: "<div\n class=\"sapphire-button-group\"\n [ngClass]=\"\n stretch !== 'none'\n ? 'sapphire-button-group--stretch'\n : 'sapphire-button-group--align-' + align\n \"\n [class.sapphire-button-group--stretch-auto-vertical]=\"\n stretch === 'autoVertical'\n \"\n [class.sapphire-button-group--spacing-xs]=\"spacing === 'extra-dense'\"\n [class.sapphire-button-group--spacing-sm]=\"spacing === 'dense'\"\n [class.sapphire-button-group--spacing-lg]=\"spacing === 'large'\"\n [class.sapphire-button-group--vertical]=\"orientation === 'vertical'\"\n>\n <ng-content></ng-content>\n</div>\n", styles: [".sapphire-button-group{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:stretch;gap:var(--sapphire-semantic-size-spacing-40)}.sapphire-button-group--stretch{flex-wrap:wrap-reverse;justify-content:normal;align-items:normal}.sapphire-button-group--stretch>*{min-width:-moz-fit-content!important;min-width:fit-content!important;max-width:100%!important;flex-grow:1!important}.sapphire-button-group--stretch.sapphire-button-group--vertical{flex-direction:column-reverse;flex-wrap:nowrap}.sapphire-button-group--stretch.sapphire-button-group--stretch-auto-vertical.sapphire-button-group:has(> *:nth-child(3)){flex-direction:column-reverse}.sapphire-button-group--spacing-lg{gap:var(--sapphire-semantic-size-spacing-50)}.sapphire-button-group--spacing-sm{gap:var(--sapphire-semantic-size-spacing-30)}.sapphire-button-group--spacing-xs{gap:var(--sapphire-semantic-size-spacing-5)}.sapphire-button-group--align-center{justify-content:center}.sapphire-button-group--align-right{justify-content:flex-end}.sapphire-button-group--align-left{justify-content:flex-start}.sapphire-button-group--vertical{flex-direction:column}.sapphire-button-group--vertical.sapphire-button-group--align-center{align-items:center}.sapphire-button-group--vertical.sapphire-button-group--align-right{align-items:flex-end}.sapphire-button-group--vertical.sapphire-button-group--align-left{align-items:flex-start}\n"] }]
|
|
50
50
|
}], propDecorators: {
|
|
51
51
|
/**
|
|
52
52
|
* Alignment of buttons within the group.
|
|
@@ -84,4 +84,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
84
84
|
orientation: [{
|
|
85
85
|
type: Input
|
|
86
86
|
}] } });
|
|
87
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
87
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLWdyb3VwLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvYnV0dG9uL3NyYy9idXR0b24tZ3JvdXAuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9idXR0b24vc3JjL2J1dHRvbi1ncm91cC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBSXBFOzs7O0dBSUc7QUFPSCxNQUFNLE9BQU8sb0JBQW9CO0lBTmpDO1FBUUU7OztXQUdHO1FBQ0gsVUFBSyxHQUFnQyxPQUFPLENBQUM7UUFHN0M7Ozs7Ozs7Ozs7V0FVRztRQUNILFlBQU8sR0FBNEIsTUFBTSxDQUFDO1FBaUIxQzs7O1dBR0c7UUFDSCxZQUFPLEdBQWlELFFBQVEsQ0FBQztRQUdqRTs7V0FFRztRQUNILGdCQUFXLEdBQStCLFlBQVksQ0FBQztLQUN4RDtJQTFCQyxJQU9JLFdBQVc7UUFDYixPQUFPLElBQUksQ0FBQyxPQUFPLENBQUM7SUFDdEIsQ0FBQztJQUNELElBQUksV0FBVyxDQUFDLEtBQXNCO1FBQ3BDLElBQUksQ0FBQyxPQUFPLEdBQUcsS0FBSyxDQUFDO0lBQ3ZCLENBQUM7O2lIQWxDVSxvQkFBb0I7cUdBQXBCLG9CQUFvQixtTENmakMsNGxCQWlCQTsyRkRGYSxvQkFBb0I7a0JBTmhDLFNBQVM7K0JBQ0UsaUJBQWlCLGlCQUdaLGlCQUFpQixDQUFDLElBQUk7O1FBSXJDOzs7V0FHRztRQUNILEtBQUs7c0JBTEosS0FBSzs7UUFRTjs7Ozs7Ozs7OztXQVVHO1FBQ0gsT0FBTztzQkFaTixLQUFLO2dCQXFCRixXQUFXO3NCQVBkLEtBQUs7O1FBZU47OztXQUdHO1FBQ0gsT0FBTztzQkFMTixLQUFLOztRQVFOOztXQUVHO1FBQ0gsV0FBVztzQkFKVixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuZXhwb3J0IHR5cGUgQnV0dG9uR3JvdXBTdHJldGNoVHlwZSA9ICdub25lJyB8ICdkZWZhdWx0JyB8ICdhdXRvVmVydGljYWwnO1xuXG4vKipcbiAqIEJ1dHRvbkdyb3VwIGlzIGEgdXRpbGl0eSBjb21wb25lbnQgd2hpY2ggZW5zdXJlcyBjb25zaXN0ZW50IHNwYWNpbmcgYmV0d2VlblxuICogYnV0dG9ucyBBbGwgY2hpbGRyZW4gbXVzdCBiZSBvZiB0eXBlIEJ1dHRvbi4gSWNvbiBidXR0b25zIGNhbm5vdCBiZSBtaXhlZFxuICogd2l0aCBzdGFuZGFyZCBidXR0b25zLlxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzcC1idXR0b24tZ3JvdXAnLFxuICB0ZW1wbGF0ZVVybDogJy4vYnV0dG9uLWdyb3VwLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYnV0dG9uLWdyb3VwLmNvbXBvbmVudC5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsIC8vIFRPRE86IGNyZWF0ZSBhbm90aGVyIGhvc3REaXJlY3RpdmUgZm9yIHRoaXM/XG59KVxuZXhwb3J0IGNsYXNzIEJ1dHRvbkdyb3VwQ29tcG9uZW50IHtcbiAgQElucHV0KClcbiAgLyoqXG4gICAqIEFsaWdubWVudCBvZiBidXR0b25zIHdpdGhpbiB0aGUgZ3JvdXAuXG4gICAqIEBkZWZhdWx0IFwicmlnaHRcIlxuICAgKi9cbiAgYWxpZ246ICdsZWZ0JyB8ICdjZW50ZXInIHwgJ3JpZ2h0JyA9ICdyaWdodCc7XG5cbiAgQElucHV0KClcbiAgLyoqXG4gICAqIENvbnRyb2xzIHN0cmV0Y2hpbmcgb2YgdGhlIGNvbnRlbnRzLlxuICAgKlxuICAgKiBgbm9uZWAgLSB0aGUgY2hpbGRyZW4gd2lsbCBub3Qgc3RyZXRjaCBhbmQgd2lsbCByZXNwZWN0IHRoZSBhbGlnbm1lbnQgc2V0IHdpdGggdGhlIGFsaWduIHByb3AuXG4gICAqXG4gICAqIGBkZWZhdWx0YCAtIHRoZSBjaGlsZHJlbiB3aWxsIHN0cmV0Y2ggdG8gdGFrZSBmdWxsIHdpZHRoLiBJZiB0aGUgY2hpbGRyZW4gb3ZlcmZsb3csIHRoZXkgd2lsbCBiZSB3cmFwcGVkIHZlcnRpY2FsbHkuXG4gICAqXG4gICAqIGBhdXRvVmVydGljYWxgIC0gc2FtZSBiZWhhdmlvdXIgYXMgYGRlZmF1bHRgLCBidXQgaWYgdGhlcmUgaXMgbW9yZSB0aGFuIDMgY2hpbGRyZW4sIHRoZXkgd2lsbCBiZSB3cmFwcGVkIHZlcnRpY2FsbHkgZXZlbiBpZiB0aGV5IGRvbid0IG92ZXJmbG93LlxuICAgKlxuICAgKiBAZGVmYXVsdCBcIm5vbmVcIlxuICAgKi9cbiAgc3RyZXRjaD86IEJ1dHRvbkdyb3VwU3RyZXRjaFR5cGUgPSAnbm9uZSc7XG5cbiAgQElucHV0KClcbiAgLyoqXG4gICAqIEBkZXByZWNhdGVkIFVzZSBgc3BhY2luZ2AgaW5zdGVhZC5cbiAgICpcbiAgICogU3BhY2luZyBiZXR3ZWVuIHRoZSBidXR0b25zLlxuICAgKiBAZGVmYXVsdCBub3JtYWxcbiAgICovXG4gIGdldCBpY29uU3BhY2luZygpOiB0aGlzWydzcGFjaW5nJ10ge1xuICAgIHJldHVybiB0aGlzLnNwYWNpbmc7XG4gIH1cbiAgc2V0IGljb25TcGFjaW5nKHZhbHVlOiB0aGlzWydzcGFjaW5nJ10pIHtcbiAgICB0aGlzLnNwYWNpbmcgPSB2YWx1ZTtcbiAgfVxuXG4gIEBJbnB1dCgpXG4gIC8qKlxuICAgKiBTcGFjaW5nIGJldHdlZW4gdGhlIGJ1dHRvbnNcbiAgICogQGRlZmF1bHQgbm9ybWFsXG4gICAqL1xuICBzcGFjaW5nOiAnbGFyZ2UnIHwgJ25vcm1hbCcgfCAnZGVuc2UnIHwgJ2V4dHJhLWRlbnNlJyA9ICdub3JtYWwnO1xuXG4gIEBJbnB1dCgpXG4gIC8qKlxuICAgKiBAZGVmYXVsdCBcImhvcml6b250YWxcIlxuICAgKi9cbiAgb3JpZW50YXRpb24/OiAndmVydGljYWwnIHwgJ2hvcml6b250YWwnID0gJ2hvcml6b250YWwnO1xufVxuIiwiPGRpdlxuICBjbGFzcz1cInNhcHBoaXJlLWJ1dHRvbi1ncm91cFwiXG4gIFtuZ0NsYXNzXT1cIlxuICAgIHN0cmV0Y2ggIT09ICdub25lJ1xuICAgICAgPyAnc2FwcGhpcmUtYnV0dG9uLWdyb3VwLS1zdHJldGNoJ1xuICAgICAgOiAnc2FwcGhpcmUtYnV0dG9uLWdyb3VwLS1hbGlnbi0nICsgYWxpZ25cbiAgXCJcbiAgW2NsYXNzLnNhcHBoaXJlLWJ1dHRvbi1ncm91cC0tc3RyZXRjaC1hdXRvLXZlcnRpY2FsXT1cIlxuICAgIHN0cmV0Y2ggPT09ICdhdXRvVmVydGljYWwnXG4gIFwiXG4gIFtjbGFzcy5zYXBwaGlyZS1idXR0b24tZ3JvdXAtLXNwYWNpbmcteHNdPVwic3BhY2luZyA9PT0gJ2V4dHJhLWRlbnNlJ1wiXG4gIFtjbGFzcy5zYXBwaGlyZS1idXR0b24tZ3JvdXAtLXNwYWNpbmctc21dPVwic3BhY2luZyA9PT0gJ2RlbnNlJ1wiXG4gIFtjbGFzcy5zYXBwaGlyZS1idXR0b24tZ3JvdXAtLXNwYWNpbmctbGddPVwic3BhY2luZyA9PT0gJ2xhcmdlJ1wiXG4gIFtjbGFzcy5zYXBwaGlyZS1idXR0b24tZ3JvdXAtLXZlcnRpY2FsXT1cIm9yaWVudGF0aW9uID09PSAndmVydGljYWwnXCJcbj5cbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9kaXY+XG4iXX0=
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { __decorate } from "tslib";
|
|
2
|
-
import { ChangeDetectionStrategy, Component, ContentChild, HostBinding, Input, isDevMode, } from '@angular/core';
|
|
3
|
-
import { IconComponent } from '../../icon/public_api';
|
|
2
|
+
import { ChangeDetectionStrategy, Component, ContentChild, forwardRef, HostBinding, Input, isDevMode, } from '@angular/core';
|
|
3
|
+
import { IconComponent, ICON_SIZE_PROVIDER } from '../../icon/public_api';
|
|
4
4
|
import { ThemeCheckDirective } from '../../theme/src/theme-check.directive';
|
|
5
5
|
import { CoerceBoolean } from '../../common/coerce-boolean.decorator';
|
|
6
6
|
import { ButtonIconDirective } from './button-icon.directive';
|
|
@@ -13,16 +13,19 @@ export class ButtonComponent {
|
|
|
13
13
|
get derivedVariantAndStyleClass() {
|
|
14
14
|
let derivedVariantAndStyle;
|
|
15
15
|
if (this.variant === 'primary') {
|
|
16
|
-
derivedVariantAndStyle = 'primary
|
|
16
|
+
derivedVariantAndStyle = 'primary';
|
|
17
17
|
}
|
|
18
18
|
else if (this.variant === 'dangerSecondary') {
|
|
19
19
|
// TODO(v2): Remove as we remove this deprecated value for variant-prop
|
|
20
|
-
derivedVariantAndStyle = 'danger
|
|
20
|
+
derivedVariantAndStyle = 'danger';
|
|
21
21
|
}
|
|
22
22
|
else if (this.variant === 'dangerTertiary') {
|
|
23
23
|
// TODO(v2): Remove as we remove this deprecated value for variant-prop
|
|
24
24
|
derivedVariantAndStyle = 'danger-ghost';
|
|
25
25
|
}
|
|
26
|
+
else if (this.appearance === 'fill') {
|
|
27
|
+
derivedVariantAndStyle = this.variant;
|
|
28
|
+
}
|
|
26
29
|
else {
|
|
27
30
|
derivedVariantAndStyle = `${this.variant}-${this.appearance}`;
|
|
28
31
|
}
|
|
@@ -31,10 +34,12 @@ export class ButtonComponent {
|
|
|
31
34
|
constructor(elementRef) {
|
|
32
35
|
this.elementRef = elementRef;
|
|
33
36
|
this.variant = 'primary';
|
|
37
|
+
// TODO(v2): Remove `appearance` and follow the `variant` like in react v4.
|
|
34
38
|
this.appearance = 'fill';
|
|
35
39
|
/**
|
|
36
40
|
* Applies different styles for a better contrast with the secondary color background.
|
|
37
41
|
* @default 'primary'
|
|
42
|
+
* @deprecated This will be done automatically.
|
|
38
43
|
*/
|
|
39
44
|
this.surface = 'primary';
|
|
40
45
|
this.size = 'medium';
|
|
@@ -54,7 +59,12 @@ export class ButtonComponent {
|
|
|
54
59
|
}
|
|
55
60
|
}
|
|
56
61
|
ButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ButtonComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
57
|
-
ButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: ButtonComponent, selector: "button[sp-button], a[sp-button]", inputs: { variant: "variant", appearance: "appearance", surface: "surface", size: "size", disabled: "disabled", iconAlign: "iconAlign", type: "type" }, host: { properties: { "attr.disabled": "disabled || null", "class.is-disabled": "disabled", "class.sapphire-button--large": "size === \"large\"", "class.sapphire-button--small": "size === \"small\"", "class.sapphire-button--with-left-icon": "buttonIcon && iconAlign === \"left\"", "class.sapphire-button--with-right-icon": "buttonIcon && iconAlign === \"right\"", "class.sapphire-button--secondary-surface": "surface === \"secondary\"", "type": "this.type", "class": "this.derivedVariantAndStyleClass" }, classAttribute: "sapphire-button" }, queries: [{ propertyName: "buttonIcon", first: true, predicate: ButtonIconDirective, descendants: true }, { propertyName: "icon", first: true, predicate: IconComponent, descendants: true }], hostDirectives: [{ directive: i1.ThemeCheckDirective }, { directive: i2.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-button-font-name);font-weight:var(--sapphire-button-font-weight);font-size:var(--sapphire-button-size-font-m);text-transform:var(--sapphire-button-font-text-transform);letter-spacing:var(--sapphire-button-font-letter-spacing);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:0 var(--sapphire-button-size-spacing-horizontal-m);height:var(--sapphire-button-size-height-m);min-width:var(--sapphire-button-size-min-width-no-icon-m);max-width:-moz-fit-content;max-width:fit-content;flex-shrink:0;border-radius:var(--sapphire-button-size-radius-m);border-style:solid;border-width:0;border-color:transparent;transition-property:opacity,background-color,color;transition-duration:var(--sapphire-button-time-transition);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-button-opacity-disabled);cursor:not-allowed}.sapphire-button:focus{outline:none}.sapphire-button.is-focus,.sapphire-button:not(.js-focus):focus-visible{outline:var(--sapphire-button-size-focus-ring-border) solid var(--sapphire-button-color-focus-ring);outline-offset:var(--sapphire-button-size-focus-ring-offset)}.sapphire-button--with-left-icon,.sapphire-button--with-right-icon{min-width:var(--sapphire-button-size-min-width-with-icon-default)}.sapphire-button--with-right-icon .sapphire-button__icon{margin-left:var(--sapphire-button-size-spacing-icon-gap)}.sapphire-button--with-left-icon .sapphire-button__icon{margin-right:var(--sapphire-button-size-spacing-icon-gap)}.sapphire-button--loading{cursor:not-allowed}.sapphire-button__spinner{position:absolute;display:inherit}.sapphire-button--loading .sapphire-button__content{visibility:hidden}.sapphire-button--primary-fill{background-color:var(--sapphire-button-color-background-primary-default);color:var(--sapphire-button-color-content-primary-default)}.sapphire-button--primary-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--primary-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-primary-hover)}.sapphire-button--primary-fill.is-focus,.sapphire-button--primary-fill:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-primary-focus)}.sapphire-button--primary-fill:not(:disabled):not(.is-disabled).is-active,.sapphire-button--primary-fill:not(:disabled):not(.is-disabled):active,.sapphire-button--primary-fill:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-primary-active)}.sapphire-button--secondary-fill{background-color:var(--sapphire-button-color-background-secondary-default);color:var(--sapphire-button-color-content-secondary-default)}.sapphire-button--secondary-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--secondary-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-secondary-hover);color:var(--sapphire-button-color-content-secondary-hover)}.sapphire-button--secondary-fill.is-focus,.sapphire-button--secondary-fill:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-secondary-focus)}.sapphire-button--secondary-fill:not(:disabled):not(.is-disabled).is-active,.sapphire-button--secondary-fill:not(:disabled):not(.is-disabled):active,.sapphire-button--secondary-fill:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-secondary-active);color:var(--sapphire-button-color-content-secondary-active)}.sapphire-button--secondary-fill.sapphire-button--secondary-surface{background-color:var(--sapphire-button-color-background-secondary-surface-secondary-default)}.sapphire-button--secondary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--secondary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-secondary-surface-secondary-hover)}.sapphire-button--secondary-fill.sapphire-button--secondary-surface.is-focus,.sapphire-button--secondary-fill.sapphire-button--secondary-surface:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-secondary-surface-secondary-focus)}.sapphire-button--secondary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled).is-active,.sapphire-button--secondary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):active,.sapphire-button--secondary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-secondary-surface-secondary-active)}.sapphire-button--secondary-ghost{background-color:var(--sapphire-button-color-background-secondary-ghost-default);color:var(--sapphire-button-color-content-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-button-color-background-secondary-ghost-hover);color:var(--sapphire-button-color-content-secondary-hover)}.sapphire-button--secondary-ghost.is-focus,.sapphire-button--secondary-ghost:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-secondary-ghost-focus)}.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-button-color-background-secondary-ghost-active);color:var(--sapphire-button-color-content-secondary-active)}.sapphire-button--secondary-ghost.sapphire-button--secondary-surface{background-color:var(--sapphire-button-color-background-secondary-ghost-surface-secondary-default)}.sapphire-button--secondary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--secondary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-secondary-ghost-surface-secondary-hover)}.sapphire-button--secondary-ghost.sapphire-button--secondary-surface.is-focus,.sapphire-button--secondary-ghost.sapphire-button--secondary-surface:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-secondary-ghost-surface-secondary-focus)}.sapphire-button--secondary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled).is-active,.sapphire-button--secondary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):active,.sapphire-button--secondary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-secondary-ghost-surface-secondary-active)}.sapphire-button--secondary-text{color:var(--sapphire-button-color-content-secondary-default);border-radius:var(--sapphire-button-size-radius-text);background:var(--sapphire-button-color-background-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-button-color-content-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-button-color-content-secondary-active)}.sapphire-button--tertiary-fill{background-color:var(--sapphire-button-color-background-tertiary-default);color:var(--sapphire-button-color-content-tertiary-default)}.sapphire-button--tertiary-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--tertiary-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-tertiary-hover);color:var(--sapphire-button-color-content-tertiary-hover)}.sapphire-button--tertiary-fill.is-focus,.sapphire-button--tertiary-fill:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-tertiary-focus)}.sapphire-button--tertiary-fill:not(:disabled):not(.is-disabled).is-active,.sapphire-button--tertiary-fill:not(:disabled):not(.is-disabled):active,.sapphire-button--tertiary-fill:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-tertiary-active);color:var(--sapphire-button-color-content-tertiary-active)}.sapphire-button--tertiary-fill.sapphire-button--secondary-surface{background-color:var(--sapphire-button-color-background-tertiary-surface-secondary-default)}.sapphire-button--tertiary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--tertiary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-tertiary-surface-secondary-hover)}.sapphire-button--tertiary-fill.sapphire-button--secondary-surface.is-focus,.sapphire-button--tertiary-fill.sapphire-button--secondary-surface:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-tertiary-surface-secondary-focus)}.sapphire-button--tertiary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled).is-active,.sapphire-button--tertiary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):active,.sapphire-button--tertiary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-tertiary-surface-secondary-active)}.sapphire-button--tertiary-ghost{background-color:var(--sapphire-button-color-background-tertiary-ghost-default);color:var(--sapphire-button-color-content-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-button-color-background-tertiary-ghost-hover);color:var(--sapphire-button-color-content-tertiary-hover)}.sapphire-button--tertiary-ghost.is-focus,.sapphire-button--tertiary-ghost:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-tertiary-ghost-focus)}.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-button-color-background-tertiary-ghost-active);color:var(--sapphire-button-color-content-tertiary-active)}.sapphire-button--tertiary-ghost.sapphire-button--secondary-surface{background-color:var(--sapphire-button-color-background-tertiary-ghost-surface-secondary-default)}.sapphire-button--tertiary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--tertiary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-tertiary-ghost-surface-secondary-hover)}.sapphire-button--tertiary-ghost.sapphire-button--secondary-surface.is-focus,.sapphire-button--tertiary-ghost.sapphire-button--secondary-surface:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-tertiary-ghost-surface-secondary-focus)}.sapphire-button--tertiary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled).is-active,.sapphire-button--tertiary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):active,.sapphire-button--tertiary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-tertiary-ghost-surface-secondary-active)}.sapphire-button--tertiary-text{color:var(--sapphire-button-color-content-tertiary-default);border-radius:var(--sapphire-button-size-radius-text);background:var(--sapphire-button-color-background-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-button-color-content-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-button-color-content-tertiary-active)}.sapphire-button--danger-fill{background-color:var(--sapphire-button-color-background-danger-default);color:var(--sapphire-button-color-content-danger-default)}.sapphire-button--danger-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--danger-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-danger-hover);color:var(--sapphire-button-color-content-danger-hover)}.sapphire-button--danger-fill.is-focus,.sapphire-button--danger-fill:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-danger-focus)}.sapphire-button--danger-fill:not(:disabled):not(.is-disabled).is-active,.sapphire-button--danger-fill:not(:disabled):not(.is-disabled):active,.sapphire-button--danger-fill:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-danger-active);color:var(--sapphire-button-color-content-danger-active)}.sapphire-button--danger-fill.sapphire-button--secondary-surface{background-color:var(--sapphire-button-color-background-danger-surface-secondary-default)}.sapphire-button--danger-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--danger-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-danger-surface-secondary-hover)}.sapphire-button--danger-fill.sapphire-button--secondary-surface.is-focus,.sapphire-button--danger-fill.sapphire-button--secondary-surface:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-danger-surface-secondary-focus)}.sapphire-button--danger-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled).is-active,.sapphire-button--danger-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):active,.sapphire-button--danger-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-danger-surface-secondary-active)}.sapphire-button--danger-ghost{background-color:var(--sapphire-button-color-background-danger-ghost-default);color:var(--sapphire-button-color-content-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-button-color-background-danger-ghost-hover);color:var(--sapphire-button-color-content-danger-hover)}.sapphire-button--danger-ghost.is-focus,.sapphire-button--danger-ghost:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-danger-ghost-focus)}.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-button-color-background-danger-ghost-active);color:var(--sapphire-button-color-content-danger-active)}.sapphire-button--danger-ghost.sapphire-button--secondary-surface{background-color:var(--sapphire-button-color-background-danger-ghost-surface-secondary-default)}.sapphire-button--danger-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--danger-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-danger-ghost-surface-secondary-hover)}.sapphire-button--danger-ghost.sapphire-button--secondary-surface.is-focus,.sapphire-button--danger-ghost.sapphire-button--secondary-surface:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-danger-ghost-surface-secondary-focus)}.sapphire-button--danger-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled).is-active,.sapphire-button--danger-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):active,.sapphire-button--danger-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-danger-ghost-surface-secondary-active)}.sapphire-button--danger-text{color:var(--sapphire-button-color-content-danger-default);border-radius:var(--sapphire-button-size-radius-text);background:var(--sapphire-button-color-background-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-button-color-content-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-button-color-content-danger-active)}.sapphire-button--selected{background-color:var(--sapphire-button-color-background-selected-default);color:var(--sapphire-button-color-content-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-button-color-background-selected-hover)}.sapphire-button--selected.is-focus,.sapphire-button--selected:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-selected-focus)}.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-button-color-background-selected-active);color:var(--sapphire-button-color-content-selected-active)}.sapphire-button--unselected{background-color:var(--sapphire-button-color-background-unselected-default);color:var(--sapphire-button-color-content-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-button-color-background-unselected-hover)}.sapphire-button--unselected.is-focus,.sapphire-button--unselected:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-unselected-focus)}.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-button-color-background-unselected-active);color:var(--sapphire-button-color-content-unselected-active)}.sapphire-button__icon{display:flex;flex-direction:column;justify-content:center;align-items:center;height:var(--sapphire-button-size-icon-m);width:var(--sapphire-button-size-icon-m)}.sapphire-button--large .sapphire-button__icon{height:var(--sapphire-button-size-icon-l);width:var(--sapphire-button-size-icon-l)}.sapphire-button--small .sapphire-button__icon{height:var(--sapphire-button-size-icon-s);width:var(--sapphire-button-size-icon-s)}.sapphire-button--large{height:var(--sapphire-button-size-height-l);min-width:var(--sapphire-button-size-min-width-no-icon-l);padding:0 var(--sapphire-button-size-spacing-horizontal-l);font-size:var(--sapphire-button-size-font-l);border-radius:var(--sapphire-button-size-radius-l)}.sapphire-button--large.sapphire-button--secondary-text,.sapphire-button--large.sapphire-button--tertiary-text,.sapphire-button--large.sapphire-button--danger-text{padding:0;border-radius:var(--sapphire-button-size-radius-text)}.sapphire-button--small{height:var(--sapphire-button-size-height-s);min-width:var(--sapphire-button-size-min-width-no-icon-s);padding:0 var(--sapphire-button-size-spacing-horizontal-s);font-size:var(--sapphire-button-size-font-s);border-radius:var(--sapphire-button-size-radius-s)}.sapphire-button--small.sapphire-button--secondary-text,.sapphire-button--small.sapphire-button--tertiary-text,.sapphire-button--small.sapphire-button--danger-text{padding:0;border-radius:var(--sapphire-button-size-radius-text)}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
62
|
+
ButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: ButtonComponent, selector: "button[sp-button], a[sp-button]", inputs: { variant: "variant", appearance: "appearance", surface: "surface", size: "size", disabled: "disabled", iconAlign: "iconAlign", type: "type" }, host: { properties: { "attr.disabled": "disabled || null", "class.is-disabled": "disabled", "class.sapphire-button--lg": "size === \"large\"", "class.sapphire-button--sm": "size === \"small\"", "class.sapphire-button--with-left-icon": "buttonIcon && iconAlign === \"left\"", "class.sapphire-button--with-right-icon": "buttonIcon && iconAlign === \"right\"", "type": "this.type", "class": "this.derivedVariantAndStyleClass" }, classAttribute: "sapphire-button" }, providers: [
|
|
63
|
+
{
|
|
64
|
+
provide: ICON_SIZE_PROVIDER,
|
|
65
|
+
useExisting: forwardRef(() => ButtonComponent),
|
|
66
|
+
},
|
|
67
|
+
], queries: [{ propertyName: "buttonIcon", first: true, predicate: ButtonIconDirective, descendants: true }, { propertyName: "icon", first: true, predicate: IconComponent, descendants: true }], hostDirectives: [{ directive: i1.ThemeCheckDirective }, { directive: i2.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: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
58
68
|
__decorate([
|
|
59
69
|
CoerceBoolean
|
|
60
70
|
], ButtonComponent.prototype, "disabled", void 0);
|
|
@@ -64,12 +74,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
64
74
|
'[attr.disabled]': 'disabled || null',
|
|
65
75
|
'[class.is-disabled]': 'disabled',
|
|
66
76
|
class: 'sapphire-button',
|
|
67
|
-
'[class.sapphire-button--
|
|
68
|
-
'[class.sapphire-button--
|
|
77
|
+
'[class.sapphire-button--lg]': 'size === "large"',
|
|
78
|
+
'[class.sapphire-button--sm]': 'size === "small"',
|
|
69
79
|
'[class.sapphire-button--with-left-icon]': 'buttonIcon && iconAlign === "left"',
|
|
70
80
|
'[class.sapphire-button--with-right-icon]': 'buttonIcon && iconAlign === "right"',
|
|
71
|
-
|
|
72
|
-
}, hostDirectives: [ThemeCheckDirective, UseComponentStylesOnHost], template: "<span class=\"sapphire-button__content\">\n <span\n *ngIf=\"buttonIcon && iconAlign === 'left'\"\n class=\"sapphire-button__icon\"\n >\n <ng-container *ngTemplateOutlet=\"iconContent\"></ng-container>\n </span>\n\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n\n <span\n *ngIf=\"buttonIcon && iconAlign === 'right'\"\n class=\"sapphire-button__icon\"\n >\n <ng-container *ngTemplateOutlet=\"iconContent\"></ng-container>\n </span>\n\n <ng-template #content>\n <ng-content></ng-content>\n </ng-template>\n <ng-template #iconContent>\n <ng-content select=\"[spButtonIcon]\"></ng-content>\n </ng-template>\n</span>\n", styles: [".sapphire-button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;white-space:nowrap;margin:0;font-family:var(--sapphire-button-font-name);font-weight:var(--sapphire-button-font-weight);font-size:var(--sapphire-button-size-font-m);text-transform:var(--sapphire-button-font-text-transform);letter-spacing:var(--sapphire-button-font-letter-spacing);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:0 var(--sapphire-button-size-spacing-horizontal-m);height:var(--sapphire-button-size-height-m);min-width:var(--sapphire-button-size-min-width-no-icon-m);max-width:-moz-fit-content;max-width:fit-content;flex-shrink:0;border-radius:var(--sapphire-button-size-radius-m);border-style:solid;border-width:0;border-color:transparent;transition-property:opacity,background-color,color;transition-duration:var(--sapphire-button-time-transition);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-button-opacity-disabled);cursor:not-allowed}.sapphire-button:focus{outline:none}.sapphire-button.is-focus,.sapphire-button:not(.js-focus):focus-visible{outline:var(--sapphire-button-size-focus-ring-border) solid var(--sapphire-button-color-focus-ring);outline-offset:var(--sapphire-button-size-focus-ring-offset)}.sapphire-button--with-left-icon,.sapphire-button--with-right-icon{min-width:var(--sapphire-button-size-min-width-with-icon-default)}.sapphire-button--with-right-icon .sapphire-button__icon{margin-left:var(--sapphire-button-size-spacing-icon-gap)}.sapphire-button--with-left-icon .sapphire-button__icon{margin-right:var(--sapphire-button-size-spacing-icon-gap)}.sapphire-button--loading{cursor:not-allowed}.sapphire-button__spinner{position:absolute;display:inherit}.sapphire-button--loading .sapphire-button__content{visibility:hidden}.sapphire-button--primary-fill{background-color:var(--sapphire-button-color-background-primary-default);color:var(--sapphire-button-color-content-primary-default)}.sapphire-button--primary-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--primary-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-primary-hover)}.sapphire-button--primary-fill.is-focus,.sapphire-button--primary-fill:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-primary-focus)}.sapphire-button--primary-fill:not(:disabled):not(.is-disabled).is-active,.sapphire-button--primary-fill:not(:disabled):not(.is-disabled):active,.sapphire-button--primary-fill:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-primary-active)}.sapphire-button--secondary-fill{background-color:var(--sapphire-button-color-background-secondary-default);color:var(--sapphire-button-color-content-secondary-default)}.sapphire-button--secondary-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--secondary-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-secondary-hover);color:var(--sapphire-button-color-content-secondary-hover)}.sapphire-button--secondary-fill.is-focus,.sapphire-button--secondary-fill:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-secondary-focus)}.sapphire-button--secondary-fill:not(:disabled):not(.is-disabled).is-active,.sapphire-button--secondary-fill:not(:disabled):not(.is-disabled):active,.sapphire-button--secondary-fill:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-secondary-active);color:var(--sapphire-button-color-content-secondary-active)}.sapphire-button--secondary-fill.sapphire-button--secondary-surface{background-color:var(--sapphire-button-color-background-secondary-surface-secondary-default)}.sapphire-button--secondary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--secondary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-secondary-surface-secondary-hover)}.sapphire-button--secondary-fill.sapphire-button--secondary-surface.is-focus,.sapphire-button--secondary-fill.sapphire-button--secondary-surface:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-secondary-surface-secondary-focus)}.sapphire-button--secondary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled).is-active,.sapphire-button--secondary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):active,.sapphire-button--secondary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-secondary-surface-secondary-active)}.sapphire-button--secondary-ghost{background-color:var(--sapphire-button-color-background-secondary-ghost-default);color:var(--sapphire-button-color-content-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-button-color-background-secondary-ghost-hover);color:var(--sapphire-button-color-content-secondary-hover)}.sapphire-button--secondary-ghost.is-focus,.sapphire-button--secondary-ghost:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-secondary-ghost-focus)}.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-button-color-background-secondary-ghost-active);color:var(--sapphire-button-color-content-secondary-active)}.sapphire-button--secondary-ghost.sapphire-button--secondary-surface{background-color:var(--sapphire-button-color-background-secondary-ghost-surface-secondary-default)}.sapphire-button--secondary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--secondary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-secondary-ghost-surface-secondary-hover)}.sapphire-button--secondary-ghost.sapphire-button--secondary-surface.is-focus,.sapphire-button--secondary-ghost.sapphire-button--secondary-surface:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-secondary-ghost-surface-secondary-focus)}.sapphire-button--secondary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled).is-active,.sapphire-button--secondary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):active,.sapphire-button--secondary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-secondary-ghost-surface-secondary-active)}.sapphire-button--secondary-text{color:var(--sapphire-button-color-content-secondary-default);border-radius:var(--sapphire-button-size-radius-text);background:var(--sapphire-button-color-background-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-button-color-content-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-button-color-content-secondary-active)}.sapphire-button--tertiary-fill{background-color:var(--sapphire-button-color-background-tertiary-default);color:var(--sapphire-button-color-content-tertiary-default)}.sapphire-button--tertiary-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--tertiary-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-tertiary-hover);color:var(--sapphire-button-color-content-tertiary-hover)}.sapphire-button--tertiary-fill.is-focus,.sapphire-button--tertiary-fill:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-tertiary-focus)}.sapphire-button--tertiary-fill:not(:disabled):not(.is-disabled).is-active,.sapphire-button--tertiary-fill:not(:disabled):not(.is-disabled):active,.sapphire-button--tertiary-fill:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-tertiary-active);color:var(--sapphire-button-color-content-tertiary-active)}.sapphire-button--tertiary-fill.sapphire-button--secondary-surface{background-color:var(--sapphire-button-color-background-tertiary-surface-secondary-default)}.sapphire-button--tertiary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--tertiary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-tertiary-surface-secondary-hover)}.sapphire-button--tertiary-fill.sapphire-button--secondary-surface.is-focus,.sapphire-button--tertiary-fill.sapphire-button--secondary-surface:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-tertiary-surface-secondary-focus)}.sapphire-button--tertiary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled).is-active,.sapphire-button--tertiary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):active,.sapphire-button--tertiary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-tertiary-surface-secondary-active)}.sapphire-button--tertiary-ghost{background-color:var(--sapphire-button-color-background-tertiary-ghost-default);color:var(--sapphire-button-color-content-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-button-color-background-tertiary-ghost-hover);color:var(--sapphire-button-color-content-tertiary-hover)}.sapphire-button--tertiary-ghost.is-focus,.sapphire-button--tertiary-ghost:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-tertiary-ghost-focus)}.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-button-color-background-tertiary-ghost-active);color:var(--sapphire-button-color-content-tertiary-active)}.sapphire-button--tertiary-ghost.sapphire-button--secondary-surface{background-color:var(--sapphire-button-color-background-tertiary-ghost-surface-secondary-default)}.sapphire-button--tertiary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--tertiary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-tertiary-ghost-surface-secondary-hover)}.sapphire-button--tertiary-ghost.sapphire-button--secondary-surface.is-focus,.sapphire-button--tertiary-ghost.sapphire-button--secondary-surface:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-tertiary-ghost-surface-secondary-focus)}.sapphire-button--tertiary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled).is-active,.sapphire-button--tertiary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):active,.sapphire-button--tertiary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-tertiary-ghost-surface-secondary-active)}.sapphire-button--tertiary-text{color:var(--sapphire-button-color-content-tertiary-default);border-radius:var(--sapphire-button-size-radius-text);background:var(--sapphire-button-color-background-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-button-color-content-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-button-color-content-tertiary-active)}.sapphire-button--danger-fill{background-color:var(--sapphire-button-color-background-danger-default);color:var(--sapphire-button-color-content-danger-default)}.sapphire-button--danger-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--danger-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-danger-hover);color:var(--sapphire-button-color-content-danger-hover)}.sapphire-button--danger-fill.is-focus,.sapphire-button--danger-fill:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-danger-focus)}.sapphire-button--danger-fill:not(:disabled):not(.is-disabled).is-active,.sapphire-button--danger-fill:not(:disabled):not(.is-disabled):active,.sapphire-button--danger-fill:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-danger-active);color:var(--sapphire-button-color-content-danger-active)}.sapphire-button--danger-fill.sapphire-button--secondary-surface{background-color:var(--sapphire-button-color-background-danger-surface-secondary-default)}.sapphire-button--danger-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--danger-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-danger-surface-secondary-hover)}.sapphire-button--danger-fill.sapphire-button--secondary-surface.is-focus,.sapphire-button--danger-fill.sapphire-button--secondary-surface:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-danger-surface-secondary-focus)}.sapphire-button--danger-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled).is-active,.sapphire-button--danger-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):active,.sapphire-button--danger-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-danger-surface-secondary-active)}.sapphire-button--danger-ghost{background-color:var(--sapphire-button-color-background-danger-ghost-default);color:var(--sapphire-button-color-content-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-button-color-background-danger-ghost-hover);color:var(--sapphire-button-color-content-danger-hover)}.sapphire-button--danger-ghost.is-focus,.sapphire-button--danger-ghost:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-danger-ghost-focus)}.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-button-color-background-danger-ghost-active);color:var(--sapphire-button-color-content-danger-active)}.sapphire-button--danger-ghost.sapphire-button--secondary-surface{background-color:var(--sapphire-button-color-background-danger-ghost-surface-secondary-default)}.sapphire-button--danger-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--danger-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-danger-ghost-surface-secondary-hover)}.sapphire-button--danger-ghost.sapphire-button--secondary-surface.is-focus,.sapphire-button--danger-ghost.sapphire-button--secondary-surface:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-danger-ghost-surface-secondary-focus)}.sapphire-button--danger-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled).is-active,.sapphire-button--danger-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):active,.sapphire-button--danger-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-danger-ghost-surface-secondary-active)}.sapphire-button--danger-text{color:var(--sapphire-button-color-content-danger-default);border-radius:var(--sapphire-button-size-radius-text);background:var(--sapphire-button-color-background-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-button-color-content-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-button-color-content-danger-active)}.sapphire-button--selected{background-color:var(--sapphire-button-color-background-selected-default);color:var(--sapphire-button-color-content-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-button-color-background-selected-hover)}.sapphire-button--selected.is-focus,.sapphire-button--selected:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-selected-focus)}.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-button-color-background-selected-active);color:var(--sapphire-button-color-content-selected-active)}.sapphire-button--unselected{background-color:var(--sapphire-button-color-background-unselected-default);color:var(--sapphire-button-color-content-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-button-color-background-unselected-hover)}.sapphire-button--unselected.is-focus,.sapphire-button--unselected:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-unselected-focus)}.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-button-color-background-unselected-active);color:var(--sapphire-button-color-content-unselected-active)}.sapphire-button__icon{display:flex;flex-direction:column;justify-content:center;align-items:center;height:var(--sapphire-button-size-icon-m);width:var(--sapphire-button-size-icon-m)}.sapphire-button--large .sapphire-button__icon{height:var(--sapphire-button-size-icon-l);width:var(--sapphire-button-size-icon-l)}.sapphire-button--small .sapphire-button__icon{height:var(--sapphire-button-size-icon-s);width:var(--sapphire-button-size-icon-s)}.sapphire-button--large{height:var(--sapphire-button-size-height-l);min-width:var(--sapphire-button-size-min-width-no-icon-l);padding:0 var(--sapphire-button-size-spacing-horizontal-l);font-size:var(--sapphire-button-size-font-l);border-radius:var(--sapphire-button-size-radius-l)}.sapphire-button--large.sapphire-button--secondary-text,.sapphire-button--large.sapphire-button--tertiary-text,.sapphire-button--large.sapphire-button--danger-text{padding:0;border-radius:var(--sapphire-button-size-radius-text)}.sapphire-button--small{height:var(--sapphire-button-size-height-s);min-width:var(--sapphire-button-size-min-width-no-icon-s);padding:0 var(--sapphire-button-size-spacing-horizontal-s);font-size:var(--sapphire-button-size-font-s);border-radius:var(--sapphire-button-size-radius-s)}.sapphire-button--small.sapphire-button--secondary-text,.sapphire-button--small.sapphire-button--tertiary-text,.sapphire-button--small.sapphire-button--danger-text{padding:0;border-radius:var(--sapphire-button-size-radius-text)}\n"] }]
|
|
81
|
+
}, hostDirectives: [ThemeCheckDirective, UseComponentStylesOnHost], providers: [
|
|
82
|
+
{
|
|
83
|
+
provide: ICON_SIZE_PROVIDER,
|
|
84
|
+
useExisting: forwardRef(() => ButtonComponent),
|
|
85
|
+
},
|
|
86
|
+
], 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"] }]
|
|
73
87
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { variant: [{
|
|
74
88
|
type: Input
|
|
75
89
|
}], appearance: [{
|
|
@@ -97,4 +111,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
97
111
|
type: ContentChild,
|
|
98
112
|
args: [IconComponent]
|
|
99
113
|
}] } });
|
|
100
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
114
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvYnV0dG9uL3NyYy9idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9idXR0b24vc3JjL2J1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUVMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsWUFBWSxFQUVaLFVBQVUsRUFDVixXQUFXLEVBQ1gsS0FBSyxFQUNMLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUd2QixPQUFPLEVBQUUsYUFBYSxFQUFFLGtCQUFrQixFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDMUUsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFDNUUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHVDQUF1QyxDQUFDO0FBQ3RFLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQzlELE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLDBDQUEwQyxDQUFDOzs7OztBQTZCcEYsTUFBTSxPQUFPLGVBQWU7SUF1QzFCLElBQ1ksMkJBQTJCO1FBQ3JDLElBQUksc0JBQXNCLENBQUM7UUFFM0IsSUFBSSxJQUFJLENBQUMsT0FBTyxLQUFLLFNBQVMsRUFBRTtZQUM5QixzQkFBc0IsR0FBRyxTQUFrQixDQUFDO1NBQzdDO2FBQU0sSUFBSSxJQUFJLENBQUMsT0FBTyxLQUFLLGlCQUFpQixFQUFFO1lBQzdDLHVFQUF1RTtZQUN2RSxzQkFBc0IsR0FBRyxRQUFpQixDQUFDO1NBQzVDO2FBQU0sSUFBSSxJQUFJLENBQUMsT0FBTyxLQUFLLGdCQUFnQixFQUFFO1lBQzVDLHVFQUF1RTtZQUN2RSxzQkFBc0IsR0FBRyxjQUF1QixDQUFDO1NBQ2xEO2FBQU0sSUFBSSxJQUFJLENBQUMsVUFBVSxLQUFLLE1BQU0sRUFBRTtZQUNyQyxzQkFBc0IsR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDO1NBQ3ZDO2FBQU07WUFDTCxzQkFBc0IsR0FBRyxHQUFHLElBQUksQ0FBQyxPQUFPLElBQUksSUFBSSxDQUFDLFVBQVUsRUFBVyxDQUFDO1NBQ3hFO1FBRUQsT0FBTyxvQkFBb0Isc0JBQXNCLEVBQUUsQ0FBQztJQUN0RCxDQUFDO0lBS0QsWUFBbUIsVUFBeUM7UUFBekMsZUFBVSxHQUFWLFVBQVUsQ0FBK0I7UUE3RDVELFlBQU8sR0FNZ0IsU0FBUyxDQUFDO1FBRWpDLDJFQUEyRTtRQUUzRSxlQUFVLEdBQStCLE1BQU0sQ0FBQztRQUVoRDs7OztXQUlHO1FBRUgsWUFBTyxHQUE2QixTQUFTLENBQUM7UUFHOUMsU0FBSSxHQUFrQyxRQUFRLENBQUM7UUFPL0MsY0FBUyxHQUFxQixNQUFNLENBQUM7UUFFckM7O1dBRUc7UUFHSCxTQUFJLEdBQWtDLFFBQVEsQ0FBQztJQTBCZ0IsQ0FBQztJQUVoRSxrQkFBa0I7UUFDaEIsSUFBSSxJQUFJLENBQUMsSUFBSSxFQUFFO1lBQ2IsSUFBSSxDQUFDLElBQUksQ0FBQyxVQUFVLElBQUksU0FBUyxFQUFFLEVBQUU7Z0JBQ25DLE9BQU8sQ0FBQyxLQUFLLENBQUMsd0NBQXdDLElBQUksQ0FBQyxPQUFPO21HQUN5QixDQUFDLENBQUM7YUFDOUY7U0FDRjtJQUNILENBQUM7OzRHQXhFVSxlQUFlO2dHQUFmLGVBQWUsaXFCQVBmO1FBQ1Q7WUFDRSxPQUFPLEVBQUUsa0JBQWtCO1lBQzNCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsZUFBZSxDQUFDO1NBQy9DO0tBQ0Ysa0VBOERhLG1CQUFtQix1RUFDbkIsYUFBYSxxSkMzRzdCLDBwQkF3QkE7QURpREU7SUFEQyxhQUFhO2lEQUNTOzJGQTNCWixlQUFlO2tCQTNCM0IsU0FBUzsrQkFDRSxpQ0FBaUMsbUJBRzFCLHVCQUF1QixDQUFDLE1BQU0sUUFDekM7d0JBQ0osaUJBQWlCLEVBQUUsa0JBQWtCO3dCQUNyQyxxQkFBcUIsRUFBRSxVQUFVO3dCQUVqQyxLQUFLLEVBQUUsaUJBQWlCO3dCQUV4Qiw2QkFBNkIsRUFBRSxrQkFBa0I7d0JBQ2pELDZCQUE2QixFQUFFLGtCQUFrQjt3QkFFakQseUNBQXlDLEVBQ3ZDLG9DQUFvQzt3QkFDdEMsMENBQTBDLEVBQ3hDLHFDQUFxQztxQkFDeEMsa0JBQ2UsQ0FBQyxtQkFBbUIsRUFBRSx3QkFBd0IsQ0FBQyxhQUNwRDt3QkFDVDs0QkFDRSxPQUFPLEVBQUUsa0JBQWtCOzRCQUMzQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxnQkFBZ0IsQ0FBQzt5QkFDL0M7cUJBQ0Y7aUdBSUQsT0FBTztzQkFETixLQUFLO2dCQVdOLFVBQVU7c0JBRFQsS0FBSztnQkFTTixPQUFPO3NCQUROLEtBQUs7Z0JBSU4sSUFBSTtzQkFESCxLQUFLO2dCQUtOLFFBQVE7c0JBRlAsS0FBSztnQkFLTixTQUFTO3NCQURSLEtBQUs7Z0JBUU4sSUFBSTtzQkFGSCxLQUFLOztzQkFDTCxXQUFXO3VCQUFDLE1BQU07Z0JBSVAsMkJBQTJCO3NCQUR0QyxXQUFXO3VCQUFDLE9BQU87Z0JBcUJlLFVBQVU7c0JBQTVDLFlBQVk7dUJBQUMsbUJBQW1CO2dCQUNKLElBQUk7c0JBQWhDLFlBQVk7dUJBQUMsYUFBYSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIEFmdGVyQ29udGVudEluaXQsXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIENvbnRlbnRDaGlsZCxcbiAgRWxlbWVudFJlZixcbiAgZm9yd2FyZFJlZixcbiAgSG9zdEJpbmRpbmcsXG4gIElucHV0LFxuICBpc0Rldk1vZGUsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQm9vbGVhbklucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2NvZXJjaW9uJztcblxuaW1wb3J0IHsgSWNvbkNvbXBvbmVudCwgSUNPTl9TSVpFX1BST1ZJREVSIH0gZnJvbSAnLi4vLi4vaWNvbi9wdWJsaWNfYXBpJztcbmltcG9ydCB7IFRoZW1lQ2hlY2tEaXJlY3RpdmUgfSBmcm9tICcuLi8uLi90aGVtZS9zcmMvdGhlbWUtY2hlY2suZGlyZWN0aXZlJztcbmltcG9ydCB7IENvZXJjZUJvb2xlYW4gfSBmcm9tICcuLi8uLi9jb21tb24vY29lcmNlLWJvb2xlYW4uZGVjb3JhdG9yJztcbmltcG9ydCB7IEJ1dHRvbkljb25EaXJlY3RpdmUgfSBmcm9tICcuL2J1dHRvbi1pY29uLmRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBVc2VDb21wb25lbnRTdHlsZXNPbkhvc3QgfSBmcm9tICcuLi8uLi9jb21tb24vc2FwcGhpcmUtdmlldy1lbmNhcHN1bGF0aW9uJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYnV0dG9uW3NwLWJ1dHRvbl0sIGFbc3AtYnV0dG9uXScsXG4gIHRlbXBsYXRlVXJsOiAnLi9idXR0b24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9idXR0b24uY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGhvc3Q6IHtcbiAgICAnW2F0dHIuZGlzYWJsZWRdJzogJ2Rpc2FibGVkIHx8IG51bGwnLFxuICAgICdbY2xhc3MuaXMtZGlzYWJsZWRdJzogJ2Rpc2FibGVkJyxcblxuICAgIGNsYXNzOiAnc2FwcGhpcmUtYnV0dG9uJyxcblxuICAgICdbY2xhc3Muc2FwcGhpcmUtYnV0dG9uLS1sZ10nOiAnc2l6ZSA9PT0gXCJsYXJnZVwiJyxcbiAgICAnW2NsYXNzLnNhcHBoaXJlLWJ1dHRvbi0tc21dJzogJ3NpemUgPT09IFwic21hbGxcIicsXG5cbiAgICAnW2NsYXNzLnNhcHBoaXJlLWJ1dHRvbi0td2l0aC1sZWZ0LWljb25dJzpcbiAgICAgICdidXR0b25JY29uICYmIGljb25BbGlnbiA9PT0gXCJsZWZ0XCInLFxuICAgICdbY2xhc3Muc2FwcGhpcmUtYnV0dG9uLS13aXRoLXJpZ2h0LWljb25dJzpcbiAgICAgICdidXR0b25JY29uICYmIGljb25BbGlnbiA9PT0gXCJyaWdodFwiJyxcbiAgfSxcbiAgaG9zdERpcmVjdGl2ZXM6IFtUaGVtZUNoZWNrRGlyZWN0aXZlLCBVc2VDb21wb25lbnRTdHlsZXNPbkhvc3RdLFxuICBwcm92aWRlcnM6IFtcbiAgICB7XG4gICAgICBwcm92aWRlOiBJQ09OX1NJWkVfUFJPVklERVIsXG4gICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBCdXR0b25Db21wb25lbnQpLFxuICAgIH0sXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIEJ1dHRvbkNvbXBvbmVudCBpbXBsZW1lbnRzIEFmdGVyQ29udGVudEluaXQge1xuICBASW5wdXQoKVxuICB2YXJpYW50PzpcbiAgICB8ICdwcmltYXJ5J1xuICAgIHwgJ3NlY29uZGFyeSdcbiAgICB8ICd0ZXJ0aWFyeSdcbiAgICB8ICdkYW5nZXInXG4gICAgfCAnZGFuZ2VyU2Vjb25kYXJ5J1xuICAgIHwgJ2RhbmdlclRlcnRpYXJ5JyA9ICdwcmltYXJ5JztcblxuICAvLyBUT0RPKHYyKTogUmVtb3ZlIGBhcHBlYXJhbmNlYCBhbmQgZm9sbG93IHRoZSBgdmFyaWFudGAgbGlrZSBpbiByZWFjdCB2NC5cbiAgQElucHV0KClcbiAgYXBwZWFyYW5jZT86ICdmaWxsJyB8ICdnaG9zdCcgfCAndGV4dCcgPSAnZmlsbCc7XG5cbiAgLyoqXG4gICAqIEFwcGxpZXMgZGlmZmVyZW50IHN0eWxlcyBmb3IgYSBiZXR0ZXIgY29udHJhc3Qgd2l0aCB0aGUgc2Vjb25kYXJ5IGNvbG9yIGJhY2tncm91bmQuXG4gICAqIEBkZWZhdWx0ICdwcmltYXJ5J1xuICAgKiBAZGVwcmVjYXRlZCBUaGlzIHdpbGwgYmUgZG9uZSBhdXRvbWF0aWNhbGx5LlxuICAgKi9cbiAgQElucHV0KClcbiAgc3VyZmFjZT86ICdwcmltYXJ5JyB8ICdzZWNvbmRhcnknID0gJ3ByaW1hcnknO1xuXG4gIEBJbnB1dCgpXG4gIHNpemU/OiAnc21hbGwnIHwgJ21lZGl1bScgfCAnbGFyZ2UnID0gJ21lZGl1bSc7XG5cbiAgQElucHV0KClcbiAgQENvZXJjZUJvb2xlYW5cbiAgZGlzYWJsZWQ6IEJvb2xlYW5JbnB1dDtcblxuICBASW5wdXQoKVxuICBpY29uQWxpZ246ICdsZWZ0JyB8ICdyaWdodCcgPSAnbGVmdCc7XG5cbiAgLyoqXG4gICAqIFRoZSBiZWhhdmlvciBvZiB0aGUgYnV0dG9uIHdoZW4gdXNlZCBpbiBhbiBIVE1MIGZvcm0uXG4gICAqL1xuICBASW5wdXQoKVxuICBASG9zdEJpbmRpbmcoJ3R5cGUnKVxuICB0eXBlOiAnc3VibWl0JyB8ICdidXR0b24nIHwgJ3Jlc2V0JyA9ICdidXR0b24nO1xuXG4gIEBIb3N0QmluZGluZygnY2xhc3MnKVxuICBwcml2YXRlIGdldCBkZXJpdmVkVmFyaWFudEFuZFN0eWxlQ2xhc3MoKSB7XG4gICAgbGV0IGRlcml2ZWRWYXJpYW50QW5kU3R5bGU7XG5cbiAgICBpZiAodGhpcy52YXJpYW50ID09PSAncHJpbWFyeScpIHtcbiAgICAgIGRlcml2ZWRWYXJpYW50QW5kU3R5bGUgPSAncHJpbWFyeScgYXMgY29uc3Q7XG4gICAgfSBlbHNlIGlmICh0aGlzLnZhcmlhbnQgPT09ICdkYW5nZXJTZWNvbmRhcnknKSB7XG4gICAgICAvLyBUT0RPKHYyKTogUmVtb3ZlIGFzIHdlIHJlbW92ZSB0aGlzIGRlcHJlY2F0ZWQgdmFsdWUgZm9yIHZhcmlhbnQtcHJvcFxuICAgICAgZGVyaXZlZFZhcmlhbnRBbmRTdHlsZSA9ICdkYW5nZXInIGFzIGNvbnN0O1xuICAgIH0gZWxzZSBpZiAodGhpcy52YXJpYW50ID09PSAnZGFuZ2VyVGVydGlhcnknKSB7XG4gICAgICAvLyBUT0RPKHYyKTogUmVtb3ZlIGFzIHdlIHJlbW92ZSB0aGlzIGRlcHJlY2F0ZWQgdmFsdWUgZm9yIHZhcmlhbnQtcHJvcFxuICAgICAgZGVyaXZlZFZhcmlhbnRBbmRTdHlsZSA9ICdkYW5nZXItZ2hvc3QnIGFzIGNvbnN0O1xuICAgIH0gZWxzZSBpZiAodGhpcy5hcHBlYXJhbmNlID09PSAnZmlsbCcpIHtcbiAgICAgIGRlcml2ZWRWYXJpYW50QW5kU3R5bGUgPSB0aGlzLnZhcmlhbnQ7XG4gICAgfSBlbHNlIHtcbiAgICAgIGRlcml2ZWRWYXJpYW50QW5kU3R5bGUgPSBgJHt0aGlzLnZhcmlhbnR9LSR7dGhpcy5hcHBlYXJhbmNlfWAgYXMgY29uc3Q7XG4gICAgfVxuXG4gICAgcmV0dXJuIGBzYXBwaGlyZS1idXR0b24tLSR7ZGVyaXZlZFZhcmlhbnRBbmRTdHlsZX1gO1xuICB9XG5cbiAgQENvbnRlbnRDaGlsZChCdXR0b25JY29uRGlyZWN0aXZlKSBidXR0b25JY29uPzogQnV0dG9uSWNvbkRpcmVjdGl2ZTtcbiAgQENvbnRlbnRDaGlsZChJY29uQ29tcG9uZW50KSBpY29uPzogSWNvbkNvbXBvbmVudDtcblxuICBjb25zdHJ1Y3RvcihwdWJsaWMgZWxlbWVudFJlZjogRWxlbWVudFJlZjxIVE1MQnV0dG9uRWxlbWVudD4pIHt9XG5cbiAgbmdBZnRlckNvbnRlbnRJbml0KCkge1xuICAgIGlmICh0aGlzLmljb24pIHtcbiAgICAgIGlmICghdGhpcy5idXR0b25JY29uICYmIGlzRGV2TW9kZSgpKSB7XG4gICAgICAgIGNvbnNvbGUuZXJyb3IoYEljb24gaXMgdXNlZCBpbiBhIGJ1dHRvbiBvZiB2YXJpYW50IFwiJHt0aGlzLnZhcmlhbnR9XCIuXG4gICAgICAgIFlvdSBzaG91bGQgZWl0aGVyIGFkZCBzcEJ1dHRvbkljb24gb24gdGhlIGljb24gb3IgdXNlIHNwLWljb24tYnV0dG9uIGluc3RlYWQgb2Ygc3AtYnV0dG9uXCJgKTtcbiAgICAgIH1cbiAgICB9XG4gIH1cbn1cbiIsIjxzcGFuIGNsYXNzPVwic2FwcGhpcmUtYnV0dG9uX19jb250ZW50XCI+XG4gIDxzcGFuXG4gICAgKm5nSWY9XCJidXR0b25JY29uICYmIGljb25BbGlnbiA9PT0gJ2xlZnQnXCJcbiAgICBjbGFzcz1cInNhcHBoaXJlLWJ1dHRvbl9faWNvblwiXG4gID5cbiAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiaWNvbkNvbnRlbnRcIj48L25nLWNvbnRhaW5lcj5cbiAgPC9zcGFuPlxuXG4gIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJjb250ZW50XCI+PC9uZy1jb250YWluZXI+XG5cbiAgPHNwYW5cbiAgICAqbmdJZj1cImJ1dHRvbkljb24gJiYgaWNvbkFsaWduID09PSAncmlnaHQnXCJcbiAgICBjbGFzcz1cInNhcHBoaXJlLWJ1dHRvbl9faWNvblwiXG4gID5cbiAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiaWNvbkNvbnRlbnRcIj48L25nLWNvbnRhaW5lcj5cbiAgPC9zcGFuPlxuXG4gIDxuZy10ZW1wbGF0ZSAjY29udGVudD5cbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gIDwvbmctdGVtcGxhdGU+XG4gIDxuZy10ZW1wbGF0ZSAjaWNvbkNvbnRlbnQ+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3NwQnV0dG9uSWNvbl1cIj48L25nLWNvbnRlbnQ+XG4gIDwvbmctdGVtcGxhdGU+XG48L3NwYW4+XG4iXX0=
|