@acorex/components 7.8.13 → 7.8.14
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/esm2022/badge/lib/badge.component.mjs +2 -2
- package/esm2022/button/lib/button.component.mjs +2 -2
- package/esm2022/button-group/lib/button-group.component.mjs +2 -2
- package/esm2022/check-box/lib/check-box.component.mjs +3 -3
- package/esm2022/chips/lib/chips.component.mjs +2 -2
- package/esm2022/collapse/lib/collapse.component.mjs +18 -3
- package/esm2022/progress-bar/lib/progress-bar.component.mjs +3 -3
- package/esm2022/range-slider/lib/range-slider.component.mjs +2 -2
- package/esm2022/selection-list/lib/selection-list.component.mjs +2 -2
- package/esm2022/switch/lib/switch.component.mjs +2 -2
- package/esm2022/tabs/lib/tabs.component.mjs +2 -2
- package/esm2022/tag/lib/tag.component.mjs +2 -2
- package/esm2022/uploader/lib/uploader-list.component.mjs +22 -4
- package/esm2022/uploader/lib/uploader-zone.directive.mjs +7 -4
- package/esm2022/uploader/lib/uploader.module.mjs +4 -3
- package/fesm2022/acorex-components-badge.mjs +2 -2
- package/fesm2022/acorex-components-badge.mjs.map +1 -1
- package/fesm2022/acorex-components-button-group.mjs +2 -2
- package/fesm2022/acorex-components-button-group.mjs.map +1 -1
- package/fesm2022/acorex-components-button.mjs +2 -2
- package/fesm2022/acorex-components-button.mjs.map +1 -1
- package/fesm2022/acorex-components-check-box.mjs +2 -2
- package/fesm2022/acorex-components-check-box.mjs.map +1 -1
- package/fesm2022/acorex-components-chips.mjs +2 -2
- package/fesm2022/acorex-components-chips.mjs.map +1 -1
- package/fesm2022/acorex-components-collapse.mjs +17 -2
- package/fesm2022/acorex-components-collapse.mjs.map +1 -1
- package/fesm2022/acorex-components-progress-bar.mjs +2 -2
- package/fesm2022/acorex-components-progress-bar.mjs.map +1 -1
- package/fesm2022/acorex-components-range-slider.mjs +2 -2
- package/fesm2022/acorex-components-range-slider.mjs.map +1 -1
- package/fesm2022/acorex-components-selection-list.mjs +2 -2
- package/fesm2022/acorex-components-selection-list.mjs.map +1 -1
- package/fesm2022/acorex-components-switch.mjs +2 -2
- package/fesm2022/acorex-components-tabs.mjs +2 -2
- package/fesm2022/acorex-components-tabs.mjs.map +1 -1
- package/fesm2022/acorex-components-tag.mjs +2 -2
- package/fesm2022/acorex-components-tag.mjs.map +1 -1
- package/fesm2022/acorex-components-uploader.mjs +29 -8
- package/fesm2022/acorex-components-uploader.mjs.map +1 -1
- package/package.json +1 -1
- package/uploader/lib/uploader-list.component.d.ts +1 -0
- package/uploader/lib/uploader-zone.directive.d.ts +1 -0
|
@@ -80,11 +80,11 @@ export class AXButtonGroupComponent extends classes(MXInteractiveComponent, MXCo
|
|
|
80
80
|
return cssClasses;
|
|
81
81
|
}
|
|
82
82
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: AXButtonGroupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
83
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.6", type: AXButtonGroupComponent, selector: "ax-button-group", inputs: { disabled: "disabled", color: "color", look: "look", selection: "selection" }, outputs: { onBlur: "onBlur", onFocus: "onFocus", lookChange: "lookChange", colorChange: "colorChange", disabledChange: "disabledChange", selectionChange: "selectionChange" }, host: { attributes: { "role": "group" }, properties: { "class": "this.__hostClass" } }, queries: [{ propertyName: "_contentButtons", predicate: AXButtonItemComponent }], usesInheritance: true, ngImport: i0, template: "<ng-container>\n <ng-content select=\"ax-button-item\"></ng-content>\n</ng-container>\n", styles: ["ax-button-group{display:flex}ax-button-group ax-button-item{border:1px solid;border-color:rgba(var(--ax-color-border-default));display:inline-flex;align-items:center;justify-content:center;height:var(--ax-size-default);font-size:.875rem;cursor:pointer;position:relative;-webkit-user-select:none;user-select:none;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;background-color:rgba(var(--ax-color-surface));color:rgba(var(--ax-color-surface-fore));padding:0 1rem}ax-button-group ax-button-item:first-child{border-start-start-radius:var(--ax-rounded-border-default);border-end-start-radius:var(--ax-rounded-border-default)}ax-button-group ax-button-item:last-child{border-start-end-radius:var(--ax-rounded-border-default);border-end-end-radius:var(--ax-rounded-border-default)}ax-button-group ax-button-item:not(ax-button-group ax-button-item:first-child){border-inline-start:0px}ax-button-group ax-button-item:not(ax-button-group ax-button-item:first-child):before{position:absolute;inset-block-start:-1px;inset-inline-start:-1px;display:block;box-sizing:content-box;width:1px;height:100%;padding-block:1px;padding-inline:0;transition:background-color .3s;content:\"\"}ax-button-group ax-button-item:hover:not(.ax-state-disabled){opacity:.75}ax-button-group ax-button-item:active{opacity:1}ax-button-group ax-button-item .ax-button-item-text{padding:0 .5rem}ax-button-group.ax-buttons-fit{width:100%}ax-button-group.ax-buttons-fit>button{flex:1}ax-button-group.ax-state-disabled,ax-button-group.ax-state-loading{opacity:.5}ax-button-group.ax-state-disabled>ax-button-item,ax-button-group.ax-state-loading>ax-button-item{cursor:not-allowed}ax-button-group.ax-xs{font-size:.75rem}ax-button-group.ax-xs>button{padding-inline-start:.25rem;padding-inline-end:.25rem}ax-button-group.ax-sm>button{padding-inline-start:.5rem;padding-inline-end:.5rem}ax-button-group.ax-sm,ax-button-group.ax-md{font-size:.875rem}ax-button-group.ax-lg{font-size:1.25rem}ax-button-group.ax-lg>button{padding-inline-start:1.5rem;padding-inline-end:1.5rem}ax-button-group.ax-xl{font-size:1.5rem}ax-button-group.ax-xl>button{padding-inline-start:2rem;padding-inline-end:2rem}ax-button-group.ax-look-solid.ax-color-primary ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-button-group.ax-look-solid.ax-color-primary ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-look-twotone.ax-color-primary ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-fore-lighten));border-color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-look-twotone.ax-color-primary ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-look-outline.ax-color-primary ax-button-item.ax-state-selected{border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-look-outline.ax-color-primary ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-color-primary ax-button-item:is(ax-button-group.ax-color-primary ax-button-item:focus-visible,ax-button-group.ax-color-primary ax-button-item:focus){outline-color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-look-blank.ax-color-primary ax-button-item.ax-state-selected{color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-look-solid.ax-color-secondary ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-secondary-500));border-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}ax-button-group.ax-look-solid.ax-color-secondary ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-look-twotone.ax-color-secondary ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-secondary-100));color:rgba(var(--ax-color-secondary-fore-lighten));border-color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-look-twotone.ax-color-secondary ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-look-outline.ax-color-secondary ax-button-item.ax-state-selected{border-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-look-outline.ax-color-secondary ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-color-secondary ax-button-item:is(ax-button-group.ax-color-secondary ax-button-item:focus-visible,ax-button-group.ax-color-secondary ax-button-item:focus){outline-color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-look-blank.ax-color-secondary ax-button-item.ax-state-selected{color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-look-solid.ax-color-success ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-success-500));border-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}ax-button-group.ax-look-solid.ax-color-success ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-success-500))}ax-button-group.ax-look-twotone.ax-color-success ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-success-100));color:rgba(var(--ax-color-success-fore-lighten));border-color:rgba(var(--ax-color-success-500))}ax-button-group.ax-look-twotone.ax-color-success ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-success-500))}ax-button-group.ax-look-outline.ax-color-success ax-button-item.ax-state-selected{border-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-500))}ax-button-group.ax-look-outline.ax-color-success ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-success-500))}ax-button-group.ax-color-success ax-button-item:is(ax-button-group.ax-color-success ax-button-item:focus-visible,ax-button-group.ax-color-success ax-button-item:focus){outline-color:rgba(var(--ax-color-success-500))}ax-button-group.ax-look-blank.ax-color-success ax-button-item.ax-state-selected{color:rgba(var(--ax-color-success-500))}ax-button-group.ax-look-solid.ax-color-warning ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-warning-500));border-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}ax-button-group.ax-look-solid.ax-color-warning ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-look-twotone.ax-color-warning ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-warning-100));color:rgba(var(--ax-color-warning-fore-lighten));border-color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-look-twotone.ax-color-warning ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-look-outline.ax-color-warning ax-button-item.ax-state-selected{border-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-look-outline.ax-color-warning ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-color-warning ax-button-item:is(ax-button-group.ax-color-warning ax-button-item:focus-visible,ax-button-group.ax-color-warning ax-button-item:focus){outline-color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-look-blank.ax-color-warning ax-button-item.ax-state-selected{color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-look-solid.ax-color-danger ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-danger-500));border-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}ax-button-group.ax-look-solid.ax-color-danger ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-look-twotone.ax-color-danger ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-danger-100));color:rgba(var(--ax-color-danger-fore-lighten));border-color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-look-twotone.ax-color-danger ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-look-outline.ax-color-danger ax-button-item.ax-state-selected{border-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-look-outline.ax-color-danger ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-color-danger ax-button-item:is(ax-button-group.ax-color-danger ax-button-item:focus-visible,ax-button-group.ax-color-danger ax-button-item:focus){outline-color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-look-blank.ax-color-danger ax-button-item.ax-state-selected{color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-look-solid.ax-color-info ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-info-500));border-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}ax-button-group.ax-look-solid.ax-color-info ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-info-500))}ax-button-group.ax-look-twotone.ax-color-info ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-info-100));color:rgba(var(--ax-color-info-fore-lighten));border-color:rgba(var(--ax-color-info-500))}ax-button-group.ax-look-twotone.ax-color-info ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-info-500))}ax-button-group.ax-look-outline.ax-color-info ax-button-item.ax-state-selected{border-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-500))}ax-button-group.ax-look-outline.ax-color-info ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-info-500))}ax-button-group.ax-color-info ax-button-item:is(ax-button-group.ax-color-info ax-button-item:focus-visible,ax-button-group.ax-color-info ax-button-item:focus){outline-color:rgba(var(--ax-color-info-500))}ax-button-group.ax-look-blank.ax-color-info ax-button-item.ax-state-selected{color:rgba(var(--ax-color-info-500))}.ax-dark ax-button-group.ax-look-outline.ax-color-primary ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-fore-lighten))}.ax-dark ax-button-group.ax-look-outline.ax-color-primary ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-primary-500),.25);border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-button-group.ax-look-outline.ax-color-primary ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-primary-500))}.ax-dark ax-button-group.ax-look-blank.ax-color-primary ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-primary-500),.25);color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-button-group.ax-look-outline.ax-color-secondary ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-secondary-200));color:rgba(var(--ax-color-secondary-fore-lighten))}.ax-dark ax-button-group.ax-look-outline.ax-color-secondary ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-secondary-500),.25);border-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-button-group.ax-look-outline.ax-color-secondary ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-secondary-500))}.ax-dark ax-button-group.ax-look-blank.ax-color-secondary ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-secondary-500),.25);color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-button-group.ax-look-outline.ax-color-success ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-fore-lighten))}.ax-dark ax-button-group.ax-look-outline.ax-color-success ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-success-500),.25);border-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}.ax-dark ax-button-group.ax-look-outline.ax-color-success ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-success-500))}.ax-dark ax-button-group.ax-look-blank.ax-color-success ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-success-500),.25);color:rgba(var(--ax-color-success-fore))}.ax-dark ax-button-group.ax-look-outline.ax-color-warning ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-fore-lighten))}.ax-dark ax-button-group.ax-look-outline.ax-color-warning ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-warning-500),.25);border-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-button-group.ax-look-outline.ax-color-warning ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-warning-500))}.ax-dark ax-button-group.ax-look-blank.ax-color-warning ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-warning-500),.25);color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-button-group.ax-look-outline.ax-color-danger ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-fore-lighten))}.ax-dark ax-button-group.ax-look-outline.ax-color-danger ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-danger-500),.25);border-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-button-group.ax-look-outline.ax-color-danger ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-danger-500))}.ax-dark ax-button-group.ax-look-blank.ax-color-danger ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-danger-500),.25);color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-button-group.ax-look-outline.ax-color-info ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-info-200));color:rgba(var(--ax-color-info-fore-lighten))}.ax-dark ax-button-group.ax-look-outline.ax-color-info ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-info-500),.25);border-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}.ax-dark ax-button-group.ax-look-outline.ax-color-info ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-info-500))}.ax-dark ax-button-group.ax-look-blank.ax-color-info ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-info-500),.25);color:rgba(var(--ax-color-info-fore))}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
83
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.6", type: AXButtonGroupComponent, selector: "ax-button-group", inputs: { disabled: "disabled", color: "color", look: "look", selection: "selection" }, outputs: { onBlur: "onBlur", onFocus: "onFocus", lookChange: "lookChange", colorChange: "colorChange", disabledChange: "disabledChange", selectionChange: "selectionChange" }, host: { attributes: { "role": "group" }, properties: { "class": "this.__hostClass" } }, queries: [{ propertyName: "_contentButtons", predicate: AXButtonItemComponent }], usesInheritance: true, ngImport: i0, template: "<ng-container>\n <ng-content select=\"ax-button-item\"></ng-content>\n</ng-container>\n", styles: ["ax-button-group{display:flex}ax-button-group ax-button-item{border:1px solid;border-color:rgba(var(--ax-color-border-default));display:inline-flex;align-items:center;justify-content:center;height:var(--ax-size-default);font-size:.875rem;cursor:pointer;position:relative;-webkit-user-select:none;user-select:none;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;background-color:rgba(var(--ax-color-surface));color:rgba(var(--ax-color-surface-fore));padding:0 1rem}ax-button-group ax-button-item:first-child{border-start-start-radius:var(--ax-rounded-border-default);border-end-start-radius:var(--ax-rounded-border-default)}ax-button-group ax-button-item:last-child{border-start-end-radius:var(--ax-rounded-border-default);border-end-end-radius:var(--ax-rounded-border-default)}ax-button-group ax-button-item:not(ax-button-group ax-button-item:first-child){border-inline-start:0px}ax-button-group ax-button-item:not(ax-button-group ax-button-item:first-child):before{position:absolute;inset-block-start:-1px;inset-inline-start:-1px;display:block;box-sizing:content-box;width:1px;height:100%;padding-block:1px;padding-inline:0;transition:background-color .3s;content:\"\"}ax-button-group ax-button-item:hover:not(.ax-state-disabled){opacity:.75}ax-button-group ax-button-item:active{opacity:1}ax-button-group ax-button-item .ax-button-item-text{padding:0 .5rem}ax-button-group ax-button-item ax-prefix ax-icon,ax-button-group ax-button-item ax-suffix ax-icon{width:1.5rem;height:1.5rem;display:flex!important;align-items:center;justify-content:center}ax-button-group.ax-buttons-fit{width:100%}ax-button-group.ax-buttons-fit>button{flex:1}ax-button-group.ax-state-disabled,ax-button-group.ax-state-loading{opacity:.5}ax-button-group.ax-state-disabled>ax-button-item,ax-button-group.ax-state-loading>ax-button-item{cursor:not-allowed}ax-button-group.ax-xs{font-size:.75rem}ax-button-group.ax-xs>button{padding-inline-start:.25rem;padding-inline-end:.25rem}ax-button-group.ax-sm>button{padding-inline-start:.5rem;padding-inline-end:.5rem}ax-button-group.ax-sm,ax-button-group.ax-md{font-size:.875rem}ax-button-group.ax-lg{font-size:1.25rem}ax-button-group.ax-lg>button{padding-inline-start:1.5rem;padding-inline-end:1.5rem}ax-button-group.ax-xl{font-size:1.5rem}ax-button-group.ax-xl>button{padding-inline-start:2rem;padding-inline-end:2rem}ax-button-group.ax-look-solid.ax-color-primary ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-button-group.ax-look-solid.ax-color-primary ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-look-twotone.ax-color-primary ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-fore-lighten))}ax-button-group.ax-look-outline.ax-color-primary ax-button-item.ax-state-selected{border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-look-outline.ax-color-primary ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-color-primary ax-button-item:is(ax-button-group.ax-color-primary ax-button-item:focus-visible,ax-button-group.ax-color-primary ax-button-item:focus){outline-color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-look-blank.ax-color-primary ax-button-item.ax-state-selected{color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-look-solid.ax-color-secondary ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-secondary-500));border-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}ax-button-group.ax-look-solid.ax-color-secondary ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-look-twotone.ax-color-secondary ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-secondary-100));color:rgba(var(--ax-color-secondary-fore-lighten))}ax-button-group.ax-look-outline.ax-color-secondary ax-button-item.ax-state-selected{border-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-look-outline.ax-color-secondary ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-color-secondary ax-button-item:is(ax-button-group.ax-color-secondary ax-button-item:focus-visible,ax-button-group.ax-color-secondary ax-button-item:focus){outline-color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-look-blank.ax-color-secondary ax-button-item.ax-state-selected{color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-look-solid.ax-color-success ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-success-500));border-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}ax-button-group.ax-look-solid.ax-color-success ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-success-500))}ax-button-group.ax-look-twotone.ax-color-success ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-success-100));color:rgba(var(--ax-color-success-fore-lighten))}ax-button-group.ax-look-outline.ax-color-success ax-button-item.ax-state-selected{border-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-500))}ax-button-group.ax-look-outline.ax-color-success ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-success-500))}ax-button-group.ax-color-success ax-button-item:is(ax-button-group.ax-color-success ax-button-item:focus-visible,ax-button-group.ax-color-success ax-button-item:focus){outline-color:rgba(var(--ax-color-success-500))}ax-button-group.ax-look-blank.ax-color-success ax-button-item.ax-state-selected{color:rgba(var(--ax-color-success-500))}ax-button-group.ax-look-solid.ax-color-warning ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-warning-500));border-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}ax-button-group.ax-look-solid.ax-color-warning ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-look-twotone.ax-color-warning ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-warning-100));color:rgba(var(--ax-color-warning-fore-lighten))}ax-button-group.ax-look-outline.ax-color-warning ax-button-item.ax-state-selected{border-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-look-outline.ax-color-warning ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-color-warning ax-button-item:is(ax-button-group.ax-color-warning ax-button-item:focus-visible,ax-button-group.ax-color-warning ax-button-item:focus){outline-color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-look-blank.ax-color-warning ax-button-item.ax-state-selected{color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-look-solid.ax-color-danger ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-danger-500));border-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}ax-button-group.ax-look-solid.ax-color-danger ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-look-twotone.ax-color-danger ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-danger-100));color:rgba(var(--ax-color-danger-fore-lighten))}ax-button-group.ax-look-outline.ax-color-danger ax-button-item.ax-state-selected{border-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-look-outline.ax-color-danger ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-color-danger ax-button-item:is(ax-button-group.ax-color-danger ax-button-item:focus-visible,ax-button-group.ax-color-danger ax-button-item:focus){outline-color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-look-blank.ax-color-danger ax-button-item.ax-state-selected{color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-look-solid.ax-color-info ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-info-500));border-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}ax-button-group.ax-look-solid.ax-color-info ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-info-500))}ax-button-group.ax-look-twotone.ax-color-info ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-info-100));color:rgba(var(--ax-color-info-fore-lighten))}ax-button-group.ax-look-outline.ax-color-info ax-button-item.ax-state-selected{border-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-500))}ax-button-group.ax-look-outline.ax-color-info ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-info-500))}ax-button-group.ax-color-info ax-button-item:is(ax-button-group.ax-color-info ax-button-item:focus-visible,ax-button-group.ax-color-info ax-button-item:focus){outline-color:rgba(var(--ax-color-info-500))}ax-button-group.ax-look-blank.ax-color-info ax-button-item.ax-state-selected{color:rgba(var(--ax-color-info-500))}.ax-dark ax-button-group.ax-look-solid.ax-color-primary ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-primary-200));border-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-fore-lighten))}.ax-dark ax-button-group.ax-look-solid.ax-color-primary ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-look-twotone.ax-color-primary ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-fore-lighten))}.ax-dark ax-button-group.ax-look-outline.ax-color-primary ax-button-item.ax-state-selected{background-color:transparent;border-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-button-group.ax-look-outline.ax-color-primary ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-look-blank.ax-color-primary ax-button-item.ax-state-selected{color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-secondary ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-secondary-200));border-color:rgba(var(--ax-color-secondary-200));color:rgba(var(--ax-color-secondary-fore-lighten))}.ax-dark ax-button-group.ax-look-solid.ax-color-secondary ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-button-group.ax-look-twotone.ax-color-secondary ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-secondary-200));color:rgba(var(--ax-color-secondary-fore-lighten))}.ax-dark ax-button-group.ax-look-outline.ax-color-secondary ax-button-item.ax-state-selected{background-color:transparent;border-color:rgba(var(--ax-color-secondary-200));color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-button-group.ax-look-outline.ax-color-secondary ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-button-group.ax-look-blank.ax-color-secondary ax-button-item.ax-state-selected{color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-success ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-success-200));border-color:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-fore-lighten))}.ax-dark ax-button-group.ax-look-solid.ax-color-success ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-success-200))}.ax-dark ax-button-group.ax-look-twotone.ax-color-success ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-fore-lighten))}.ax-dark ax-button-group.ax-look-outline.ax-color-success ax-button-item.ax-state-selected{background-color:transparent;border-color:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-fore))}.ax-dark ax-button-group.ax-look-outline.ax-color-success ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-success-200))}.ax-dark ax-button-group.ax-look-blank.ax-color-success ax-button-item.ax-state-selected{color:rgba(var(--ax-color-success-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-warning ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-warning-200));border-color:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-fore-lighten))}.ax-dark ax-button-group.ax-look-solid.ax-color-warning ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button-group.ax-look-twotone.ax-color-warning ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-fore-lighten))}.ax-dark ax-button-group.ax-look-outline.ax-color-warning ax-button-item.ax-state-selected{background-color:transparent;border-color:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-button-group.ax-look-outline.ax-color-warning ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button-group.ax-look-blank.ax-color-warning ax-button-item.ax-state-selected{color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-danger ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-danger-200));border-color:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-fore-lighten))}.ax-dark ax-button-group.ax-look-solid.ax-color-danger ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button-group.ax-look-twotone.ax-color-danger ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-fore-lighten))}.ax-dark ax-button-group.ax-look-outline.ax-color-danger ax-button-item.ax-state-selected{background-color:transparent;border-color:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-button-group.ax-look-outline.ax-color-danger ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button-group.ax-look-blank.ax-color-danger ax-button-item.ax-state-selected{color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-info ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-info-200));border-color:rgba(var(--ax-color-info-200));color:rgba(var(--ax-color-info-fore-lighten))}.ax-dark ax-button-group.ax-look-solid.ax-color-info ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-info-200))}.ax-dark ax-button-group.ax-look-twotone.ax-color-info ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-info-200));color:rgba(var(--ax-color-info-fore-lighten))}.ax-dark ax-button-group.ax-look-outline.ax-color-info ax-button-item.ax-state-selected{background-color:transparent;border-color:rgba(var(--ax-color-info-200));color:rgba(var(--ax-color-info-fore))}.ax-dark ax-button-group.ax-look-outline.ax-color-info ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-info-200))}.ax-dark ax-button-group.ax-look-blank.ax-color-info ax-button-item.ax-state-selected{color:rgba(var(--ax-color-info-200))}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
84
84
|
}
|
|
85
85
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: AXButtonGroupComponent, decorators: [{
|
|
86
86
|
type: Component,
|
|
87
|
-
args: [{ selector: 'ax-button-group', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: { role: 'group' }, inputs: ['disabled', 'color', 'look'], outputs: ['onBlur', 'onFocus', 'lookChange', 'colorChange', 'disabledChange'], template: "<ng-container>\n <ng-content select=\"ax-button-item\"></ng-content>\n</ng-container>\n", styles: ["ax-button-group{display:flex}ax-button-group ax-button-item{border:1px solid;border-color:rgba(var(--ax-color-border-default));display:inline-flex;align-items:center;justify-content:center;height:var(--ax-size-default);font-size:.875rem;cursor:pointer;position:relative;-webkit-user-select:none;user-select:none;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;background-color:rgba(var(--ax-color-surface));color:rgba(var(--ax-color-surface-fore));padding:0 1rem}ax-button-group ax-button-item:first-child{border-start-start-radius:var(--ax-rounded-border-default);border-end-start-radius:var(--ax-rounded-border-default)}ax-button-group ax-button-item:last-child{border-start-end-radius:var(--ax-rounded-border-default);border-end-end-radius:var(--ax-rounded-border-default)}ax-button-group ax-button-item:not(ax-button-group ax-button-item:first-child){border-inline-start:0px}ax-button-group ax-button-item:not(ax-button-group ax-button-item:first-child):before{position:absolute;inset-block-start:-1px;inset-inline-start:-1px;display:block;box-sizing:content-box;width:1px;height:100%;padding-block:1px;padding-inline:0;transition:background-color .3s;content:\"\"}ax-button-group ax-button-item:hover:not(.ax-state-disabled){opacity:.75}ax-button-group ax-button-item:active{opacity:1}ax-button-group ax-button-item .ax-button-item-text{padding:0 .5rem}ax-button-group.ax-buttons-fit{width:100%}ax-button-group.ax-buttons-fit>button{flex:1}ax-button-group.ax-state-disabled,ax-button-group.ax-state-loading{opacity:.5}ax-button-group.ax-state-disabled>ax-button-item,ax-button-group.ax-state-loading>ax-button-item{cursor:not-allowed}ax-button-group.ax-xs{font-size:.75rem}ax-button-group.ax-xs>button{padding-inline-start:.25rem;padding-inline-end:.25rem}ax-button-group.ax-sm>button{padding-inline-start:.5rem;padding-inline-end:.5rem}ax-button-group.ax-sm,ax-button-group.ax-md{font-size:.875rem}ax-button-group.ax-lg{font-size:1.25rem}ax-button-group.ax-lg>button{padding-inline-start:1.5rem;padding-inline-end:1.5rem}ax-button-group.ax-xl{font-size:1.5rem}ax-button-group.ax-xl>button{padding-inline-start:2rem;padding-inline-end:2rem}ax-button-group.ax-look-solid.ax-color-primary ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-button-group.ax-look-solid.ax-color-primary ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-look-twotone.ax-color-primary ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-fore-lighten));border-color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-look-twotone.ax-color-primary ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-look-outline.ax-color-primary ax-button-item.ax-state-selected{border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-look-outline.ax-color-primary ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-color-primary ax-button-item:is(ax-button-group.ax-color-primary ax-button-item:focus-visible,ax-button-group.ax-color-primary ax-button-item:focus){outline-color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-look-blank.ax-color-primary ax-button-item.ax-state-selected{color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-look-solid.ax-color-secondary ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-secondary-500));border-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}ax-button-group.ax-look-solid.ax-color-secondary ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-look-twotone.ax-color-secondary ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-secondary-100));color:rgba(var(--ax-color-secondary-fore-lighten));border-color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-look-twotone.ax-color-secondary ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-look-outline.ax-color-secondary ax-button-item.ax-state-selected{border-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-look-outline.ax-color-secondary ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-color-secondary ax-button-item:is(ax-button-group.ax-color-secondary ax-button-item:focus-visible,ax-button-group.ax-color-secondary ax-button-item:focus){outline-color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-look-blank.ax-color-secondary ax-button-item.ax-state-selected{color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-look-solid.ax-color-success ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-success-500));border-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}ax-button-group.ax-look-solid.ax-color-success ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-success-500))}ax-button-group.ax-look-twotone.ax-color-success ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-success-100));color:rgba(var(--ax-color-success-fore-lighten));border-color:rgba(var(--ax-color-success-500))}ax-button-group.ax-look-twotone.ax-color-success ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-success-500))}ax-button-group.ax-look-outline.ax-color-success ax-button-item.ax-state-selected{border-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-500))}ax-button-group.ax-look-outline.ax-color-success ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-success-500))}ax-button-group.ax-color-success ax-button-item:is(ax-button-group.ax-color-success ax-button-item:focus-visible,ax-button-group.ax-color-success ax-button-item:focus){outline-color:rgba(var(--ax-color-success-500))}ax-button-group.ax-look-blank.ax-color-success ax-button-item.ax-state-selected{color:rgba(var(--ax-color-success-500))}ax-button-group.ax-look-solid.ax-color-warning ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-warning-500));border-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}ax-button-group.ax-look-solid.ax-color-warning ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-look-twotone.ax-color-warning ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-warning-100));color:rgba(var(--ax-color-warning-fore-lighten));border-color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-look-twotone.ax-color-warning ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-look-outline.ax-color-warning ax-button-item.ax-state-selected{border-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-look-outline.ax-color-warning ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-color-warning ax-button-item:is(ax-button-group.ax-color-warning ax-button-item:focus-visible,ax-button-group.ax-color-warning ax-button-item:focus){outline-color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-look-blank.ax-color-warning ax-button-item.ax-state-selected{color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-look-solid.ax-color-danger ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-danger-500));border-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}ax-button-group.ax-look-solid.ax-color-danger ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-look-twotone.ax-color-danger ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-danger-100));color:rgba(var(--ax-color-danger-fore-lighten));border-color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-look-twotone.ax-color-danger ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-look-outline.ax-color-danger ax-button-item.ax-state-selected{border-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-look-outline.ax-color-danger ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-color-danger ax-button-item:is(ax-button-group.ax-color-danger ax-button-item:focus-visible,ax-button-group.ax-color-danger ax-button-item:focus){outline-color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-look-blank.ax-color-danger ax-button-item.ax-state-selected{color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-look-solid.ax-color-info ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-info-500));border-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}ax-button-group.ax-look-solid.ax-color-info ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-info-500))}ax-button-group.ax-look-twotone.ax-color-info ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-info-100));color:rgba(var(--ax-color-info-fore-lighten));border-color:rgba(var(--ax-color-info-500))}ax-button-group.ax-look-twotone.ax-color-info ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-info-500))}ax-button-group.ax-look-outline.ax-color-info ax-button-item.ax-state-selected{border-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-500))}ax-button-group.ax-look-outline.ax-color-info ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-info-500))}ax-button-group.ax-color-info ax-button-item:is(ax-button-group.ax-color-info ax-button-item:focus-visible,ax-button-group.ax-color-info ax-button-item:focus){outline-color:rgba(var(--ax-color-info-500))}ax-button-group.ax-look-blank.ax-color-info ax-button-item.ax-state-selected{color:rgba(var(--ax-color-info-500))}.ax-dark ax-button-group.ax-look-outline.ax-color-primary ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-fore-lighten))}.ax-dark ax-button-group.ax-look-outline.ax-color-primary ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-primary-500),.25);border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-button-group.ax-look-outline.ax-color-primary ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-primary-500))}.ax-dark ax-button-group.ax-look-blank.ax-color-primary ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-primary-500),.25);color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-button-group.ax-look-outline.ax-color-secondary ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-secondary-200));color:rgba(var(--ax-color-secondary-fore-lighten))}.ax-dark ax-button-group.ax-look-outline.ax-color-secondary ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-secondary-500),.25);border-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-button-group.ax-look-outline.ax-color-secondary ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-secondary-500))}.ax-dark ax-button-group.ax-look-blank.ax-color-secondary ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-secondary-500),.25);color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-button-group.ax-look-outline.ax-color-success ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-fore-lighten))}.ax-dark ax-button-group.ax-look-outline.ax-color-success ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-success-500),.25);border-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}.ax-dark ax-button-group.ax-look-outline.ax-color-success ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-success-500))}.ax-dark ax-button-group.ax-look-blank.ax-color-success ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-success-500),.25);color:rgba(var(--ax-color-success-fore))}.ax-dark ax-button-group.ax-look-outline.ax-color-warning ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-fore-lighten))}.ax-dark ax-button-group.ax-look-outline.ax-color-warning ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-warning-500),.25);border-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-button-group.ax-look-outline.ax-color-warning ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-warning-500))}.ax-dark ax-button-group.ax-look-blank.ax-color-warning ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-warning-500),.25);color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-button-group.ax-look-outline.ax-color-danger ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-fore-lighten))}.ax-dark ax-button-group.ax-look-outline.ax-color-danger ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-danger-500),.25);border-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-button-group.ax-look-outline.ax-color-danger ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-danger-500))}.ax-dark ax-button-group.ax-look-blank.ax-color-danger ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-danger-500),.25);color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-button-group.ax-look-outline.ax-color-info ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-info-200));color:rgba(var(--ax-color-info-fore-lighten))}.ax-dark ax-button-group.ax-look-outline.ax-color-info ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-info-500),.25);border-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}.ax-dark ax-button-group.ax-look-outline.ax-color-info ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-info-500))}.ax-dark ax-button-group.ax-look-blank.ax-color-info ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-info-500),.25);color:rgba(var(--ax-color-info-fore))}\n"] }]
|
|
87
|
+
args: [{ selector: 'ax-button-group', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: { role: 'group' }, inputs: ['disabled', 'color', 'look'], outputs: ['onBlur', 'onFocus', 'lookChange', 'colorChange', 'disabledChange'], template: "<ng-container>\n <ng-content select=\"ax-button-item\"></ng-content>\n</ng-container>\n", styles: ["ax-button-group{display:flex}ax-button-group ax-button-item{border:1px solid;border-color:rgba(var(--ax-color-border-default));display:inline-flex;align-items:center;justify-content:center;height:var(--ax-size-default);font-size:.875rem;cursor:pointer;position:relative;-webkit-user-select:none;user-select:none;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;background-color:rgba(var(--ax-color-surface));color:rgba(var(--ax-color-surface-fore));padding:0 1rem}ax-button-group ax-button-item:first-child{border-start-start-radius:var(--ax-rounded-border-default);border-end-start-radius:var(--ax-rounded-border-default)}ax-button-group ax-button-item:last-child{border-start-end-radius:var(--ax-rounded-border-default);border-end-end-radius:var(--ax-rounded-border-default)}ax-button-group ax-button-item:not(ax-button-group ax-button-item:first-child){border-inline-start:0px}ax-button-group ax-button-item:not(ax-button-group ax-button-item:first-child):before{position:absolute;inset-block-start:-1px;inset-inline-start:-1px;display:block;box-sizing:content-box;width:1px;height:100%;padding-block:1px;padding-inline:0;transition:background-color .3s;content:\"\"}ax-button-group ax-button-item:hover:not(.ax-state-disabled){opacity:.75}ax-button-group ax-button-item:active{opacity:1}ax-button-group ax-button-item .ax-button-item-text{padding:0 .5rem}ax-button-group ax-button-item ax-prefix ax-icon,ax-button-group ax-button-item ax-suffix ax-icon{width:1.5rem;height:1.5rem;display:flex!important;align-items:center;justify-content:center}ax-button-group.ax-buttons-fit{width:100%}ax-button-group.ax-buttons-fit>button{flex:1}ax-button-group.ax-state-disabled,ax-button-group.ax-state-loading{opacity:.5}ax-button-group.ax-state-disabled>ax-button-item,ax-button-group.ax-state-loading>ax-button-item{cursor:not-allowed}ax-button-group.ax-xs{font-size:.75rem}ax-button-group.ax-xs>button{padding-inline-start:.25rem;padding-inline-end:.25rem}ax-button-group.ax-sm>button{padding-inline-start:.5rem;padding-inline-end:.5rem}ax-button-group.ax-sm,ax-button-group.ax-md{font-size:.875rem}ax-button-group.ax-lg{font-size:1.25rem}ax-button-group.ax-lg>button{padding-inline-start:1.5rem;padding-inline-end:1.5rem}ax-button-group.ax-xl{font-size:1.5rem}ax-button-group.ax-xl>button{padding-inline-start:2rem;padding-inline-end:2rem}ax-button-group.ax-look-solid.ax-color-primary ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-button-group.ax-look-solid.ax-color-primary ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-look-twotone.ax-color-primary ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-fore-lighten))}ax-button-group.ax-look-outline.ax-color-primary ax-button-item.ax-state-selected{border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-look-outline.ax-color-primary ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-color-primary ax-button-item:is(ax-button-group.ax-color-primary ax-button-item:focus-visible,ax-button-group.ax-color-primary ax-button-item:focus){outline-color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-look-blank.ax-color-primary ax-button-item.ax-state-selected{color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-look-solid.ax-color-secondary ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-secondary-500));border-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}ax-button-group.ax-look-solid.ax-color-secondary ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-look-twotone.ax-color-secondary ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-secondary-100));color:rgba(var(--ax-color-secondary-fore-lighten))}ax-button-group.ax-look-outline.ax-color-secondary ax-button-item.ax-state-selected{border-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-look-outline.ax-color-secondary ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-color-secondary ax-button-item:is(ax-button-group.ax-color-secondary ax-button-item:focus-visible,ax-button-group.ax-color-secondary ax-button-item:focus){outline-color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-look-blank.ax-color-secondary ax-button-item.ax-state-selected{color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-look-solid.ax-color-success ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-success-500));border-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}ax-button-group.ax-look-solid.ax-color-success ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-success-500))}ax-button-group.ax-look-twotone.ax-color-success ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-success-100));color:rgba(var(--ax-color-success-fore-lighten))}ax-button-group.ax-look-outline.ax-color-success ax-button-item.ax-state-selected{border-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-500))}ax-button-group.ax-look-outline.ax-color-success ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-success-500))}ax-button-group.ax-color-success ax-button-item:is(ax-button-group.ax-color-success ax-button-item:focus-visible,ax-button-group.ax-color-success ax-button-item:focus){outline-color:rgba(var(--ax-color-success-500))}ax-button-group.ax-look-blank.ax-color-success ax-button-item.ax-state-selected{color:rgba(var(--ax-color-success-500))}ax-button-group.ax-look-solid.ax-color-warning ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-warning-500));border-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}ax-button-group.ax-look-solid.ax-color-warning ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-look-twotone.ax-color-warning ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-warning-100));color:rgba(var(--ax-color-warning-fore-lighten))}ax-button-group.ax-look-outline.ax-color-warning ax-button-item.ax-state-selected{border-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-look-outline.ax-color-warning ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-color-warning ax-button-item:is(ax-button-group.ax-color-warning ax-button-item:focus-visible,ax-button-group.ax-color-warning ax-button-item:focus){outline-color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-look-blank.ax-color-warning ax-button-item.ax-state-selected{color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-look-solid.ax-color-danger ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-danger-500));border-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}ax-button-group.ax-look-solid.ax-color-danger ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-look-twotone.ax-color-danger ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-danger-100));color:rgba(var(--ax-color-danger-fore-lighten))}ax-button-group.ax-look-outline.ax-color-danger ax-button-item.ax-state-selected{border-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-look-outline.ax-color-danger ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-color-danger ax-button-item:is(ax-button-group.ax-color-danger ax-button-item:focus-visible,ax-button-group.ax-color-danger ax-button-item:focus){outline-color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-look-blank.ax-color-danger ax-button-item.ax-state-selected{color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-look-solid.ax-color-info ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-info-500));border-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}ax-button-group.ax-look-solid.ax-color-info ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-info-500))}ax-button-group.ax-look-twotone.ax-color-info ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-info-100));color:rgba(var(--ax-color-info-fore-lighten))}ax-button-group.ax-look-outline.ax-color-info ax-button-item.ax-state-selected{border-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-500))}ax-button-group.ax-look-outline.ax-color-info ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-info-500))}ax-button-group.ax-color-info ax-button-item:is(ax-button-group.ax-color-info ax-button-item:focus-visible,ax-button-group.ax-color-info ax-button-item:focus){outline-color:rgba(var(--ax-color-info-500))}ax-button-group.ax-look-blank.ax-color-info ax-button-item.ax-state-selected{color:rgba(var(--ax-color-info-500))}.ax-dark ax-button-group.ax-look-solid.ax-color-primary ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-primary-200));border-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-fore-lighten))}.ax-dark ax-button-group.ax-look-solid.ax-color-primary ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-look-twotone.ax-color-primary ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-fore-lighten))}.ax-dark ax-button-group.ax-look-outline.ax-color-primary ax-button-item.ax-state-selected{background-color:transparent;border-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-button-group.ax-look-outline.ax-color-primary ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-look-blank.ax-color-primary ax-button-item.ax-state-selected{color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-secondary ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-secondary-200));border-color:rgba(var(--ax-color-secondary-200));color:rgba(var(--ax-color-secondary-fore-lighten))}.ax-dark ax-button-group.ax-look-solid.ax-color-secondary ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-button-group.ax-look-twotone.ax-color-secondary ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-secondary-200));color:rgba(var(--ax-color-secondary-fore-lighten))}.ax-dark ax-button-group.ax-look-outline.ax-color-secondary ax-button-item.ax-state-selected{background-color:transparent;border-color:rgba(var(--ax-color-secondary-200));color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-button-group.ax-look-outline.ax-color-secondary ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-button-group.ax-look-blank.ax-color-secondary ax-button-item.ax-state-selected{color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-success ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-success-200));border-color:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-fore-lighten))}.ax-dark ax-button-group.ax-look-solid.ax-color-success ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-success-200))}.ax-dark ax-button-group.ax-look-twotone.ax-color-success ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-fore-lighten))}.ax-dark ax-button-group.ax-look-outline.ax-color-success ax-button-item.ax-state-selected{background-color:transparent;border-color:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-fore))}.ax-dark ax-button-group.ax-look-outline.ax-color-success ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-success-200))}.ax-dark ax-button-group.ax-look-blank.ax-color-success ax-button-item.ax-state-selected{color:rgba(var(--ax-color-success-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-warning ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-warning-200));border-color:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-fore-lighten))}.ax-dark ax-button-group.ax-look-solid.ax-color-warning ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button-group.ax-look-twotone.ax-color-warning ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-fore-lighten))}.ax-dark ax-button-group.ax-look-outline.ax-color-warning ax-button-item.ax-state-selected{background-color:transparent;border-color:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-button-group.ax-look-outline.ax-color-warning ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button-group.ax-look-blank.ax-color-warning ax-button-item.ax-state-selected{color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-danger ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-danger-200));border-color:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-fore-lighten))}.ax-dark ax-button-group.ax-look-solid.ax-color-danger ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button-group.ax-look-twotone.ax-color-danger ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-fore-lighten))}.ax-dark ax-button-group.ax-look-outline.ax-color-danger ax-button-item.ax-state-selected{background-color:transparent;border-color:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-button-group.ax-look-outline.ax-color-danger ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button-group.ax-look-blank.ax-color-danger ax-button-item.ax-state-selected{color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-info ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-info-200));border-color:rgba(var(--ax-color-info-200));color:rgba(var(--ax-color-info-fore-lighten))}.ax-dark ax-button-group.ax-look-solid.ax-color-info ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-info-200))}.ax-dark ax-button-group.ax-look-twotone.ax-color-info ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-info-200));color:rgba(var(--ax-color-info-fore-lighten))}.ax-dark ax-button-group.ax-look-outline.ax-color-info ax-button-item.ax-state-selected{background-color:transparent;border-color:rgba(var(--ax-color-info-200));color:rgba(var(--ax-color-info-fore))}.ax-dark ax-button-group.ax-look-outline.ax-color-info ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-info-200))}.ax-dark ax-button-group.ax-look-blank.ax-color-info ax-button-item.ax-state-selected{color:rgba(var(--ax-color-info-200))}\n"] }]
|
|
88
88
|
}], propDecorators: { _contentButtons: [{
|
|
89
89
|
type: ContentChildren,
|
|
90
90
|
args: [AXButtonItemComponent]
|
|
@@ -57,7 +57,7 @@ export class AXCheckBoxComponent extends MXValueComponent {
|
|
|
57
57
|
useExisting: forwardRef(() => AXCheckBoxComponent),
|
|
58
58
|
multi: true,
|
|
59
59
|
},
|
|
60
|
-
], queries: [{ propertyName: "_labels", predicate: AXLabelComponent }], usesInheritance: true, ngImport: i0, template: "<div class=\"ax-checkbox-label\" [class.ax-state-readonly]=\"readonly\" [class.ax-state-disabled]=\"disabled\">\n
|
|
60
|
+
], queries: [{ propertyName: "_labels", predicate: AXLabelComponent }], usesInheritance: true, ngImport: i0, template: "<div class=\"ax-checkbox-label\" [class.ax-state-readonly]=\"readonly\" [class.ax-state-disabled]=\"disabled\">\n <div class=\"ax-checkbox-start-side\">\n <input\n [id]=\"id\"\n class=\"ax-checkbox\"\n type=\"checkbox\"\n [indeterminate]=\"_stateIndeterminate\"\n [ngModel]=\"value\"\n (ngModelChange)=\"_handleModelChange($event)\"\n [checked]=\"value\"\n [disabled]=\"disabled\"\n [readonly]=\"readonly\"\n [tabindex]=\"tabIndex\"\n (focus)=\"emitOnFocusEvent($event)\"\n (blur)=\"emitOnBlurEvent($event)\"\n />\n </div>\n <div class=\"ax-checkbox-end-side\">\n <ng-content select=\"ax-label\"></ng-content>\n <ng-content select=\"ax-form-hint\"></ng-content>\n <span class=\"ax-error-container\"></span>\n </div>\n</div>\n<ng-content select=\"ax-validation-rule\"></ng-content>\n", styles: [".ax-checkbox-label{display:flex;align-items:flex-start;width:-moz-fit-content;width:fit-content;font-size:.875rem;line-height:1.25rem;-webkit-user-select:none;user-select:none}.ax-checkbox-label.ax-state-readonly{opacity:.75}.ax-checkbox-label .ax-checkbox-start-side{display:flex;align-items:center;height:1.25rem}.ax-checkbox-label .ax-checkbox-end-side{margin-inline-start:.75rem}\n"], dependencies: [{ kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
61
61
|
}
|
|
62
62
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: AXCheckBoxComponent, decorators: [{
|
|
63
63
|
type: Component,
|
|
@@ -67,7 +67,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.6", ngImpor
|
|
|
67
67
|
useExisting: forwardRef(() => AXCheckBoxComponent),
|
|
68
68
|
multi: true,
|
|
69
69
|
},
|
|
70
|
-
], template: "<div class=\"ax-checkbox-label\" [class.ax-state-readonly]=\"readonly\" [class.ax-state-disabled]=\"disabled\">\n
|
|
70
|
+
], template: "<div class=\"ax-checkbox-label\" [class.ax-state-readonly]=\"readonly\" [class.ax-state-disabled]=\"disabled\">\n <div class=\"ax-checkbox-start-side\">\n <input\n [id]=\"id\"\n class=\"ax-checkbox\"\n type=\"checkbox\"\n [indeterminate]=\"_stateIndeterminate\"\n [ngModel]=\"value\"\n (ngModelChange)=\"_handleModelChange($event)\"\n [checked]=\"value\"\n [disabled]=\"disabled\"\n [readonly]=\"readonly\"\n [tabindex]=\"tabIndex\"\n (focus)=\"emitOnFocusEvent($event)\"\n (blur)=\"emitOnBlurEvent($event)\"\n />\n </div>\n <div class=\"ax-checkbox-end-side\">\n <ng-content select=\"ax-label\"></ng-content>\n <ng-content select=\"ax-form-hint\"></ng-content>\n <span class=\"ax-error-container\"></span>\n </div>\n</div>\n<ng-content select=\"ax-validation-rule\"></ng-content>\n", styles: [".ax-checkbox-label{display:flex;align-items:flex-start;width:-moz-fit-content;width:fit-content;font-size:.875rem;line-height:1.25rem;-webkit-user-select:none;user-select:none}.ax-checkbox-label.ax-state-readonly{opacity:.75}.ax-checkbox-label .ax-checkbox-start-side{display:flex;align-items:center;height:1.25rem}.ax-checkbox-label .ax-checkbox-end-side{margin-inline-start:.75rem}\n"] }]
|
|
71
71
|
}], propDecorators: { _labels: [{
|
|
72
72
|
type: ContentChildren,
|
|
73
73
|
args: [AXLabelComponent]
|
|
@@ -77,4 +77,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.6", ngImpor
|
|
|
77
77
|
type: HostListener,
|
|
78
78
|
args: ['click', ['$event']]
|
|
79
79
|
}] } });
|
|
80
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
80
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2stYm94LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9jaGVjay1ib3gvc3JjL2xpYi9jaGVjay1ib3guY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL2NoZWNrLWJveC9zcmMvbGliL2NoZWNrLWJveC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUU3RCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUM1RCxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUM5RCxPQUFPLEVBRUwsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxlQUFlLEVBQ2YsWUFBWSxFQUNaLEtBQUssRUFDTCxTQUFTLEVBQ1QsaUJBQWlCLEVBQ2pCLFVBQVUsR0FDWCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7O0FBa0JuRCxNQUFNLE9BQU8sbUJBQW9CLFNBQVEsZ0JBQWdDO0lBaEJ6RTs7UUFxQlMsa0JBQWEsR0FBRyxLQUFLLENBQUM7UUFFbkIsd0JBQW1CLEdBQUcsS0FBSyxDQUFDO0tBNEN2QztJQTFDb0IsZ0JBQWdCLENBQUMsS0FBYztRQUNoRCxJQUFJLENBQUMsSUFBSSxDQUFDLGFBQWEsSUFBSSxLQUFLLElBQUksSUFBSSxFQUFFO1lBQ3hDLE9BQU8sS0FBSyxDQUFDO1NBQ2Q7UUFDRCxJQUFJLElBQUksQ0FBQyxhQUFhLElBQUksS0FBSyxJQUFJLElBQUksRUFBRTtZQUN2QyxPQUFPLElBQUksQ0FBQztTQUNiO1FBQ0QsT0FBTyxxQkFBcUIsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUN0QyxDQUFDO0lBRVEsZ0JBQWdCLENBQUMsS0FBcUI7UUFDN0MsSUFBSSxJQUFJLENBQUMsYUFBYSxJQUFJLEtBQUssSUFBSSxJQUFJLEVBQUU7WUFDdkMsSUFBSSxDQUFDLG1CQUFtQixHQUFHLElBQUksQ0FBQztZQUNoQyxPQUFPLElBQUksQ0FBQztTQUNiO2FBQU0sSUFBSSxDQUFDLElBQUksQ0FBQyxhQUFhLElBQUksS0FBSyxJQUFJLElBQUksRUFBRTtZQUMvQyxJQUFJLENBQUMsbUJBQW1CLEdBQUcsS0FBSyxDQUFDO1lBQ2pDLE9BQU8sS0FBSyxDQUFDO1NBQ2Q7YUFBTTtZQUNMLElBQUksQ0FBQyxtQkFBbUIsR0FBRyxLQUFLLENBQUM7WUFDakMsT0FBTyxLQUFLLElBQUksSUFBSSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQztTQUNyQztJQUNILENBQUM7SUFFRCxrQkFBa0I7UUFDaEIsSUFBSSxDQUFDLE9BQU8sRUFBRSxPQUFPLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRTtZQUMxQixDQUFDLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQyxFQUFFLENBQUM7UUFDckIsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBR08sWUFBWSxDQUFDLENBQVU7UUFDN0IsQ0FBQyxDQUFDLGVBQWUsRUFBRSxDQUFDO1FBQ3BCLElBQUksSUFBSSxDQUFDLFFBQVEsSUFBSSxJQUFJLENBQUMsUUFBUSxFQUFFO1lBQ2xDLENBQUMsQ0FBQyxjQUFjLEVBQUUsQ0FBQztZQUNuQixPQUFPLEtBQUssQ0FBQztTQUNkO1FBQ0QsT0FBTyxJQUFJLENBQUM7SUFDZCxDQUFDO0lBRVMsa0JBQWtCLENBQUMsS0FBcUI7UUFDaEQsSUFBSSxDQUFDLFdBQVcsQ0FBQyxLQUFLLEVBQUUsSUFBSSxDQUFDLENBQUM7SUFDaEMsQ0FBQzs4R0FsRFUsbUJBQW1CO2tHQUFuQixtQkFBbUIsNFhBUm5CO1lBQ1Q7Z0JBQ0UsT0FBTyxFQUFFLGlCQUFpQjtnQkFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxtQkFBbUIsQ0FBQztnQkFDbEQsS0FBSyxFQUFFLElBQUk7YUFDWjtTQUNGLGtEQUdnQixnQkFBZ0Isb0RDbENuQywrMUJBd0JBOzsyRkRTYSxtQkFBbUI7a0JBaEIvQixTQUFTOytCQUNFLGNBQWMsVUFHaEIsQ0FBQyxVQUFVLEVBQUUsVUFBVSxFQUFFLFVBQVUsRUFBRSxPQUFPLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRSxTQUFTLENBQUMsV0FDckUsQ0FBQyxRQUFRLEVBQUUsU0FBUyxFQUFFLGFBQWEsRUFBRSxnQkFBZ0IsQ0FBQyxpQkFDaEQsaUJBQWlCLENBQUMsSUFBSSxtQkFDcEIsdUJBQXVCLENBQUMsTUFBTSxhQUNwQzt3QkFDVDs0QkFDRSxPQUFPLEVBQUUsaUJBQWlCOzRCQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxvQkFBb0IsQ0FBQzs0QkFDbEQsS0FBSyxFQUFFLElBQUk7eUJBQ1o7cUJBQ0Y7OEJBSU8sT0FBTztzQkFEZCxlQUFlO3VCQUFDLGdCQUFnQjtnQkFJMUIsYUFBYTtzQkFEbkIsS0FBSztnQkFtQ0UsWUFBWTtzQkFEbkIsWUFBWTt1QkFBQyxPQUFPLEVBQUUsQ0FBQyxRQUFRLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBNWFZhbHVlQ29tcG9uZW50IH0gZnJvbSAnQGFjb3JleC9jb21wb25lbnRzL2NvbW1vbic7XG5cbmltcG9ydCB7IEFYTGFiZWxDb21wb25lbnQgfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvbGFiZWwnO1xuaW1wb3J0IHsgY29lcmNlQm9vbGVhblByb3BlcnR5IH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2NvZXJjaW9uJztcbmltcG9ydCB7XG4gIEFmdGVyVmlld0NoZWNrZWQsXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIENvbnRlbnRDaGlsZHJlbixcbiAgSG9zdExpc3RlbmVyLFxuICBJbnB1dCxcbiAgUXVlcnlMaXN0LFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbiAgZm9yd2FyZFJlZixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBOR19WQUxVRV9BQ0NFU1NPUiB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXgtY2hlY2stYm94JyxcbiAgdGVtcGxhdGVVcmw6ICcuL2NoZWNrLWJveC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2NoZWNrLWJveC5jb21wb25lbnQuc2NzcyddLFxuICBpbnB1dHM6IFsnZGlzYWJsZWQnLCAndGFiSW5kZXgnLCAncmVhZG9ubHknLCAndmFsdWUnLCAnbmFtZScsICdpZCcsICdjaGVja2VkJ10sXG4gIG91dHB1dHM6IFsnb25CbHVyJywgJ29uRm9jdXMnLCAndmFsdWVDaGFuZ2UnLCAnb25WYWx1ZUNoYW5nZWQnXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIHByb3ZpZGVyczogW1xuICAgIHtcbiAgICAgIHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxuICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gQVhDaGVja0JveENvbXBvbmVudCksXG4gICAgICBtdWx0aTogdHJ1ZSxcbiAgICB9LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBBWENoZWNrQm94Q29tcG9uZW50IGV4dGVuZHMgTVhWYWx1ZUNvbXBvbmVudDxib29sZWFuIHwgbnVsbD4gaW1wbGVtZW50cyBBZnRlclZpZXdDaGVja2VkIHtcbiAgQENvbnRlbnRDaGlsZHJlbihBWExhYmVsQ29tcG9uZW50KVxuICBwcml2YXRlIF9sYWJlbHM6IFF1ZXJ5TGlzdDxBWExhYmVsQ29tcG9uZW50PjtcblxuICBASW5wdXQoKVxuICBwdWJsaWMgaW5kZXRlcm1pbmF0ZSA9IGZhbHNlO1xuXG4gIHByb3RlY3RlZCBfc3RhdGVJbmRldGVybWluYXRlID0gZmFsc2U7XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIGludGVybmFsR2V0VmFsdWUodmFsdWU6IHVua25vd24pOiBib29sZWFuIHwgbnVsbCB7XG4gICAgaWYgKCF0aGlzLmluZGV0ZXJtaW5hdGUgJiYgdmFsdWUgPT0gbnVsbCkge1xuICAgICAgcmV0dXJuIGZhbHNlO1xuICAgIH1cbiAgICBpZiAodGhpcy5pbmRldGVybWluYXRlICYmIHZhbHVlID09IG51bGwpIHtcbiAgICAgIHJldHVybiBudWxsO1xuICAgIH1cbiAgICByZXR1cm4gY29lcmNlQm9vbGVhblByb3BlcnR5KHZhbHVlKTtcbiAgfVxuXG4gIG92ZXJyaWRlIGludGVybmFsU2V0VmFsdWUodmFsdWU6IGJvb2xlYW4gfCBudWxsKSB7XG4gICAgaWYgKHRoaXMuaW5kZXRlcm1pbmF0ZSAmJiB2YWx1ZSA9PSBudWxsKSB7XG4gICAgICB0aGlzLl9zdGF0ZUluZGV0ZXJtaW5hdGUgPSB0cnVlO1xuICAgICAgcmV0dXJuIG51bGw7XG4gICAgfSBlbHNlIGlmICghdGhpcy5pbmRldGVybWluYXRlICYmIHZhbHVlID09IG51bGwpIHtcbiAgICAgIHRoaXMuX3N0YXRlSW5kZXRlcm1pbmF0ZSA9IGZhbHNlO1xuICAgICAgcmV0dXJuIGZhbHNlO1xuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLl9zdGF0ZUluZGV0ZXJtaW5hdGUgPSBmYWxzZTtcbiAgICAgIHJldHVybiB2YWx1ZSA9PSB0cnVlID8gdHJ1ZSA6IGZhbHNlO1xuICAgIH1cbiAgfVxuXG4gIG5nQWZ0ZXJWaWV3Q2hlY2tlZCgpIHtcbiAgICB0aGlzLl9sYWJlbHM/LmZvckVhY2goKGMpID0+IHtcbiAgICAgIGMudGFyZ2V0ID0gdGhpcy5pZDtcbiAgICB9KTtcbiAgfVxuXG4gIEBIb3N0TGlzdGVuZXIoJ2NsaWNrJywgWyckZXZlbnQnXSlcbiAgcHJpdmF0ZSBfaGFuZGxlQ2xpY2soZTogVUlFdmVudCkge1xuICAgIGUuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgaWYgKHRoaXMucmVhZG9ubHkgfHwgdGhpcy5kaXNhYmxlZCkge1xuICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgcmV0dXJuIGZhbHNlO1xuICAgIH1cbiAgICByZXR1cm4gdHJ1ZTtcbiAgfVxuXG4gIHByb3RlY3RlZCBfaGFuZGxlTW9kZWxDaGFuZ2UodmFsdWU6IGJvb2xlYW4gfCBudWxsKSB7XG4gICAgdGhpcy5jb21taXRWYWx1ZSh2YWx1ZSwgdHJ1ZSk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJheC1jaGVja2JveC1sYWJlbFwiIFtjbGFzcy5heC1zdGF0ZS1yZWFkb25seV09XCJyZWFkb25seVwiIFtjbGFzcy5heC1zdGF0ZS1kaXNhYmxlZF09XCJkaXNhYmxlZFwiPlxuICA8ZGl2IGNsYXNzPVwiYXgtY2hlY2tib3gtc3RhcnQtc2lkZVwiPlxuICAgIDxpbnB1dFxuICAgICAgW2lkXT1cImlkXCJcbiAgICAgIGNsYXNzPVwiYXgtY2hlY2tib3hcIlxuICAgICAgdHlwZT1cImNoZWNrYm94XCJcbiAgICAgIFtpbmRldGVybWluYXRlXT1cIl9zdGF0ZUluZGV0ZXJtaW5hdGVcIlxuICAgICAgW25nTW9kZWxdPVwidmFsdWVcIlxuICAgICAgKG5nTW9kZWxDaGFuZ2UpPVwiX2hhbmRsZU1vZGVsQ2hhbmdlKCRldmVudClcIlxuICAgICAgW2NoZWNrZWRdPVwidmFsdWVcIlxuICAgICAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcbiAgICAgIFtyZWFkb25seV09XCJyZWFkb25seVwiXG4gICAgICBbdGFiaW5kZXhdPVwidGFiSW5kZXhcIlxuICAgICAgKGZvY3VzKT1cImVtaXRPbkZvY3VzRXZlbnQoJGV2ZW50KVwiXG4gICAgICAoYmx1cik9XCJlbWl0T25CbHVyRXZlbnQoJGV2ZW50KVwiXG4gICAgLz5cbiAgPC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJheC1jaGVja2JveC1lbmQtc2lkZVwiPlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImF4LWxhYmVsXCI+PC9uZy1jb250ZW50PlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImF4LWZvcm0taGludFwiPjwvbmctY29udGVudD5cbiAgICA8c3BhbiBjbGFzcz1cImF4LWVycm9yLWNvbnRhaW5lclwiPjwvc3Bhbj5cbiAgPC9kaXY+XG48L2Rpdj5cbjxuZy1jb250ZW50IHNlbGVjdD1cImF4LXZhbGlkYXRpb24tcnVsZVwiPjwvbmctY29udGVudD5cbiJdfQ==
|
|
@@ -13,11 +13,11 @@ export class AXChipsComponent extends MXColorComponent {
|
|
|
13
13
|
return `ax-${this.color}-${this.look}`;
|
|
14
14
|
}
|
|
15
15
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: AXChipsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
16
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.6", type: AXChipsComponent, selector: "ax-chips", inputs: { tabIndex: "tabIndex", color: "color", look: "look", text: "text" }, outputs: { colorChange: "colorChange" }, host: { properties: { "class": "this.__hostClass" } }, usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-prefix\"></ng-content>\n<div class=\"ax-chips-text\" *ngIf=\"text\">{{text}}</div>\n<ng-content select=\"ax-suffix\"></ng-content>", styles: ["ax-chips{font-size:.875rem;line-height:1.25rem;padding:.375rem .75rem;border-radius:99rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .3s;-webkit-user-select:none;user-select:none;font-weight:500}ax-chips.ax-ghost-solid{border:1px solid;border-color:rgba(var(--ax-color-border-default));background-color:rgba(var(--ax-color-ghost));color:rgba(var(--ax-color-ghost-fore))}ax-chips.ax-ghost-outline{background-color:transparent;border:1px solid;border-color:rgba(var(--ax-color-ghost));color:rgba(var(--ax-color-ghost-fore))}ax-chips.ax-ghost-blank{background-color:transparent;border:none;color:rgba(var(--ax-color-ghost-fore))}ax-chips:focus-visible{outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgba(var(--ax-color-black),.5)}ax-chips .ax-chips-text{padding:0 .5rem;text-wrap:nowrap;text-overflow:ellipsis;overflow:hidden}ax-chips ax-prefix,ax-chips ax-suffix{display:flex;align-items:center;font-size:1.125rem}ax-chips.ax-primary-solid{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore));border:1px solid;border-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-primary-solid:hover{background-color:rgba(var(--ax-color-primary-600));border-color:rgba(var(--ax-color-primary-600))}ax-chips.ax-primary-solid:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-primary-twotone{background:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-fore-lighten));border:1px solid;border-color:rgba(var(--ax-color-primary-100))}ax-chips.ax-primary-twotone:hover{background:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-800));border-color:rgba(var(--ax-color-primary-200))}ax-chips.ax-primary-twotone:active{background:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-fore-lighten));border-color:rgba(var(--ax-color-primary-100))}ax-chips.ax-primary-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}ax-chips.ax-primary-outline{border:1px solid;border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500),.87)}ax-chips.ax-primary-outline:hover{background:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-chips.ax-primary-outline:active{background:rgba(var(--ax-color-primary-600));color:rgba(var(--ax-color-primary-fore))}ax-chips.ax-primary-outline:focus-visible{background-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-secondary-solid{background-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore));border:1px solid;border-color:rgba(var(--ax-color-secondary-500))}ax-chips.ax-secondary-solid:hover{background-color:rgba(var(--ax-color-secondary-600));border-color:rgba(var(--ax-color-secondary-600))}ax-chips.ax-secondary-solid:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-secondary-twotone{background:rgba(var(--ax-color-secondary-100));color:rgba(var(--ax-color-secondary-fore-lighten));border:1px solid;border-color:rgba(var(--ax-color-secondary-100))}ax-chips.ax-secondary-twotone:hover{background:rgba(var(--ax-color-secondary-200));color:rgba(var(--ax-color-secondary-800));border-color:rgba(var(--ax-color-secondary-200))}ax-chips.ax-secondary-twotone:active{background:rgba(var(--ax-color-secondary-100));color:rgba(var(--ax-color-secondary-fore-lighten));border-color:rgba(var(--ax-color-secondary-100))}ax-chips.ax-secondary-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}ax-chips.ax-secondary-outline{border:1px solid;border-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-500),.87)}ax-chips.ax-secondary-outline:hover{background:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}ax-chips.ax-secondary-outline:active{background:rgba(var(--ax-color-secondary-600));color:rgba(var(--ax-color-secondary-fore))}ax-chips.ax-secondary-outline:focus-visible{background-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-success-solid{background-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore));border:1px solid;border-color:rgba(var(--ax-color-success-500))}ax-chips.ax-success-solid:hover{background-color:rgba(var(--ax-color-success-600));border-color:rgba(var(--ax-color-success-600))}ax-chips.ax-success-solid:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-success-twotone{background:rgba(var(--ax-color-success-100));color:rgba(var(--ax-color-success-fore-lighten));border:1px solid;border-color:rgba(var(--ax-color-success-100))}ax-chips.ax-success-twotone:hover{background:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-800));border-color:rgba(var(--ax-color-success-200))}ax-chips.ax-success-twotone:active{background:rgba(var(--ax-color-success-100));color:rgba(var(--ax-color-success-fore-lighten));border-color:rgba(var(--ax-color-success-100))}ax-chips.ax-success-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}ax-chips.ax-success-outline{border:1px solid;border-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-500),.87)}ax-chips.ax-success-outline:hover{background:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}ax-chips.ax-success-outline:active{background:rgba(var(--ax-color-success-600));color:rgba(var(--ax-color-success-fore))}ax-chips.ax-success-outline:focus-visible{background-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-warning-solid{background-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore));border:1px solid;border-color:rgba(var(--ax-color-warning-500))}ax-chips.ax-warning-solid:hover{background-color:rgba(var(--ax-color-warning-600));border-color:rgba(var(--ax-color-warning-600))}ax-chips.ax-warning-solid:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-warning-twotone{background:rgba(var(--ax-color-warning-100));color:rgba(var(--ax-color-warning-fore-lighten));border:1px solid;border-color:rgba(var(--ax-color-warning-100))}ax-chips.ax-warning-twotone:hover{background:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-800));border-color:rgba(var(--ax-color-warning-200))}ax-chips.ax-warning-twotone:active{background:rgba(var(--ax-color-warning-100));color:rgba(var(--ax-color-warning-fore-lighten));border-color:rgba(var(--ax-color-warning-100))}ax-chips.ax-warning-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}ax-chips.ax-warning-outline{border:1px solid;border-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-500),.87)}ax-chips.ax-warning-outline:hover{background:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}ax-chips.ax-warning-outline:active{background:rgba(var(--ax-color-warning-600));color:rgba(var(--ax-color-warning-fore))}ax-chips.ax-warning-outline:focus-visible{background-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-danger-solid{background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore));border:1px solid;border-color:rgba(var(--ax-color-danger-500))}ax-chips.ax-danger-solid:hover{background-color:rgba(var(--ax-color-danger-600));border-color:rgba(var(--ax-color-danger-600))}ax-chips.ax-danger-solid:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-danger-twotone{background:rgba(var(--ax-color-danger-100));color:rgba(var(--ax-color-danger-fore-lighten));border:1px solid;border-color:rgba(var(--ax-color-danger-100))}ax-chips.ax-danger-twotone:hover{background:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-800));border-color:rgba(var(--ax-color-danger-200))}ax-chips.ax-danger-twotone:active{background:rgba(var(--ax-color-danger-100));color:rgba(var(--ax-color-danger-fore-lighten));border-color:rgba(var(--ax-color-danger-100))}ax-chips.ax-danger-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}ax-chips.ax-danger-outline{border:1px solid;border-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-500),.87)}ax-chips.ax-danger-outline:hover{background:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}ax-chips.ax-danger-outline:active{background:rgba(var(--ax-color-danger-600));color:rgba(var(--ax-color-danger-fore))}ax-chips.ax-danger-outline:focus-visible{background-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-info-solid{background-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore));border:1px solid;border-color:rgba(var(--ax-color-info-500))}ax-chips.ax-info-solid:hover{background-color:rgba(var(--ax-color-info-600));border-color:rgba(var(--ax-color-info-600))}ax-chips.ax-info-solid:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-info-twotone{background:rgba(var(--ax-color-info-100));color:rgba(var(--ax-color-info-fore-lighten));border:1px solid;border-color:rgba(var(--ax-color-info-100))}ax-chips.ax-info-twotone:hover{background:rgba(var(--ax-color-info-200));color:rgba(var(--ax-color-info-800));border-color:rgba(var(--ax-color-info-200))}ax-chips.ax-info-twotone:active{background:rgba(var(--ax-color-info-100));color:rgba(var(--ax-color-info-fore-lighten));border-color:rgba(var(--ax-color-info-100))}ax-chips.ax-info-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}ax-chips.ax-info-outline{border:1px solid;border-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-500),.87)}ax-chips.ax-info-outline:hover{background:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}ax-chips.ax-info-outline:active{background:rgba(var(--ax-color-info-600));color:rgba(var(--ax-color-info-fore))}ax-chips.ax-info-outline:focus-visible{background-color:rgba(var(--ax-color-primary-500))}.ax-dark ax-chips.ax-primary-twotone{background:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-fore-lighten));border-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-primary-twotone:hover{background:rgba(var(--ax-color-primary-300));color:rgba(var(--ax-color-primary-800));border-color:rgba(var(--ax-color-primary-300))}.ax-dark ax-chips.ax-primary-twotone:active{background:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-fore-lighten))}.ax-dark ax-chips.ax-primary-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-primary-outline{border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-50))}.ax-dark ax-chips.ax-primary-outline:hover{background:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-chips.ax-primary-outline:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-secondary-twotone{background:rgba(var(--ax-color-secondary-200));color:rgba(var(--ax-color-secondary-fore-lighten));border-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-chips.ax-secondary-twotone:hover{background:rgba(var(--ax-color-secondary-300));color:rgba(var(--ax-color-secondary-800));border-color:rgba(var(--ax-color-secondary-300))}.ax-dark ax-chips.ax-secondary-twotone:active{background:rgba(var(--ax-color-secondary-200));color:rgba(var(--ax-color-secondary-fore-lighten))}.ax-dark ax-chips.ax-secondary-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-secondary-outline{border-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-50))}.ax-dark ax-chips.ax-secondary-outline:hover{background:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-chips.ax-secondary-outline:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-success-twotone{background:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-fore-lighten));border-color:rgba(var(--ax-color-success-200))}.ax-dark ax-chips.ax-success-twotone:hover{background:rgba(var(--ax-color-success-300));color:rgba(var(--ax-color-success-800));border-color:rgba(var(--ax-color-success-300))}.ax-dark ax-chips.ax-success-twotone:active{background:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-fore-lighten))}.ax-dark ax-chips.ax-success-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-success-outline{border-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-50))}.ax-dark ax-chips.ax-success-outline:hover{background:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}.ax-dark ax-chips.ax-success-outline:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-warning-twotone{background:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-fore-lighten));border-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-chips.ax-warning-twotone:hover{background:rgba(var(--ax-color-warning-300));color:rgba(var(--ax-color-warning-800));border-color:rgba(var(--ax-color-warning-300))}.ax-dark ax-chips.ax-warning-twotone:active{background:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-fore-lighten))}.ax-dark ax-chips.ax-warning-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-warning-outline{border-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-50))}.ax-dark ax-chips.ax-warning-outline:hover{background:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-chips.ax-warning-outline:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-danger-twotone{background:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-fore-lighten));border-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-chips.ax-danger-twotone:hover{background:rgba(var(--ax-color-danger-300));color:rgba(var(--ax-color-danger-800));border-color:rgba(var(--ax-color-danger-300))}.ax-dark ax-chips.ax-danger-twotone:active{background:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-fore-lighten))}.ax-dark ax-chips.ax-danger-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-danger-outline{border-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-50))}.ax-dark ax-chips.ax-danger-outline:hover{background:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-chips.ax-danger-outline:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-info-twotone{background:rgba(var(--ax-color-info-200));color:rgba(var(--ax-color-info-fore-lighten));border-color:rgba(var(--ax-color-info-200))}.ax-dark ax-chips.ax-info-twotone:hover{background:rgba(var(--ax-color-info-300));color:rgba(var(--ax-color-info-800));border-color:rgba(var(--ax-color-info-300))}.ax-dark ax-chips.ax-info-twotone:active{background:rgba(var(--ax-color-info-200));color:rgba(var(--ax-color-info-fore-lighten))}.ax-dark ax-chips.ax-info-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-info-outline{border-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-50))}.ax-dark ax-chips.ax-info-outline:hover{background:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}.ax-dark ax-chips.ax-info-outline:focus-visible{background-color:rgba(var(--ax-color-primary-200))}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
16
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.6", type: AXChipsComponent, selector: "ax-chips", inputs: { tabIndex: "tabIndex", color: "color", look: "look", text: "text" }, outputs: { colorChange: "colorChange" }, host: { properties: { "class": "this.__hostClass" } }, usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-prefix\"></ng-content>\n<div class=\"ax-chips-text\" *ngIf=\"text\">{{text}}</div>\n<ng-content select=\"ax-suffix\"></ng-content>", styles: ["ax-chips{font-size:.875rem;line-height:1.25rem;padding:.375rem .75rem;border-radius:99rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .3s;-webkit-user-select:none;user-select:none;font-weight:500}ax-chips.ax-ghost-solid{border:1px solid;border-color:rgba(var(--ax-color-border-default));background-color:rgba(var(--ax-color-ghost));color:rgba(var(--ax-color-ghost-fore))}ax-chips.ax-ghost-outline{background-color:transparent;border:1px solid;border-color:rgba(var(--ax-color-ghost));color:rgba(var(--ax-color-ghost-fore))}ax-chips.ax-ghost-twotone{background-color:rgba(var(--ax-color-ghost-fore),.16);border:1px solid;border-color:rgba(var(--ax-color-ghost-fore),0);color:rgba(var(--ax-color-ghost-fore))}ax-chips:focus-visible{outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgba(var(--ax-color-black),.5)}ax-chips .ax-chips-text{padding:0 .5rem;text-wrap:nowrap;text-overflow:ellipsis;overflow:hidden}ax-chips ax-prefix,ax-chips ax-suffix{display:flex;align-items:center;font-size:1.125rem}ax-chips.ax-primary-solid{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore));border:1px solid;border-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-primary-solid:hover{background-color:rgba(var(--ax-color-primary-600));border-color:rgba(var(--ax-color-primary-600))}ax-chips.ax-primary-solid:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-primary-twotone{background:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-fore-lighten));border:1px solid;border-color:rgba(var(--ax-color-primary-100))}ax-chips.ax-primary-twotone:hover{background:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-800));border-color:rgba(var(--ax-color-primary-200))}ax-chips.ax-primary-twotone:active{background:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-fore-lighten));border-color:rgba(var(--ax-color-primary-100))}ax-chips.ax-primary-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}ax-chips.ax-primary-outline{border:1px solid;border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500),.87)}ax-chips.ax-primary-outline:hover{background:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-chips.ax-primary-outline:active{background:rgba(var(--ax-color-primary-600));color:rgba(var(--ax-color-primary-fore))}ax-chips.ax-primary-outline:focus-visible{background-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-secondary-solid{background-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore));border:1px solid;border-color:rgba(var(--ax-color-secondary-500))}ax-chips.ax-secondary-solid:hover{background-color:rgba(var(--ax-color-secondary-600));border-color:rgba(var(--ax-color-secondary-600))}ax-chips.ax-secondary-solid:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-secondary-twotone{background:rgba(var(--ax-color-secondary-100));color:rgba(var(--ax-color-secondary-fore-lighten));border:1px solid;border-color:rgba(var(--ax-color-secondary-100))}ax-chips.ax-secondary-twotone:hover{background:rgba(var(--ax-color-secondary-200));color:rgba(var(--ax-color-secondary-800));border-color:rgba(var(--ax-color-secondary-200))}ax-chips.ax-secondary-twotone:active{background:rgba(var(--ax-color-secondary-100));color:rgba(var(--ax-color-secondary-fore-lighten));border-color:rgba(var(--ax-color-secondary-100))}ax-chips.ax-secondary-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}ax-chips.ax-secondary-outline{border:1px solid;border-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-500),.87)}ax-chips.ax-secondary-outline:hover{background:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}ax-chips.ax-secondary-outline:active{background:rgba(var(--ax-color-secondary-600));color:rgba(var(--ax-color-secondary-fore))}ax-chips.ax-secondary-outline:focus-visible{background-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-success-solid{background-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore));border:1px solid;border-color:rgba(var(--ax-color-success-500))}ax-chips.ax-success-solid:hover{background-color:rgba(var(--ax-color-success-600));border-color:rgba(var(--ax-color-success-600))}ax-chips.ax-success-solid:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-success-twotone{background:rgba(var(--ax-color-success-100));color:rgba(var(--ax-color-success-fore-lighten));border:1px solid;border-color:rgba(var(--ax-color-success-100))}ax-chips.ax-success-twotone:hover{background:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-800));border-color:rgba(var(--ax-color-success-200))}ax-chips.ax-success-twotone:active{background:rgba(var(--ax-color-success-100));color:rgba(var(--ax-color-success-fore-lighten));border-color:rgba(var(--ax-color-success-100))}ax-chips.ax-success-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}ax-chips.ax-success-outline{border:1px solid;border-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-500),.87)}ax-chips.ax-success-outline:hover{background:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}ax-chips.ax-success-outline:active{background:rgba(var(--ax-color-success-600));color:rgba(var(--ax-color-success-fore))}ax-chips.ax-success-outline:focus-visible{background-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-warning-solid{background-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore));border:1px solid;border-color:rgba(var(--ax-color-warning-500))}ax-chips.ax-warning-solid:hover{background-color:rgba(var(--ax-color-warning-600));border-color:rgba(var(--ax-color-warning-600))}ax-chips.ax-warning-solid:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-warning-twotone{background:rgba(var(--ax-color-warning-100));color:rgba(var(--ax-color-warning-fore-lighten));border:1px solid;border-color:rgba(var(--ax-color-warning-100))}ax-chips.ax-warning-twotone:hover{background:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-800));border-color:rgba(var(--ax-color-warning-200))}ax-chips.ax-warning-twotone:active{background:rgba(var(--ax-color-warning-100));color:rgba(var(--ax-color-warning-fore-lighten));border-color:rgba(var(--ax-color-warning-100))}ax-chips.ax-warning-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}ax-chips.ax-warning-outline{border:1px solid;border-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-500),.87)}ax-chips.ax-warning-outline:hover{background:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}ax-chips.ax-warning-outline:active{background:rgba(var(--ax-color-warning-600));color:rgba(var(--ax-color-warning-fore))}ax-chips.ax-warning-outline:focus-visible{background-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-danger-solid{background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore));border:1px solid;border-color:rgba(var(--ax-color-danger-500))}ax-chips.ax-danger-solid:hover{background-color:rgba(var(--ax-color-danger-600));border-color:rgba(var(--ax-color-danger-600))}ax-chips.ax-danger-solid:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-danger-twotone{background:rgba(var(--ax-color-danger-100));color:rgba(var(--ax-color-danger-fore-lighten));border:1px solid;border-color:rgba(var(--ax-color-danger-100))}ax-chips.ax-danger-twotone:hover{background:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-800));border-color:rgba(var(--ax-color-danger-200))}ax-chips.ax-danger-twotone:active{background:rgba(var(--ax-color-danger-100));color:rgba(var(--ax-color-danger-fore-lighten));border-color:rgba(var(--ax-color-danger-100))}ax-chips.ax-danger-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}ax-chips.ax-danger-outline{border:1px solid;border-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-500),.87)}ax-chips.ax-danger-outline:hover{background:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}ax-chips.ax-danger-outline:active{background:rgba(var(--ax-color-danger-600));color:rgba(var(--ax-color-danger-fore))}ax-chips.ax-danger-outline:focus-visible{background-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-info-solid{background-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore));border:1px solid;border-color:rgba(var(--ax-color-info-500))}ax-chips.ax-info-solid:hover{background-color:rgba(var(--ax-color-info-600));border-color:rgba(var(--ax-color-info-600))}ax-chips.ax-info-solid:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-info-twotone{background:rgba(var(--ax-color-info-100));color:rgba(var(--ax-color-info-fore-lighten));border:1px solid;border-color:rgba(var(--ax-color-info-100))}ax-chips.ax-info-twotone:hover{background:rgba(var(--ax-color-info-200));color:rgba(var(--ax-color-info-800));border-color:rgba(var(--ax-color-info-200))}ax-chips.ax-info-twotone:active{background:rgba(var(--ax-color-info-100));color:rgba(var(--ax-color-info-fore-lighten));border-color:rgba(var(--ax-color-info-100))}ax-chips.ax-info-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}ax-chips.ax-info-outline{border:1px solid;border-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-500),.87)}ax-chips.ax-info-outline:hover{background:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}ax-chips.ax-info-outline:active{background:rgba(var(--ax-color-info-600));color:rgba(var(--ax-color-info-fore))}ax-chips.ax-info-outline:focus-visible{background-color:rgba(var(--ax-color-primary-500))}.ax-dark ax-chips.ax-primary-solid{background-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-fore-lighten));border:1px solid;border-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-primary-solid:hover{background-color:rgba(var(--ax-color-primary-300));border-color:rgba(var(--ax-color-primary-300))}.ax-dark ax-chips.ax-primary-solid:focus-visible{outline-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-primary-twotone{background:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-fore-lighten));border:1px solid;border-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-primary-twotone:hover{background:rgba(var(--ax-color-primary-300));color:rgba(var(--ax-color-primary-fore-lighten));border-color:rgba(var(--ax-color-primary-300))}.ax-dark ax-chips.ax-primary-twotone:active{background:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-fore-lighten));border-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-primary-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-primary-outline{border:1px solid;border-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-chips.ax-primary-outline:hover{background:rgba(var(--ax-color-primary-300));color:rgba(var(--ax-color-primary-fore-lighten))}.ax-dark ax-chips.ax-primary-outline:active{background:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-fore-lighten))}.ax-dark ax-chips.ax-primary-outline:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-secondary-solid{background-color:rgba(var(--ax-color-secondary-200));color:rgba(var(--ax-color-secondary-fore-lighten));border:1px solid;border-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-chips.ax-secondary-solid:hover{background-color:rgba(var(--ax-color-secondary-300));border-color:rgba(var(--ax-color-secondary-300))}.ax-dark ax-chips.ax-secondary-solid:focus-visible{outline-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-secondary-twotone{background:rgba(var(--ax-color-secondary-200));color:rgba(var(--ax-color-secondary-fore-lighten));border:1px solid;border-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-chips.ax-secondary-twotone:hover{background:rgba(var(--ax-color-secondary-300));color:rgba(var(--ax-color-secondary-fore-lighten));border-color:rgba(var(--ax-color-secondary-300))}.ax-dark ax-chips.ax-secondary-twotone:active{background:rgba(var(--ax-color-secondary-200));color:rgba(var(--ax-color-secondary-fore-lighten));border-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-chips.ax-secondary-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-secondary-outline{border:1px solid;border-color:rgba(var(--ax-color-secondary-200));color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-chips.ax-secondary-outline:hover{background:rgba(var(--ax-color-secondary-300));color:rgba(var(--ax-color-secondary-fore-lighten))}.ax-dark ax-chips.ax-secondary-outline:active{background:rgba(var(--ax-color-secondary-200));color:rgba(var(--ax-color-secondary-fore-lighten))}.ax-dark ax-chips.ax-secondary-outline:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-success-solid{background-color:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-fore-lighten));border:1px solid;border-color:rgba(var(--ax-color-success-200))}.ax-dark ax-chips.ax-success-solid:hover{background-color:rgba(var(--ax-color-success-300));border-color:rgba(var(--ax-color-success-300))}.ax-dark ax-chips.ax-success-solid:focus-visible{outline-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-success-twotone{background:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-fore-lighten));border:1px solid;border-color:rgba(var(--ax-color-success-200))}.ax-dark ax-chips.ax-success-twotone:hover{background:rgba(var(--ax-color-success-300));color:rgba(var(--ax-color-success-fore-lighten));border-color:rgba(var(--ax-color-success-300))}.ax-dark ax-chips.ax-success-twotone:active{background:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-fore-lighten));border-color:rgba(var(--ax-color-success-200))}.ax-dark ax-chips.ax-success-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-success-outline{border:1px solid;border-color:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-fore))}.ax-dark ax-chips.ax-success-outline:hover{background:rgba(var(--ax-color-success-300));color:rgba(var(--ax-color-success-fore-lighten))}.ax-dark ax-chips.ax-success-outline:active{background:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-fore-lighten))}.ax-dark ax-chips.ax-success-outline:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-warning-solid{background-color:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-fore-lighten));border:1px solid;border-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-chips.ax-warning-solid:hover{background-color:rgba(var(--ax-color-warning-300));border-color:rgba(var(--ax-color-warning-300))}.ax-dark ax-chips.ax-warning-solid:focus-visible{outline-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-warning-twotone{background:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-fore-lighten));border:1px solid;border-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-chips.ax-warning-twotone:hover{background:rgba(var(--ax-color-warning-300));color:rgba(var(--ax-color-warning-fore-lighten));border-color:rgba(var(--ax-color-warning-300))}.ax-dark ax-chips.ax-warning-twotone:active{background:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-fore-lighten));border-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-chips.ax-warning-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-warning-outline{border:1px solid;border-color:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-chips.ax-warning-outline:hover{background:rgba(var(--ax-color-warning-300));color:rgba(var(--ax-color-warning-fore-lighten))}.ax-dark ax-chips.ax-warning-outline:active{background:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-fore-lighten))}.ax-dark ax-chips.ax-warning-outline:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-danger-solid{background-color:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-fore-lighten));border:1px solid;border-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-chips.ax-danger-solid:hover{background-color:rgba(var(--ax-color-danger-300));border-color:rgba(var(--ax-color-danger-300))}.ax-dark ax-chips.ax-danger-solid:focus-visible{outline-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-danger-twotone{background:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-fore-lighten));border:1px solid;border-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-chips.ax-danger-twotone:hover{background:rgba(var(--ax-color-danger-300));color:rgba(var(--ax-color-danger-fore-lighten));border-color:rgba(var(--ax-color-danger-300))}.ax-dark ax-chips.ax-danger-twotone:active{background:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-fore-lighten));border-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-chips.ax-danger-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-danger-outline{border:1px solid;border-color:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-chips.ax-danger-outline:hover{background:rgba(var(--ax-color-danger-300));color:rgba(var(--ax-color-danger-fore-lighten))}.ax-dark ax-chips.ax-danger-outline:active{background:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-fore-lighten))}.ax-dark ax-chips.ax-danger-outline:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-info-solid{background-color:rgba(var(--ax-color-info-200));color:rgba(var(--ax-color-info-fore-lighten));border:1px solid;border-color:rgba(var(--ax-color-info-200))}.ax-dark ax-chips.ax-info-solid:hover{background-color:rgba(var(--ax-color-info-300));border-color:rgba(var(--ax-color-info-300))}.ax-dark ax-chips.ax-info-solid:focus-visible{outline-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-info-twotone{background:rgba(var(--ax-color-info-200));color:rgba(var(--ax-color-info-fore-lighten));border:1px solid;border-color:rgba(var(--ax-color-info-200))}.ax-dark ax-chips.ax-info-twotone:hover{background:rgba(var(--ax-color-info-300));color:rgba(var(--ax-color-info-fore-lighten));border-color:rgba(var(--ax-color-info-300))}.ax-dark ax-chips.ax-info-twotone:active{background:rgba(var(--ax-color-info-200));color:rgba(var(--ax-color-info-fore-lighten));border-color:rgba(var(--ax-color-info-200))}.ax-dark ax-chips.ax-info-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-info-outline{border:1px solid;border-color:rgba(var(--ax-color-info-200));color:rgba(var(--ax-color-info-fore))}.ax-dark ax-chips.ax-info-outline:hover{background:rgba(var(--ax-color-info-300));color:rgba(var(--ax-color-info-fore-lighten))}.ax-dark ax-chips.ax-info-outline:active{background:rgba(var(--ax-color-info-200));color:rgba(var(--ax-color-info-fore-lighten))}.ax-dark ax-chips.ax-info-outline:focus-visible{background-color:rgba(var(--ax-color-primary-200))}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
17
17
|
}
|
|
18
18
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: AXChipsComponent, decorators: [{
|
|
19
19
|
type: Component,
|
|
20
|
-
args: [{ selector: 'ax-chips', inputs: ['tabIndex', 'color'], outputs: ['colorChange'], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content select=\"ax-prefix\"></ng-content>\n<div class=\"ax-chips-text\" *ngIf=\"text\">{{text}}</div>\n<ng-content select=\"ax-suffix\"></ng-content>", styles: ["ax-chips{font-size:.875rem;line-height:1.25rem;padding:.375rem .75rem;border-radius:99rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .3s;-webkit-user-select:none;user-select:none;font-weight:500}ax-chips.ax-ghost-solid{border:1px solid;border-color:rgba(var(--ax-color-border-default));background-color:rgba(var(--ax-color-ghost));color:rgba(var(--ax-color-ghost-fore))}ax-chips.ax-ghost-outline{background-color:transparent;border:1px solid;border-color:rgba(var(--ax-color-ghost));color:rgba(var(--ax-color-ghost-fore))}ax-chips.ax-ghost-blank{background-color:transparent;border:none;color:rgba(var(--ax-color-ghost-fore))}ax-chips:focus-visible{outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgba(var(--ax-color-black),.5)}ax-chips .ax-chips-text{padding:0 .5rem;text-wrap:nowrap;text-overflow:ellipsis;overflow:hidden}ax-chips ax-prefix,ax-chips ax-suffix{display:flex;align-items:center;font-size:1.125rem}ax-chips.ax-primary-solid{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore));border:1px solid;border-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-primary-solid:hover{background-color:rgba(var(--ax-color-primary-600));border-color:rgba(var(--ax-color-primary-600))}ax-chips.ax-primary-solid:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-primary-twotone{background:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-fore-lighten));border:1px solid;border-color:rgba(var(--ax-color-primary-100))}ax-chips.ax-primary-twotone:hover{background:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-800));border-color:rgba(var(--ax-color-primary-200))}ax-chips.ax-primary-twotone:active{background:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-fore-lighten));border-color:rgba(var(--ax-color-primary-100))}ax-chips.ax-primary-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}ax-chips.ax-primary-outline{border:1px solid;border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500),.87)}ax-chips.ax-primary-outline:hover{background:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-chips.ax-primary-outline:active{background:rgba(var(--ax-color-primary-600));color:rgba(var(--ax-color-primary-fore))}ax-chips.ax-primary-outline:focus-visible{background-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-secondary-solid{background-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore));border:1px solid;border-color:rgba(var(--ax-color-secondary-500))}ax-chips.ax-secondary-solid:hover{background-color:rgba(var(--ax-color-secondary-600));border-color:rgba(var(--ax-color-secondary-600))}ax-chips.ax-secondary-solid:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-secondary-twotone{background:rgba(var(--ax-color-secondary-100));color:rgba(var(--ax-color-secondary-fore-lighten));border:1px solid;border-color:rgba(var(--ax-color-secondary-100))}ax-chips.ax-secondary-twotone:hover{background:rgba(var(--ax-color-secondary-200));color:rgba(var(--ax-color-secondary-800));border-color:rgba(var(--ax-color-secondary-200))}ax-chips.ax-secondary-twotone:active{background:rgba(var(--ax-color-secondary-100));color:rgba(var(--ax-color-secondary-fore-lighten));border-color:rgba(var(--ax-color-secondary-100))}ax-chips.ax-secondary-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}ax-chips.ax-secondary-outline{border:1px solid;border-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-500),.87)}ax-chips.ax-secondary-outline:hover{background:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}ax-chips.ax-secondary-outline:active{background:rgba(var(--ax-color-secondary-600));color:rgba(var(--ax-color-secondary-fore))}ax-chips.ax-secondary-outline:focus-visible{background-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-success-solid{background-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore));border:1px solid;border-color:rgba(var(--ax-color-success-500))}ax-chips.ax-success-solid:hover{background-color:rgba(var(--ax-color-success-600));border-color:rgba(var(--ax-color-success-600))}ax-chips.ax-success-solid:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-success-twotone{background:rgba(var(--ax-color-success-100));color:rgba(var(--ax-color-success-fore-lighten));border:1px solid;border-color:rgba(var(--ax-color-success-100))}ax-chips.ax-success-twotone:hover{background:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-800));border-color:rgba(var(--ax-color-success-200))}ax-chips.ax-success-twotone:active{background:rgba(var(--ax-color-success-100));color:rgba(var(--ax-color-success-fore-lighten));border-color:rgba(var(--ax-color-success-100))}ax-chips.ax-success-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}ax-chips.ax-success-outline{border:1px solid;border-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-500),.87)}ax-chips.ax-success-outline:hover{background:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}ax-chips.ax-success-outline:active{background:rgba(var(--ax-color-success-600));color:rgba(var(--ax-color-success-fore))}ax-chips.ax-success-outline:focus-visible{background-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-warning-solid{background-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore));border:1px solid;border-color:rgba(var(--ax-color-warning-500))}ax-chips.ax-warning-solid:hover{background-color:rgba(var(--ax-color-warning-600));border-color:rgba(var(--ax-color-warning-600))}ax-chips.ax-warning-solid:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-warning-twotone{background:rgba(var(--ax-color-warning-100));color:rgba(var(--ax-color-warning-fore-lighten));border:1px solid;border-color:rgba(var(--ax-color-warning-100))}ax-chips.ax-warning-twotone:hover{background:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-800));border-color:rgba(var(--ax-color-warning-200))}ax-chips.ax-warning-twotone:active{background:rgba(var(--ax-color-warning-100));color:rgba(var(--ax-color-warning-fore-lighten));border-color:rgba(var(--ax-color-warning-100))}ax-chips.ax-warning-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}ax-chips.ax-warning-outline{border:1px solid;border-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-500),.87)}ax-chips.ax-warning-outline:hover{background:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}ax-chips.ax-warning-outline:active{background:rgba(var(--ax-color-warning-600));color:rgba(var(--ax-color-warning-fore))}ax-chips.ax-warning-outline:focus-visible{background-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-danger-solid{background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore));border:1px solid;border-color:rgba(var(--ax-color-danger-500))}ax-chips.ax-danger-solid:hover{background-color:rgba(var(--ax-color-danger-600));border-color:rgba(var(--ax-color-danger-600))}ax-chips.ax-danger-solid:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-danger-twotone{background:rgba(var(--ax-color-danger-100));color:rgba(var(--ax-color-danger-fore-lighten));border:1px solid;border-color:rgba(var(--ax-color-danger-100))}ax-chips.ax-danger-twotone:hover{background:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-800));border-color:rgba(var(--ax-color-danger-200))}ax-chips.ax-danger-twotone:active{background:rgba(var(--ax-color-danger-100));color:rgba(var(--ax-color-danger-fore-lighten));border-color:rgba(var(--ax-color-danger-100))}ax-chips.ax-danger-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}ax-chips.ax-danger-outline{border:1px solid;border-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-500),.87)}ax-chips.ax-danger-outline:hover{background:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}ax-chips.ax-danger-outline:active{background:rgba(var(--ax-color-danger-600));color:rgba(var(--ax-color-danger-fore))}ax-chips.ax-danger-outline:focus-visible{background-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-info-solid{background-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore));border:1px solid;border-color:rgba(var(--ax-color-info-500))}ax-chips.ax-info-solid:hover{background-color:rgba(var(--ax-color-info-600));border-color:rgba(var(--ax-color-info-600))}ax-chips.ax-info-solid:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-info-twotone{background:rgba(var(--ax-color-info-100));color:rgba(var(--ax-color-info-fore-lighten));border:1px solid;border-color:rgba(var(--ax-color-info-100))}ax-chips.ax-info-twotone:hover{background:rgba(var(--ax-color-info-200));color:rgba(var(--ax-color-info-800));border-color:rgba(var(--ax-color-info-200))}ax-chips.ax-info-twotone:active{background:rgba(var(--ax-color-info-100));color:rgba(var(--ax-color-info-fore-lighten));border-color:rgba(var(--ax-color-info-100))}ax-chips.ax-info-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}ax-chips.ax-info-outline{border:1px solid;border-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-500),.87)}ax-chips.ax-info-outline:hover{background:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}ax-chips.ax-info-outline:active{background:rgba(var(--ax-color-info-600));color:rgba(var(--ax-color-info-fore))}ax-chips.ax-info-outline:focus-visible{background-color:rgba(var(--ax-color-primary-500))}.ax-dark ax-chips.ax-primary-twotone{background:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-fore-lighten));border-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-primary-twotone:hover{background:rgba(var(--ax-color-primary-300));color:rgba(var(--ax-color-primary-800));border-color:rgba(var(--ax-color-primary-300))}.ax-dark ax-chips.ax-primary-twotone:active{background:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-fore-lighten))}.ax-dark ax-chips.ax-primary-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-primary-outline{border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-50))}.ax-dark ax-chips.ax-primary-outline:hover{background:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-chips.ax-primary-outline:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-secondary-twotone{background:rgba(var(--ax-color-secondary-200));color:rgba(var(--ax-color-secondary-fore-lighten));border-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-chips.ax-secondary-twotone:hover{background:rgba(var(--ax-color-secondary-300));color:rgba(var(--ax-color-secondary-800));border-color:rgba(var(--ax-color-secondary-300))}.ax-dark ax-chips.ax-secondary-twotone:active{background:rgba(var(--ax-color-secondary-200));color:rgba(var(--ax-color-secondary-fore-lighten))}.ax-dark ax-chips.ax-secondary-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-secondary-outline{border-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-50))}.ax-dark ax-chips.ax-secondary-outline:hover{background:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-chips.ax-secondary-outline:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-success-twotone{background:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-fore-lighten));border-color:rgba(var(--ax-color-success-200))}.ax-dark ax-chips.ax-success-twotone:hover{background:rgba(var(--ax-color-success-300));color:rgba(var(--ax-color-success-800));border-color:rgba(var(--ax-color-success-300))}.ax-dark ax-chips.ax-success-twotone:active{background:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-fore-lighten))}.ax-dark ax-chips.ax-success-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-success-outline{border-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-50))}.ax-dark ax-chips.ax-success-outline:hover{background:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}.ax-dark ax-chips.ax-success-outline:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-warning-twotone{background:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-fore-lighten));border-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-chips.ax-warning-twotone:hover{background:rgba(var(--ax-color-warning-300));color:rgba(var(--ax-color-warning-800));border-color:rgba(var(--ax-color-warning-300))}.ax-dark ax-chips.ax-warning-twotone:active{background:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-fore-lighten))}.ax-dark ax-chips.ax-warning-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-warning-outline{border-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-50))}.ax-dark ax-chips.ax-warning-outline:hover{background:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-chips.ax-warning-outline:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-danger-twotone{background:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-fore-lighten));border-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-chips.ax-danger-twotone:hover{background:rgba(var(--ax-color-danger-300));color:rgba(var(--ax-color-danger-800));border-color:rgba(var(--ax-color-danger-300))}.ax-dark ax-chips.ax-danger-twotone:active{background:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-fore-lighten))}.ax-dark ax-chips.ax-danger-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-danger-outline{border-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-50))}.ax-dark ax-chips.ax-danger-outline:hover{background:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-chips.ax-danger-outline:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-info-twotone{background:rgba(var(--ax-color-info-200));color:rgba(var(--ax-color-info-fore-lighten));border-color:rgba(var(--ax-color-info-200))}.ax-dark ax-chips.ax-info-twotone:hover{background:rgba(var(--ax-color-info-300));color:rgba(var(--ax-color-info-800));border-color:rgba(var(--ax-color-info-300))}.ax-dark ax-chips.ax-info-twotone:active{background:rgba(var(--ax-color-info-200));color:rgba(var(--ax-color-info-fore-lighten))}.ax-dark ax-chips.ax-info-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-info-outline{border-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-50))}.ax-dark ax-chips.ax-info-outline:hover{background:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}.ax-dark ax-chips.ax-info-outline:focus-visible{background-color:rgba(var(--ax-color-primary-200))}\n"] }]
|
|
20
|
+
args: [{ selector: 'ax-chips', inputs: ['tabIndex', 'color'], outputs: ['colorChange'], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content select=\"ax-prefix\"></ng-content>\n<div class=\"ax-chips-text\" *ngIf=\"text\">{{text}}</div>\n<ng-content select=\"ax-suffix\"></ng-content>", styles: ["ax-chips{font-size:.875rem;line-height:1.25rem;padding:.375rem .75rem;border-radius:99rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .3s;-webkit-user-select:none;user-select:none;font-weight:500}ax-chips.ax-ghost-solid{border:1px solid;border-color:rgba(var(--ax-color-border-default));background-color:rgba(var(--ax-color-ghost));color:rgba(var(--ax-color-ghost-fore))}ax-chips.ax-ghost-outline{background-color:transparent;border:1px solid;border-color:rgba(var(--ax-color-ghost));color:rgba(var(--ax-color-ghost-fore))}ax-chips.ax-ghost-twotone{background-color:rgba(var(--ax-color-ghost-fore),.16);border:1px solid;border-color:rgba(var(--ax-color-ghost-fore),0);color:rgba(var(--ax-color-ghost-fore))}ax-chips:focus-visible{outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgba(var(--ax-color-black),.5)}ax-chips .ax-chips-text{padding:0 .5rem;text-wrap:nowrap;text-overflow:ellipsis;overflow:hidden}ax-chips ax-prefix,ax-chips ax-suffix{display:flex;align-items:center;font-size:1.125rem}ax-chips.ax-primary-solid{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore));border:1px solid;border-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-primary-solid:hover{background-color:rgba(var(--ax-color-primary-600));border-color:rgba(var(--ax-color-primary-600))}ax-chips.ax-primary-solid:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-primary-twotone{background:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-fore-lighten));border:1px solid;border-color:rgba(var(--ax-color-primary-100))}ax-chips.ax-primary-twotone:hover{background:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-800));border-color:rgba(var(--ax-color-primary-200))}ax-chips.ax-primary-twotone:active{background:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-fore-lighten));border-color:rgba(var(--ax-color-primary-100))}ax-chips.ax-primary-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}ax-chips.ax-primary-outline{border:1px solid;border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500),.87)}ax-chips.ax-primary-outline:hover{background:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-chips.ax-primary-outline:active{background:rgba(var(--ax-color-primary-600));color:rgba(var(--ax-color-primary-fore))}ax-chips.ax-primary-outline:focus-visible{background-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-secondary-solid{background-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore));border:1px solid;border-color:rgba(var(--ax-color-secondary-500))}ax-chips.ax-secondary-solid:hover{background-color:rgba(var(--ax-color-secondary-600));border-color:rgba(var(--ax-color-secondary-600))}ax-chips.ax-secondary-solid:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-secondary-twotone{background:rgba(var(--ax-color-secondary-100));color:rgba(var(--ax-color-secondary-fore-lighten));border:1px solid;border-color:rgba(var(--ax-color-secondary-100))}ax-chips.ax-secondary-twotone:hover{background:rgba(var(--ax-color-secondary-200));color:rgba(var(--ax-color-secondary-800));border-color:rgba(var(--ax-color-secondary-200))}ax-chips.ax-secondary-twotone:active{background:rgba(var(--ax-color-secondary-100));color:rgba(var(--ax-color-secondary-fore-lighten));border-color:rgba(var(--ax-color-secondary-100))}ax-chips.ax-secondary-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}ax-chips.ax-secondary-outline{border:1px solid;border-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-500),.87)}ax-chips.ax-secondary-outline:hover{background:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}ax-chips.ax-secondary-outline:active{background:rgba(var(--ax-color-secondary-600));color:rgba(var(--ax-color-secondary-fore))}ax-chips.ax-secondary-outline:focus-visible{background-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-success-solid{background-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore));border:1px solid;border-color:rgba(var(--ax-color-success-500))}ax-chips.ax-success-solid:hover{background-color:rgba(var(--ax-color-success-600));border-color:rgba(var(--ax-color-success-600))}ax-chips.ax-success-solid:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-success-twotone{background:rgba(var(--ax-color-success-100));color:rgba(var(--ax-color-success-fore-lighten));border:1px solid;border-color:rgba(var(--ax-color-success-100))}ax-chips.ax-success-twotone:hover{background:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-800));border-color:rgba(var(--ax-color-success-200))}ax-chips.ax-success-twotone:active{background:rgba(var(--ax-color-success-100));color:rgba(var(--ax-color-success-fore-lighten));border-color:rgba(var(--ax-color-success-100))}ax-chips.ax-success-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}ax-chips.ax-success-outline{border:1px solid;border-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-500),.87)}ax-chips.ax-success-outline:hover{background:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}ax-chips.ax-success-outline:active{background:rgba(var(--ax-color-success-600));color:rgba(var(--ax-color-success-fore))}ax-chips.ax-success-outline:focus-visible{background-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-warning-solid{background-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore));border:1px solid;border-color:rgba(var(--ax-color-warning-500))}ax-chips.ax-warning-solid:hover{background-color:rgba(var(--ax-color-warning-600));border-color:rgba(var(--ax-color-warning-600))}ax-chips.ax-warning-solid:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-warning-twotone{background:rgba(var(--ax-color-warning-100));color:rgba(var(--ax-color-warning-fore-lighten));border:1px solid;border-color:rgba(var(--ax-color-warning-100))}ax-chips.ax-warning-twotone:hover{background:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-800));border-color:rgba(var(--ax-color-warning-200))}ax-chips.ax-warning-twotone:active{background:rgba(var(--ax-color-warning-100));color:rgba(var(--ax-color-warning-fore-lighten));border-color:rgba(var(--ax-color-warning-100))}ax-chips.ax-warning-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}ax-chips.ax-warning-outline{border:1px solid;border-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-500),.87)}ax-chips.ax-warning-outline:hover{background:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}ax-chips.ax-warning-outline:active{background:rgba(var(--ax-color-warning-600));color:rgba(var(--ax-color-warning-fore))}ax-chips.ax-warning-outline:focus-visible{background-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-danger-solid{background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore));border:1px solid;border-color:rgba(var(--ax-color-danger-500))}ax-chips.ax-danger-solid:hover{background-color:rgba(var(--ax-color-danger-600));border-color:rgba(var(--ax-color-danger-600))}ax-chips.ax-danger-solid:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-danger-twotone{background:rgba(var(--ax-color-danger-100));color:rgba(var(--ax-color-danger-fore-lighten));border:1px solid;border-color:rgba(var(--ax-color-danger-100))}ax-chips.ax-danger-twotone:hover{background:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-800));border-color:rgba(var(--ax-color-danger-200))}ax-chips.ax-danger-twotone:active{background:rgba(var(--ax-color-danger-100));color:rgba(var(--ax-color-danger-fore-lighten));border-color:rgba(var(--ax-color-danger-100))}ax-chips.ax-danger-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}ax-chips.ax-danger-outline{border:1px solid;border-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-500),.87)}ax-chips.ax-danger-outline:hover{background:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}ax-chips.ax-danger-outline:active{background:rgba(var(--ax-color-danger-600));color:rgba(var(--ax-color-danger-fore))}ax-chips.ax-danger-outline:focus-visible{background-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-info-solid{background-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore));border:1px solid;border-color:rgba(var(--ax-color-info-500))}ax-chips.ax-info-solid:hover{background-color:rgba(var(--ax-color-info-600));border-color:rgba(var(--ax-color-info-600))}ax-chips.ax-info-solid:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-info-twotone{background:rgba(var(--ax-color-info-100));color:rgba(var(--ax-color-info-fore-lighten));border:1px solid;border-color:rgba(var(--ax-color-info-100))}ax-chips.ax-info-twotone:hover{background:rgba(var(--ax-color-info-200));color:rgba(var(--ax-color-info-800));border-color:rgba(var(--ax-color-info-200))}ax-chips.ax-info-twotone:active{background:rgba(var(--ax-color-info-100));color:rgba(var(--ax-color-info-fore-lighten));border-color:rgba(var(--ax-color-info-100))}ax-chips.ax-info-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}ax-chips.ax-info-outline{border:1px solid;border-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-500),.87)}ax-chips.ax-info-outline:hover{background:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}ax-chips.ax-info-outline:active{background:rgba(var(--ax-color-info-600));color:rgba(var(--ax-color-info-fore))}ax-chips.ax-info-outline:focus-visible{background-color:rgba(var(--ax-color-primary-500))}.ax-dark ax-chips.ax-primary-solid{background-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-fore-lighten));border:1px solid;border-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-primary-solid:hover{background-color:rgba(var(--ax-color-primary-300));border-color:rgba(var(--ax-color-primary-300))}.ax-dark ax-chips.ax-primary-solid:focus-visible{outline-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-primary-twotone{background:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-fore-lighten));border:1px solid;border-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-primary-twotone:hover{background:rgba(var(--ax-color-primary-300));color:rgba(var(--ax-color-primary-fore-lighten));border-color:rgba(var(--ax-color-primary-300))}.ax-dark ax-chips.ax-primary-twotone:active{background:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-fore-lighten));border-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-primary-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-primary-outline{border:1px solid;border-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-chips.ax-primary-outline:hover{background:rgba(var(--ax-color-primary-300));color:rgba(var(--ax-color-primary-fore-lighten))}.ax-dark ax-chips.ax-primary-outline:active{background:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-fore-lighten))}.ax-dark ax-chips.ax-primary-outline:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-secondary-solid{background-color:rgba(var(--ax-color-secondary-200));color:rgba(var(--ax-color-secondary-fore-lighten));border:1px solid;border-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-chips.ax-secondary-solid:hover{background-color:rgba(var(--ax-color-secondary-300));border-color:rgba(var(--ax-color-secondary-300))}.ax-dark ax-chips.ax-secondary-solid:focus-visible{outline-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-secondary-twotone{background:rgba(var(--ax-color-secondary-200));color:rgba(var(--ax-color-secondary-fore-lighten));border:1px solid;border-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-chips.ax-secondary-twotone:hover{background:rgba(var(--ax-color-secondary-300));color:rgba(var(--ax-color-secondary-fore-lighten));border-color:rgba(var(--ax-color-secondary-300))}.ax-dark ax-chips.ax-secondary-twotone:active{background:rgba(var(--ax-color-secondary-200));color:rgba(var(--ax-color-secondary-fore-lighten));border-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-chips.ax-secondary-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-secondary-outline{border:1px solid;border-color:rgba(var(--ax-color-secondary-200));color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-chips.ax-secondary-outline:hover{background:rgba(var(--ax-color-secondary-300));color:rgba(var(--ax-color-secondary-fore-lighten))}.ax-dark ax-chips.ax-secondary-outline:active{background:rgba(var(--ax-color-secondary-200));color:rgba(var(--ax-color-secondary-fore-lighten))}.ax-dark ax-chips.ax-secondary-outline:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-success-solid{background-color:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-fore-lighten));border:1px solid;border-color:rgba(var(--ax-color-success-200))}.ax-dark ax-chips.ax-success-solid:hover{background-color:rgba(var(--ax-color-success-300));border-color:rgba(var(--ax-color-success-300))}.ax-dark ax-chips.ax-success-solid:focus-visible{outline-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-success-twotone{background:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-fore-lighten));border:1px solid;border-color:rgba(var(--ax-color-success-200))}.ax-dark ax-chips.ax-success-twotone:hover{background:rgba(var(--ax-color-success-300));color:rgba(var(--ax-color-success-fore-lighten));border-color:rgba(var(--ax-color-success-300))}.ax-dark ax-chips.ax-success-twotone:active{background:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-fore-lighten));border-color:rgba(var(--ax-color-success-200))}.ax-dark ax-chips.ax-success-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-success-outline{border:1px solid;border-color:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-fore))}.ax-dark ax-chips.ax-success-outline:hover{background:rgba(var(--ax-color-success-300));color:rgba(var(--ax-color-success-fore-lighten))}.ax-dark ax-chips.ax-success-outline:active{background:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-fore-lighten))}.ax-dark ax-chips.ax-success-outline:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-warning-solid{background-color:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-fore-lighten));border:1px solid;border-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-chips.ax-warning-solid:hover{background-color:rgba(var(--ax-color-warning-300));border-color:rgba(var(--ax-color-warning-300))}.ax-dark ax-chips.ax-warning-solid:focus-visible{outline-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-warning-twotone{background:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-fore-lighten));border:1px solid;border-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-chips.ax-warning-twotone:hover{background:rgba(var(--ax-color-warning-300));color:rgba(var(--ax-color-warning-fore-lighten));border-color:rgba(var(--ax-color-warning-300))}.ax-dark ax-chips.ax-warning-twotone:active{background:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-fore-lighten));border-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-chips.ax-warning-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-warning-outline{border:1px solid;border-color:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-chips.ax-warning-outline:hover{background:rgba(var(--ax-color-warning-300));color:rgba(var(--ax-color-warning-fore-lighten))}.ax-dark ax-chips.ax-warning-outline:active{background:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-fore-lighten))}.ax-dark ax-chips.ax-warning-outline:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-danger-solid{background-color:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-fore-lighten));border:1px solid;border-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-chips.ax-danger-solid:hover{background-color:rgba(var(--ax-color-danger-300));border-color:rgba(var(--ax-color-danger-300))}.ax-dark ax-chips.ax-danger-solid:focus-visible{outline-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-danger-twotone{background:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-fore-lighten));border:1px solid;border-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-chips.ax-danger-twotone:hover{background:rgba(var(--ax-color-danger-300));color:rgba(var(--ax-color-danger-fore-lighten));border-color:rgba(var(--ax-color-danger-300))}.ax-dark ax-chips.ax-danger-twotone:active{background:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-fore-lighten));border-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-chips.ax-danger-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-danger-outline{border:1px solid;border-color:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-chips.ax-danger-outline:hover{background:rgba(var(--ax-color-danger-300));color:rgba(var(--ax-color-danger-fore-lighten))}.ax-dark ax-chips.ax-danger-outline:active{background:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-fore-lighten))}.ax-dark ax-chips.ax-danger-outline:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-info-solid{background-color:rgba(var(--ax-color-info-200));color:rgba(var(--ax-color-info-fore-lighten));border:1px solid;border-color:rgba(var(--ax-color-info-200))}.ax-dark ax-chips.ax-info-solid:hover{background-color:rgba(var(--ax-color-info-300));border-color:rgba(var(--ax-color-info-300))}.ax-dark ax-chips.ax-info-solid:focus-visible{outline-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-info-twotone{background:rgba(var(--ax-color-info-200));color:rgba(var(--ax-color-info-fore-lighten));border:1px solid;border-color:rgba(var(--ax-color-info-200))}.ax-dark ax-chips.ax-info-twotone:hover{background:rgba(var(--ax-color-info-300));color:rgba(var(--ax-color-info-fore-lighten));border-color:rgba(var(--ax-color-info-300))}.ax-dark ax-chips.ax-info-twotone:active{background:rgba(var(--ax-color-info-200));color:rgba(var(--ax-color-info-fore-lighten));border-color:rgba(var(--ax-color-info-200))}.ax-dark ax-chips.ax-info-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-info-outline{border:1px solid;border-color:rgba(var(--ax-color-info-200));color:rgba(var(--ax-color-info-fore))}.ax-dark ax-chips.ax-info-outline:hover{background:rgba(var(--ax-color-info-300));color:rgba(var(--ax-color-info-fore-lighten))}.ax-dark ax-chips.ax-info-outline:active{background:rgba(var(--ax-color-info-200));color:rgba(var(--ax-color-info-fore-lighten))}.ax-dark ax-chips.ax-info-outline:focus-visible{background-color:rgba(var(--ax-color-primary-200))}\n"] }]
|
|
21
21
|
}], ctorParameters: function () { return []; }, propDecorators: { look: [{
|
|
22
22
|
type: Input
|
|
23
23
|
}], text: [{
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { AXClickEvent, MXInteractiveComponent } from '@acorex/components/common';
|
|
2
|
+
import { AUTO_STYLE, animate, state, style, transition, trigger } from '@angular/animations';
|
|
2
3
|
import { ChangeDetectionStrategy, Component, EventEmitter, HostBinding, Input, Output, TemplateRef, ViewEncapsulation, } from '@angular/core';
|
|
3
4
|
import * as i0 from "@angular/core";
|
|
4
5
|
import * as i1 from "@angular/common";
|
|
@@ -80,11 +81,25 @@ export class AXCollapseComponent extends MXInteractiveComponent {
|
|
|
80
81
|
return [`${this.disabled ? 'ax-state-disabled' : ''}`];
|
|
81
82
|
}
|
|
82
83
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: AXCollapseComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
83
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.6", type: AXCollapseComponent, selector: "ax-collapse", inputs: { disabled: "disabled", isCollapsed: "isCollapsed", caption: "caption", icon: "icon", isLoading: "isLoading", headerTemplate: "headerTemplate" }, outputs: { onClick: "onClick", isCollapsedChange: "isCollapsedChange" }, host: { properties: { "class": "this.__hostClass" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"ax-collapse-header\" [class.ax-state-collapsed]=\"isCollapsed\" (click)=\"handleHeaderClick($event)\">\n <ng-container *ngIf=\"headerTemplate; else default\">\n <div class=\"ax-collapse-custom-header-container\">\n <ng-container\n [ngTemplateOutlet]=\"headerTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: { caption, isCollapsed } }\"\n ></ng-container>\n </div>\n </ng-container>\n <ng-template #default>\n <div class=\"ax-collapse-header-container\">\n <div class=\"ax-collapse-header-start\">\n <span class=\"ax-collapse-header-icon\" [class]=\"icon\"> </span>\n <span>\n {{ caption }}\n </span>\n </div>\n <ng-container *ngIf=\"isLoading; else elseTemplate\">\n <ax-loading></ax-loading>\n </ng-container>\n <ng-template #elseTemplate>\n <span\n class=\"ax-icon ax-icon-chevron-left ax-collapse-arrow\"\n [ngClass]=\"{ '-rotation-90': isCollapsed, 'rotation-90': !isCollapsed }\"\n ></span>\n </ng-template>\n </div>\n </ng-template>\n</div>\n<div class=\"ax-collapse-body\"
|
|
84
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.6", type: AXCollapseComponent, selector: "ax-collapse", inputs: { disabled: "disabled", isCollapsed: "isCollapsed", caption: "caption", icon: "icon", isLoading: "isLoading", headerTemplate: "headerTemplate" }, outputs: { onClick: "onClick", isCollapsedChange: "isCollapsedChange" }, host: { properties: { "class": "this.__hostClass" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"ax-collapse-header\" [class.ax-state-collapsed]=\"isCollapsed\" (click)=\"handleHeaderClick($event)\">\n <ng-container *ngIf=\"headerTemplate; else default\">\n <div class=\"ax-collapse-custom-header-container\">\n <ng-container\n [ngTemplateOutlet]=\"headerTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: { caption, isCollapsed } }\"\n ></ng-container>\n </div>\n </ng-container>\n <ng-template #default>\n <div class=\"ax-collapse-header-container\">\n <div class=\"ax-collapse-header-start\">\n <span class=\"ax-collapse-header-icon\" [class]=\"icon\"> </span>\n <span>\n {{ caption }}\n </span>\n </div>\n <ng-container *ngIf=\"isLoading; else elseTemplate\">\n <ax-loading></ax-loading>\n </ng-container>\n <ng-template #elseTemplate>\n <span\n class=\"ax-icon ax-icon-chevron-left ax-collapse-arrow\"\n [ngClass]=\"{ '-rotation-90': isCollapsed, 'rotation-90': !isCollapsed }\"\n ></span>\n </ng-template>\n </div>\n </ng-template>\n</div>\n<div class=\"ax-collapse-body\" [@collapse]=\"isCollapsed\">\n <div class=\"ax-collapse-body-content\">\n <ng-content></ng-content>\n </div>\n</div>\n", styles: ["ax-collapse,ax-collapse-group{display:block;overflow:hidden;font-size:1rem;width:100%}ax-collapse-group.ax-look-solid{border:1px solid;border-color:rgba(var(--ax-color-border-default));border-radius:var(--ax-rounded-border-default)}ax-collapse-group.ax-look-solid .ax-collapse-header{background-color:rgba(var(--ax-color-surface))}ax-collapse-group.ax-look-solid ax-collapse{border:0!important;border-radius:0!important}ax-collapse-group.ax-look-solid ax-collapse:not(ax-collapse-group.ax-look-solid ax-collapse:last-child){border-bottom:1px solid!important;border-color:rgba(var(--ax-color-border-default))!important}ax-collapse-group.ax-look-fill .ax-collapse-header{background-color:rgba(var(--ax-color-on-surface));border-radius:var(--ax-rounded-border-default)}ax-collapse-group.ax-look-fill ax-collapse{border-radius:var(--ax-rounded-border-default);margin-bottom:.5rem}ax-collapse-group.ax-look-outline .ax-collapse-header{background-color:transparent}ax-collapse-group.ax-look-outline ax-collapse{border-radius:var(--ax-rounded-border-default);border:1px solid;border-color:rgba(var(--ax-color-border-default));margin-bottom:.5rem}ax-collapse-group.ax-look-flat .ax-collapse-header{background-color:transparent}ax-collapse-group.ax-look-flat ax-collapse{border-bottom:1px solid;border-color:rgba(var(--ax-color-border-default));margin-bottom:.5rem}ax-collapse.ax-state-disabled{cursor:not-allowed;opacity:.5}ax-collapse .ax-collapse-header,ax-collapse .ax-collapse-body{color:rgba(var(--ax-color-text-default));font-size:.875rem}ax-collapse .ax-collapse-header{cursor:pointer;-webkit-user-select:none;user-select:none;padding:.75rem}ax-collapse .ax-collapse-header .ax-collapse-header-container{display:flex;justify-content:space-between}ax-collapse .ax-collapse-header .ax-collapse-header-container .ax-collapse-header-start{display:flex;align-items:center}ax-collapse .ax-collapse-header .ax-collapse-header-container .ax-collapse-header-start:not(:empty) .ax-collapse-header-icon{font-size:1.25rem;padding-inline-end:.5rem}ax-collapse .ax-collapse-header .ax-collapse-header-container .ax-collapse-arrow{font-size:1.5rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-collapse .ax-collapse-header .ax-collapse-header-container .ax-collapse-arrow.-rotation-90{transform:rotate(-90deg)}ax-collapse .ax-collapse-header .ax-collapse-header-container .ax-collapse-arrow.rotation-90{transform:rotate(90deg)}ax-collapse .ax-collapse-body{background-color:rgba(var(--ax-color-surface))}ax-collapse .ax-collapse-body .ax-collapse-body-content{padding:1rem 1.25rem}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }], animations: [
|
|
85
|
+
trigger('collapse', [
|
|
86
|
+
state('false', style({ height: AUTO_STYLE, visibility: AUTO_STYLE })),
|
|
87
|
+
state('true', style({ height: '0', visibility: 'hidden' })),
|
|
88
|
+
transition('false => true', animate(150 + 'ms ease-in')),
|
|
89
|
+
transition('true => false', animate(150 + 'ms ease-out')),
|
|
90
|
+
]),
|
|
91
|
+
], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
84
92
|
}
|
|
85
93
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: AXCollapseComponent, decorators: [{
|
|
86
94
|
type: Component,
|
|
87
|
-
args: [{ selector: 'ax-collapse', inputs: ['disabled'], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None,
|
|
95
|
+
args: [{ selector: 'ax-collapse', inputs: ['disabled'], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, animations: [
|
|
96
|
+
trigger('collapse', [
|
|
97
|
+
state('false', style({ height: AUTO_STYLE, visibility: AUTO_STYLE })),
|
|
98
|
+
state('true', style({ height: '0', visibility: 'hidden' })),
|
|
99
|
+
transition('false => true', animate(150 + 'ms ease-in')),
|
|
100
|
+
transition('true => false', animate(150 + 'ms ease-out')),
|
|
101
|
+
]),
|
|
102
|
+
], template: "<div class=\"ax-collapse-header\" [class.ax-state-collapsed]=\"isCollapsed\" (click)=\"handleHeaderClick($event)\">\n <ng-container *ngIf=\"headerTemplate; else default\">\n <div class=\"ax-collapse-custom-header-container\">\n <ng-container\n [ngTemplateOutlet]=\"headerTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: { caption, isCollapsed } }\"\n ></ng-container>\n </div>\n </ng-container>\n <ng-template #default>\n <div class=\"ax-collapse-header-container\">\n <div class=\"ax-collapse-header-start\">\n <span class=\"ax-collapse-header-icon\" [class]=\"icon\"> </span>\n <span>\n {{ caption }}\n </span>\n </div>\n <ng-container *ngIf=\"isLoading; else elseTemplate\">\n <ax-loading></ax-loading>\n </ng-container>\n <ng-template #elseTemplate>\n <span\n class=\"ax-icon ax-icon-chevron-left ax-collapse-arrow\"\n [ngClass]=\"{ '-rotation-90': isCollapsed, 'rotation-90': !isCollapsed }\"\n ></span>\n </ng-template>\n </div>\n </ng-template>\n</div>\n<div class=\"ax-collapse-body\" [@collapse]=\"isCollapsed\">\n <div class=\"ax-collapse-body-content\">\n <ng-content></ng-content>\n </div>\n</div>\n", styles: ["ax-collapse,ax-collapse-group{display:block;overflow:hidden;font-size:1rem;width:100%}ax-collapse-group.ax-look-solid{border:1px solid;border-color:rgba(var(--ax-color-border-default));border-radius:var(--ax-rounded-border-default)}ax-collapse-group.ax-look-solid .ax-collapse-header{background-color:rgba(var(--ax-color-surface))}ax-collapse-group.ax-look-solid ax-collapse{border:0!important;border-radius:0!important}ax-collapse-group.ax-look-solid ax-collapse:not(ax-collapse-group.ax-look-solid ax-collapse:last-child){border-bottom:1px solid!important;border-color:rgba(var(--ax-color-border-default))!important}ax-collapse-group.ax-look-fill .ax-collapse-header{background-color:rgba(var(--ax-color-on-surface));border-radius:var(--ax-rounded-border-default)}ax-collapse-group.ax-look-fill ax-collapse{border-radius:var(--ax-rounded-border-default);margin-bottom:.5rem}ax-collapse-group.ax-look-outline .ax-collapse-header{background-color:transparent}ax-collapse-group.ax-look-outline ax-collapse{border-radius:var(--ax-rounded-border-default);border:1px solid;border-color:rgba(var(--ax-color-border-default));margin-bottom:.5rem}ax-collapse-group.ax-look-flat .ax-collapse-header{background-color:transparent}ax-collapse-group.ax-look-flat ax-collapse{border-bottom:1px solid;border-color:rgba(var(--ax-color-border-default));margin-bottom:.5rem}ax-collapse.ax-state-disabled{cursor:not-allowed;opacity:.5}ax-collapse .ax-collapse-header,ax-collapse .ax-collapse-body{color:rgba(var(--ax-color-text-default));font-size:.875rem}ax-collapse .ax-collapse-header{cursor:pointer;-webkit-user-select:none;user-select:none;padding:.75rem}ax-collapse .ax-collapse-header .ax-collapse-header-container{display:flex;justify-content:space-between}ax-collapse .ax-collapse-header .ax-collapse-header-container .ax-collapse-header-start{display:flex;align-items:center}ax-collapse .ax-collapse-header .ax-collapse-header-container .ax-collapse-header-start:not(:empty) .ax-collapse-header-icon{font-size:1.25rem;padding-inline-end:.5rem}ax-collapse .ax-collapse-header .ax-collapse-header-container .ax-collapse-arrow{font-size:1.5rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-collapse .ax-collapse-header .ax-collapse-header-container .ax-collapse-arrow.-rotation-90{transform:rotate(-90deg)}ax-collapse .ax-collapse-header .ax-collapse-header-container .ax-collapse-arrow.rotation-90{transform:rotate(90deg)}ax-collapse .ax-collapse-body{background-color:rgba(var(--ax-color-surface))}ax-collapse .ax-collapse-body .ax-collapse-body-content{padding:1rem 1.25rem}\n"] }]
|
|
88
103
|
}], propDecorators: { onClick: [{
|
|
89
104
|
type: Output
|
|
90
105
|
}], isCollapsedChange: [{
|
|
@@ -103,4 +118,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.6", ngImpor
|
|
|
103
118
|
type: HostBinding,
|
|
104
119
|
args: ['class']
|
|
105
120
|
}] } });
|
|
106
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
121
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sbGFwc2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL2NvbGxhcHNlL3NyYy9saWIvY29sbGFwc2UuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL2NvbGxhcHNlL3NyYy9saWIvY29sbGFwc2UuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQ2pGLE9BQU8sRUFBRSxVQUFVLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLE9BQU8sRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQzdGLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFlBQVksRUFDWixXQUFXLEVBQ1gsS0FBSyxFQUNMLE1BQU0sRUFDTixXQUFXLEVBQ1gsaUJBQWlCLEdBQ2xCLE1BQU0sZUFBZSxDQUFDOzs7O0FBRXZCLE1BQU0sT0FBTyxvQkFBcUIsU0FBUSxZQUFZO0lBQXREOztRQUNFLFlBQU8sR0FBRyxLQUFLLENBQUM7SUFDbEIsQ0FBQztDQUFBO0FBa0JELE1BQU0sT0FBTyxtQkFBb0IsU0FBUSxzQkFBc0I7SUFoQi9EOztRQWlCRTs7O1dBR0c7UUFFSCxZQUFPLEdBQXVDLElBQUksWUFBWSxFQUF3QixDQUFDO1FBR3ZGLHNCQUFpQixHQUFzQixJQUFJLFlBQVksRUFBTyxDQUFDO1FBRXZELGlCQUFZLEdBQUcsS0FBSyxDQUFDO1FBbUI3QixZQUFPLEdBQUcsRUFBRSxDQUFDO1FBR2IsU0FBSSxHQUFHLEVBQUUsQ0FBQztRQUVGLGVBQVUsR0FBRyxLQUFLLENBQUM7S0FtRDVCO0lBMUVDOztPQUVHO0lBQ0gsSUFDVyxXQUFXO1FBQ3BCLE9BQU8sSUFBSSxDQUFDLFlBQVksQ0FBQztJQUMzQixDQUFDO0lBQ0QsSUFBVyxXQUFXLENBQUMsQ0FBVTtRQUMvQixJQUFJLENBQUMsU0FBUyxDQUFDO1lBQ2IsSUFBSSxFQUFFLGFBQWE7WUFDbkIsS0FBSyxFQUFFLENBQUM7WUFDUixhQUFhLEVBQUUsR0FBRyxFQUFFO2dCQUNsQixJQUFJLENBQUMsR0FBRyxDQUFDLGFBQWEsRUFBRSxDQUFDO1lBQzNCLENBQUM7U0FDRixDQUFDLENBQUM7SUFDTCxDQUFDO0lBU0Q7O09BRUc7SUFDSCxJQUNXLFNBQVM7UUFDbEIsT0FBTyxJQUFJLENBQUMsVUFBVSxDQUFDO0lBQ3pCLENBQUM7SUFDRCxJQUFXLFNBQVMsQ0FBQyxDQUFVO1FBQzdCLElBQUksQ0FBQyxTQUFTLENBQUM7WUFDYixJQUFJLEVBQUUsV0FBVztZQUNqQixLQUFLLEVBQUUsQ0FBQztZQUNSLGFBQWEsRUFBRSxHQUFHLEVBQUU7Z0JBQ2xCLElBQUksQ0FBQyxHQUFHLENBQUMsYUFBYSxFQUFFLENBQUM7WUFDM0IsQ0FBQztTQUNGLENBQUMsQ0FBQztJQUNMLENBQUM7SUFLRCxpQkFBaUIsQ0FBQyxDQUFhO1FBQzdCLElBQUksSUFBSSxDQUFDLFFBQVEsSUFBSSxJQUFJLENBQUMsU0FBUztZQUFFLE9BQU87UUFDNUMsTUFBTSxLQUFLLEdBQUc7WUFDWixTQUFTLEVBQUUsSUFBSTtZQUNmLFdBQVcsRUFBRSxJQUFJLENBQUMsY0FBYyxFQUFFO1lBQ2xDLFdBQVcsRUFBRSxDQUFDO1lBQ2QsT0FBTyxFQUFFLEtBQUs7U0FDZixDQUFDO1FBQ0YsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDekIsSUFBSSxDQUFDLEtBQUssQ0FBQyxPQUFPLEVBQUU7WUFDbEIsSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFDO1NBQ2Y7SUFDSCxDQUFDO0lBRUQsSUFBSTtRQUNGLElBQUksQ0FBQyxXQUFXLEdBQUcsS0FBSyxDQUFDO0lBQzNCLENBQUM7SUFFRCxLQUFLO1FBQ0gsSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUM7SUFDMUIsQ0FBQztJQUVELE1BQU07UUFDSixJQUFJLENBQUMsV0FBVyxHQUFHLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQztJQUN2QyxDQUFDO0lBRUQsSUFDSSxXQUFXO1FBQ2IsT0FBTyxDQUFDLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsbUJBQW1CLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUM7SUFDekQsQ0FBQzs4R0FyRlUsbUJBQW1CO2tHQUFuQixtQkFBbUIsb1dDakNoQyw4dUNBa0NBLHFtR0RWYztZQUNWLE9BQU8sQ0FBQyxVQUFVLEVBQUU7Z0JBQ2xCLEtBQUssQ0FBQyxPQUFPLEVBQUUsS0FBSyxDQUFDLEVBQUUsTUFBTSxFQUFFLFVBQVUsRUFBRSxVQUFVLEVBQUUsVUFBVSxFQUFFLENBQUMsQ0FBQztnQkFDckUsS0FBSyxDQUFDLE1BQU0sRUFBRSxLQUFLLENBQUMsRUFBRSxNQUFNLEVBQUUsR0FBRyxFQUFFLFVBQVUsRUFBRSxRQUFRLEVBQUUsQ0FBQyxDQUFDO2dCQUMzRCxVQUFVLENBQUMsZUFBZSxFQUFFLE9BQU8sQ0FBQyxHQUFHLEdBQUcsWUFBWSxDQUFDLENBQUM7Z0JBQ3hELFVBQVUsQ0FBQyxlQUFlLEVBQUUsT0FBTyxDQUFDLEdBQUcsR0FBRyxhQUFhLENBQUMsQ0FBQzthQUMxRCxDQUFDO1NBQ0g7OzJGQUVVLG1CQUFtQjtrQkFoQi9CLFNBQVM7K0JBQ0UsYUFBYSxVQUVmLENBQUMsVUFBVSxDQUFDLG1CQUVILHVCQUF1QixDQUFDLE1BQU0saUJBQ2hDLGlCQUFpQixDQUFDLElBQUksY0FDekI7d0JBQ1YsT0FBTyxDQUFDLFVBQVUsRUFBRTs0QkFDbEIsS0FBSyxDQUFDLE9BQU8sRUFBRSxLQUFLLENBQUMsRUFBRSxNQUFNLEVBQUUsVUFBVSxFQUFFLFVBQVUsRUFBRSxVQUFVLEVBQUUsQ0FBQyxDQUFDOzRCQUNyRSxLQUFLLENBQUMsTUFBTSxFQUFFLEtBQUssQ0FBQyxFQUFFLE1BQU0sRUFBRSxHQUFHLEVBQUUsVUFBVSxFQUFFLFFBQVEsRUFBRSxDQUFDLENBQUM7NEJBQzNELFVBQVUsQ0FBQyxlQUFlLEVBQUUsT0FBTyxDQUFDLEdBQUcsR0FBRyxZQUFZLENBQUMsQ0FBQzs0QkFDeEQsVUFBVSxDQUFDLGVBQWUsRUFBRSxPQUFPLENBQUMsR0FBRyxHQUFHLGFBQWEsQ0FBQyxDQUFDO3lCQUMxRCxDQUFDO3FCQUNIOzhCQVFELE9BQU87c0JBRE4sTUFBTTtnQkFJUCxpQkFBaUI7c0JBRGhCLE1BQU07Z0JBUUksV0FBVztzQkFEckIsS0FBSztnQkFlTixPQUFPO3NCQUROLEtBQUs7Z0JBSU4sSUFBSTtzQkFESCxLQUFLO2dCQVFLLFNBQVM7c0JBRG5CLEtBQUs7Z0JBZU4sY0FBYztzQkFEYixLQUFLO2dCQThCRixXQUFXO3NCQURkLFdBQVc7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFYQ2xpY2tFdmVudCwgTVhJbnRlcmFjdGl2ZUNvbXBvbmVudCB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy9jb21tb24nO1xuaW1wb3J0IHsgQVVUT19TVFlMRSwgYW5pbWF0ZSwgc3RhdGUsIHN0eWxlLCB0cmFuc2l0aW9uLCB0cmlnZ2VyIH0gZnJvbSAnQGFuZ3VsYXIvYW5pbWF0aW9ucyc7XG5pbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBFdmVudEVtaXR0ZXIsXG4gIEhvc3RCaW5kaW5nLFxuICBJbnB1dCxcbiAgT3V0cHV0LFxuICBUZW1wbGF0ZVJlZixcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5leHBvcnQgY2xhc3MgQVhDb2xsYXBzZUNsaWNrRXZlbnQgZXh0ZW5kcyBBWENsaWNrRXZlbnQge1xuICBoYW5kbGVkID0gZmFsc2U7XG59XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2F4LWNvbGxhcHNlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2NvbGxhcHNlLmNvbXBvbmVudC5odG1sJyxcbiAgaW5wdXRzOiBbJ2Rpc2FibGVkJ10sXG4gIHN0eWxlVXJsczogWycuL2NvbGxhcHNlLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBhbmltYXRpb25zOiBbXG4gICAgdHJpZ2dlcignY29sbGFwc2UnLCBbXG4gICAgICBzdGF0ZSgnZmFsc2UnLCBzdHlsZSh7IGhlaWdodDogQVVUT19TVFlMRSwgdmlzaWJpbGl0eTogQVVUT19TVFlMRSB9KSksXG4gICAgICBzdGF0ZSgndHJ1ZScsIHN0eWxlKHsgaGVpZ2h0OiAnMCcsIHZpc2liaWxpdHk6ICdoaWRkZW4nIH0pKSxcbiAgICAgIHRyYW5zaXRpb24oJ2ZhbHNlID0+IHRydWUnLCBhbmltYXRlKDE1MCArICdtcyBlYXNlLWluJykpLFxuICAgICAgdHJhbnNpdGlvbigndHJ1ZSA9PiBmYWxzZScsIGFuaW1hdGUoMTUwICsgJ21zIGVhc2Utb3V0JykpLFxuICAgIF0pLFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBBWENvbGxhcHNlQ29tcG9uZW50IGV4dGVuZHMgTVhJbnRlcmFjdGl2ZUNvbXBvbmVudCB7XG4gIC8qKlxuICAgKiAgRmlyZXMgZWFjaCB0aW1lIHRoZSB1c2VyIGNsaWNrcyB0aGUgcGFuZWwgaGVhZGVyLlxuICAgKiAgQGV2ZW50XG4gICAqL1xuICBAT3V0cHV0KClcbiAgb25DbGljazogRXZlbnRFbWl0dGVyPEFYQ29sbGFwc2VDbGlja0V2ZW50PiA9IG5ldyBFdmVudEVtaXR0ZXI8QVhDb2xsYXBzZUNsaWNrRXZlbnQ+KCk7XG5cbiAgQE91dHB1dCgpXG4gIGlzQ29sbGFwc2VkQ2hhbmdlOiBFdmVudEVtaXR0ZXI8YW55PiA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xuXG4gIHByaXZhdGUgX2lzQ29sbGFwc2VkID0gZmFsc2U7XG4gIC8qKlxuICAgKiAgUHJvdmlkaW5nIGEgYm9vbGVhbiB2YWx1ZSBmb3IgaXRzIGNvbGxhcHNlIHN0YXRlXG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgZ2V0IGlzQ29sbGFwc2VkKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiB0aGlzLl9pc0NvbGxhcHNlZDtcbiAgfVxuICBwdWJsaWMgc2V0IGlzQ29sbGFwc2VkKHY6IGJvb2xlYW4pIHtcbiAgICB0aGlzLnNldE9wdGlvbih7XG4gICAgICBuYW1lOiAnaXNDb2xsYXBzZWQnLFxuICAgICAgdmFsdWU6IHYsXG4gICAgICBhZnRlckNhbGxiYWNrOiAoKSA9PiB7XG4gICAgICAgIHRoaXMuY2RyLmRldGVjdENoYW5nZXMoKTtcbiAgICAgIH0sXG4gICAgfSk7XG4gIH1cblxuICBASW5wdXQoKVxuICBjYXB0aW9uID0gJyc7XG5cbiAgQElucHV0KClcbiAgaWNvbiA9ICcnO1xuXG4gIHByaXZhdGUgX2lzTG9hZGluZyA9IGZhbHNlO1xuICAvKipcbiAgICogIFByb3ZpZGluZyBhIGJvb2xlYW4gdmFsdWUgZm9yIGl0cyBjb2xsYXBzZSBzdGF0ZVxuICAgKi9cbiAgQElucHV0KClcbiAgcHVibGljIGdldCBpc0xvYWRpbmcoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMuX2lzTG9hZGluZztcbiAgfVxuICBwdWJsaWMgc2V0IGlzTG9hZGluZyh2OiBib29sZWFuKSB7XG4gICAgdGhpcy5zZXRPcHRpb24oe1xuICAgICAgbmFtZTogJ2lzTG9hZGluZycsXG4gICAgICB2YWx1ZTogdixcbiAgICAgIGFmdGVyQ2FsbGJhY2s6ICgpID0+IHtcbiAgICAgICAgdGhpcy5jZHIuZGV0ZWN0Q2hhbmdlcygpO1xuICAgICAgfSxcbiAgICB9KTtcbiAgfVxuXG4gIEBJbnB1dCgpXG4gIGhlYWRlclRlbXBsYXRlOiBUZW1wbGF0ZVJlZjxhbnk+O1xuXG4gIGhhbmRsZUhlYWRlckNsaWNrKGU6IE1vdXNlRXZlbnQpIHtcbiAgICBpZiAodGhpcy5kaXNhYmxlZCB8fCB0aGlzLmlzTG9hZGluZykgcmV0dXJuO1xuICAgIGNvbnN0IGV2ZW50ID0ge1xuICAgICAgY29tcG9uZW50OiB0aGlzLFxuICAgICAgaHRtbEVsZW1lbnQ6IHRoaXMuZ2V0SG9zdEVsZW1lbnQoKSxcbiAgICAgIG5hdGl2ZUV2ZW50OiBlLFxuICAgICAgaGFuZGxlZDogZmFsc2UsXG4gICAgfTtcbiAgICB0aGlzLm9uQ2xpY2suZW1pdChldmVudCk7XG4gICAgaWYgKCFldmVudC5oYW5kbGVkKSB7XG4gICAgICB0aGlzLnRvZ2dsZSgpO1xuICAgIH1cbiAgfVxuXG4gIG9wZW4oKSB7XG4gICAgdGhpcy5pc0NvbGxhcHNlZCA9IGZhbHNlO1xuICB9XG5cbiAgY2xvc2UoKSB7XG4gICAgdGhpcy5pc0NvbGxhcHNlZCA9IHRydWU7XG4gIH1cblxuICB0b2dnbGUoKSB7XG4gICAgdGhpcy5pc0NvbGxhcHNlZCA9ICF0aGlzLmlzQ29sbGFwc2VkO1xuICB9XG5cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcycpXG4gIGdldCBfX2hvc3RDbGFzcygpOiBzdHJpbmdbXSB7XG4gICAgcmV0dXJuIFtgJHt0aGlzLmRpc2FibGVkID8gJ2F4LXN0YXRlLWRpc2FibGVkJyA6ICcnfWBdO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiYXgtY29sbGFwc2UtaGVhZGVyXCIgW2NsYXNzLmF4LXN0YXRlLWNvbGxhcHNlZF09XCJpc0NvbGxhcHNlZFwiIChjbGljayk9XCJoYW5kbGVIZWFkZXJDbGljaygkZXZlbnQpXCI+XG4gIDxuZy1jb250YWluZXIgKm5nSWY9XCJoZWFkZXJUZW1wbGF0ZTsgZWxzZSBkZWZhdWx0XCI+XG4gICAgPGRpdiBjbGFzcz1cImF4LWNvbGxhcHNlLWN1c3RvbS1oZWFkZXItY29udGFpbmVyXCI+XG4gICAgICA8bmctY29udGFpbmVyXG4gICAgICAgIFtuZ1RlbXBsYXRlT3V0bGV0XT1cImhlYWRlclRlbXBsYXRlXCJcbiAgICAgICAgW25nVGVtcGxhdGVPdXRsZXRDb250ZXh0XT1cInsgJGltcGxpY2l0OiB7IGNhcHRpb24sIGlzQ29sbGFwc2VkIH0gfVwiXG4gICAgICA+PC9uZy1jb250YWluZXI+XG4gICAgPC9kaXY+XG4gIDwvbmctY29udGFpbmVyPlxuICA8bmctdGVtcGxhdGUgI2RlZmF1bHQ+XG4gICAgPGRpdiBjbGFzcz1cImF4LWNvbGxhcHNlLWhlYWRlci1jb250YWluZXJcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJheC1jb2xsYXBzZS1oZWFkZXItc3RhcnRcIj5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJheC1jb2xsYXBzZS1oZWFkZXItaWNvblwiIFtjbGFzc109XCJpY29uXCI+IDwvc3Bhbj5cbiAgICAgICAgPHNwYW4+XG4gICAgICAgICAge3sgY2FwdGlvbiB9fVxuICAgICAgICA8L3NwYW4+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJpc0xvYWRpbmc7IGVsc2UgZWxzZVRlbXBsYXRlXCI+XG4gICAgICAgIDxheC1sb2FkaW5nPjwvYXgtbG9hZGluZz5cbiAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgPG5nLXRlbXBsYXRlICNlbHNlVGVtcGxhdGU+XG4gICAgICAgIDxzcGFuXG4gICAgICAgICAgY2xhc3M9XCJheC1pY29uIGF4LWljb24tY2hldnJvbi1sZWZ0IGF4LWNvbGxhcHNlLWFycm93XCJcbiAgICAgICAgICBbbmdDbGFzc109XCJ7ICctcm90YXRpb24tOTAnOiBpc0NvbGxhcHNlZCwgJ3JvdGF0aW9uLTkwJzogIWlzQ29sbGFwc2VkIH1cIlxuICAgICAgICA+PC9zcGFuPlxuICAgICAgPC9uZy10ZW1wbGF0ZT5cbiAgICA8L2Rpdj5cbiAgPC9uZy10ZW1wbGF0ZT5cbjwvZGl2PlxuPGRpdiBjbGFzcz1cImF4LWNvbGxhcHNlLWJvZHlcIiBbQGNvbGxhcHNlXT1cImlzQ29sbGFwc2VkXCI+XG4gIDxkaXYgY2xhc3M9XCJheC1jb2xsYXBzZS1ib2R5LWNvbnRlbnRcIj5cbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=
|