@acorex/components 18.12.25 → 18.12.26
Sign up to get free protection for your applications and to get access to all the features.
- package/common/lib/classes/styles.class.d.ts +1 -1
- package/esm2022/button-group/lib/button-group.component.mjs +2 -2
- package/esm2022/common/lib/classes/styles.class.mjs +1 -1
- package/esm2022/conversation/lib/conversation-message/conversation-message.component.mjs +1 -1
- package/esm2022/dropdown/lib/dropdown-box.component.mjs +1 -1
- package/esm2022/dropdown/lib/dropdown-panel.component.mjs +1 -1
- package/esm2022/dropdown-button/lib/dropdown-button.component.mjs +3 -3
- package/esm2022/image-editor/lib/image-editor-tools/image-editor-pen-mode-changer/image-editor-pen-mode-changer.component.mjs +1 -1
- package/esm2022/paint/lib/paint/paint-tools/paint-pen-mode-changer/paint-pen-mode-changer.component.mjs +1 -1
- package/esm2022/popover/lib/popover.component.mjs +13 -5
- package/esm2022/popup/lib/popup.component.mjs +2 -2
- package/esm2022/popup/lib/popup.interface.mjs +1 -1
- package/esm2022/popup/lib/popup.service.mjs +5 -1
- package/esm2022/side-menu/lib/side-menu-item/side-menu-item.compoent.mjs +5 -5
- package/esm2022/side-menu/lib/side-menu.component.mjs +2 -2
- package/esm2022/wysiwyg/lib/wysiwyg/wysiwyg-tools/wysiwyg-alignment/wysiwyg-alignment.component.mjs +1 -1
- package/esm2022/wysiwyg/lib/wysiwyg/wysiwyg-tools/wysiwyg-colors/wysiwyg-colors.component.mjs +1 -1
- package/esm2022/wysiwyg/lib/wysiwyg/wysiwyg-tools/wysiwyg-insert/wysiwyg-insert.component.mjs +1 -1
- package/fesm2022/acorex-components-button-group.mjs +2 -2
- package/fesm2022/acorex-components-common.mjs.map +1 -1
- package/fesm2022/acorex-components-conversation.mjs +1 -1
- package/fesm2022/acorex-components-conversation.mjs.map +1 -1
- package/fesm2022/acorex-components-dropdown-button.mjs +2 -2
- package/fesm2022/acorex-components-dropdown-button.mjs.map +1 -1
- package/fesm2022/acorex-components-dropdown.mjs +2 -2
- package/fesm2022/acorex-components-dropdown.mjs.map +1 -1
- package/fesm2022/acorex-components-image-editor.mjs +1 -1
- package/fesm2022/acorex-components-image-editor.mjs.map +1 -1
- package/fesm2022/acorex-components-paint.mjs +1 -1
- package/fesm2022/acorex-components-paint.mjs.map +1 -1
- package/fesm2022/acorex-components-popover.mjs +12 -4
- package/fesm2022/acorex-components-popover.mjs.map +1 -1
- package/fesm2022/acorex-components-popup.mjs +6 -2
- package/fesm2022/acorex-components-popup.mjs.map +1 -1
- package/fesm2022/acorex-components-side-menu.mjs +6 -6
- package/fesm2022/acorex-components-side-menu.mjs.map +1 -1
- package/fesm2022/acorex-components-wysiwyg.mjs +3 -3
- package/fesm2022/acorex-components-wysiwyg.mjs.map +1 -1
- package/package.json +49 -49
- package/popover/lib/popover.component.d.ts +6 -2
- package/popup/lib/popup.interface.d.ts +1 -0
- package/popup/lib/popup.service.d.ts +1 -0
|
@@ -3,7 +3,7 @@ export declare const AX_STYLE_COLOR_TYPES: string[];
|
|
|
3
3
|
* A token that specifies the color style of component.
|
|
4
4
|
*/
|
|
5
5
|
export type AXStyleColorType = 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'info' | 'ghost';
|
|
6
|
-
export type AXStyleLookType = 'solid' | 'blank' | 'outline' | 'twotone' | 'flat' | 'fill' | 'none';
|
|
6
|
+
export type AXStyleLookType = 'solid' | 'blank' | 'outline' | 'twotone' | 'flat' | 'fill' | 'link' | 'none';
|
|
7
7
|
export declare const AX_STYLE_LOOK_TYPES: string[];
|
|
8
8
|
export declare const AX_LOCATIONS: string[];
|
|
9
9
|
export type AXLocation = 'bottom-start' | 'bottom-center' | 'bottom-end' | 'top-start' | 'top-center' | 'top-end' | 'center-end' | 'center-start';
|
|
@@ -143,11 +143,11 @@ export class AXButtonGroupComponent extends classes(MXInteractiveComponent, MXCo
|
|
|
143
143
|
}
|
|
144
144
|
}
|
|
145
145
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXButtonGroupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
146
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", 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", onClick: "onClick", selectionChange: "selectionChange" }, host: { listeners: { "click": "__hostClick($event)" }, properties: { "class": "this.__hostClass", "attr.role": "this.role" } }, queries: [{ propertyName: "_contentButtons", predicate: AXButtonGroupItemComponent }], usesInheritance: true, ngImport: i0, template: "<ng-container>\n <ng-content select=\"ax-button-group-item\"></ng-content>\n</ng-container>\n", styles: ["ax-button-group{display:flex}ax-button-group ax-button-group-item{position:relative;display:inline-flex;height:var(--ax-size-default);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;justify-content:center;border-width:1px;border-color:rgba(var(--ax-color-border-default));background-color:rgba(var(--ax-color-surface));padding-left:1rem;padding-right:1rem;font-size:.875rem;line-height:1.25rem;color:rgba(var(--ax-color-surface-fore));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-button-group ax-button-group-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-group-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-group-item:not(ax-button-group ax-button-group-item:first-child){border-inline-start-width:0px}ax-button-group ax-button-group-item:not(ax-button-group ax-button-group-item:first-child):before{position:absolute;inset-inline-start:-1px;top:-1px;box-sizing:content-box;display:block;height:100%;width:1px;padding:1px 0;content:\"\"}ax-button-group ax-button-group-item .ax-button-group-item-text{padding-left:.5rem;padding-right:.5rem}ax-button-group.ax-buttons-fit{width:100%}ax-button-group.ax-buttons-fit>button{flex:1 1 0%}ax-button-group.ax-state-disabled,ax-button-group.ax-state-loading{opacity:.5}ax-button-group.ax-state-disabled>ax-button-group-item,ax-button-group.ax-state-loading>ax-button-group-item{cursor:not-allowed}ax-button-group.ax-xs{font-size:.75rem;line-height:1rem}ax-button-group.ax-xs>button{padding-left:.25rem;padding-right:.25rem}ax-button-group.ax-sm>button{padding-left:.5rem;padding-right:.5rem}ax-button-group.ax-sm,ax-button-group.ax-md{font-size:.875rem;line-height:1.25rem}ax-button-group.ax-lg{font-size:1rem;line-height:1.25rem}ax-button-group.ax-lg>button{padding-left:1.5rem;padding-right:1.5rem}ax-button-group.ax-xl{font-size:1.5rem;line-height:2rem}ax-button-group.ax-xl>button{padding-left:2rem;padding-right:2rem}ax-button-group.ax-look-solid.ax-color-primary ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-primary-500))!important;border-color:rgba(var(--ax-color-primary-500))!important;color:rgba(var(--ax-color-primary-fore))!important}ax-button-group.ax-look-solid.ax-color-primary ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-primary-500))!important}ax-button-group.ax-look-twotone.ax-color-primary ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-fore-tint));border-color:rgba(var(--ax-color-primary-100))}ax-button-group.ax-look-outline.ax-color-primary ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500));background-color:transparent}ax-button-group.ax-look-outline.ax-color-primary ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-color-primary ax-button-group-item:is(ax-button-group.ax-color-primary ax-button-group-item:focus-visible,ax-button-group.ax-color-primary ax-button-group-item:focus){outline-color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-color-primary ax-button-group-item:hover:not(ax-button-group.ax-color-primary ax-button-group-item:hover.ax-state-disabled,ax-button-group.ax-color-primary ax-button-group-item:hover.ax-state-selected){border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-color-primary ax-button-group-item:hover:not(ax-button-group.ax-color-primary ax-button-group-item:hover.ax-state-disabled,ax-button-group.ax-color-primary ax-button-group-item:hover.ax-state-selected):before{background-color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-look-blank.ax-color-primary ax-button-group-item.ax-state-selected{color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore));border-color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:transparent;color:rgba(var(--ax-color-primary-500));border-color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-look-solid.ax-color-secondary ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-secondary-500))!important;border-color:rgba(var(--ax-color-secondary-500))!important;color:rgba(var(--ax-color-secondary-fore))!important}ax-button-group.ax-look-solid.ax-color-secondary ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-secondary-500))!important}ax-button-group.ax-look-twotone.ax-color-secondary ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-secondary-100));color:rgba(var(--ax-color-secondary-fore-tint));border-color:rgba(var(--ax-color-secondary-100))}ax-button-group.ax-look-outline.ax-color-secondary ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-500));background-color:transparent}ax-button-group.ax-look-outline.ax-color-secondary ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-color-secondary ax-button-group-item:is(ax-button-group.ax-color-secondary ax-button-group-item:focus-visible,ax-button-group.ax-color-secondary ax-button-group-item:focus){outline-color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-color-secondary ax-button-group-item:hover:not(ax-button-group.ax-color-secondary ax-button-group-item:hover.ax-state-disabled,ax-button-group.ax-color-secondary ax-button-group-item:hover.ax-state-selected){border-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-color-secondary ax-button-group-item:hover:not(ax-button-group.ax-color-secondary ax-button-group-item:hover.ax-state-disabled,ax-button-group.ax-color-secondary ax-button-group-item:hover.ax-state-selected):before{background-color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-look-blank.ax-color-secondary ax-button-group-item.ax-state-selected{color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore));border-color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:transparent;color:rgba(var(--ax-color-secondary-500));border-color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-look-solid.ax-color-success ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-success-500))!important;border-color:rgba(var(--ax-color-success-500))!important;color:rgba(var(--ax-color-success-fore))!important}ax-button-group.ax-look-solid.ax-color-success ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-success-500))!important}ax-button-group.ax-look-twotone.ax-color-success ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-success-100));color:rgba(var(--ax-color-success-fore-tint));border-color:rgba(var(--ax-color-success-100))}ax-button-group.ax-look-outline.ax-color-success ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-500));background-color:transparent}ax-button-group.ax-look-outline.ax-color-success ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-success-500))}ax-button-group.ax-color-success ax-button-group-item:is(ax-button-group.ax-color-success ax-button-group-item:focus-visible,ax-button-group.ax-color-success ax-button-group-item:focus){outline-color:rgba(var(--ax-color-success-500))}ax-button-group.ax-color-success ax-button-group-item:hover:not(ax-button-group.ax-color-success ax-button-group-item:hover.ax-state-disabled,ax-button-group.ax-color-success ax-button-group-item:hover.ax-state-selected){border-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-500))}ax-button-group.ax-color-success ax-button-group-item:hover:not(ax-button-group.ax-color-success ax-button-group-item:hover.ax-state-disabled,ax-button-group.ax-color-success ax-button-group-item:hover.ax-state-selected):before{background-color:rgba(var(--ax-color-success-500))}ax-button-group.ax-look-blank.ax-color-success ax-button-group-item.ax-state-selected{color:rgba(var(--ax-color-success-500))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore));border-color:rgba(var(--ax-color-success-500))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-success-500))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:transparent;color:rgba(var(--ax-color-success-500));border-color:rgba(var(--ax-color-success-500))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-success-500))}ax-button-group.ax-look-solid.ax-color-warning ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-warning-500))!important;border-color:rgba(var(--ax-color-warning-500))!important;color:rgba(var(--ax-color-warning-fore))!important}ax-button-group.ax-look-solid.ax-color-warning ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-warning-500))!important}ax-button-group.ax-look-twotone.ax-color-warning ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-warning-100));color:rgba(var(--ax-color-warning-fore-tint));border-color:rgba(var(--ax-color-warning-100))}ax-button-group.ax-look-outline.ax-color-warning ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-500));background-color:transparent}ax-button-group.ax-look-outline.ax-color-warning ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-color-warning ax-button-group-item:is(ax-button-group.ax-color-warning ax-button-group-item:focus-visible,ax-button-group.ax-color-warning ax-button-group-item:focus){outline-color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-color-warning ax-button-group-item:hover:not(ax-button-group.ax-color-warning ax-button-group-item:hover.ax-state-disabled,ax-button-group.ax-color-warning ax-button-group-item:hover.ax-state-selected){border-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-color-warning ax-button-group-item:hover:not(ax-button-group.ax-color-warning ax-button-group-item:hover.ax-state-disabled,ax-button-group.ax-color-warning ax-button-group-item:hover.ax-state-selected):before{background-color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-look-blank.ax-color-warning ax-button-group-item.ax-state-selected{color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore));border-color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:transparent;color:rgba(var(--ax-color-warning-500));border-color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-look-solid.ax-color-danger ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-danger-500))!important;border-color:rgba(var(--ax-color-danger-500))!important;color:rgba(var(--ax-color-danger-fore))!important}ax-button-group.ax-look-solid.ax-color-danger ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-danger-500))!important}ax-button-group.ax-look-twotone.ax-color-danger ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-danger-100));color:rgba(var(--ax-color-danger-fore-tint));border-color:rgba(var(--ax-color-danger-100))}ax-button-group.ax-look-outline.ax-color-danger ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-500));background-color:transparent}ax-button-group.ax-look-outline.ax-color-danger ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-color-danger ax-button-group-item:is(ax-button-group.ax-color-danger ax-button-group-item:focus-visible,ax-button-group.ax-color-danger ax-button-group-item:focus){outline-color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-color-danger ax-button-group-item:hover:not(ax-button-group.ax-color-danger ax-button-group-item:hover.ax-state-disabled,ax-button-group.ax-color-danger ax-button-group-item:hover.ax-state-selected){border-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-color-danger ax-button-group-item:hover:not(ax-button-group.ax-color-danger ax-button-group-item:hover.ax-state-disabled,ax-button-group.ax-color-danger ax-button-group-item:hover.ax-state-selected):before{background-color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-look-blank.ax-color-danger ax-button-group-item.ax-state-selected{color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore));border-color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:transparent;color:rgba(var(--ax-color-danger-500));border-color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-look-solid.ax-color-info ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-info-500))!important;border-color:rgba(var(--ax-color-info-500))!important;color:rgba(var(--ax-color-info-fore))!important}ax-button-group.ax-look-solid.ax-color-info ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-info-500))!important}ax-button-group.ax-look-twotone.ax-color-info ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-info-100));color:rgba(var(--ax-color-info-fore-tint));border-color:rgba(var(--ax-color-info-100))}ax-button-group.ax-look-outline.ax-color-info ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-500));background-color:transparent}ax-button-group.ax-look-outline.ax-color-info ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-info-500))}ax-button-group.ax-color-info ax-button-group-item:is(ax-button-group.ax-color-info ax-button-group-item:focus-visible,ax-button-group.ax-color-info ax-button-group-item:focus){outline-color:rgba(var(--ax-color-info-500))}ax-button-group.ax-color-info ax-button-group-item:hover:not(ax-button-group.ax-color-info ax-button-group-item:hover.ax-state-disabled,ax-button-group.ax-color-info ax-button-group-item:hover.ax-state-selected){border-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-500))}ax-button-group.ax-color-info ax-button-group-item:hover:not(ax-button-group.ax-color-info ax-button-group-item:hover.ax-state-disabled,ax-button-group.ax-color-info ax-button-group-item:hover.ax-state-selected):before{background-color:rgba(var(--ax-color-info-500))}ax-button-group.ax-look-blank.ax-color-info ax-button-group-item.ax-state-selected{color:rgba(var(--ax-color-info-500))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore));border-color:rgba(var(--ax-color-info-500))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-info-500))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:transparent;color:rgba(var(--ax-color-info-500));border-color:rgba(var(--ax-color-info-500))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-info-500))}ax-button-group.ax-look-twotone.ax-color-ghost ax-button-group-item.ax-state-selected{border-color:rgba(var(--ax-color-primary-100));background-color:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-fore-tint))}ax-button-group.ax-look-blank.ax-color-ghost ax-button-group-item.ax-state-selected{color:rgba(var(--ax-color-primary-500))}.ax-dark ax-button-group.ax-look-solid.ax-color-primary ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-fore-tint));border-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-primary ax-button-group-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-group-item.ax-state-selected{background-color:rgba(var(--ax-color-primary-200));border-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-primary ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-primary-200));border-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-primary ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-color-primary ax-button-group-item:is(.ax-dark ax-button-group.ax-color-primary ax-button-group-item:focus-visible,.ax-dark ax-button-group.ax-color-primary ax-button-group-item:focus){outline-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-color-primary ax-button-group-item:hover:not(.ax-dark ax-button-group.ax-color-primary ax-button-group-item:hover.ax-state-disabled,.ax-dark ax-button-group.ax-color-primary ax-button-group-item:hover.ax-state-selected){border-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-color-primary ax-button-group-item:hover:not(.ax-dark ax-button-group.ax-color-primary ax-button-group-item:hover.ax-state-disabled,.ax-dark ax-button-group.ax-color-primary ax-button-group-item:hover.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-group-item.ax-state-selected{color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-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-tint))}.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-secondary ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-secondary-200));color:rgba(var(--ax-color-secondary-fore-tint));border-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-secondary ax-button-group-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-group-item.ax-state-selected{background-color:rgba(var(--ax-color-secondary-200));border-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-secondary ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-secondary-200));border-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-secondary ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-button-group.ax-color-secondary ax-button-group-item:is(.ax-dark ax-button-group.ax-color-secondary ax-button-group-item:focus-visible,.ax-dark ax-button-group.ax-color-secondary ax-button-group-item:focus){outline-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-button-group.ax-color-secondary ax-button-group-item:hover:not(.ax-dark ax-button-group.ax-color-secondary ax-button-group-item:hover.ax-state-disabled,.ax-dark ax-button-group.ax-color-secondary ax-button-group-item:hover.ax-state-selected){border-color:rgba(var(--ax-color-secondary-200));color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-button-group.ax-color-secondary ax-button-group-item:hover:not(.ax-dark ax-button-group.ax-color-secondary ax-button-group-item:hover.ax-state-disabled,.ax-dark ax-button-group.ax-color-secondary ax-button-group-item:hover.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-group-item.ax-state-selected{color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-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-tint))}.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-success ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-fore-tint));border-color:rgba(var(--ax-color-success-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-success ax-button-group-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-group-item.ax-state-selected{background-color:rgba(var(--ax-color-success-200));border-color:rgba(var(--ax-color-success-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-success ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-success-200));border-color:rgba(var(--ax-color-success-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-success ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-success-200))}.ax-dark ax-button-group.ax-color-success ax-button-group-item:is(.ax-dark ax-button-group.ax-color-success ax-button-group-item:focus-visible,.ax-dark ax-button-group.ax-color-success ax-button-group-item:focus){outline-color:rgba(var(--ax-color-success-200))}.ax-dark ax-button-group.ax-color-success ax-button-group-item:hover:not(.ax-dark ax-button-group.ax-color-success ax-button-group-item:hover.ax-state-disabled,.ax-dark ax-button-group.ax-color-success ax-button-group-item:hover.ax-state-selected){border-color:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-200))}.ax-dark ax-button-group.ax-color-success ax-button-group-item:hover:not(.ax-dark ax-button-group.ax-color-success ax-button-group-item:hover.ax-state-disabled,.ax-dark ax-button-group.ax-color-success ax-button-group-item:hover.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-group-item.ax-state-selected{color:rgba(var(--ax-color-success-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-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-tint))}.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-success-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-warning ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-fore-tint));border-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-warning ax-button-group-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-group-item.ax-state-selected{background-color:rgba(var(--ax-color-warning-200));border-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-warning ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-warning-200));border-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-warning ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button-group.ax-color-warning ax-button-group-item:is(.ax-dark ax-button-group.ax-color-warning ax-button-group-item:focus-visible,.ax-dark ax-button-group.ax-color-warning ax-button-group-item:focus){outline-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button-group.ax-color-warning ax-button-group-item:hover:not(.ax-dark ax-button-group.ax-color-warning ax-button-group-item:hover.ax-state-disabled,.ax-dark ax-button-group.ax-color-warning ax-button-group-item:hover.ax-state-selected){border-color:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button-group.ax-color-warning ax-button-group-item:hover:not(.ax-dark ax-button-group.ax-color-warning ax-button-group-item:hover.ax-state-disabled,.ax-dark ax-button-group.ax-color-warning ax-button-group-item:hover.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-group-item.ax-state-selected{color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-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-tint))}.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-danger ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-fore-tint));border-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-danger ax-button-group-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-group-item.ax-state-selected{background-color:rgba(var(--ax-color-danger-200));border-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-danger ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-danger-200));border-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-danger ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button-group.ax-color-danger ax-button-group-item:is(.ax-dark ax-button-group.ax-color-danger ax-button-group-item:focus-visible,.ax-dark ax-button-group.ax-color-danger ax-button-group-item:focus){outline-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button-group.ax-color-danger ax-button-group-item:hover:not(.ax-dark ax-button-group.ax-color-danger ax-button-group-item:hover.ax-state-disabled,.ax-dark ax-button-group.ax-color-danger ax-button-group-item:hover.ax-state-selected){border-color:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button-group.ax-color-danger ax-button-group-item:hover:not(.ax-dark ax-button-group.ax-color-danger ax-button-group-item:hover.ax-state-disabled,.ax-dark ax-button-group.ax-color-danger ax-button-group-item:hover.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-group-item.ax-state-selected{color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-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-tint))}.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-info ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-info-200));color:rgba(var(--ax-color-info-fore-tint));border-color:rgba(var(--ax-color-info-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-info ax-button-group-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-group-item.ax-state-selected{background-color:rgba(var(--ax-color-info-200));border-color:rgba(var(--ax-color-info-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-info ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-info-200));border-color:rgba(var(--ax-color-info-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-info ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-info-200))}.ax-dark ax-button-group.ax-color-info ax-button-group-item:is(.ax-dark ax-button-group.ax-color-info ax-button-group-item:focus-visible,.ax-dark ax-button-group.ax-color-info ax-button-group-item:focus){outline-color:rgba(var(--ax-color-info-200))}.ax-dark ax-button-group.ax-color-info ax-button-group-item:hover:not(.ax-dark ax-button-group.ax-color-info ax-button-group-item:hover.ax-state-disabled,.ax-dark ax-button-group.ax-color-info ax-button-group-item:hover.ax-state-selected){border-color:rgba(var(--ax-color-info-200));color:rgba(var(--ax-color-info-200))}.ax-dark ax-button-group.ax-color-info ax-button-group-item:hover:not(.ax-dark ax-button-group.ax-color-info ax-button-group-item:hover.ax-state-disabled,.ax-dark ax-button-group.ax-color-info ax-button-group-item:hover.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-group-item.ax-state-selected{color:rgba(var(--ax-color-info-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-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-tint))}.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-info-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected{border-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-look-twotone.ax-color-ghost ax-button-group-item.ax-state-selected{border-color:rgba(var(--ax-color-primary-200));background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-look-blank.ax-color-ghost ax-button-group-item.ax-state-selected{color:rgba(var(--ax-color-primary-200))}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
146
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", 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", onClick: "onClick", selectionChange: "selectionChange" }, host: { listeners: { "click": "__hostClick($event)" }, properties: { "class": "this.__hostClass", "attr.role": "this.role" } }, queries: [{ propertyName: "_contentButtons", predicate: AXButtonGroupItemComponent }], usesInheritance: true, ngImport: i0, template: "<ng-container>\n <ng-content select=\"ax-button-group-item\"></ng-content>\n</ng-container>\n", styles: ["ax-button-group{display:flex}ax-button-group ax-button-group-item{position:relative;display:inline-flex;height:var(--ax-size-default);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;justify-content:center;border-width:1px;border-color:rgba(var(--ax-color-border-default));background-color:rgba(var(--ax-color-surface));padding-left:1rem;padding-right:1rem;font-size:.875rem;line-height:1.25rem;color:rgba(var(--ax-color-surface-fore));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-button-group ax-button-group-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-group-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-group-item:not(ax-button-group ax-button-group-item:first-child){border-inline-start-width:0px}ax-button-group ax-button-group-item:not(ax-button-group ax-button-group-item:first-child):before{position:absolute;inset-inline-start:-1px;top:-1px;box-sizing:content-box;display:block;height:100%;width:1px;padding:1px 0;content:\"\"}ax-button-group ax-button-group-item .ax-button-group-item-text{padding-left:.5rem;padding-right:.5rem}ax-button-group.ax-buttons-fit{width:100%}ax-button-group.ax-buttons-fit>button{flex:1 1 0%}ax-button-group.ax-state-disabled,ax-button-group.ax-state-loading{opacity:.5}ax-button-group.ax-state-disabled>ax-button-group-item,ax-button-group.ax-state-loading>ax-button-group-item{cursor:not-allowed}ax-button-group.ax-xs{font-size:.75rem;line-height:1rem}ax-button-group.ax-xs>button{padding-left:.25rem;padding-right:.25rem}ax-button-group.ax-sm>button{padding-left:.5rem;padding-right:.5rem}ax-button-group.ax-sm,ax-button-group.ax-md{font-size:.875rem;line-height:1.25rem}ax-button-group.ax-lg{font-size:1rem;line-height:1.25rem}ax-button-group.ax-lg>button{padding-left:1.5rem;padding-right:1.5rem}ax-button-group.ax-xl{font-size:1.5rem;line-height:2rem}ax-button-group.ax-xl>button{padding-left:2rem;padding-right:2rem}ax-button-group.ax-look-solid.ax-color-primary ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-primary-500))!important;border-color:rgba(var(--ax-color-primary-500))!important;color:rgba(var(--ax-color-primary-fore))!important}ax-button-group.ax-look-solid.ax-color-primary ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-primary-500))!important}ax-button-group.ax-look-twotone.ax-color-primary ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-fore-tint));border-color:rgba(var(--ax-color-primary-100))}ax-button-group.ax-look-outline.ax-color-primary ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500));background-color:transparent}ax-button-group.ax-look-outline.ax-color-primary ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-look-blank.ax-color-primary ax-button-group-item.ax-state-selected{color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-color-primary ax-button-group-item:is(ax-button-group.ax-color-primary ax-button-group-item:focus-visible,ax-button-group.ax-color-primary ax-button-group-item:focus){outline-color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-color-primary ax-button-group-item:hover:not(ax-button-group.ax-color-primary ax-button-group-item:hover.ax-state-disabled,ax-button-group.ax-color-primary ax-button-group-item:hover.ax-state-selected){border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-color-primary ax-button-group-item:hover:not(ax-button-group.ax-color-primary ax-button-group-item:hover.ax-state-disabled,ax-button-group.ax-color-primary ax-button-group-item:hover.ax-state-selected):before{background-color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore));border-color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:transparent;color:rgba(var(--ax-color-primary-500));border-color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-look-solid.ax-color-secondary ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-secondary-500))!important;border-color:rgba(var(--ax-color-secondary-500))!important;color:rgba(var(--ax-color-secondary-fore))!important}ax-button-group.ax-look-solid.ax-color-secondary ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-secondary-500))!important}ax-button-group.ax-look-twotone.ax-color-secondary ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-secondary-100));color:rgba(var(--ax-color-secondary-fore-tint));border-color:rgba(var(--ax-color-secondary-100))}ax-button-group.ax-look-outline.ax-color-secondary ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-500));background-color:transparent}ax-button-group.ax-look-outline.ax-color-secondary ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-look-blank.ax-color-secondary ax-button-group-item.ax-state-selected{color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-color-secondary ax-button-group-item:is(ax-button-group.ax-color-secondary ax-button-group-item:focus-visible,ax-button-group.ax-color-secondary ax-button-group-item:focus){outline-color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-color-secondary ax-button-group-item:hover:not(ax-button-group.ax-color-secondary ax-button-group-item:hover.ax-state-disabled,ax-button-group.ax-color-secondary ax-button-group-item:hover.ax-state-selected){border-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-color-secondary ax-button-group-item:hover:not(ax-button-group.ax-color-secondary ax-button-group-item:hover.ax-state-disabled,ax-button-group.ax-color-secondary ax-button-group-item:hover.ax-state-selected):before{background-color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore));border-color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:transparent;color:rgba(var(--ax-color-secondary-500));border-color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-look-solid.ax-color-success ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-success-500))!important;border-color:rgba(var(--ax-color-success-500))!important;color:rgba(var(--ax-color-success-fore))!important}ax-button-group.ax-look-solid.ax-color-success ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-success-500))!important}ax-button-group.ax-look-twotone.ax-color-success ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-success-100));color:rgba(var(--ax-color-success-fore-tint));border-color:rgba(var(--ax-color-success-100))}ax-button-group.ax-look-outline.ax-color-success ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-500));background-color:transparent}ax-button-group.ax-look-outline.ax-color-success ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-success-500))}ax-button-group.ax-look-blank.ax-color-success ax-button-group-item.ax-state-selected{color:rgba(var(--ax-color-success-500))}ax-button-group.ax-color-success ax-button-group-item:is(ax-button-group.ax-color-success ax-button-group-item:focus-visible,ax-button-group.ax-color-success ax-button-group-item:focus){outline-color:rgba(var(--ax-color-success-500))}ax-button-group.ax-color-success ax-button-group-item:hover:not(ax-button-group.ax-color-success ax-button-group-item:hover.ax-state-disabled,ax-button-group.ax-color-success ax-button-group-item:hover.ax-state-selected){border-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-500))}ax-button-group.ax-color-success ax-button-group-item:hover:not(ax-button-group.ax-color-success ax-button-group-item:hover.ax-state-disabled,ax-button-group.ax-color-success ax-button-group-item:hover.ax-state-selected):before{background-color:rgba(var(--ax-color-success-500))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore));border-color:rgba(var(--ax-color-success-500))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-success-500))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:transparent;color:rgba(var(--ax-color-success-500));border-color:rgba(var(--ax-color-success-500))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-success-500))}ax-button-group.ax-look-solid.ax-color-warning ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-warning-500))!important;border-color:rgba(var(--ax-color-warning-500))!important;color:rgba(var(--ax-color-warning-fore))!important}ax-button-group.ax-look-solid.ax-color-warning ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-warning-500))!important}ax-button-group.ax-look-twotone.ax-color-warning ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-warning-100));color:rgba(var(--ax-color-warning-fore-tint));border-color:rgba(var(--ax-color-warning-100))}ax-button-group.ax-look-outline.ax-color-warning ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-500));background-color:transparent}ax-button-group.ax-look-outline.ax-color-warning ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-look-blank.ax-color-warning ax-button-group-item.ax-state-selected{color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-color-warning ax-button-group-item:is(ax-button-group.ax-color-warning ax-button-group-item:focus-visible,ax-button-group.ax-color-warning ax-button-group-item:focus){outline-color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-color-warning ax-button-group-item:hover:not(ax-button-group.ax-color-warning ax-button-group-item:hover.ax-state-disabled,ax-button-group.ax-color-warning ax-button-group-item:hover.ax-state-selected){border-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-color-warning ax-button-group-item:hover:not(ax-button-group.ax-color-warning ax-button-group-item:hover.ax-state-disabled,ax-button-group.ax-color-warning ax-button-group-item:hover.ax-state-selected):before{background-color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore));border-color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:transparent;color:rgba(var(--ax-color-warning-500));border-color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-look-solid.ax-color-danger ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-danger-500))!important;border-color:rgba(var(--ax-color-danger-500))!important;color:rgba(var(--ax-color-danger-fore))!important}ax-button-group.ax-look-solid.ax-color-danger ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-danger-500))!important}ax-button-group.ax-look-twotone.ax-color-danger ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-danger-100));color:rgba(var(--ax-color-danger-fore-tint));border-color:rgba(var(--ax-color-danger-100))}ax-button-group.ax-look-outline.ax-color-danger ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-500));background-color:transparent}ax-button-group.ax-look-outline.ax-color-danger ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-look-blank.ax-color-danger ax-button-group-item.ax-state-selected{color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-color-danger ax-button-group-item:is(ax-button-group.ax-color-danger ax-button-group-item:focus-visible,ax-button-group.ax-color-danger ax-button-group-item:focus){outline-color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-color-danger ax-button-group-item:hover:not(ax-button-group.ax-color-danger ax-button-group-item:hover.ax-state-disabled,ax-button-group.ax-color-danger ax-button-group-item:hover.ax-state-selected){border-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-color-danger ax-button-group-item:hover:not(ax-button-group.ax-color-danger ax-button-group-item:hover.ax-state-disabled,ax-button-group.ax-color-danger ax-button-group-item:hover.ax-state-selected):before{background-color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore));border-color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:transparent;color:rgba(var(--ax-color-danger-500));border-color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-look-solid.ax-color-info ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-info-500))!important;border-color:rgba(var(--ax-color-info-500))!important;color:rgba(var(--ax-color-info-fore))!important}ax-button-group.ax-look-solid.ax-color-info ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-info-500))!important}ax-button-group.ax-look-twotone.ax-color-info ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-info-100));color:rgba(var(--ax-color-info-fore-tint));border-color:rgba(var(--ax-color-info-100))}ax-button-group.ax-look-outline.ax-color-info ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-500));background-color:transparent}ax-button-group.ax-look-outline.ax-color-info ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-info-500))}ax-button-group.ax-look-blank.ax-color-info ax-button-group-item.ax-state-selected{color:rgba(var(--ax-color-info-500))}ax-button-group.ax-color-info ax-button-group-item:is(ax-button-group.ax-color-info ax-button-group-item:focus-visible,ax-button-group.ax-color-info ax-button-group-item:focus){outline-color:rgba(var(--ax-color-info-500))}ax-button-group.ax-color-info ax-button-group-item:hover:not(ax-button-group.ax-color-info ax-button-group-item:hover.ax-state-disabled,ax-button-group.ax-color-info ax-button-group-item:hover.ax-state-selected){border-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-500))}ax-button-group.ax-color-info ax-button-group-item:hover:not(ax-button-group.ax-color-info ax-button-group-item:hover.ax-state-disabled,ax-button-group.ax-color-info ax-button-group-item:hover.ax-state-selected):before{background-color:rgba(var(--ax-color-info-500))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore));border-color:rgba(var(--ax-color-info-500))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-info-500))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:transparent;color:rgba(var(--ax-color-info-500));border-color:rgba(var(--ax-color-info-500))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-info-500))}ax-button-group.ax-look-twotone.ax-color-ghost ax-button-group-item.ax-state-selected{border-color:rgba(var(--ax-color-primary-100));background-color:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-fore-tint))}ax-button-group.ax-look-blank.ax-color-ghost ax-button-group-item.ax-state-selected{color:rgba(var(--ax-color-primary-500))}.ax-dark ax-button-group.ax-look-solid.ax-color-primary ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-fore-tint));border-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-primary ax-button-group-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-group-item.ax-state-selected{background-color:rgba(var(--ax-color-primary-200));border-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-primary ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-primary-200));border-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-primary ax-button-group-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-group-item.ax-state-selected{color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-color-primary ax-button-group-item:is(.ax-dark ax-button-group.ax-color-primary ax-button-group-item:focus-visible,.ax-dark ax-button-group.ax-color-primary ax-button-group-item:focus){outline-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-color-primary ax-button-group-item:hover:not(.ax-dark ax-button-group.ax-color-primary ax-button-group-item:hover.ax-state-disabled,.ax-dark ax-button-group.ax-color-primary ax-button-group-item:hover.ax-state-selected){border-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-color-primary ax-button-group-item:hover:not(.ax-dark ax-button-group.ax-color-primary ax-button-group-item:hover.ax-state-disabled,.ax-dark ax-button-group.ax-color-primary ax-button-group-item:hover.ax-state-selected):before{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-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-tint))}.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-secondary ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-secondary-200));color:rgba(var(--ax-color-secondary-fore-tint));border-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-secondary ax-button-group-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-group-item.ax-state-selected{background-color:rgba(var(--ax-color-secondary-200));border-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-secondary ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-secondary-200));border-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-secondary ax-button-group-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-group-item.ax-state-selected{color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-button-group.ax-color-secondary ax-button-group-item:is(.ax-dark ax-button-group.ax-color-secondary ax-button-group-item:focus-visible,.ax-dark ax-button-group.ax-color-secondary ax-button-group-item:focus){outline-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-button-group.ax-color-secondary ax-button-group-item:hover:not(.ax-dark ax-button-group.ax-color-secondary ax-button-group-item:hover.ax-state-disabled,.ax-dark ax-button-group.ax-color-secondary ax-button-group-item:hover.ax-state-selected){border-color:rgba(var(--ax-color-secondary-200));color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-button-group.ax-color-secondary ax-button-group-item:hover:not(.ax-dark ax-button-group.ax-color-secondary ax-button-group-item:hover.ax-state-disabled,.ax-dark ax-button-group.ax-color-secondary ax-button-group-item:hover.ax-state-selected):before{background-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-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-tint))}.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-success ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-fore-tint));border-color:rgba(var(--ax-color-success-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-success ax-button-group-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-group-item.ax-state-selected{background-color:rgba(var(--ax-color-success-200));border-color:rgba(var(--ax-color-success-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-success ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-success-200));border-color:rgba(var(--ax-color-success-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-success ax-button-group-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-group-item.ax-state-selected{color:rgba(var(--ax-color-success-200))}.ax-dark ax-button-group.ax-color-success ax-button-group-item:is(.ax-dark ax-button-group.ax-color-success ax-button-group-item:focus-visible,.ax-dark ax-button-group.ax-color-success ax-button-group-item:focus){outline-color:rgba(var(--ax-color-success-200))}.ax-dark ax-button-group.ax-color-success ax-button-group-item:hover:not(.ax-dark ax-button-group.ax-color-success ax-button-group-item:hover.ax-state-disabled,.ax-dark ax-button-group.ax-color-success ax-button-group-item:hover.ax-state-selected){border-color:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-200))}.ax-dark ax-button-group.ax-color-success ax-button-group-item:hover:not(.ax-dark ax-button-group.ax-color-success ax-button-group-item:hover.ax-state-disabled,.ax-dark ax-button-group.ax-color-success ax-button-group-item:hover.ax-state-selected):before{background-color:rgba(var(--ax-color-success-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-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-tint))}.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-success-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-warning ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-fore-tint));border-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-warning ax-button-group-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-group-item.ax-state-selected{background-color:rgba(var(--ax-color-warning-200));border-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-warning ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-warning-200));border-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-warning ax-button-group-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-group-item.ax-state-selected{color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button-group.ax-color-warning ax-button-group-item:is(.ax-dark ax-button-group.ax-color-warning ax-button-group-item:focus-visible,.ax-dark ax-button-group.ax-color-warning ax-button-group-item:focus){outline-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button-group.ax-color-warning ax-button-group-item:hover:not(.ax-dark ax-button-group.ax-color-warning ax-button-group-item:hover.ax-state-disabled,.ax-dark ax-button-group.ax-color-warning ax-button-group-item:hover.ax-state-selected){border-color:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button-group.ax-color-warning ax-button-group-item:hover:not(.ax-dark ax-button-group.ax-color-warning ax-button-group-item:hover.ax-state-disabled,.ax-dark ax-button-group.ax-color-warning ax-button-group-item:hover.ax-state-selected):before{background-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-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-tint))}.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-danger ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-fore-tint));border-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-danger ax-button-group-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-group-item.ax-state-selected{background-color:rgba(var(--ax-color-danger-200));border-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-danger ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-danger-200));border-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-danger ax-button-group-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-group-item.ax-state-selected{color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button-group.ax-color-danger ax-button-group-item:is(.ax-dark ax-button-group.ax-color-danger ax-button-group-item:focus-visible,.ax-dark ax-button-group.ax-color-danger ax-button-group-item:focus){outline-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button-group.ax-color-danger ax-button-group-item:hover:not(.ax-dark ax-button-group.ax-color-danger ax-button-group-item:hover.ax-state-disabled,.ax-dark ax-button-group.ax-color-danger ax-button-group-item:hover.ax-state-selected){border-color:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button-group.ax-color-danger ax-button-group-item:hover:not(.ax-dark ax-button-group.ax-color-danger ax-button-group-item:hover.ax-state-disabled,.ax-dark ax-button-group.ax-color-danger ax-button-group-item:hover.ax-state-selected):before{background-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-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-tint))}.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-info ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-info-200));color:rgba(var(--ax-color-info-fore-tint));border-color:rgba(var(--ax-color-info-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-info ax-button-group-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-group-item.ax-state-selected{background-color:rgba(var(--ax-color-info-200));border-color:rgba(var(--ax-color-info-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-info ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-info-200));border-color:rgba(var(--ax-color-info-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-info ax-button-group-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-group-item.ax-state-selected{color:rgba(var(--ax-color-info-200))}.ax-dark ax-button-group.ax-color-info ax-button-group-item:is(.ax-dark ax-button-group.ax-color-info ax-button-group-item:focus-visible,.ax-dark ax-button-group.ax-color-info ax-button-group-item:focus){outline-color:rgba(var(--ax-color-info-200))}.ax-dark ax-button-group.ax-color-info ax-button-group-item:hover:not(.ax-dark ax-button-group.ax-color-info ax-button-group-item:hover.ax-state-disabled,.ax-dark ax-button-group.ax-color-info ax-button-group-item:hover.ax-state-selected){border-color:rgba(var(--ax-color-info-200));color:rgba(var(--ax-color-info-200))}.ax-dark ax-button-group.ax-color-info ax-button-group-item:hover:not(.ax-dark ax-button-group.ax-color-info ax-button-group-item:hover.ax-state-disabled,.ax-dark ax-button-group.ax-color-info ax-button-group-item:hover.ax-state-selected):before{background-color:rgba(var(--ax-color-info-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-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-tint))}.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-info-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected{border-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-look-twotone.ax-color-ghost ax-button-group-item.ax-state-selected{border-color:rgba(var(--ax-color-primary-200));background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-look-blank.ax-color-ghost ax-button-group-item.ax-state-selected{color:rgba(var(--ax-color-primary-200))}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
147
147
|
}
|
|
148
148
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXButtonGroupComponent, decorators: [{
|
|
149
149
|
type: Component,
|
|
150
|
-
args: [{ selector: 'ax-button-group', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, inputs: ['disabled', 'color', 'look'], outputs: ['onBlur', 'onFocus', 'lookChange', 'colorChange', 'disabledChange'], template: "<ng-container>\n <ng-content select=\"ax-button-group-item\"></ng-content>\n</ng-container>\n", styles: ["ax-button-group{display:flex}ax-button-group ax-button-group-item{position:relative;display:inline-flex;height:var(--ax-size-default);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;justify-content:center;border-width:1px;border-color:rgba(var(--ax-color-border-default));background-color:rgba(var(--ax-color-surface));padding-left:1rem;padding-right:1rem;font-size:.875rem;line-height:1.25rem;color:rgba(var(--ax-color-surface-fore));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-button-group ax-button-group-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-group-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-group-item:not(ax-button-group ax-button-group-item:first-child){border-inline-start-width:0px}ax-button-group ax-button-group-item:not(ax-button-group ax-button-group-item:first-child):before{position:absolute;inset-inline-start:-1px;top:-1px;box-sizing:content-box;display:block;height:100%;width:1px;padding:1px 0;content:\"\"}ax-button-group ax-button-group-item .ax-button-group-item-text{padding-left:.5rem;padding-right:.5rem}ax-button-group.ax-buttons-fit{width:100%}ax-button-group.ax-buttons-fit>button{flex:1 1 0%}ax-button-group.ax-state-disabled,ax-button-group.ax-state-loading{opacity:.5}ax-button-group.ax-state-disabled>ax-button-group-item,ax-button-group.ax-state-loading>ax-button-group-item{cursor:not-allowed}ax-button-group.ax-xs{font-size:.75rem;line-height:1rem}ax-button-group.ax-xs>button{padding-left:.25rem;padding-right:.25rem}ax-button-group.ax-sm>button{padding-left:.5rem;padding-right:.5rem}ax-button-group.ax-sm,ax-button-group.ax-md{font-size:.875rem;line-height:1.25rem}ax-button-group.ax-lg{font-size:1rem;line-height:1.25rem}ax-button-group.ax-lg>button{padding-left:1.5rem;padding-right:1.5rem}ax-button-group.ax-xl{font-size:1.5rem;line-height:2rem}ax-button-group.ax-xl>button{padding-left:2rem;padding-right:2rem}ax-button-group.ax-look-solid.ax-color-primary ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-primary-500))!important;border-color:rgba(var(--ax-color-primary-500))!important;color:rgba(var(--ax-color-primary-fore))!important}ax-button-group.ax-look-solid.ax-color-primary ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-primary-500))!important}ax-button-group.ax-look-twotone.ax-color-primary ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-fore-tint));border-color:rgba(var(--ax-color-primary-100))}ax-button-group.ax-look-outline.ax-color-primary ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500));background-color:transparent}ax-button-group.ax-look-outline.ax-color-primary ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-color-primary ax-button-group-item:is(ax-button-group.ax-color-primary ax-button-group-item:focus-visible,ax-button-group.ax-color-primary ax-button-group-item:focus){outline-color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-color-primary ax-button-group-item:hover:not(ax-button-group.ax-color-primary ax-button-group-item:hover.ax-state-disabled,ax-button-group.ax-color-primary ax-button-group-item:hover.ax-state-selected){border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-color-primary ax-button-group-item:hover:not(ax-button-group.ax-color-primary ax-button-group-item:hover.ax-state-disabled,ax-button-group.ax-color-primary ax-button-group-item:hover.ax-state-selected):before{background-color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-look-blank.ax-color-primary ax-button-group-item.ax-state-selected{color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore));border-color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:transparent;color:rgba(var(--ax-color-primary-500));border-color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-look-solid.ax-color-secondary ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-secondary-500))!important;border-color:rgba(var(--ax-color-secondary-500))!important;color:rgba(var(--ax-color-secondary-fore))!important}ax-button-group.ax-look-solid.ax-color-secondary ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-secondary-500))!important}ax-button-group.ax-look-twotone.ax-color-secondary ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-secondary-100));color:rgba(var(--ax-color-secondary-fore-tint));border-color:rgba(var(--ax-color-secondary-100))}ax-button-group.ax-look-outline.ax-color-secondary ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-500));background-color:transparent}ax-button-group.ax-look-outline.ax-color-secondary ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-color-secondary ax-button-group-item:is(ax-button-group.ax-color-secondary ax-button-group-item:focus-visible,ax-button-group.ax-color-secondary ax-button-group-item:focus){outline-color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-color-secondary ax-button-group-item:hover:not(ax-button-group.ax-color-secondary ax-button-group-item:hover.ax-state-disabled,ax-button-group.ax-color-secondary ax-button-group-item:hover.ax-state-selected){border-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-color-secondary ax-button-group-item:hover:not(ax-button-group.ax-color-secondary ax-button-group-item:hover.ax-state-disabled,ax-button-group.ax-color-secondary ax-button-group-item:hover.ax-state-selected):before{background-color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-look-blank.ax-color-secondary ax-button-group-item.ax-state-selected{color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore));border-color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:transparent;color:rgba(var(--ax-color-secondary-500));border-color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-look-solid.ax-color-success ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-success-500))!important;border-color:rgba(var(--ax-color-success-500))!important;color:rgba(var(--ax-color-success-fore))!important}ax-button-group.ax-look-solid.ax-color-success ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-success-500))!important}ax-button-group.ax-look-twotone.ax-color-success ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-success-100));color:rgba(var(--ax-color-success-fore-tint));border-color:rgba(var(--ax-color-success-100))}ax-button-group.ax-look-outline.ax-color-success ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-500));background-color:transparent}ax-button-group.ax-look-outline.ax-color-success ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-success-500))}ax-button-group.ax-color-success ax-button-group-item:is(ax-button-group.ax-color-success ax-button-group-item:focus-visible,ax-button-group.ax-color-success ax-button-group-item:focus){outline-color:rgba(var(--ax-color-success-500))}ax-button-group.ax-color-success ax-button-group-item:hover:not(ax-button-group.ax-color-success ax-button-group-item:hover.ax-state-disabled,ax-button-group.ax-color-success ax-button-group-item:hover.ax-state-selected){border-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-500))}ax-button-group.ax-color-success ax-button-group-item:hover:not(ax-button-group.ax-color-success ax-button-group-item:hover.ax-state-disabled,ax-button-group.ax-color-success ax-button-group-item:hover.ax-state-selected):before{background-color:rgba(var(--ax-color-success-500))}ax-button-group.ax-look-blank.ax-color-success ax-button-group-item.ax-state-selected{color:rgba(var(--ax-color-success-500))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore));border-color:rgba(var(--ax-color-success-500))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-success-500))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:transparent;color:rgba(var(--ax-color-success-500));border-color:rgba(var(--ax-color-success-500))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-success-500))}ax-button-group.ax-look-solid.ax-color-warning ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-warning-500))!important;border-color:rgba(var(--ax-color-warning-500))!important;color:rgba(var(--ax-color-warning-fore))!important}ax-button-group.ax-look-solid.ax-color-warning ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-warning-500))!important}ax-button-group.ax-look-twotone.ax-color-warning ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-warning-100));color:rgba(var(--ax-color-warning-fore-tint));border-color:rgba(var(--ax-color-warning-100))}ax-button-group.ax-look-outline.ax-color-warning ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-500));background-color:transparent}ax-button-group.ax-look-outline.ax-color-warning ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-color-warning ax-button-group-item:is(ax-button-group.ax-color-warning ax-button-group-item:focus-visible,ax-button-group.ax-color-warning ax-button-group-item:focus){outline-color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-color-warning ax-button-group-item:hover:not(ax-button-group.ax-color-warning ax-button-group-item:hover.ax-state-disabled,ax-button-group.ax-color-warning ax-button-group-item:hover.ax-state-selected){border-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-color-warning ax-button-group-item:hover:not(ax-button-group.ax-color-warning ax-button-group-item:hover.ax-state-disabled,ax-button-group.ax-color-warning ax-button-group-item:hover.ax-state-selected):before{background-color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-look-blank.ax-color-warning ax-button-group-item.ax-state-selected{color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore));border-color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:transparent;color:rgba(var(--ax-color-warning-500));border-color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-look-solid.ax-color-danger ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-danger-500))!important;border-color:rgba(var(--ax-color-danger-500))!important;color:rgba(var(--ax-color-danger-fore))!important}ax-button-group.ax-look-solid.ax-color-danger ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-danger-500))!important}ax-button-group.ax-look-twotone.ax-color-danger ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-danger-100));color:rgba(var(--ax-color-danger-fore-tint));border-color:rgba(var(--ax-color-danger-100))}ax-button-group.ax-look-outline.ax-color-danger ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-500));background-color:transparent}ax-button-group.ax-look-outline.ax-color-danger ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-color-danger ax-button-group-item:is(ax-button-group.ax-color-danger ax-button-group-item:focus-visible,ax-button-group.ax-color-danger ax-button-group-item:focus){outline-color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-color-danger ax-button-group-item:hover:not(ax-button-group.ax-color-danger ax-button-group-item:hover.ax-state-disabled,ax-button-group.ax-color-danger ax-button-group-item:hover.ax-state-selected){border-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-color-danger ax-button-group-item:hover:not(ax-button-group.ax-color-danger ax-button-group-item:hover.ax-state-disabled,ax-button-group.ax-color-danger ax-button-group-item:hover.ax-state-selected):before{background-color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-look-blank.ax-color-danger ax-button-group-item.ax-state-selected{color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore));border-color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:transparent;color:rgba(var(--ax-color-danger-500));border-color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-look-solid.ax-color-info ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-info-500))!important;border-color:rgba(var(--ax-color-info-500))!important;color:rgba(var(--ax-color-info-fore))!important}ax-button-group.ax-look-solid.ax-color-info ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-info-500))!important}ax-button-group.ax-look-twotone.ax-color-info ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-info-100));color:rgba(var(--ax-color-info-fore-tint));border-color:rgba(var(--ax-color-info-100))}ax-button-group.ax-look-outline.ax-color-info ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-500));background-color:transparent}ax-button-group.ax-look-outline.ax-color-info ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-info-500))}ax-button-group.ax-color-info ax-button-group-item:is(ax-button-group.ax-color-info ax-button-group-item:focus-visible,ax-button-group.ax-color-info ax-button-group-item:focus){outline-color:rgba(var(--ax-color-info-500))}ax-button-group.ax-color-info ax-button-group-item:hover:not(ax-button-group.ax-color-info ax-button-group-item:hover.ax-state-disabled,ax-button-group.ax-color-info ax-button-group-item:hover.ax-state-selected){border-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-500))}ax-button-group.ax-color-info ax-button-group-item:hover:not(ax-button-group.ax-color-info ax-button-group-item:hover.ax-state-disabled,ax-button-group.ax-color-info ax-button-group-item:hover.ax-state-selected):before{background-color:rgba(var(--ax-color-info-500))}ax-button-group.ax-look-blank.ax-color-info ax-button-group-item.ax-state-selected{color:rgba(var(--ax-color-info-500))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore));border-color:rgba(var(--ax-color-info-500))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-info-500))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:transparent;color:rgba(var(--ax-color-info-500));border-color:rgba(var(--ax-color-info-500))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-info-500))}ax-button-group.ax-look-twotone.ax-color-ghost ax-button-group-item.ax-state-selected{border-color:rgba(var(--ax-color-primary-100));background-color:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-fore-tint))}ax-button-group.ax-look-blank.ax-color-ghost ax-button-group-item.ax-state-selected{color:rgba(var(--ax-color-primary-500))}.ax-dark ax-button-group.ax-look-solid.ax-color-primary ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-fore-tint));border-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-primary ax-button-group-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-group-item.ax-state-selected{background-color:rgba(var(--ax-color-primary-200));border-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-primary ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-primary-200));border-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-primary ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-color-primary ax-button-group-item:is(.ax-dark ax-button-group.ax-color-primary ax-button-group-item:focus-visible,.ax-dark ax-button-group.ax-color-primary ax-button-group-item:focus){outline-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-color-primary ax-button-group-item:hover:not(.ax-dark ax-button-group.ax-color-primary ax-button-group-item:hover.ax-state-disabled,.ax-dark ax-button-group.ax-color-primary ax-button-group-item:hover.ax-state-selected){border-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-color-primary ax-button-group-item:hover:not(.ax-dark ax-button-group.ax-color-primary ax-button-group-item:hover.ax-state-disabled,.ax-dark ax-button-group.ax-color-primary ax-button-group-item:hover.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-group-item.ax-state-selected{color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-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-tint))}.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-secondary ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-secondary-200));color:rgba(var(--ax-color-secondary-fore-tint));border-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-secondary ax-button-group-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-group-item.ax-state-selected{background-color:rgba(var(--ax-color-secondary-200));border-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-secondary ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-secondary-200));border-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-secondary ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-button-group.ax-color-secondary ax-button-group-item:is(.ax-dark ax-button-group.ax-color-secondary ax-button-group-item:focus-visible,.ax-dark ax-button-group.ax-color-secondary ax-button-group-item:focus){outline-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-button-group.ax-color-secondary ax-button-group-item:hover:not(.ax-dark ax-button-group.ax-color-secondary ax-button-group-item:hover.ax-state-disabled,.ax-dark ax-button-group.ax-color-secondary ax-button-group-item:hover.ax-state-selected){border-color:rgba(var(--ax-color-secondary-200));color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-button-group.ax-color-secondary ax-button-group-item:hover:not(.ax-dark ax-button-group.ax-color-secondary ax-button-group-item:hover.ax-state-disabled,.ax-dark ax-button-group.ax-color-secondary ax-button-group-item:hover.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-group-item.ax-state-selected{color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-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-tint))}.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-success ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-fore-tint));border-color:rgba(var(--ax-color-success-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-success ax-button-group-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-group-item.ax-state-selected{background-color:rgba(var(--ax-color-success-200));border-color:rgba(var(--ax-color-success-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-success ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-success-200));border-color:rgba(var(--ax-color-success-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-success ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-success-200))}.ax-dark ax-button-group.ax-color-success ax-button-group-item:is(.ax-dark ax-button-group.ax-color-success ax-button-group-item:focus-visible,.ax-dark ax-button-group.ax-color-success ax-button-group-item:focus){outline-color:rgba(var(--ax-color-success-200))}.ax-dark ax-button-group.ax-color-success ax-button-group-item:hover:not(.ax-dark ax-button-group.ax-color-success ax-button-group-item:hover.ax-state-disabled,.ax-dark ax-button-group.ax-color-success ax-button-group-item:hover.ax-state-selected){border-color:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-200))}.ax-dark ax-button-group.ax-color-success ax-button-group-item:hover:not(.ax-dark ax-button-group.ax-color-success ax-button-group-item:hover.ax-state-disabled,.ax-dark ax-button-group.ax-color-success ax-button-group-item:hover.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-group-item.ax-state-selected{color:rgba(var(--ax-color-success-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-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-tint))}.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-success-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-warning ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-fore-tint));border-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-warning ax-button-group-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-group-item.ax-state-selected{background-color:rgba(var(--ax-color-warning-200));border-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-warning ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-warning-200));border-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-warning ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button-group.ax-color-warning ax-button-group-item:is(.ax-dark ax-button-group.ax-color-warning ax-button-group-item:focus-visible,.ax-dark ax-button-group.ax-color-warning ax-button-group-item:focus){outline-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button-group.ax-color-warning ax-button-group-item:hover:not(.ax-dark ax-button-group.ax-color-warning ax-button-group-item:hover.ax-state-disabled,.ax-dark ax-button-group.ax-color-warning ax-button-group-item:hover.ax-state-selected){border-color:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button-group.ax-color-warning ax-button-group-item:hover:not(.ax-dark ax-button-group.ax-color-warning ax-button-group-item:hover.ax-state-disabled,.ax-dark ax-button-group.ax-color-warning ax-button-group-item:hover.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-group-item.ax-state-selected{color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-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-tint))}.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-danger ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-fore-tint));border-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-danger ax-button-group-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-group-item.ax-state-selected{background-color:rgba(var(--ax-color-danger-200));border-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-danger ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-danger-200));border-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-danger ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button-group.ax-color-danger ax-button-group-item:is(.ax-dark ax-button-group.ax-color-danger ax-button-group-item:focus-visible,.ax-dark ax-button-group.ax-color-danger ax-button-group-item:focus){outline-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button-group.ax-color-danger ax-button-group-item:hover:not(.ax-dark ax-button-group.ax-color-danger ax-button-group-item:hover.ax-state-disabled,.ax-dark ax-button-group.ax-color-danger ax-button-group-item:hover.ax-state-selected){border-color:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button-group.ax-color-danger ax-button-group-item:hover:not(.ax-dark ax-button-group.ax-color-danger ax-button-group-item:hover.ax-state-disabled,.ax-dark ax-button-group.ax-color-danger ax-button-group-item:hover.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-group-item.ax-state-selected{color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-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-tint))}.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-info ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-info-200));color:rgba(var(--ax-color-info-fore-tint));border-color:rgba(var(--ax-color-info-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-info ax-button-group-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-group-item.ax-state-selected{background-color:rgba(var(--ax-color-info-200));border-color:rgba(var(--ax-color-info-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-info ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-info-200));border-color:rgba(var(--ax-color-info-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-info ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-info-200))}.ax-dark ax-button-group.ax-color-info ax-button-group-item:is(.ax-dark ax-button-group.ax-color-info ax-button-group-item:focus-visible,.ax-dark ax-button-group.ax-color-info ax-button-group-item:focus){outline-color:rgba(var(--ax-color-info-200))}.ax-dark ax-button-group.ax-color-info ax-button-group-item:hover:not(.ax-dark ax-button-group.ax-color-info ax-button-group-item:hover.ax-state-disabled,.ax-dark ax-button-group.ax-color-info ax-button-group-item:hover.ax-state-selected){border-color:rgba(var(--ax-color-info-200));color:rgba(var(--ax-color-info-200))}.ax-dark ax-button-group.ax-color-info ax-button-group-item:hover:not(.ax-dark ax-button-group.ax-color-info ax-button-group-item:hover.ax-state-disabled,.ax-dark ax-button-group.ax-color-info ax-button-group-item:hover.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-group-item.ax-state-selected{color:rgba(var(--ax-color-info-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-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-tint))}.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-info-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected{border-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-look-twotone.ax-color-ghost ax-button-group-item.ax-state-selected{border-color:rgba(var(--ax-color-primary-200));background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-look-blank.ax-color-ghost ax-button-group-item.ax-state-selected{color:rgba(var(--ax-color-primary-200))}\n"] }]
|
|
150
|
+
args: [{ selector: 'ax-button-group', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, inputs: ['disabled', 'color', 'look'], outputs: ['onBlur', 'onFocus', 'lookChange', 'colorChange', 'disabledChange'], template: "<ng-container>\n <ng-content select=\"ax-button-group-item\"></ng-content>\n</ng-container>\n", styles: ["ax-button-group{display:flex}ax-button-group ax-button-group-item{position:relative;display:inline-flex;height:var(--ax-size-default);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;justify-content:center;border-width:1px;border-color:rgba(var(--ax-color-border-default));background-color:rgba(var(--ax-color-surface));padding-left:1rem;padding-right:1rem;font-size:.875rem;line-height:1.25rem;color:rgba(var(--ax-color-surface-fore));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-button-group ax-button-group-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-group-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-group-item:not(ax-button-group ax-button-group-item:first-child){border-inline-start-width:0px}ax-button-group ax-button-group-item:not(ax-button-group ax-button-group-item:first-child):before{position:absolute;inset-inline-start:-1px;top:-1px;box-sizing:content-box;display:block;height:100%;width:1px;padding:1px 0;content:\"\"}ax-button-group ax-button-group-item .ax-button-group-item-text{padding-left:.5rem;padding-right:.5rem}ax-button-group.ax-buttons-fit{width:100%}ax-button-group.ax-buttons-fit>button{flex:1 1 0%}ax-button-group.ax-state-disabled,ax-button-group.ax-state-loading{opacity:.5}ax-button-group.ax-state-disabled>ax-button-group-item,ax-button-group.ax-state-loading>ax-button-group-item{cursor:not-allowed}ax-button-group.ax-xs{font-size:.75rem;line-height:1rem}ax-button-group.ax-xs>button{padding-left:.25rem;padding-right:.25rem}ax-button-group.ax-sm>button{padding-left:.5rem;padding-right:.5rem}ax-button-group.ax-sm,ax-button-group.ax-md{font-size:.875rem;line-height:1.25rem}ax-button-group.ax-lg{font-size:1rem;line-height:1.25rem}ax-button-group.ax-lg>button{padding-left:1.5rem;padding-right:1.5rem}ax-button-group.ax-xl{font-size:1.5rem;line-height:2rem}ax-button-group.ax-xl>button{padding-left:2rem;padding-right:2rem}ax-button-group.ax-look-solid.ax-color-primary ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-primary-500))!important;border-color:rgba(var(--ax-color-primary-500))!important;color:rgba(var(--ax-color-primary-fore))!important}ax-button-group.ax-look-solid.ax-color-primary ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-primary-500))!important}ax-button-group.ax-look-twotone.ax-color-primary ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-fore-tint));border-color:rgba(var(--ax-color-primary-100))}ax-button-group.ax-look-outline.ax-color-primary ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500));background-color:transparent}ax-button-group.ax-look-outline.ax-color-primary ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-look-blank.ax-color-primary ax-button-group-item.ax-state-selected{color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-color-primary ax-button-group-item:is(ax-button-group.ax-color-primary ax-button-group-item:focus-visible,ax-button-group.ax-color-primary ax-button-group-item:focus){outline-color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-color-primary ax-button-group-item:hover:not(ax-button-group.ax-color-primary ax-button-group-item:hover.ax-state-disabled,ax-button-group.ax-color-primary ax-button-group-item:hover.ax-state-selected){border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-color-primary ax-button-group-item:hover:not(ax-button-group.ax-color-primary ax-button-group-item:hover.ax-state-disabled,ax-button-group.ax-color-primary ax-button-group-item:hover.ax-state-selected):before{background-color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore));border-color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:transparent;color:rgba(var(--ax-color-primary-500));border-color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-look-solid.ax-color-secondary ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-secondary-500))!important;border-color:rgba(var(--ax-color-secondary-500))!important;color:rgba(var(--ax-color-secondary-fore))!important}ax-button-group.ax-look-solid.ax-color-secondary ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-secondary-500))!important}ax-button-group.ax-look-twotone.ax-color-secondary ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-secondary-100));color:rgba(var(--ax-color-secondary-fore-tint));border-color:rgba(var(--ax-color-secondary-100))}ax-button-group.ax-look-outline.ax-color-secondary ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-500));background-color:transparent}ax-button-group.ax-look-outline.ax-color-secondary ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-look-blank.ax-color-secondary ax-button-group-item.ax-state-selected{color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-color-secondary ax-button-group-item:is(ax-button-group.ax-color-secondary ax-button-group-item:focus-visible,ax-button-group.ax-color-secondary ax-button-group-item:focus){outline-color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-color-secondary ax-button-group-item:hover:not(ax-button-group.ax-color-secondary ax-button-group-item:hover.ax-state-disabled,ax-button-group.ax-color-secondary ax-button-group-item:hover.ax-state-selected){border-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-color-secondary ax-button-group-item:hover:not(ax-button-group.ax-color-secondary ax-button-group-item:hover.ax-state-disabled,ax-button-group.ax-color-secondary ax-button-group-item:hover.ax-state-selected):before{background-color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore));border-color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:transparent;color:rgba(var(--ax-color-secondary-500));border-color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-look-solid.ax-color-success ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-success-500))!important;border-color:rgba(var(--ax-color-success-500))!important;color:rgba(var(--ax-color-success-fore))!important}ax-button-group.ax-look-solid.ax-color-success ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-success-500))!important}ax-button-group.ax-look-twotone.ax-color-success ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-success-100));color:rgba(var(--ax-color-success-fore-tint));border-color:rgba(var(--ax-color-success-100))}ax-button-group.ax-look-outline.ax-color-success ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-500));background-color:transparent}ax-button-group.ax-look-outline.ax-color-success ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-success-500))}ax-button-group.ax-look-blank.ax-color-success ax-button-group-item.ax-state-selected{color:rgba(var(--ax-color-success-500))}ax-button-group.ax-color-success ax-button-group-item:is(ax-button-group.ax-color-success ax-button-group-item:focus-visible,ax-button-group.ax-color-success ax-button-group-item:focus){outline-color:rgba(var(--ax-color-success-500))}ax-button-group.ax-color-success ax-button-group-item:hover:not(ax-button-group.ax-color-success ax-button-group-item:hover.ax-state-disabled,ax-button-group.ax-color-success ax-button-group-item:hover.ax-state-selected){border-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-500))}ax-button-group.ax-color-success ax-button-group-item:hover:not(ax-button-group.ax-color-success ax-button-group-item:hover.ax-state-disabled,ax-button-group.ax-color-success ax-button-group-item:hover.ax-state-selected):before{background-color:rgba(var(--ax-color-success-500))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore));border-color:rgba(var(--ax-color-success-500))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-success-500))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:transparent;color:rgba(var(--ax-color-success-500));border-color:rgba(var(--ax-color-success-500))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-success-500))}ax-button-group.ax-look-solid.ax-color-warning ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-warning-500))!important;border-color:rgba(var(--ax-color-warning-500))!important;color:rgba(var(--ax-color-warning-fore))!important}ax-button-group.ax-look-solid.ax-color-warning ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-warning-500))!important}ax-button-group.ax-look-twotone.ax-color-warning ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-warning-100));color:rgba(var(--ax-color-warning-fore-tint));border-color:rgba(var(--ax-color-warning-100))}ax-button-group.ax-look-outline.ax-color-warning ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-500));background-color:transparent}ax-button-group.ax-look-outline.ax-color-warning ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-look-blank.ax-color-warning ax-button-group-item.ax-state-selected{color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-color-warning ax-button-group-item:is(ax-button-group.ax-color-warning ax-button-group-item:focus-visible,ax-button-group.ax-color-warning ax-button-group-item:focus){outline-color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-color-warning ax-button-group-item:hover:not(ax-button-group.ax-color-warning ax-button-group-item:hover.ax-state-disabled,ax-button-group.ax-color-warning ax-button-group-item:hover.ax-state-selected){border-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-color-warning ax-button-group-item:hover:not(ax-button-group.ax-color-warning ax-button-group-item:hover.ax-state-disabled,ax-button-group.ax-color-warning ax-button-group-item:hover.ax-state-selected):before{background-color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore));border-color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:transparent;color:rgba(var(--ax-color-warning-500));border-color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-look-solid.ax-color-danger ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-danger-500))!important;border-color:rgba(var(--ax-color-danger-500))!important;color:rgba(var(--ax-color-danger-fore))!important}ax-button-group.ax-look-solid.ax-color-danger ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-danger-500))!important}ax-button-group.ax-look-twotone.ax-color-danger ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-danger-100));color:rgba(var(--ax-color-danger-fore-tint));border-color:rgba(var(--ax-color-danger-100))}ax-button-group.ax-look-outline.ax-color-danger ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-500));background-color:transparent}ax-button-group.ax-look-outline.ax-color-danger ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-look-blank.ax-color-danger ax-button-group-item.ax-state-selected{color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-color-danger ax-button-group-item:is(ax-button-group.ax-color-danger ax-button-group-item:focus-visible,ax-button-group.ax-color-danger ax-button-group-item:focus){outline-color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-color-danger ax-button-group-item:hover:not(ax-button-group.ax-color-danger ax-button-group-item:hover.ax-state-disabled,ax-button-group.ax-color-danger ax-button-group-item:hover.ax-state-selected){border-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-color-danger ax-button-group-item:hover:not(ax-button-group.ax-color-danger ax-button-group-item:hover.ax-state-disabled,ax-button-group.ax-color-danger ax-button-group-item:hover.ax-state-selected):before{background-color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore));border-color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:transparent;color:rgba(var(--ax-color-danger-500));border-color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-look-solid.ax-color-info ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-info-500))!important;border-color:rgba(var(--ax-color-info-500))!important;color:rgba(var(--ax-color-info-fore))!important}ax-button-group.ax-look-solid.ax-color-info ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-info-500))!important}ax-button-group.ax-look-twotone.ax-color-info ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-info-100));color:rgba(var(--ax-color-info-fore-tint));border-color:rgba(var(--ax-color-info-100))}ax-button-group.ax-look-outline.ax-color-info ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-500));background-color:transparent}ax-button-group.ax-look-outline.ax-color-info ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-info-500))}ax-button-group.ax-look-blank.ax-color-info ax-button-group-item.ax-state-selected{color:rgba(var(--ax-color-info-500))}ax-button-group.ax-color-info ax-button-group-item:is(ax-button-group.ax-color-info ax-button-group-item:focus-visible,ax-button-group.ax-color-info ax-button-group-item:focus){outline-color:rgba(var(--ax-color-info-500))}ax-button-group.ax-color-info ax-button-group-item:hover:not(ax-button-group.ax-color-info ax-button-group-item:hover.ax-state-disabled,ax-button-group.ax-color-info ax-button-group-item:hover.ax-state-selected){border-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-500))}ax-button-group.ax-color-info ax-button-group-item:hover:not(ax-button-group.ax-color-info ax-button-group-item:hover.ax-state-disabled,ax-button-group.ax-color-info ax-button-group-item:hover.ax-state-selected):before{background-color:rgba(var(--ax-color-info-500))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore));border-color:rgba(var(--ax-color-info-500))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-info-500))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:transparent;color:rgba(var(--ax-color-info-500));border-color:rgba(var(--ax-color-info-500))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-info-500))}ax-button-group.ax-look-twotone.ax-color-ghost ax-button-group-item.ax-state-selected{border-color:rgba(var(--ax-color-primary-100));background-color:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-fore-tint))}ax-button-group.ax-look-blank.ax-color-ghost ax-button-group-item.ax-state-selected{color:rgba(var(--ax-color-primary-500))}.ax-dark ax-button-group.ax-look-solid.ax-color-primary ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-fore-tint));border-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-primary ax-button-group-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-group-item.ax-state-selected{background-color:rgba(var(--ax-color-primary-200));border-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-primary ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-primary-200));border-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-primary ax-button-group-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-group-item.ax-state-selected{color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-color-primary ax-button-group-item:is(.ax-dark ax-button-group.ax-color-primary ax-button-group-item:focus-visible,.ax-dark ax-button-group.ax-color-primary ax-button-group-item:focus){outline-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-color-primary ax-button-group-item:hover:not(.ax-dark ax-button-group.ax-color-primary ax-button-group-item:hover.ax-state-disabled,.ax-dark ax-button-group.ax-color-primary ax-button-group-item:hover.ax-state-selected){border-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-color-primary ax-button-group-item:hover:not(.ax-dark ax-button-group.ax-color-primary ax-button-group-item:hover.ax-state-disabled,.ax-dark ax-button-group.ax-color-primary ax-button-group-item:hover.ax-state-selected):before{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-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-tint))}.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-secondary ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-secondary-200));color:rgba(var(--ax-color-secondary-fore-tint));border-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-secondary ax-button-group-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-group-item.ax-state-selected{background-color:rgba(var(--ax-color-secondary-200));border-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-secondary ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-secondary-200));border-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-secondary ax-button-group-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-group-item.ax-state-selected{color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-button-group.ax-color-secondary ax-button-group-item:is(.ax-dark ax-button-group.ax-color-secondary ax-button-group-item:focus-visible,.ax-dark ax-button-group.ax-color-secondary ax-button-group-item:focus){outline-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-button-group.ax-color-secondary ax-button-group-item:hover:not(.ax-dark ax-button-group.ax-color-secondary ax-button-group-item:hover.ax-state-disabled,.ax-dark ax-button-group.ax-color-secondary ax-button-group-item:hover.ax-state-selected){border-color:rgba(var(--ax-color-secondary-200));color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-button-group.ax-color-secondary ax-button-group-item:hover:not(.ax-dark ax-button-group.ax-color-secondary ax-button-group-item:hover.ax-state-disabled,.ax-dark ax-button-group.ax-color-secondary ax-button-group-item:hover.ax-state-selected):before{background-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-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-tint))}.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-success ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-fore-tint));border-color:rgba(var(--ax-color-success-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-success ax-button-group-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-group-item.ax-state-selected{background-color:rgba(var(--ax-color-success-200));border-color:rgba(var(--ax-color-success-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-success ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-success-200));border-color:rgba(var(--ax-color-success-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-success ax-button-group-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-group-item.ax-state-selected{color:rgba(var(--ax-color-success-200))}.ax-dark ax-button-group.ax-color-success ax-button-group-item:is(.ax-dark ax-button-group.ax-color-success ax-button-group-item:focus-visible,.ax-dark ax-button-group.ax-color-success ax-button-group-item:focus){outline-color:rgba(var(--ax-color-success-200))}.ax-dark ax-button-group.ax-color-success ax-button-group-item:hover:not(.ax-dark ax-button-group.ax-color-success ax-button-group-item:hover.ax-state-disabled,.ax-dark ax-button-group.ax-color-success ax-button-group-item:hover.ax-state-selected){border-color:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-200))}.ax-dark ax-button-group.ax-color-success ax-button-group-item:hover:not(.ax-dark ax-button-group.ax-color-success ax-button-group-item:hover.ax-state-disabled,.ax-dark ax-button-group.ax-color-success ax-button-group-item:hover.ax-state-selected):before{background-color:rgba(var(--ax-color-success-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-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-tint))}.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-success-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-warning ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-fore-tint));border-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-warning ax-button-group-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-group-item.ax-state-selected{background-color:rgba(var(--ax-color-warning-200));border-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-warning ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-warning-200));border-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-warning ax-button-group-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-group-item.ax-state-selected{color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button-group.ax-color-warning ax-button-group-item:is(.ax-dark ax-button-group.ax-color-warning ax-button-group-item:focus-visible,.ax-dark ax-button-group.ax-color-warning ax-button-group-item:focus){outline-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button-group.ax-color-warning ax-button-group-item:hover:not(.ax-dark ax-button-group.ax-color-warning ax-button-group-item:hover.ax-state-disabled,.ax-dark ax-button-group.ax-color-warning ax-button-group-item:hover.ax-state-selected){border-color:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button-group.ax-color-warning ax-button-group-item:hover:not(.ax-dark ax-button-group.ax-color-warning ax-button-group-item:hover.ax-state-disabled,.ax-dark ax-button-group.ax-color-warning ax-button-group-item:hover.ax-state-selected):before{background-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-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-tint))}.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-danger ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-fore-tint));border-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-danger ax-button-group-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-group-item.ax-state-selected{background-color:rgba(var(--ax-color-danger-200));border-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-danger ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-danger-200));border-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-danger ax-button-group-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-group-item.ax-state-selected{color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button-group.ax-color-danger ax-button-group-item:is(.ax-dark ax-button-group.ax-color-danger ax-button-group-item:focus-visible,.ax-dark ax-button-group.ax-color-danger ax-button-group-item:focus){outline-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button-group.ax-color-danger ax-button-group-item:hover:not(.ax-dark ax-button-group.ax-color-danger ax-button-group-item:hover.ax-state-disabled,.ax-dark ax-button-group.ax-color-danger ax-button-group-item:hover.ax-state-selected){border-color:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button-group.ax-color-danger ax-button-group-item:hover:not(.ax-dark ax-button-group.ax-color-danger ax-button-group-item:hover.ax-state-disabled,.ax-dark ax-button-group.ax-color-danger ax-button-group-item:hover.ax-state-selected):before{background-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-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-tint))}.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-info ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-info-200));color:rgba(var(--ax-color-info-fore-tint));border-color:rgba(var(--ax-color-info-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-info ax-button-group-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-group-item.ax-state-selected{background-color:rgba(var(--ax-color-info-200));border-color:rgba(var(--ax-color-info-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-info ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-info-200));border-color:rgba(var(--ax-color-info-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-info ax-button-group-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-group-item.ax-state-selected{color:rgba(var(--ax-color-info-200))}.ax-dark ax-button-group.ax-color-info ax-button-group-item:is(.ax-dark ax-button-group.ax-color-info ax-button-group-item:focus-visible,.ax-dark ax-button-group.ax-color-info ax-button-group-item:focus){outline-color:rgba(var(--ax-color-info-200))}.ax-dark ax-button-group.ax-color-info ax-button-group-item:hover:not(.ax-dark ax-button-group.ax-color-info ax-button-group-item:hover.ax-state-disabled,.ax-dark ax-button-group.ax-color-info ax-button-group-item:hover.ax-state-selected){border-color:rgba(var(--ax-color-info-200));color:rgba(var(--ax-color-info-200))}.ax-dark ax-button-group.ax-color-info ax-button-group-item:hover:not(.ax-dark ax-button-group.ax-color-info ax-button-group-item:hover.ax-state-disabled,.ax-dark ax-button-group.ax-color-info ax-button-group-item:hover.ax-state-selected):before{background-color:rgba(var(--ax-color-info-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-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-tint))}.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-info-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected{border-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-look-twotone.ax-color-ghost ax-button-group-item.ax-state-selected{border-color:rgba(var(--ax-color-primary-200));background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-look-blank.ax-color-ghost ax-button-group-item.ax-state-selected{color:rgba(var(--ax-color-primary-200))}\n"] }]
|
|
151
151
|
}], propDecorators: { onClick: [{
|
|
152
152
|
type: Output
|
|
153
153
|
}], _contentButtons: [{
|
|
@@ -10,4 +10,4 @@ export const AX_LOCATIONS = [
|
|
|
10
10
|
'center-end',
|
|
11
11
|
'center-start',
|
|
12
12
|
];
|
|
13
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
13
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmNsYXNzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL2NvbW1vbi9zcmMvbGliL2NsYXNzZXMvc3R5bGVzLmNsYXNzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU0sQ0FBQyxNQUFNLG9CQUFvQixHQUFHLENBQUMsU0FBUyxFQUFFLFdBQVcsRUFBRSxTQUFTLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxNQUFNLEVBQUUsT0FBTyxDQUFDLENBQUM7QUFTOUcsTUFBTSxDQUFDLE1BQU0sbUJBQW1CLEdBQUcsQ0FBQyxPQUFPLEVBQUUsT0FBTyxFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLE1BQU0sRUFBRSxNQUFNLENBQUMsQ0FBQztBQUVwRyxNQUFNLENBQUMsTUFBTSxZQUFZLEdBQUc7SUFDMUIsY0FBYztJQUNkLGVBQWU7SUFDZixZQUFZO0lBQ1osV0FBVztJQUNYLFlBQVk7SUFDWixTQUFTO0lBQ1QsWUFBWTtJQUNaLGNBQWM7Q0FDZixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGNvbnN0IEFYX1NUWUxFX0NPTE9SX1RZUEVTID0gWydwcmltYXJ5JywgJ3NlY29uZGFyeScsICdzdWNjZXNzJywgJ3dhcm5pbmcnLCAnZGFuZ2VyJywgJ2luZm8nLCAnZ2hvc3QnXTtcblxuLyoqXG4gKiBBIHRva2VuIHRoYXQgc3BlY2lmaWVzIHRoZSAgY29sb3Igc3R5bGUgb2YgY29tcG9uZW50LlxuICovXG5leHBvcnQgdHlwZSBBWFN0eWxlQ29sb3JUeXBlID0gJ3ByaW1hcnknIHwgJ3NlY29uZGFyeScgfCAnc3VjY2VzcycgfCAnd2FybmluZycgfCAnZGFuZ2VyJyB8ICdpbmZvJyB8ICdnaG9zdCc7XG5cbmV4cG9ydCB0eXBlIEFYU3R5bGVMb29rVHlwZSA9ICdzb2xpZCcgfCAnYmxhbmsnIHwgJ291dGxpbmUnIHwgJ3R3b3RvbmUnIHwgJ2ZsYXQnIHwgJ2ZpbGwnIHwgJ2xpbmsnIHwgJ25vbmUnO1xuXG5leHBvcnQgY29uc3QgQVhfU1RZTEVfTE9PS19UWVBFUyA9IFsnc29saWQnLCAnYmxhbmsnLCAnb3V0bGluZScsICd0d290b25lJywgJ2ZsYXQnLCAnZmlsbCcsICdub25lJ107XG5cbmV4cG9ydCBjb25zdCBBWF9MT0NBVElPTlMgPSBbXG4gICdib3R0b20tc3RhcnQnLFxuICAnYm90dG9tLWNlbnRlcicsXG4gICdib3R0b20tZW5kJyxcbiAgJ3RvcC1zdGFydCcsXG4gICd0b3AtY2VudGVyJyxcbiAgJ3RvcC1lbmQnLFxuICAnY2VudGVyLWVuZCcsXG4gICdjZW50ZXItc3RhcnQnLFxuXTtcblxuZXhwb3J0IHR5cGUgQVhMb2NhdGlvbiA9XG4gIHwgJ2JvdHRvbS1zdGFydCdcbiAgfCAnYm90dG9tLWNlbnRlcidcbiAgfCAnYm90dG9tLWVuZCdcbiAgfCAndG9wLXN0YXJ0J1xuICB8ICd0b3AtY2VudGVyJ1xuICB8ICd0b3AtZW5kJ1xuICB8ICdjZW50ZXItZW5kJ1xuICB8ICdjZW50ZXItc3RhcnQnO1xuIl19
|
|
@@ -98,7 +98,7 @@ export class AXConversationMessageComponent extends MXBaseComponent {
|
|
|
98
98
|
this.conversationService.replyId.set(e);
|
|
99
99
|
}
|
|
100
100
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXConversationMessageComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
101
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: AXConversationMessageComponent, selector: "ax-conversation-message", inputs: { chatMessage: { classPropertyName: "chatMessage", publicName: "chatMessage", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "this.__hostClass" } }, viewQueries: [{ propertyName: "popover", first: true, predicate: ["popover"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@if (chatMessage().fromId) {\n <ax-avatar [size]=\"36\"></ax-avatar>\n}\n\n@if (isOwn) {\n <i (click)=\"replyHandler(chatMessage().id)\" class=\"fa-solid fa-reply ax-cursor-pointer\"></i>\n}\n\n<div class=\"ax-message-content\" [class.ax-state-own]=\"!chatMessage().fromId\" [class.ax-state-other]=\"chatMessage().fromId\">\n <ng-template [cdkPortalOutlet]=\"_portal\" (attached)=\"_handleAttached($event)\"></ng-template>\n\n <div class=\"ax-chat-message-status\">\n <div class=\"ax-message-prefix\"></div>\n <div>\n <div class=\"ax-message-suffix\"></div>\n <span>\n {{ chatMessage().sendTime | format: 'datetime' : 'HH:mm' | async }}\n </span>\n <span>\n @if (isOwn) {\n @if (chatMessage().deliverTime && chatMessage().sendTime) {\n <i class=\"ax-icon ax-icon-check ax-message-status\"></i>\n }\n @if (chatMessage().readTime && chatMessage().sendTime) {\n <i class=\"ax-icon ax-icon-dobble-check ax-message-status\"></i>\n }\n }\n </span>\n </div>\n </div>\n</div>\n\n@if (!chatMessage().sendTime) {\n <ax-button class=\"ax-resend-button ax-xs\" color=\"danger\" #b>\n <ax-icon class=\"ax-icon ax-icon-error\"></ax-icon>\n\n <ax-popover [target]=\"b\" placement=\"bottom-end\" #popover>\n <div class=\"ax-overlay-pane\">\n <ax-content> </ax-content>\n <ax-button-item-list>\n @if (chatMessage().onResendClick) {\n <ax-button-item text=\"Resend\" (onClick)=\"handleResendClick()\">\n <ax-icon class=\"ax-icon ax-icon-reload ax-bold\"></ax-icon>\n </ax-button-item>\n }\n @if (chatMessage().onDeleteClick) {\n <ax-button-item text=\"Delete\" color=\"danger\" (onClick)=\"handleDeleteClick()\">\n <ax-icon class=\"ax-icon ax-icon-clear ax-bold\"></ax-icon>\n </ax-button-item>\n }\n </ax-button-item-list>\n </div>\n </ax-popover>\n </ax-button>\n}\n", styles: [":root{--ax-message-other-color: rgba(var(--ax-color-primary-500));--ax-message-other-color-fore: rgba(var(--ax-color-primary-fore));--ax-message-status-color: rgba(var(--ax-color-primary-700));--ax-message-other-bar-color: rgba(var(--ax-color-primary-400));--ax-message-other-progress-color: rgba(var(--ax-color-primary-fore));--ax-message-own-color: rgba(var(--ax-color-primary-100));--ax-message-own-color-fore: rgba(var(--ax-color-primary-700));--ax-message-own-reply-color: rgba(var(--ax-color-primary-200));--ax-message-own-reply-color-fore: rgba(var(--ax-color-primary-800));--ax-message-other-reply-color: rgba(var(--ax-color-primary-700));--ax-message-other-reply-color-fore: white;--ax-message-border-color: rgba(var(--ax-color-primary-800));--ax-message-own-bar-color: rgba(var(--ax-color-primary-200));--ax-message-own-progress-color: rgba(var(--ax-color-primary-700))}ax-conversation-message{display:flex;gap:.5rem;align-items:flex-end}ax-conversation-message .ax-message-reply-container{border-left:.3rem solid var(--ax-message-border-color);border-radius:.75rem;padding:.75rem;margin-bottom:.25rem}ax-conversation-message .ax-message-reply-container .file{display:flex;align-items:center}ax-conversation-message .ax-message-reply-container .file i{margin-inline-end:.5rem}ax-conversation-message .ax-message-reply-container img,ax-conversation-message .ax-message-reply-container video{width:6rem}ax-conversation-message.ax-state-own{justify-content:flex-end}ax-conversation-message.ax-state-own .ax-conversation-controller button{background-color:var(--ax-message-own-color-fore);color:var(--ax-message-own-color)}ax-conversation-message.ax-state-own .ax-message-reply-container{background-color:var(--ax-message-own-reply-color);color:var(--ax-message-own-reply-color-fore)}ax-conversation-message.ax-state-other .ax-conversation-controller button{background-color:var(--ax-message-other-color-fore);color:var(--ax-message-other-color)}ax-conversation-message.ax-state-other .ax-message-reply-container{background-color:var(--ax-message-other-reply-color);color:var(--ax-message-other-reply-color-fore)}ax-conversation-message .ax-conversation-controller button{width:2.5rem;height:2.5rem;border-radius:999rem;display:flex;align-items:center;justify-content:center}ax-conversation-message .ax-conversation-controller button ax-loading-spinner{display:flex}ax-conversation-message .ax-conversation-controller button.ax-state-error{background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}ax-conversation-message .ax-conversation-controller button>i{width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700}ax-conversation-message .ax-message-content{display:block;padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;border-radius:1rem;width:fit-content;max-width:50%}ax-conversation-message .ax-message-content.ax-state-own{border-end-end-radius:0!important;background-color:var(--ax-message-own-color);color:var(--ax-message-own-color-fore);justify-content:flex-end}ax-conversation-message .ax-message-content.ax-state-own .ax-chat-message-status{color:var(--ax-message-own-color-fore)}ax-conversation-message .ax-message-content.ax-state-other{border-end-start-radius:0!important;background-color:var(--ax-message-other-color);color:var(--ax-message-other-color-fore)}ax-conversation-message .ax-message-content.ax-state-other .ax-chat-message-status{color:var(--ax-message-other-color-fore)}ax-conversation-message .ax-message-content .ax-chat-message-status{display:flex;justify-content:space-between;align-items:center;font-size:.75rem}ax-conversation-message .ax-message-content .ax-chat-message-status>div{display:flex;gap:.125rem;align-items:center}ax-conversation-message .ax-message-content .ax-chat-message-status .ax-message-status{color:var(--ax-message-status-color)}ax-conversation-message .ax-message-content .ax-chat-message-status .ax-icon{font-weight:700;font-size:.875rem}ax-conversation-message .ax-message-content .ax-chat-message-status .ax-icon-error{color:rgba(var(--ax-color-danger-500))}ax-conversation-message .ax-message-content ax-prefix,ax-conversation-message .ax-message-content ax-suffix{display:none}ax-conversation-message .ax-resend-button{border-radius:999rem}ax-conversation-message .ax-cursor-pointer{cursor:pointer}ax-conversation-message .ax-rounded{border-radius:.75rem}ax-conversation-message .ax-message-content p{padding:.75rem;color:rgba(var(--ax-color-primary-fore))}@media (min-width: 320px) and (max-width: 600px){ax-conversation-message ax-avatar{display:none!important}ax-conversation-message .ax-message-content{max-width:100%}}\n"], dependencies: [{ kind: "component", type: i1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type", "responsiveOn", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "responsiveOnChange", "loadingTextChange"] }, { kind: "component", type: i1.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: i1.AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items"], outputs: ["onItemClick"] }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-sub-title, ax-placeholder, ax-overlay" }, { kind: "directive", type: i3.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "component", type: i4.AXAvatarComponent, selector: "ax-avatar", inputs: ["color", "size", "look"], outputs: ["sizeChange"] }, { kind: "component", type: i5.AXPopoverComponent, selector: "ax-popover", inputs: ["offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "backdropClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i7.AXFormatPipe, name: "format" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
101
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: AXConversationMessageComponent, selector: "ax-conversation-message", inputs: { chatMessage: { classPropertyName: "chatMessage", publicName: "chatMessage", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "this.__hostClass" } }, viewQueries: [{ propertyName: "popover", first: true, predicate: ["popover"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@if (chatMessage().fromId) {\n <ax-avatar [size]=\"36\"></ax-avatar>\n}\n\n@if (isOwn) {\n <i (click)=\"replyHandler(chatMessage().id)\" class=\"fa-solid fa-reply ax-cursor-pointer\"></i>\n}\n\n<div class=\"ax-message-content\" [class.ax-state-own]=\"!chatMessage().fromId\" [class.ax-state-other]=\"chatMessage().fromId\">\n <ng-template [cdkPortalOutlet]=\"_portal\" (attached)=\"_handleAttached($event)\"></ng-template>\n\n <div class=\"ax-chat-message-status\">\n <div class=\"ax-message-prefix\"></div>\n <div>\n <div class=\"ax-message-suffix\"></div>\n <span>\n {{ chatMessage().sendTime | format: 'datetime' : 'HH:mm' | async }}\n </span>\n <span>\n @if (isOwn) {\n @if (chatMessage().deliverTime && chatMessage().sendTime) {\n <i class=\"ax-icon ax-icon-check ax-message-status\"></i>\n }\n @if (chatMessage().readTime && chatMessage().sendTime) {\n <i class=\"ax-icon ax-icon-dobble-check ax-message-status\"></i>\n }\n }\n </span>\n </div>\n </div>\n</div>\n\n@if (!chatMessage().sendTime) {\n <ax-button class=\"ax-resend-button ax-xs\" color=\"danger\" #b>\n <ax-icon class=\"ax-icon ax-icon-error\"></ax-icon>\n\n <ax-popover [target]=\"b\" placement=\"bottom-end\" #popover>\n <div class=\"ax-overlay-pane\">\n <ax-content> </ax-content>\n <ax-button-item-list>\n @if (chatMessage().onResendClick) {\n <ax-button-item text=\"Resend\" (onClick)=\"handleResendClick()\">\n <ax-icon class=\"ax-icon ax-icon-reload ax-bold\"></ax-icon>\n </ax-button-item>\n }\n @if (chatMessage().onDeleteClick) {\n <ax-button-item text=\"Delete\" color=\"danger\" (onClick)=\"handleDeleteClick()\">\n <ax-icon class=\"ax-icon ax-icon-clear ax-bold\"></ax-icon>\n </ax-button-item>\n }\n </ax-button-item-list>\n </div>\n </ax-popover>\n </ax-button>\n}\n", styles: [":root{--ax-message-other-color: rgba(var(--ax-color-primary-500));--ax-message-other-color-fore: rgba(var(--ax-color-primary-fore));--ax-message-status-color: rgba(var(--ax-color-primary-700));--ax-message-other-bar-color: rgba(var(--ax-color-primary-400));--ax-message-other-progress-color: rgba(var(--ax-color-primary-fore));--ax-message-own-color: rgba(var(--ax-color-primary-100));--ax-message-own-color-fore: rgba(var(--ax-color-primary-700));--ax-message-own-reply-color: rgba(var(--ax-color-primary-200));--ax-message-own-reply-color-fore: rgba(var(--ax-color-primary-800));--ax-message-other-reply-color: rgba(var(--ax-color-primary-700));--ax-message-other-reply-color-fore: white;--ax-message-border-color: rgba(var(--ax-color-primary-800));--ax-message-own-bar-color: rgba(var(--ax-color-primary-200));--ax-message-own-progress-color: rgba(var(--ax-color-primary-700))}ax-conversation-message{display:flex;gap:.5rem;align-items:flex-end}ax-conversation-message .ax-message-reply-container{border-left:.3rem solid var(--ax-message-border-color);border-radius:.75rem;padding:.75rem;margin-bottom:.25rem}ax-conversation-message .ax-message-reply-container .file{display:flex;align-items:center}ax-conversation-message .ax-message-reply-container .file i{margin-inline-end:.5rem}ax-conversation-message .ax-message-reply-container img,ax-conversation-message .ax-message-reply-container video{width:6rem}ax-conversation-message.ax-state-own{justify-content:flex-end}ax-conversation-message.ax-state-own .ax-conversation-controller button{background-color:var(--ax-message-own-color-fore);color:var(--ax-message-own-color)}ax-conversation-message.ax-state-own .ax-message-reply-container{background-color:var(--ax-message-own-reply-color);color:var(--ax-message-own-reply-color-fore)}ax-conversation-message.ax-state-other .ax-conversation-controller button{background-color:var(--ax-message-other-color-fore);color:var(--ax-message-other-color)}ax-conversation-message.ax-state-other .ax-message-reply-container{background-color:var(--ax-message-other-reply-color);color:var(--ax-message-other-reply-color-fore)}ax-conversation-message .ax-conversation-controller button{width:2.5rem;height:2.5rem;border-radius:999rem;display:flex;align-items:center;justify-content:center}ax-conversation-message .ax-conversation-controller button ax-loading-spinner{display:flex}ax-conversation-message .ax-conversation-controller button.ax-state-error{background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}ax-conversation-message .ax-conversation-controller button>i{width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700}ax-conversation-message .ax-message-content{display:block;padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;border-radius:1rem;width:fit-content;max-width:50%}ax-conversation-message .ax-message-content.ax-state-own{border-end-end-radius:0!important;background-color:var(--ax-message-own-color);color:var(--ax-message-own-color-fore);justify-content:flex-end}ax-conversation-message .ax-message-content.ax-state-own .ax-chat-message-status{color:var(--ax-message-own-color-fore)}ax-conversation-message .ax-message-content.ax-state-other{border-end-start-radius:0!important;background-color:var(--ax-message-other-color);color:var(--ax-message-other-color-fore)}ax-conversation-message .ax-message-content.ax-state-other .ax-chat-message-status{color:var(--ax-message-other-color-fore)}ax-conversation-message .ax-message-content .ax-chat-message-status{display:flex;justify-content:space-between;align-items:center;font-size:.75rem}ax-conversation-message .ax-message-content .ax-chat-message-status>div{display:flex;gap:.125rem;align-items:center}ax-conversation-message .ax-message-content .ax-chat-message-status .ax-message-status{color:var(--ax-message-status-color)}ax-conversation-message .ax-message-content .ax-chat-message-status .ax-icon{font-weight:700;font-size:.875rem}ax-conversation-message .ax-message-content .ax-chat-message-status .ax-icon-error{color:rgba(var(--ax-color-danger-500))}ax-conversation-message .ax-message-content ax-prefix,ax-conversation-message .ax-message-content ax-suffix{display:none}ax-conversation-message .ax-resend-button{border-radius:999rem}ax-conversation-message .ax-cursor-pointer{cursor:pointer}ax-conversation-message .ax-rounded{border-radius:.75rem}ax-conversation-message .ax-message-content p{padding:.75rem;color:rgba(var(--ax-color-primary-fore))}@media (min-width: 320px) and (max-width: 600px){ax-conversation-message ax-avatar{display:none!important}ax-conversation-message .ax-message-content{max-width:100%}}\n"], dependencies: [{ kind: "component", type: i1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type", "responsiveOn", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "responsiveOnChange", "loadingTextChange"] }, { kind: "component", type: i1.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: i1.AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items"], outputs: ["onItemClick"] }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-sub-title, ax-placeholder, ax-overlay" }, { kind: "directive", type: i3.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "component", type: i4.AXAvatarComponent, selector: "ax-avatar", inputs: ["color", "size", "look"], outputs: ["sizeChange"] }, { kind: "component", type: i5.AXPopoverComponent, selector: "ax-popover", inputs: ["offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "backdropClass", "panelClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i7.AXFormatPipe, name: "format" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
102
102
|
}
|
|
103
103
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXConversationMessageComponent, decorators: [{
|
|
104
104
|
type: Component,
|
|
@@ -138,7 +138,7 @@ export class AXDropdownBoxComponent extends classes(MXInteractiveComponent, MXLo
|
|
|
138
138
|
return `ax-editor-container ax-look-${this.look} ${this.disabled ? 'ax-state-disabled' : ''}`;
|
|
139
139
|
}
|
|
140
140
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXDropdownBoxComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
141
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: AXDropdownBoxComponent, selector: "ax-dropdown-box", inputs: { disabled: "disabled", look: "look" }, outputs: { disabledChange: "disabledChange", onBlur: "onBlur", onFocus: "onFocus", onClick: "onClick", onOpened: "onOpened", onClosed: "onClosed" }, host: { attributes: { "ngSkipHydration": "true" }, listeners: { "keydown": "_handleKeydown($event)" }, properties: { "class": "this.__hostClass" } }, viewQueries: [{ propertyName: "_popover", first: true, predicate: AXPopoverComponent, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"[input]\"> </ng-content>\n<ax-popover [target]=\"_target\" [placement]=\"_placement\" [openOn]=\"'manual'\" [closeOn]=\"'clickOut'\"\n [adaptivityEnabled]=\"true\" (onOpened)=\"_handlePopupOnOpened($event)\" (onClosed)=\"_handlePopupOnClosed($event)\"\n #popover>\n <div class=\"ax-overlay-pane\" [class.ax-w-full]=\"_isMobile\" aria-modal=\"true\" (keydown)=\"_handleKeydown($event)\"\n [class.ax-overlay-actionsheet]=\"popover.isActionsheetStyle\">\n <ng-content select=\"[panel]\"> </ng-content>\n </div>\n</ax-popover>", dependencies: [{ kind: "component", type: i1.AXPopoverComponent, selector: "ax-popover", inputs: ["offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "backdropClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }] }); }
|
|
141
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: AXDropdownBoxComponent, selector: "ax-dropdown-box", inputs: { disabled: "disabled", look: "look" }, outputs: { disabledChange: "disabledChange", onBlur: "onBlur", onFocus: "onFocus", onClick: "onClick", onOpened: "onOpened", onClosed: "onClosed" }, host: { attributes: { "ngSkipHydration": "true" }, listeners: { "keydown": "_handleKeydown($event)" }, properties: { "class": "this.__hostClass" } }, viewQueries: [{ propertyName: "_popover", first: true, predicate: AXPopoverComponent, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"[input]\"> </ng-content>\n<ax-popover [target]=\"_target\" [placement]=\"_placement\" [openOn]=\"'manual'\" [closeOn]=\"'clickOut'\"\n [adaptivityEnabled]=\"true\" (onOpened)=\"_handlePopupOnOpened($event)\" (onClosed)=\"_handlePopupOnClosed($event)\"\n #popover>\n <div class=\"ax-overlay-pane\" [class.ax-w-full]=\"_isMobile\" aria-modal=\"true\" (keydown)=\"_handleKeydown($event)\"\n [class.ax-overlay-actionsheet]=\"popover.isActionsheetStyle\">\n <ng-content select=\"[panel]\"> </ng-content>\n </div>\n</ax-popover>", dependencies: [{ kind: "component", type: i1.AXPopoverComponent, selector: "ax-popover", inputs: ["offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "backdropClass", "panelClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }] }); }
|
|
142
142
|
}
|
|
143
143
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXDropdownBoxComponent, decorators: [{
|
|
144
144
|
type: Component,
|
|
@@ -193,7 +193,7 @@ export class AXDropdownPanelComponent extends MXInteractiveComponent {
|
|
|
193
193
|
provide: AXClosbaleComponent,
|
|
194
194
|
useExisting: AXDropdownPanelComponent,
|
|
195
195
|
},
|
|
196
|
-
], viewQueries: [{ propertyName: "_popover", first: true, predicate: AXPopoverComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<ax-popover\n [target]=\"_target\"\n [placement]=\"_placement\"\n [openOn]=\"'toggle'\"\n [closeOn]=\"'clickOut'\"\n [adaptivityEnabled]=\"adaptivityEnabled\"\n (onOpened)=\"_handlePopupOnOpened($event)\"\n (onClosed)=\"_handlePopupOnClosed($event)\"\n>\n <div class=\"ax-overlay-pane\">\n <ng-content> </ng-content>\n </div>\n</ax-popover>\n", styles: [".ax-actionsheet-base .ax-overlay-pane{width:100%}\n"], dependencies: [{ kind: "component", type: i1.AXPopoverComponent, selector: "ax-popover", inputs: ["offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "backdropClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
196
|
+
], viewQueries: [{ propertyName: "_popover", first: true, predicate: AXPopoverComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<ax-popover\n [target]=\"_target\"\n [placement]=\"_placement\"\n [openOn]=\"'toggle'\"\n [closeOn]=\"'clickOut'\"\n [adaptivityEnabled]=\"adaptivityEnabled\"\n (onOpened)=\"_handlePopupOnOpened($event)\"\n (onClosed)=\"_handlePopupOnClosed($event)\"\n>\n <div class=\"ax-overlay-pane\">\n <ng-content> </ng-content>\n </div>\n</ax-popover>\n", styles: [".ax-actionsheet-base .ax-overlay-pane{width:100%}\n"], dependencies: [{ kind: "component", type: i1.AXPopoverComponent, selector: "ax-popover", inputs: ["offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "backdropClass", "panelClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
197
197
|
}
|
|
198
198
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXDropdownPanelComponent, decorators: [{
|
|
199
199
|
type: Component,
|
|
@@ -103,7 +103,7 @@ export class AXDropdownButtonComponent extends MXButtonBaseComponent {
|
|
|
103
103
|
provide: AXClosbaleComponent,
|
|
104
104
|
useExisting: AXDropdownButtonComponent,
|
|
105
105
|
},
|
|
106
|
-
], viewQueries: [{ propertyName: "dropdownPanel", first: true, predicate: ["panel"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-template #dropdown>\n <ax-dropdown-panel #panel>\n <ng-content></ng-content>\n </ax-dropdown-panel>\n</ng-template>\n<ng-template #decorator>\n <ng-content select=\"ax-prefix, ax-loading, ax-loading-spinner\"> </ng-content>\n</ng-template>\n\n@if (mode === 'dropdown') {\n <button\n class=\"ax-dropdown-button ax-el-interactive ax-el-{{ color }}-{{ look }}\"\n [axRipple]\n [disabled]=\"disabled\"\n [attr.tabindex]=\"tabIndex\"\n (focus)=\"emitOnFocusEvent($event)\"\n (blur)=\"emitOnBlurEvent($event)\"\n (click)=\"_handleClick($event)\"\n [attr.type]=\"type\"\n >\n <ng-container [ngTemplateOutlet]=\"decorator\"></ng-container>\n\n @if (text) {\n <span class=\"ax-button-text\">{{ text }}</span>\n }\n <ax-icon class=\"far fa-chevron-down ax-ms-3\"> </ax-icon>\n <ng-container [ngTemplateOutlet]=\"dropdown\"></ng-container>\n </button>\n} @else {\n <button\n class=\"ax-dropdown-split-button ax-el-interactive ax-el-{{ color }}-{{ look }}\"\n [ngClass]=\"{ 'ax-state-disabled': disabled }\"\n [disabled]=\"disabled\"\n [axRipple]\n [attr.tabindex]=\"tabIndex\"\n (focus)=\"emitOnFocusEvent($event)\"\n (blur)=\"emitOnBlurEvent($event)\"\n (click)=\"_handleClick($event)\"\n [attr.type]=\"type\"\n >\n <ng-container [ngTemplateOutlet]=\"decorator\"></ng-container>\n\n @if (text) {\n <span class=\"ax-button-text\">{{ text }}</span>\n }\n </button>\n <button\n [axRipple]\n class=\"ax-dropdown-button-marker ax-el-interactive ax-el-{{ color }}-{{ look }}\"\n [ngClass]=\"{ 'ax-state-disabled': disabled }\"\n >\n <ax-icon class=\"far fa-chevron-down\"> </ax-icon>\n <ng-container [ngTemplateOutlet]=\"dropdown\"></ng-container>\n </button>\n}\n", styles: ["ax-dropdown-button{display:inline-flex;height:var(--ax-size-default);cursor:pointer;align-items:center;justify-content:center;border-radius:var(--ax-rounded-border-default);font-size:.875rem;line-height:1;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;font-weight:500}ax-dropdown-button>button{position:relative;height:100%;outline-color:transparent}ax-dropdown-button>button.ax-state-focus:focus,ax-dropdown-button>button:focus-visible{outline-offset:2px;outline-width:2px;outline-color:#000}ax-dropdown-button ax-prefix,ax-dropdown-button ax-loading,ax-dropdown-button ax-loading-spinner{margin-inline-end:.5rem}ax-dropdown-button.ax-xs button{font-size:.75rem;line-height:1rem;padding-left:.25rem;padding-right:.25rem}ax-dropdown-button.ax-sm button{padding-left:.5rem;padding-right:.5rem}ax-dropdown-button.ax-sm button,ax-dropdown-button.ax-md button{font-size:.875rem;line-height:1.25rem}ax-dropdown-button.ax-lg .ax-dropdown-button-marker{padding-left:1rem;padding-right:1rem}ax-dropdown-button.ax-lg button{font-size:1rem;line-height:1.25rem;padding-left:1.5rem;padding-right:1.5rem}ax-dropdown-button.ax-xl .ax-dropdown-button-marker{padding-left:1rem;padding-right:1rem}ax-dropdown-button.ax-xl button{font-size:1.125rem;line-height:1.75rem;padding-left:2rem;padding-right:2rem}ax-dropdown-button.ax-xl button.ax-button-icon{font-size:1.5rem}ax-dropdown-button.ax-xs.ax-button-icon,ax-dropdown-button.ax-sm.ax-button-icon{font-size:1rem}ax-dropdown-button.ax-button-icon{height:var(--ax-size-default);width:var(--ax-size-default);font-size:1.25rem}ax-dropdown-button button.ax-state-disabled,ax-dropdown-button button.ax-state-loading{opacity:.5;cursor:not-allowed}ax-dropdown-button .ax-dropdown-split-button{display:flex;flex:1;justify-content:center;align-items:center;border-inline-end:0!important;padding:0rem .75rem;border-start-start-radius:var(--ax-rounded-border-default);border-end-start-radius:var(--ax-rounded-border-default)}ax-dropdown-button .ax-dropdown-split-button>button{position:relative}ax-dropdown-button .ax-dropdown-button{display:flex;flex:1;justify-content:center;align-items:center;padding:0rem .75rem;border-radius:var(--ax-rounded-border-default)}ax-dropdown-button .ax-dropdown-button-marker{border-inline-start:1px solid;padding:0rem .75rem;border-start-end-radius:var(--ax-rounded-border-default);border-end-end-radius:var(--ax-rounded-border-default)}ax-dropdown-button ax-button-item.ax-divided{border-bottom-width:1px!important;border-color:rgba(var(--ax-color-border-default))!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "directive", type: i3.AXRippleDirective, selector: "[axRipple]", inputs: ["axRipple", "axRippleColor"] }, { kind: "component", type: i4.AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
106
|
+
], viewQueries: [{ propertyName: "dropdownPanel", first: true, predicate: ["panel"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-template #dropdown>\n <ax-dropdown-panel #panel>\n <ng-content></ng-content>\n </ax-dropdown-panel>\n</ng-template>\n<ng-template #decorator>\n <ng-content select=\"ax-prefix, ax-loading, ax-loading-spinner\"> </ng-content>\n</ng-template>\n\n@if (mode === 'dropdown') {\n <button\n class=\"ax-dropdown-button ax-el-interactive ax-el-{{ color }}-{{ look }}\"\n [axRipple]\n [disabled]=\"disabled\"\n [attr.tabindex]=\"tabIndex\"\n (focus)=\"emitOnFocusEvent($event)\"\n (blur)=\"emitOnBlurEvent($event)\"\n (click)=\"_handleClick($event)\"\n [attr.type]=\"type\"\n >\n <ng-container [ngTemplateOutlet]=\"decorator\"></ng-container>\n\n @if (text) {\n <span class=\"ax-button-text\">{{ text }}</span>\n }\n <ax-icon class=\"far fa-chevron-down ax-ms-3\"> </ax-icon>\n <ng-container [ngTemplateOutlet]=\"dropdown\"></ng-container>\n </button>\n} @else {\n <button\n class=\"ax-dropdown-split-button ax-el-interactive ax-el-{{ color }}-{{ look }}\"\n [ngClass]=\"{ 'ax-state-disabled': disabled }\"\n [disabled]=\"disabled\"\n [axRipple]\n [attr.tabindex]=\"tabIndex\"\n (focus)=\"emitOnFocusEvent($event)\"\n (blur)=\"emitOnBlurEvent($event)\"\n (click)=\"_handleClick($event)\"\n [attr.type]=\"type\"\n >\n <ng-container [ngTemplateOutlet]=\"decorator\"></ng-container>\n\n @if (text) {\n <span class=\"ax-button-text\">{{ text }}</span>\n }\n </button>\n <button\n [disabled]=\"disabled\"\n [axRipple]\n class=\"ax-dropdown-button-marker ax-el-interactive ax-el-{{ color }}-{{ look }}\"\n [ngClass]=\"{ 'ax-state-disabled': disabled }\"\n >\n <ax-icon class=\"far fa-chevron-down\"> </ax-icon>\n <ng-container [ngTemplateOutlet]=\"dropdown\"></ng-container>\n </button>\n}\n", styles: ["ax-dropdown-button{display:inline-flex;height:var(--ax-size-default);cursor:pointer;align-items:center;justify-content:center;border-radius:var(--ax-rounded-border-default);font-size:.875rem;line-height:1;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;font-weight:500}ax-dropdown-button>button{position:relative;height:100%;outline-color:transparent}ax-dropdown-button>button.ax-state-focus:focus,ax-dropdown-button>button:focus-visible{outline-offset:2px;outline-width:2px;outline-color:#000}ax-dropdown-button ax-prefix,ax-dropdown-button ax-loading,ax-dropdown-button ax-loading-spinner{margin-inline-end:.5rem}ax-dropdown-button.ax-xs button{font-size:.75rem;line-height:1rem;padding-left:.25rem;padding-right:.25rem}ax-dropdown-button.ax-sm button{padding-left:.5rem;padding-right:.5rem}ax-dropdown-button.ax-sm button,ax-dropdown-button.ax-md button{font-size:.875rem;line-height:1.25rem}ax-dropdown-button.ax-lg .ax-dropdown-button-marker{padding-left:1rem;padding-right:1rem}ax-dropdown-button.ax-lg button{font-size:1rem;line-height:1.25rem;padding-left:1.5rem;padding-right:1.5rem}ax-dropdown-button.ax-xl .ax-dropdown-button-marker{padding-left:1rem;padding-right:1rem}ax-dropdown-button.ax-xl button{font-size:1.125rem;line-height:1.75rem;padding-left:2rem;padding-right:2rem}ax-dropdown-button.ax-xl button.ax-button-icon{font-size:1.5rem}ax-dropdown-button.ax-xs.ax-button-icon,ax-dropdown-button.ax-sm.ax-button-icon{font-size:1rem}ax-dropdown-button.ax-button-icon{height:var(--ax-size-default);width:var(--ax-size-default);font-size:1.25rem}ax-dropdown-button button.ax-state-disabled,ax-dropdown-button button.ax-state-loading{opacity:.5;cursor:not-allowed}ax-dropdown-button .ax-dropdown-split-button{display:flex;flex:1;justify-content:center;align-items:center;border-inline-end:0!important;padding:0rem .75rem;border-start-start-radius:var(--ax-rounded-border-default);border-end-start-radius:var(--ax-rounded-border-default)}ax-dropdown-button .ax-dropdown-split-button>button{position:relative}ax-dropdown-button .ax-dropdown-button{display:flex;flex:1;justify-content:center;align-items:center;padding:0rem .75rem;border-radius:var(--ax-rounded-border-default)}ax-dropdown-button .ax-dropdown-button-marker{border-inline-start:1px solid;padding:0rem .75rem;border-start-end-radius:var(--ax-rounded-border-default);border-end-end-radius:var(--ax-rounded-border-default)}ax-dropdown-button ax-button-item.ax-divided{border-bottom-width:1px!important;border-color:rgba(var(--ax-color-border-default))!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "directive", type: i3.AXRippleDirective, selector: "[axRipple]", inputs: ["axRipple", "axRippleColor"] }, { kind: "component", type: i4.AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
107
107
|
}
|
|
108
108
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXDropdownButtonComponent, decorators: [{
|
|
109
109
|
type: Component,
|
|
@@ -112,7 +112,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
|
|
|
112
112
|
provide: AXClosbaleComponent,
|
|
113
113
|
useExisting: AXDropdownButtonComponent,
|
|
114
114
|
},
|
|
115
|
-
], template: "<ng-template #dropdown>\n <ax-dropdown-panel #panel>\n <ng-content></ng-content>\n </ax-dropdown-panel>\n</ng-template>\n<ng-template #decorator>\n <ng-content select=\"ax-prefix, ax-loading, ax-loading-spinner\"> </ng-content>\n</ng-template>\n\n@if (mode === 'dropdown') {\n <button\n class=\"ax-dropdown-button ax-el-interactive ax-el-{{ color }}-{{ look }}\"\n [axRipple]\n [disabled]=\"disabled\"\n [attr.tabindex]=\"tabIndex\"\n (focus)=\"emitOnFocusEvent($event)\"\n (blur)=\"emitOnBlurEvent($event)\"\n (click)=\"_handleClick($event)\"\n [attr.type]=\"type\"\n >\n <ng-container [ngTemplateOutlet]=\"decorator\"></ng-container>\n\n @if (text) {\n <span class=\"ax-button-text\">{{ text }}</span>\n }\n <ax-icon class=\"far fa-chevron-down ax-ms-3\"> </ax-icon>\n <ng-container [ngTemplateOutlet]=\"dropdown\"></ng-container>\n </button>\n} @else {\n <button\n class=\"ax-dropdown-split-button ax-el-interactive ax-el-{{ color }}-{{ look }}\"\n [ngClass]=\"{ 'ax-state-disabled': disabled }\"\n [disabled]=\"disabled\"\n [axRipple]\n [attr.tabindex]=\"tabIndex\"\n (focus)=\"emitOnFocusEvent($event)\"\n (blur)=\"emitOnBlurEvent($event)\"\n (click)=\"_handleClick($event)\"\n [attr.type]=\"type\"\n >\n <ng-container [ngTemplateOutlet]=\"decorator\"></ng-container>\n\n @if (text) {\n <span class=\"ax-button-text\">{{ text }}</span>\n }\n </button>\n <button\n [axRipple]\n class=\"ax-dropdown-button-marker ax-el-interactive ax-el-{{ color }}-{{ look }}\"\n [ngClass]=\"{ 'ax-state-disabled': disabled }\"\n >\n <ax-icon class=\"far fa-chevron-down\"> </ax-icon>\n <ng-container [ngTemplateOutlet]=\"dropdown\"></ng-container>\n </button>\n}\n", styles: ["ax-dropdown-button{display:inline-flex;height:var(--ax-size-default);cursor:pointer;align-items:center;justify-content:center;border-radius:var(--ax-rounded-border-default);font-size:.875rem;line-height:1;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;font-weight:500}ax-dropdown-button>button{position:relative;height:100%;outline-color:transparent}ax-dropdown-button>button.ax-state-focus:focus,ax-dropdown-button>button:focus-visible{outline-offset:2px;outline-width:2px;outline-color:#000}ax-dropdown-button ax-prefix,ax-dropdown-button ax-loading,ax-dropdown-button ax-loading-spinner{margin-inline-end:.5rem}ax-dropdown-button.ax-xs button{font-size:.75rem;line-height:1rem;padding-left:.25rem;padding-right:.25rem}ax-dropdown-button.ax-sm button{padding-left:.5rem;padding-right:.5rem}ax-dropdown-button.ax-sm button,ax-dropdown-button.ax-md button{font-size:.875rem;line-height:1.25rem}ax-dropdown-button.ax-lg .ax-dropdown-button-marker{padding-left:1rem;padding-right:1rem}ax-dropdown-button.ax-lg button{font-size:1rem;line-height:1.25rem;padding-left:1.5rem;padding-right:1.5rem}ax-dropdown-button.ax-xl .ax-dropdown-button-marker{padding-left:1rem;padding-right:1rem}ax-dropdown-button.ax-xl button{font-size:1.125rem;line-height:1.75rem;padding-left:2rem;padding-right:2rem}ax-dropdown-button.ax-xl button.ax-button-icon{font-size:1.5rem}ax-dropdown-button.ax-xs.ax-button-icon,ax-dropdown-button.ax-sm.ax-button-icon{font-size:1rem}ax-dropdown-button.ax-button-icon{height:var(--ax-size-default);width:var(--ax-size-default);font-size:1.25rem}ax-dropdown-button button.ax-state-disabled,ax-dropdown-button button.ax-state-loading{opacity:.5;cursor:not-allowed}ax-dropdown-button .ax-dropdown-split-button{display:flex;flex:1;justify-content:center;align-items:center;border-inline-end:0!important;padding:0rem .75rem;border-start-start-radius:var(--ax-rounded-border-default);border-end-start-radius:var(--ax-rounded-border-default)}ax-dropdown-button .ax-dropdown-split-button>button{position:relative}ax-dropdown-button .ax-dropdown-button{display:flex;flex:1;justify-content:center;align-items:center;padding:0rem .75rem;border-radius:var(--ax-rounded-border-default)}ax-dropdown-button .ax-dropdown-button-marker{border-inline-start:1px solid;padding:0rem .75rem;border-start-end-radius:var(--ax-rounded-border-default);border-end-end-radius:var(--ax-rounded-border-default)}ax-dropdown-button ax-button-item.ax-divided{border-bottom-width:1px!important;border-color:rgba(var(--ax-color-border-default))!important}\n"] }]
|
|
115
|
+
], template: "<ng-template #dropdown>\n <ax-dropdown-panel #panel>\n <ng-content></ng-content>\n </ax-dropdown-panel>\n</ng-template>\n<ng-template #decorator>\n <ng-content select=\"ax-prefix, ax-loading, ax-loading-spinner\"> </ng-content>\n</ng-template>\n\n@if (mode === 'dropdown') {\n <button\n class=\"ax-dropdown-button ax-el-interactive ax-el-{{ color }}-{{ look }}\"\n [axRipple]\n [disabled]=\"disabled\"\n [attr.tabindex]=\"tabIndex\"\n (focus)=\"emitOnFocusEvent($event)\"\n (blur)=\"emitOnBlurEvent($event)\"\n (click)=\"_handleClick($event)\"\n [attr.type]=\"type\"\n >\n <ng-container [ngTemplateOutlet]=\"decorator\"></ng-container>\n\n @if (text) {\n <span class=\"ax-button-text\">{{ text }}</span>\n }\n <ax-icon class=\"far fa-chevron-down ax-ms-3\"> </ax-icon>\n <ng-container [ngTemplateOutlet]=\"dropdown\"></ng-container>\n </button>\n} @else {\n <button\n class=\"ax-dropdown-split-button ax-el-interactive ax-el-{{ color }}-{{ look }}\"\n [ngClass]=\"{ 'ax-state-disabled': disabled }\"\n [disabled]=\"disabled\"\n [axRipple]\n [attr.tabindex]=\"tabIndex\"\n (focus)=\"emitOnFocusEvent($event)\"\n (blur)=\"emitOnBlurEvent($event)\"\n (click)=\"_handleClick($event)\"\n [attr.type]=\"type\"\n >\n <ng-container [ngTemplateOutlet]=\"decorator\"></ng-container>\n\n @if (text) {\n <span class=\"ax-button-text\">{{ text }}</span>\n }\n </button>\n <button\n [disabled]=\"disabled\"\n [axRipple]\n class=\"ax-dropdown-button-marker ax-el-interactive ax-el-{{ color }}-{{ look }}\"\n [ngClass]=\"{ 'ax-state-disabled': disabled }\"\n >\n <ax-icon class=\"far fa-chevron-down\"> </ax-icon>\n <ng-container [ngTemplateOutlet]=\"dropdown\"></ng-container>\n </button>\n}\n", styles: ["ax-dropdown-button{display:inline-flex;height:var(--ax-size-default);cursor:pointer;align-items:center;justify-content:center;border-radius:var(--ax-rounded-border-default);font-size:.875rem;line-height:1;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;font-weight:500}ax-dropdown-button>button{position:relative;height:100%;outline-color:transparent}ax-dropdown-button>button.ax-state-focus:focus,ax-dropdown-button>button:focus-visible{outline-offset:2px;outline-width:2px;outline-color:#000}ax-dropdown-button ax-prefix,ax-dropdown-button ax-loading,ax-dropdown-button ax-loading-spinner{margin-inline-end:.5rem}ax-dropdown-button.ax-xs button{font-size:.75rem;line-height:1rem;padding-left:.25rem;padding-right:.25rem}ax-dropdown-button.ax-sm button{padding-left:.5rem;padding-right:.5rem}ax-dropdown-button.ax-sm button,ax-dropdown-button.ax-md button{font-size:.875rem;line-height:1.25rem}ax-dropdown-button.ax-lg .ax-dropdown-button-marker{padding-left:1rem;padding-right:1rem}ax-dropdown-button.ax-lg button{font-size:1rem;line-height:1.25rem;padding-left:1.5rem;padding-right:1.5rem}ax-dropdown-button.ax-xl .ax-dropdown-button-marker{padding-left:1rem;padding-right:1rem}ax-dropdown-button.ax-xl button{font-size:1.125rem;line-height:1.75rem;padding-left:2rem;padding-right:2rem}ax-dropdown-button.ax-xl button.ax-button-icon{font-size:1.5rem}ax-dropdown-button.ax-xs.ax-button-icon,ax-dropdown-button.ax-sm.ax-button-icon{font-size:1rem}ax-dropdown-button.ax-button-icon{height:var(--ax-size-default);width:var(--ax-size-default);font-size:1.25rem}ax-dropdown-button button.ax-state-disabled,ax-dropdown-button button.ax-state-loading{opacity:.5;cursor:not-allowed}ax-dropdown-button .ax-dropdown-split-button{display:flex;flex:1;justify-content:center;align-items:center;border-inline-end:0!important;padding:0rem .75rem;border-start-start-radius:var(--ax-rounded-border-default);border-end-start-radius:var(--ax-rounded-border-default)}ax-dropdown-button .ax-dropdown-split-button>button{position:relative}ax-dropdown-button .ax-dropdown-button{display:flex;flex:1;justify-content:center;align-items:center;padding:0rem .75rem;border-radius:var(--ax-rounded-border-default)}ax-dropdown-button .ax-dropdown-button-marker{border-inline-start:1px solid;padding:0rem .75rem;border-start-end-radius:var(--ax-rounded-border-default);border-end-end-radius:var(--ax-rounded-border-default)}ax-dropdown-button ax-button-item.ax-divided{border-bottom-width:1px!important;border-color:rgba(var(--ax-color-border-default))!important}\n"] }]
|
|
116
116
|
}], propDecorators: { dropdownPanel: [{
|
|
117
117
|
type: ViewChild,
|
|
118
118
|
args: ['panel']
|
|
@@ -121,4 +121,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
|
|
|
121
121
|
}], mode: [{
|
|
122
122
|
type: Input
|
|
123
123
|
}] } });
|
|
124
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
124
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJvcGRvd24tYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9kcm9wZG93bi1idXR0b24vc3JjL2xpYi9kcm9wZG93bi1idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL2Ryb3Bkb3duLWJ1dHRvbi9zcmMvbGliL2Ryb3Bkb3duLWJ1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEVBQWdCLG1CQUFtQixFQUFFLHFCQUFxQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDckcsT0FBTyxFQUFpQix1QkFBdUIsRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7OztBQUNySSxzREFBc0Q7QUFFdEQ7Ozs7R0FJRztBQXNCSCxNQUFNLE9BQU8seUJBQTBCLFNBQVEscUJBQXFCO0lBckJwRTs7UUFzQkU7OztXQUdHO1FBQ0gsWUFBTyxHQUErQixJQUFJLFlBQVksRUFBZ0IsQ0FBQztRQU92RTs7OztXQUlHO1FBRUgsU0FBSSxHQUFpQixRQUFRLENBQUM7UUFFOUI7Ozs7O1dBS0c7UUFDTSxTQUFJLEdBQXlCLE9BQU8sQ0FBQztLQTBFL0M7SUF4RUM7O09BRUc7SUFDSCxlQUFlO1FBQ2IsSUFBSSxDQUFDLGNBQWMsRUFBRSxDQUFDLGVBQWUsQ0FBQyxVQUFVLENBQUMsQ0FBQztJQUNwRCxDQUFDO0lBRUQ7O09BRUc7SUFDSyxTQUFTO1FBQ2YsT0FBTyxJQUFJLENBQUMsY0FBYyxFQUFFLENBQUMsaUJBQXNDLENBQUM7SUFDdEUsQ0FBQztJQUVEOztPQUVHO0lBQ0gsWUFBWSxDQUFDLENBQWE7UUFDeEIsSUFBSSxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUM7WUFDbEIsQ0FBQyxDQUFDLGNBQWMsRUFBRSxDQUFDO1lBQ25CLE9BQU87UUFDVCxDQUFDO1FBQ0QsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUM7WUFDaEIsU0FBUyxFQUFFLElBQUk7WUFDZixXQUFXLEVBQUUsSUFBSSxDQUFDLGNBQWMsRUFBRTtZQUNsQyxXQUFXLEVBQUUsQ0FBQztTQUNmLENBQUMsQ0FBQztRQUVILDZCQUE2QjtRQUM3QixVQUFVLENBQUMsR0FBRyxFQUFFO1lBQ2QsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDO1FBQ2QsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRUQ7Ozs7T0FJRztJQUNILEtBQUs7UUFDSCxJQUFJLENBQUMsU0FBUyxFQUFFLEVBQUUsS0FBSyxFQUFFLENBQUM7SUFDNUIsQ0FBQztJQUVELHdCQUF3QjtJQUN4Qix3Q0FBd0M7SUFDeEMsMkNBQTJDO0lBQzNDLDJCQUEyQjtJQUMzQix5QkFBeUI7SUFDekIsSUFBSTtJQUVKOztPQUVHO0lBQ00sS0FBSztRQUNaLElBQUksQ0FBQyxTQUFTLEVBQUUsRUFBRSxLQUFLLEVBQUUsQ0FBQztRQUMxQixJQUFJLENBQUMsU0FBUyxFQUFFLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO0lBQ25ELENBQUM7SUFFRDs7T0FFRztJQUNNLElBQUk7UUFDWCxJQUFJLENBQUMsU0FBUyxFQUFFLENBQUMsU0FBUyxDQUFDLE1BQU0sQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO0lBQ3RELENBQUM7SUFFRDs7O09BR0c7SUFDSCxLQUFLO1FBQ0gsSUFBSSxDQUFDLGFBQWEsQ0FBQyxLQUFLLEVBQUUsQ0FBQztJQUM3QixDQUFDOzhHQW5HVSx5QkFBeUI7a0dBQXpCLHlCQUF5Qiw0WEFQekI7WUFDVDtnQkFDRSxPQUFPLEVBQUUsbUJBQW1CO2dCQUM1QixXQUFXLEVBQUUseUJBQXlCO2FBQ3ZDO1NBQ0YseUpDN0JILHN3REF3REE7OzJGRHpCYSx5QkFBeUI7a0JBckJyQyxTQUFTOytCQUNFLG9CQUFvQixVQUd0QixDQUFDLFVBQVUsRUFBRSxNQUFNLEVBQUUsVUFBVSxFQUFFLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxDQUFDLFdBQ3hELENBQUMsUUFBUSxFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUUsWUFBWSxFQUFFLGFBQWEsRUFBRSxnQkFBZ0IsQ0FBQyxtQkFDekYsdUJBQXVCLENBQUMsTUFBTSxpQkFDaEMsaUJBQWlCLENBQUMsSUFBSSxhQU8xQjt3QkFDVDs0QkFDRSxPQUFPLEVBQUUsbUJBQW1COzRCQUM1QixXQUFXLDJCQUEyQjt5QkFDdkM7cUJBQ0Y7OEJBWW1CLGFBQWE7c0JBQWhDLFNBQVM7dUJBQUMsT0FBTztnQkFRbEIsSUFBSTtzQkFESCxLQUFLO2dCQVNHLElBQUk7c0JBQVosS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFYQnV0dG9uVHlwZSB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy9idXR0b24nO1xuaW1wb3J0IHsgQVhDbGlja0V2ZW50LCBBWENsb3NiYWxlQ29tcG9uZW50LCBNWEJ1dHRvbkJhc2VDb21wb25lbnQgfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvY29tbW9uJztcbmltcG9ydCB7IEFmdGVyVmlld0luaXQsIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIFZpZXdDaGlsZCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbi8vIGltcG9ydCB7IEFYQnV0dG9uVHlwZSB9IGZyb20gJy4vYnV0dG9uLWl0ZW0uY2xhc3MnO1xuXG4vKipcbiAqIFRoZSBCdXR0b24gaXMgYSBjb21wb25lbnQgd2hpY2ggZGV0ZWN0cyB1c2VyIGludGVyYWN0aW9uIGFuZCB0cmlnZ2VycyBhIGNvcnJlc3BvbmRpbmcgZXZlbnRcbiAqXG4gKiBAY2F0ZWdvcnkgQ29tcG9uZW50c1xuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdheC1kcm9wZG93bi1idXR0b24nLFxuICB0ZW1wbGF0ZVVybDogJy4vZHJvcGRvd24tYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZHJvcGRvd24tYnV0dG9uLmNvbXBvbmVudC5zY3NzJ10sXG4gIGlucHV0czogWydkaXNhYmxlZCcsICdzaXplJywgJ3RhYkluZGV4JywgJ2NvbG9yJywgJ2xvb2snLCAndGV4dCddLFxuICBvdXRwdXRzOiBbJ29uQmx1cicsICdvbkZvY3VzJywgJ29uQ2xpY2snLCAnc2VsZWN0ZWRDaGFuZ2UnLCAnbG9va0NoYW5nZScsICdjb2xvckNoYW5nZScsICdkaXNhYmxlZENoYW5nZSddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgLy8gcHJvdmlkZXJzOiBbXG4gIC8vICAgeyBwcm92aWRlOiBBWENvbXBvbmVudCwgdXNlRXhpc3Rpbmc6IEFYRHJvcGRvd25CdXR0b25Db21wb25lbnQgfSxcbiAgLy8gICB7IHByb3ZpZGU6IEFYQnV0dG9uSXRlbUNvbXBvbmVudCwgdXNlRXhpc3Rpbmc6IEFYRHJvcGRvd25CdXR0b25Db21wb25lbnQgfSxcbiAgLy8gICB7IHByb3ZpZGU6IEFYRm9jdXNhYmxlQ29tcG9uZW50LCB1c2VFeGlzdGluZzogQVhEcm9wZG93bkJ1dHRvbkNvbXBvbmVudCB9LFxuICAvLyBdLFxuXG4gIHByb3ZpZGVyczogW1xuICAgIHtcbiAgICAgIHByb3ZpZGU6IEFYQ2xvc2JhbGVDb21wb25lbnQsXG4gICAgICB1c2VFeGlzdGluZzogQVhEcm9wZG93bkJ1dHRvbkNvbXBvbmVudCxcbiAgICB9LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBBWERyb3Bkb3duQnV0dG9uQ29tcG9uZW50IGV4dGVuZHMgTVhCdXR0b25CYXNlQ29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCB7XG4gIC8qKlxuICAgKiAgRmlyZXMgZWFjaCB0aW1lIHRoZSB1c2VyIGNsaWNrcyB0aGUgYnV0dG9uLlxuICAgKiAgQGV2ZW50XG4gICAqL1xuICBvbkNsaWNrOiBFdmVudEVtaXR0ZXI8QVhDbGlja0V2ZW50PiA9IG5ldyBFdmVudEVtaXR0ZXI8QVhDbGlja0V2ZW50PigpO1xuXG4gIC8qKlxuICAgKiAgQGlnbm9yZVxuICAgKi9cbiAgQFZpZXdDaGlsZCgncGFuZWwnKSBkcm9wZG93blBhbmVsOiBBWENsb3NiYWxlQ29tcG9uZW50O1xuXG4gIC8qKlxuICAgKiBEZWZpbmVzIHRoZSB0eXBlIG9mIHRoZSBidXR0b24gZWxlbWVudC5cbiAgICpcbiAgICogIEBkZWZhdWx0VmFsdWUgJ2J1dHRvbidcbiAgICovXG4gIEBJbnB1dCgpXG4gIHR5cGU6IEFYQnV0dG9uVHlwZSA9ICdidXR0b24nO1xuXG4gIC8qKlxuICAgKiBTcGVjaWZpZXMgdGhlIG1vZGUgb2YgdGhlIGJ1dHRvbi5cbiAgICogQ2FuIGJlIGVpdGhlciAnc3BsaXQnIG9yICdkcm9wZG93bicuXG4gICAqXG4gICAqICBAZGVmYXVsdFZhbHVlICdzcGxpdCdcbiAgICovXG4gIEBJbnB1dCgpIG1vZGU6ICdzcGxpdCcgfCAnZHJvcGRvd24nID0gJ3NwbGl0JztcblxuICAvKipcbiAgICogIEBpZ25vcmVcbiAgICovXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmdldEhvc3RFbGVtZW50KCkucmVtb3ZlQXR0cmlidXRlKCd0YWJpbmRleCcpO1xuICB9XG5cbiAgLyoqXG4gICAqICBAaWdub3JlXG4gICAqL1xuICBwcml2YXRlIGdldEJ1dHRvbigpOiBIVE1MQnV0dG9uRWxlbWVudCB7XG4gICAgcmV0dXJuIHRoaXMuZ2V0SG9zdEVsZW1lbnQoKS5maXJzdEVsZW1lbnRDaGlsZCBhcyBIVE1MQnV0dG9uRWxlbWVudDtcbiAgfVxuXG4gIC8qKlxuICAgKiAgQGlnbm9yZVxuICAgKi9cbiAgX2hhbmRsZUNsaWNrKGU6IE1vdXNlRXZlbnQpIHtcbiAgICBpZiAodGhpcy5kaXNhYmxlZCkge1xuICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICB0aGlzLm9uQ2xpY2suZW1pdCh7XG4gICAgICBjb21wb25lbnQ6IHRoaXMsXG4gICAgICBodG1sRWxlbWVudDogdGhpcy5nZXRIb3N0RWxlbWVudCgpLFxuICAgICAgbmF0aXZlRXZlbnQ6IGUsXG4gICAgfSk7XG5cbiAgICAvLyBUT0RPOiBjaGVjayBrZXlib2FyZCBldmVudFxuICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgdGhpcy5ibHVyKCk7XG4gICAgfSk7XG4gIH1cblxuICAvKipcbiAgICogU2ltdWxhdGVzIGEgY2xpY2sgZXZlbnQgb24gdGhlIGJ1dHRvbiBlbGVtZW50LlxuICAgKlxuICAgKiBAaWdub3JlXG4gICAqL1xuICBjbGljaygpIHtcbiAgICB0aGlzLmdldEJ1dHRvbigpPy5jbGljaygpO1xuICB9XG5cbiAgLy8gQEhvc3RCaW5kaW5nKCdjbGFzcycpXG4gIC8vIHByaXZhdGUgZ2V0IF9faG9zdENsYXNzKCk6IHN0cmluZ1tdIHtcbiAgLy8gICByZXR1cm4gT2JqZWN0LmVudHJpZXModGhpcy5jc3NDbGFzc2VzKVxuICAvLyAgICAgLmZpbHRlcigoYykgPT4gY1sxXSlcbiAgLy8gICAgIC5tYXAoKGMpID0+IGNbMF0pO1xuICAvLyB9XG5cbiAgLyoqXG4gICAqIFNldHMgZm9jdXMgdG8gdGhlIGJ1dHRvbiBhbmQgYWRkcyBhIGZvY3VzIHN0YXRlIGNsYXNzLlxuICAgKi9cbiAgb3ZlcnJpZGUgZm9jdXMoKSB7XG4gICAgdGhpcy5nZXRCdXR0b24oKT8uZm9jdXMoKTtcbiAgICB0aGlzLmdldEJ1dHRvbigpLmNsYXNzTGlzdC5hZGQoJ2F4LXN0YXRlLWZvY3VzJyk7XG4gIH1cblxuICAvKipcbiAgICogUmVtb3ZlcyB0aGUgZm9jdXMgc3RhdGUgY2xhc3MgZnJvbSB0aGUgYnV0dG9uLlxuICAgKi9cbiAgb3ZlcnJpZGUgYmx1cigpIHtcbiAgICB0aGlzLmdldEJ1dHRvbigpLmNsYXNzTGlzdC5yZW1vdmUoJ2F4LXN0YXRlLWZvY3VzJyk7XG4gIH1cblxuICAvKipcbiAgICogQ2xvc2VzIHRoZSBkcm9wZG93biBwYW5lbC5cbiAgICogQGlnbm9yZVxuICAgKi9cbiAgY2xvc2UoKSB7XG4gICAgdGhpcy5kcm9wZG93blBhbmVsLmNsb3NlKCk7XG4gIH1cbn1cbiIsIjxuZy10ZW1wbGF0ZSAjZHJvcGRvd24+XG4gIDxheC1kcm9wZG93bi1wYW5lbCAjcGFuZWw+XG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICA8L2F4LWRyb3Bkb3duLXBhbmVsPlxuPC9uZy10ZW1wbGF0ZT5cbjxuZy10ZW1wbGF0ZSAjZGVjb3JhdG9yPlxuICA8bmctY29udGVudCBzZWxlY3Q9XCJheC1wcmVmaXgsIGF4LWxvYWRpbmcsIGF4LWxvYWRpbmctc3Bpbm5lclwiPiA8L25nLWNvbnRlbnQ+XG48L25nLXRlbXBsYXRlPlxuXG5AaWYgKG1vZGUgPT09ICdkcm9wZG93bicpIHtcbiAgPGJ1dHRvblxuICAgIGNsYXNzPVwiYXgtZHJvcGRvd24tYnV0dG9uIGF4LWVsLWludGVyYWN0aXZlIGF4LWVsLXt7IGNvbG9yIH19LXt7IGxvb2sgfX1cIlxuICAgIFtheFJpcHBsZV1cbiAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxuICAgIFthdHRyLnRhYmluZGV4XT1cInRhYkluZGV4XCJcbiAgICAoZm9jdXMpPVwiZW1pdE9uRm9jdXNFdmVudCgkZXZlbnQpXCJcbiAgICAoYmx1cik9XCJlbWl0T25CbHVyRXZlbnQoJGV2ZW50KVwiXG4gICAgKGNsaWNrKT1cIl9oYW5kbGVDbGljaygkZXZlbnQpXCJcbiAgICBbYXR0ci50eXBlXT1cInR5cGVcIlxuICA+XG4gICAgPG5nLWNvbnRhaW5lciBbbmdUZW1wbGF0ZU91dGxldF09XCJkZWNvcmF0b3JcIj48L25nLWNvbnRhaW5lcj5cblxuICAgIEBpZiAodGV4dCkge1xuICAgICAgPHNwYW4gY2xhc3M9XCJheC1idXR0b24tdGV4dFwiPnt7IHRleHQgfX08L3NwYW4+XG4gICAgfVxuICAgIDxheC1pY29uIGNsYXNzPVwiZmFyIGZhLWNoZXZyb24tZG93biBheC1tcy0zXCI+IDwvYXgtaWNvbj5cbiAgICA8bmctY29udGFpbmVyIFtuZ1RlbXBsYXRlT3V0bGV0XT1cImRyb3Bkb3duXCI+PC9uZy1jb250YWluZXI+XG4gIDwvYnV0dG9uPlxufSBAZWxzZSB7XG4gIDxidXR0b25cbiAgICBjbGFzcz1cImF4LWRyb3Bkb3duLXNwbGl0LWJ1dHRvbiBheC1lbC1pbnRlcmFjdGl2ZSBheC1lbC17eyBjb2xvciB9fS17eyBsb29rIH19XCJcbiAgICBbbmdDbGFzc109XCJ7ICdheC1zdGF0ZS1kaXNhYmxlZCc6IGRpc2FibGVkIH1cIlxuICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiXG4gICAgW2F4UmlwcGxlXVxuICAgIFthdHRyLnRhYmluZGV4XT1cInRhYkluZGV4XCJcbiAgICAoZm9jdXMpPVwiZW1pdE9uRm9jdXNFdmVudCgkZXZlbnQpXCJcbiAgICAoYmx1cik9XCJlbWl0T25CbHVyRXZlbnQoJGV2ZW50KVwiXG4gICAgKGNsaWNrKT1cIl9oYW5kbGVDbGljaygkZXZlbnQpXCJcbiAgICBbYXR0ci50eXBlXT1cInR5cGVcIlxuICA+XG4gICAgPG5nLWNvbnRhaW5lciBbbmdUZW1wbGF0ZU91dGxldF09XCJkZWNvcmF0b3JcIj48L25nLWNvbnRhaW5lcj5cblxuICAgIEBpZiAodGV4dCkge1xuICAgICAgPHNwYW4gY2xhc3M9XCJheC1idXR0b24tdGV4dFwiPnt7IHRleHQgfX08L3NwYW4+XG4gICAgfVxuICA8L2J1dHRvbj5cbiAgPGJ1dHRvblxuICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiXG4gICAgW2F4UmlwcGxlXVxuICAgIGNsYXNzPVwiYXgtZHJvcGRvd24tYnV0dG9uLW1hcmtlciBheC1lbC1pbnRlcmFjdGl2ZSBheC1lbC17eyBjb2xvciB9fS17eyBsb29rIH19XCJcbiAgICBbbmdDbGFzc109XCJ7ICdheC1zdGF0ZS1kaXNhYmxlZCc6IGRpc2FibGVkIH1cIlxuICA+XG4gICAgPGF4LWljb24gY2xhc3M9XCJmYXIgZmEtY2hldnJvbi1kb3duXCI+IDwvYXgtaWNvbj5cbiAgICA8bmctY29udGFpbmVyIFtuZ1RlbXBsYXRlT3V0bGV0XT1cImRyb3Bkb3duXCI+PC9uZy1jb250YWluZXI+XG4gIDwvYnV0dG9uPlxufVxuIl19
|