@acorex/components 7.8.11 → 7.8.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/breadcrumbs/lib/breadcrumbs-item.component.d.ts +3 -5
- package/breadcrumbs/lib/breadcrumbs.module.d.ts +2 -1
- package/button/index.d.ts +1 -0
- package/button/lib/button-item-list.component.d.ts +5 -0
- package/button/lib/button.module.d.ts +6 -5
- package/dropdown/lib/dropdown-panel.component.d.ts +1 -1
- package/esm2022/action-sheet/lib/action-sheet.component.mjs +3 -3
- package/esm2022/action-sheet/lib/action-sheet.module.mjs +4 -4
- package/esm2022/action-sheet/lib/action-sheet.service.mjs +3 -3
- package/esm2022/alert/lib/alert.component.mjs +3 -3
- package/esm2022/alert/lib/alert.module.mjs +4 -4
- package/esm2022/avatar/lib/avatar-group.component.mjs +3 -3
- package/esm2022/avatar/lib/avatar.component.mjs +3 -3
- package/esm2022/avatar/lib/avatar.module.mjs +4 -4
- package/esm2022/badge/lib/badge.component.mjs +3 -3
- package/esm2022/badge/lib/badge.module.mjs +4 -4
- package/esm2022/breadcrumbs/lib/breadcrumbs-item.component.mjs +9 -13
- package/esm2022/breadcrumbs/lib/breadcrumbs.component.mjs +4 -4
- package/esm2022/breadcrumbs/lib/breadcrumbs.module.mjs +7 -6
- package/esm2022/button/index.mjs +2 -1
- package/esm2022/button/lib/button-item-list.component.mjs +11 -0
- package/esm2022/button/lib/button-item.component.mjs +3 -3
- package/esm2022/button/lib/button.component.mjs +5 -5
- package/esm2022/button/lib/button.module.mjs +7 -6
- package/esm2022/button-group/lib/button-group.component.mjs +3 -3
- package/esm2022/button-group/lib/button-group.module.mjs +4 -4
- package/esm2022/calendar/lib/calendar-range.component.mjs +3 -3
- package/esm2022/calendar/lib/calendar.class.mjs +3 -3
- package/esm2022/calendar/lib/calendar.component.mjs +3 -3
- package/esm2022/calendar/lib/calendar.module.mjs +4 -4
- package/esm2022/check-box/lib/check-box.component.mjs +3 -3
- package/esm2022/check-box/lib/check-box.module.mjs +4 -4
- package/esm2022/chips/lib/chips.component.mjs +3 -3
- package/esm2022/chips/lib/chips.module.mjs +4 -4
- package/esm2022/collapse/lib/collapse-group.component.mjs +3 -3
- package/esm2022/collapse/lib/collapse.component.mjs +3 -3
- package/esm2022/collapse/lib/collapse.module.mjs +4 -4
- package/esm2022/color-box/lib/color-box.component.mjs +3 -3
- package/esm2022/color-box/lib/color-box.module.mjs +4 -4
- package/esm2022/color-palette/lib/color-palette-input.component.mjs +3 -3
- package/esm2022/color-palette/lib/color-palette-picker.component.mjs +3 -3
- package/esm2022/color-palette/lib/color-palette-preview.component.mjs +3 -3
- package/esm2022/color-palette/lib/color-palette-swatches.component.mjs +3 -3
- package/esm2022/color-palette/lib/color-palette.class.mjs +6 -6
- package/esm2022/color-palette/lib/color-palette.component.mjs +3 -3
- package/esm2022/color-palette/lib/color-palette.module.mjs +4 -4
- package/esm2022/common/lib/classes/components.class.mjs +21 -21
- package/esm2022/common/lib/common.module.mjs +4 -4
- package/esm2022/common/lib/components/base-component.class.mjs +3 -3
- package/esm2022/common/lib/components/input-base-value-component.class.mjs +3 -3
- package/esm2022/common/lib/components/selection-base.component.class.mjs +3 -3
- package/esm2022/common/lib/components/value-component.class.mjs +3 -3
- package/esm2022/common/lib/directives/auto-focus.directive.mjs +3 -3
- package/esm2022/common/lib/directives/delayed-value-changed.directive.mjs +3 -3
- package/esm2022/common/lib/directives/hotkey.directive.mjs +3 -3
- package/esm2022/common/lib/directives/infinite-scroll.directive.mjs +3 -3
- package/esm2022/common/lib/directives/responsive.directive.mjs +3 -3
- package/esm2022/common/lib/directives/ripple.directive.mjs +3 -3
- package/esm2022/common/lib/services/dom.service.mjs +3 -3
- package/esm2022/common/lib/services/hotkey.service.mjs +3 -3
- package/esm2022/data-pager/lib/data-pager-base.component.mjs +6 -6
- package/esm2022/data-pager/lib/data-pager-info.component.mjs +3 -3
- package/esm2022/data-pager/lib/data-pager-input-selector.component.mjs +3 -3
- package/esm2022/data-pager/lib/data-pager-next-buttons.components.mjs +3 -3
- package/esm2022/data-pager/lib/data-pager-numeric-selector.component.mjs +3 -3
- package/esm2022/data-pager/lib/data-pager-pagesize-dropdown.component.mjs +3 -3
- package/esm2022/data-pager/lib/data-pager-prev-buttons.component.mjs +3 -3
- package/esm2022/data-pager/lib/data-pager.component.mjs +3 -3
- package/esm2022/data-pager/lib/data-pager.module.mjs +4 -4
- package/esm2022/data-table/lib/data-column.directive.mjs +3 -3
- package/esm2022/data-table/lib/data-table.component.mjs +3 -3
- package/esm2022/data-table/lib/data-table.module.mjs +4 -4
- package/esm2022/datetime-box/lib/datetime-box.component.mjs +3 -3
- package/esm2022/datetime-box/lib/datetime-box.module.mjs +4 -4
- package/esm2022/datetime-input/lib/datetime-input.component.mjs +3 -3
- package/esm2022/datetime-input/lib/datetime-input.module.mjs +4 -4
- package/esm2022/datetime-picker/lib/datetime-picker.component.mjs +3 -3
- package/esm2022/datetime-picker/lib/datetime-picker.module.mjs +4 -4
- package/esm2022/decorators/lib/components/clear-button.component.mjs +3 -3
- package/esm2022/decorators/lib/components/close-button.component.mjs +3 -3
- package/esm2022/decorators/lib/components/generic-content.component.mjs +3 -3
- package/esm2022/decorators/lib/components/icon.component.mjs +3 -3
- package/esm2022/decorators/lib/decorators.module.mjs +4 -4
- package/esm2022/dialog/lib/dialog.component.mjs +3 -3
- package/esm2022/dialog/lib/dialog.module.mjs +4 -4
- package/esm2022/dialog/lib/dialog.service.mjs +3 -3
- package/esm2022/drawer/lib/drawer-container.component.mjs +3 -3
- package/esm2022/drawer/lib/drawer.component.mjs +3 -3
- package/esm2022/drawer/lib/drawer.module.mjs +4 -4
- package/esm2022/dropdown/lib/dropdown-box.class.mjs +3 -3
- package/esm2022/dropdown/lib/dropdown-box.component.mjs +3 -3
- package/esm2022/dropdown/lib/dropdown-panel.component.mjs +5 -5
- package/esm2022/dropdown/lib/dropdown.module.mjs +4 -4
- package/esm2022/form/lib/form-field.component.mjs +3 -3
- package/esm2022/form/lib/form.component.mjs +3 -3
- package/esm2022/form/lib/form.module.mjs +4 -4
- package/esm2022/form/lib/validation-rule.widget.mjs +3 -3
- package/esm2022/form/lib/validation-summary.component.mjs +3 -3
- package/esm2022/image/lib/image.component.mjs +3 -3
- package/esm2022/image/lib/image.module.mjs +4 -4
- package/esm2022/label/lib/label.component.mjs +3 -3
- package/esm2022/label/lib/label.module.mjs +4 -4
- package/esm2022/list/lib/list.component.mjs +3 -3
- package/esm2022/list/lib/list.module.mjs +4 -4
- package/esm2022/loading/lib/loading-spinner.component.mjs +3 -3
- package/esm2022/loading/lib/loading.component.mjs +3 -3
- package/esm2022/loading/lib/loading.directive.mjs +3 -3
- package/esm2022/loading/lib/loading.module.mjs +4 -4
- package/esm2022/loading/lib/loading.service.mjs +3 -3
- package/esm2022/menu/lib/menu-item/menu-item.component.mjs +3 -3
- package/esm2022/menu/lib/menu.component.mjs +3 -3
- package/esm2022/menu/lib/menu.module.mjs +4 -4
- package/esm2022/notification/lib/notification.component.mjs +3 -3
- package/esm2022/notification/lib/notification.module.mjs +4 -4
- package/esm2022/notification/lib/notification.service.mjs +3 -3
- package/esm2022/number-box/lib/number-box.component.mjs +3 -3
- package/esm2022/number-box/lib/number-box.module.mjs +4 -4
- package/esm2022/otp/lib/otp.component.mjs +3 -3
- package/esm2022/otp/lib/otp.module.mjs +4 -4
- package/esm2022/page/lib/base-page.class.mjs +3 -3
- package/esm2022/page/lib/page.component.mjs +3 -3
- package/esm2022/page/lib/page.module.mjs +4 -4
- package/esm2022/password-box/lib/password-box.component.mjs +3 -3
- package/esm2022/password-box/lib/password-box.module.mjs +4 -4
- package/esm2022/picker/lib/picker-column.directive.mjs +3 -3
- package/esm2022/picker/lib/picker.component.mjs +3 -3
- package/esm2022/picker/lib/picker.module.mjs +4 -4
- package/esm2022/popover/lib/popover.component.mjs +3 -3
- package/esm2022/popover/lib/popover.module.mjs +4 -4
- package/esm2022/popup/lib/popup.component.mjs +3 -3
- package/esm2022/popup/lib/popup.module.mjs +4 -4
- package/esm2022/popup/lib/popup.service.mjs +3 -3
- package/esm2022/progress-bar/lib/progress-bar.component.mjs +3 -3
- package/esm2022/progress-bar/lib/progress-bar.module.mjs +4 -4
- package/esm2022/radio/lib/radio.component.mjs +3 -3
- package/esm2022/radio/lib/radio.module.mjs +4 -4
- package/esm2022/range-slider/lib/range-slider.component.mjs +3 -3
- package/esm2022/range-slider/lib/range-slider.module.mjs +4 -4
- package/esm2022/result/lib/result.component.mjs +3 -3
- package/esm2022/result/lib/result.module.mjs +4 -4
- package/esm2022/routing-progress/lib/routing-progress.component.mjs +3 -3
- package/esm2022/routing-progress/lib/routing-progress.module.mjs +4 -4
- package/esm2022/scheduler/lib/scheduler-month-view.component.mjs +3 -3
- package/esm2022/scheduler/lib/scheduler-week-view.component.mjs +3 -3
- package/esm2022/scheduler/lib/scheduler.component.mjs +3 -3
- package/esm2022/scheduler/lib/scheduler.module.mjs +4 -4
- package/esm2022/search-box/lib/search-box.component.mjs +3 -3
- package/esm2022/search-box/lib/search-box.module.mjs +4 -4
- package/esm2022/select-box/lib/select-box.component.mjs +3 -3
- package/esm2022/select-box/lib/select-box.module.mjs +4 -4
- package/esm2022/selection-list/lib/selection-list.component.mjs +3 -3
- package/esm2022/selection-list/lib/selection-list.module.mjs +4 -4
- package/esm2022/side-menu/lib/side-menu-item/side-menu-item.compoent.mjs +3 -3
- package/esm2022/side-menu/lib/side-menu.component.mjs +3 -3
- package/esm2022/side-menu/lib/side-menu.module.mjs +4 -4
- package/esm2022/skeleton/lib/skeleton.component.mjs +3 -3
- package/esm2022/skeleton/lib/skeleton.module.mjs +4 -4
- package/esm2022/switch/lib/switch-content.component.mjs +3 -3
- package/esm2022/switch/lib/switch.component.mjs +3 -3
- package/esm2022/switch/lib/switch.module.mjs +4 -4
- package/esm2022/tabs/lib/tab-content.directive.mjs +3 -3
- package/esm2022/tabs/lib/tab-item.component.mjs +3 -3
- package/esm2022/tabs/lib/tabs.component.mjs +3 -3
- package/esm2022/tabs/lib/tabs.module.mjs +4 -4
- package/esm2022/tag/lib/tag.component.mjs +3 -3
- package/esm2022/tag/lib/tag.module.mjs +4 -4
- package/esm2022/text-area/lib/text-area.component.mjs +3 -3
- package/esm2022/text-area/lib/text-area.module.mjs +4 -4
- package/esm2022/text-box/lib/mask-options.directive.mjs +3 -3
- package/esm2022/text-box/lib/text-box.component.mjs +3 -3
- package/esm2022/text-box/lib/text-box.module.mjs +4 -4
- package/esm2022/toast/lib/toast.component.mjs +3 -3
- package/esm2022/toast/lib/toast.module.mjs +4 -4
- package/esm2022/toast/lib/toast.service.mjs +3 -3
- package/esm2022/tooltip/lib/tooltip.component.mjs +3 -3
- package/esm2022/tooltip/lib/tooltip.directive.mjs +3 -3
- package/esm2022/tooltip/lib/tooltip.module.mjs +4 -4
- package/esm2022/uploader/lib/uploader-drop-zone.component.mjs +3 -3
- package/esm2022/uploader/lib/uploader-list.component.mjs +3 -3
- package/esm2022/uploader/lib/uploader-overlay.component.mjs +3 -3
- package/esm2022/uploader/lib/uploader-zone.directive.mjs +3 -3
- package/esm2022/uploader/lib/uploader.module.mjs +4 -4
- package/esm2022/uploader/lib/uploader.service.mjs +3 -3
- package/fesm2022/acorex-components-action-sheet.mjs +10 -10
- package/fesm2022/acorex-components-alert.mjs +7 -7
- package/fesm2022/acorex-components-avatar.mjs +10 -10
- package/fesm2022/acorex-components-badge.mjs +7 -7
- package/fesm2022/acorex-components-breadcrumbs.mjs +18 -21
- package/fesm2022/acorex-components-breadcrumbs.mjs.map +1 -1
- package/fesm2022/acorex-components-button-group.mjs +7 -7
- package/fesm2022/acorex-components-button.mjs +25 -16
- package/fesm2022/acorex-components-button.mjs.map +1 -1
- package/fesm2022/acorex-components-calendar.mjs +13 -13
- package/fesm2022/acorex-components-check-box.mjs +7 -7
- package/fesm2022/acorex-components-chips.mjs +7 -7
- package/fesm2022/acorex-components-collapse.mjs +10 -10
- package/fesm2022/acorex-components-color-box.mjs +7 -7
- package/fesm2022/acorex-components-color-palette.mjs +25 -25
- package/fesm2022/acorex-components-common.mjs +61 -61
- package/fesm2022/acorex-components-data-pager.mjs +31 -31
- package/fesm2022/acorex-components-data-table.mjs +10 -10
- package/fesm2022/acorex-components-datetime-box.mjs +7 -7
- package/fesm2022/acorex-components-datetime-input.mjs +7 -7
- package/fesm2022/acorex-components-datetime-picker.mjs +7 -7
- package/fesm2022/acorex-components-decorators.mjs +16 -16
- package/fesm2022/acorex-components-dialog.mjs +10 -10
- package/fesm2022/acorex-components-drawer.mjs +10 -10
- package/fesm2022/acorex-components-dropdown.mjs +14 -14
- package/fesm2022/acorex-components-dropdown.mjs.map +1 -1
- package/fesm2022/acorex-components-form.mjs +16 -16
- package/fesm2022/acorex-components-image.mjs +7 -7
- package/fesm2022/acorex-components-label.mjs +7 -7
- package/fesm2022/acorex-components-list.mjs +7 -7
- package/fesm2022/acorex-components-loading.mjs +16 -16
- package/fesm2022/acorex-components-menu.mjs +10 -10
- package/fesm2022/acorex-components-notification.mjs +10 -10
- package/fesm2022/acorex-components-number-box.mjs +7 -7
- package/fesm2022/acorex-components-otp.mjs +7 -7
- package/fesm2022/acorex-components-page.mjs +10 -10
- package/fesm2022/acorex-components-password-box.mjs +7 -7
- package/fesm2022/acorex-components-picker.mjs +10 -10
- package/fesm2022/acorex-components-popover.mjs +7 -7
- package/fesm2022/acorex-components-popup.mjs +10 -10
- package/fesm2022/acorex-components-progress-bar.mjs +7 -7
- package/fesm2022/acorex-components-radio.mjs +7 -7
- package/fesm2022/acorex-components-range-slider.mjs +7 -7
- package/fesm2022/acorex-components-result.mjs +7 -7
- package/fesm2022/acorex-components-routing-progress.mjs +7 -7
- package/fesm2022/acorex-components-scheduler.mjs +13 -13
- package/fesm2022/acorex-components-search-box.mjs +7 -7
- package/fesm2022/acorex-components-select-box.mjs +7 -7
- package/fesm2022/acorex-components-selection-list.mjs +7 -7
- package/fesm2022/acorex-components-side-menu.mjs +10 -10
- package/fesm2022/acorex-components-skeleton.mjs +7 -7
- package/fesm2022/acorex-components-switch.mjs +10 -10
- package/fesm2022/acorex-components-tabs.mjs +13 -13
- package/fesm2022/acorex-components-tag.mjs +7 -7
- package/fesm2022/acorex-components-text-area.mjs +7 -7
- package/fesm2022/acorex-components-text-box.mjs +10 -10
- package/fesm2022/acorex-components-toast.mjs +10 -10
- package/fesm2022/acorex-components-tooltip.mjs +10 -10
- package/fesm2022/acorex-components-uploader.mjs +19 -19
- package/package.json +10 -10
@@ -79,10 +79,10 @@ export class AXButtonGroupComponent extends classes(MXInteractiveComponent, MXCo
|
|
79
79
|
cssClasses[`ax-look-${this.look || 'default'}`] = true;
|
80
80
|
return cssClasses;
|
81
81
|
}
|
82
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.
|
83
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.9", type: AXButtonGroupComponent, selector: "ax-button-group", inputs: { disabled: "disabled", color: "color", look: "look", selection: "selection" }, outputs: { onBlur: "onBlur", onFocus: "onFocus", lookChange: "lookChange", colorChange: "colorChange", disabledChange: "disabledChange", selectionChange: "selectionChange" }, host: { attributes: { "role": "group" }, properties: { "class": "this.__hostClass" } }, queries: [{ propertyName: "_contentButtons", predicate: AXButtonItemComponent }], usesInheritance: true, ngImport: i0, template: "<ng-container>\n <ng-content select=\"ax-button-item\"></ng-content>\n</ng-container>\n", styles: ["ax-button-group{display:flex}ax-button-group ax-button-item{border:1px solid;border-color:rgba(var(--ax-color-border-default));display:inline-flex;align-items:center;justify-content:center;height:var(--ax-size-default);font-size:.875rem;cursor:pointer;position:relative;-webkit-user-select:none;user-select:none;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;background-color:rgba(var(--ax-color-surface));color:rgba(var(--ax-color-surface-fore));padding:0 1rem}ax-button-group ax-button-item:first-child{border-start-start-radius:var(--ax-rounded-border-default);border-end-start-radius:var(--ax-rounded-border-default)}ax-button-group ax-button-item:last-child{border-start-end-radius:var(--ax-rounded-border-default);border-end-end-radius:var(--ax-rounded-border-default)}ax-button-group ax-button-item:not(ax-button-group ax-button-item:first-child){border-inline-start:0px}ax-button-group ax-button-item:not(ax-button-group ax-button-item:first-child):before{position:absolute;inset-block-start:-1px;inset-inline-start:-1px;display:block;box-sizing:content-box;width:1px;height:100%;padding-block:1px;padding-inline:0;transition:background-color .3s;content:\"\"}ax-button-group ax-button-item:hover:not(.ax-state-disabled){opacity:.75}ax-button-group ax-button-item:active{opacity:1}ax-button-group ax-button-item .ax-button-item-text{padding:0 .5rem}ax-button-group.ax-buttons-fit{width:100%}ax-button-group.ax-buttons-fit>button{flex:1}ax-button-group.ax-state-disabled,ax-button-group.ax-state-loading{opacity:.5}ax-button-group.ax-state-disabled>ax-button-item,ax-button-group.ax-state-loading>ax-button-item{cursor:not-allowed}ax-button-group.ax-xs{font-size:.75rem}ax-button-group.ax-xs>button{padding-inline-start:.25rem;padding-inline-end:.25rem}ax-button-group.ax-sm>button{padding-inline-start:.5rem;padding-inline-end:.5rem}ax-button-group.ax-sm,ax-button-group.ax-md{font-size:.875rem}ax-button-group.ax-lg{font-size:1.25rem}ax-button-group.ax-lg>button{padding-inline-start:1.5rem;padding-inline-end:1.5rem}ax-button-group.ax-xl{font-size:1.5rem}ax-button-group.ax-xl>button{padding-inline-start:2rem;padding-inline-end:2rem}ax-button-group.ax-look-solid.ax-color-primary ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-button-group.ax-look-solid.ax-color-primary ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-look-twotone.ax-color-primary ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-fore-lighten));border-color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-look-twotone.ax-color-primary ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-look-outline.ax-color-primary ax-button-item.ax-state-selected{border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-look-outline.ax-color-primary ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-color-primary ax-button-item:is(ax-button-group.ax-color-primary ax-button-item:focus-visible,ax-button-group.ax-color-primary ax-button-item:focus){outline-color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-look-blank.ax-color-primary ax-button-item.ax-state-selected{color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-look-solid.ax-color-secondary ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-secondary-500));border-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}ax-button-group.ax-look-solid.ax-color-secondary ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-look-twotone.ax-color-secondary ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-secondary-100));color:rgba(var(--ax-color-secondary-fore-lighten));border-color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-look-twotone.ax-color-secondary ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-look-outline.ax-color-secondary ax-button-item.ax-state-selected{border-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-look-outline.ax-color-secondary ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-color-secondary ax-button-item:is(ax-button-group.ax-color-secondary ax-button-item:focus-visible,ax-button-group.ax-color-secondary ax-button-item:focus){outline-color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-look-blank.ax-color-secondary ax-button-item.ax-state-selected{color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-look-solid.ax-color-success ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-success-500));border-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}ax-button-group.ax-look-solid.ax-color-success ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-success-500))}ax-button-group.ax-look-twotone.ax-color-success ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-success-100));color:rgba(var(--ax-color-success-fore-lighten));border-color:rgba(var(--ax-color-success-500))}ax-button-group.ax-look-twotone.ax-color-success ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-success-500))}ax-button-group.ax-look-outline.ax-color-success ax-button-item.ax-state-selected{border-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-500))}ax-button-group.ax-look-outline.ax-color-success ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-success-500))}ax-button-group.ax-color-success ax-button-item:is(ax-button-group.ax-color-success ax-button-item:focus-visible,ax-button-group.ax-color-success ax-button-item:focus){outline-color:rgba(var(--ax-color-success-500))}ax-button-group.ax-look-blank.ax-color-success ax-button-item.ax-state-selected{color:rgba(var(--ax-color-success-500))}ax-button-group.ax-look-solid.ax-color-warning ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-warning-500));border-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}ax-button-group.ax-look-solid.ax-color-warning ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-look-twotone.ax-color-warning ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-warning-100));color:rgba(var(--ax-color-warning-fore-lighten));border-color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-look-twotone.ax-color-warning ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-look-outline.ax-color-warning ax-button-item.ax-state-selected{border-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-look-outline.ax-color-warning ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-color-warning ax-button-item:is(ax-button-group.ax-color-warning ax-button-item:focus-visible,ax-button-group.ax-color-warning ax-button-item:focus){outline-color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-look-blank.ax-color-warning ax-button-item.ax-state-selected{color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-look-solid.ax-color-danger ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-danger-500));border-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}ax-button-group.ax-look-solid.ax-color-danger ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-look-twotone.ax-color-danger ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-danger-100));color:rgba(var(--ax-color-danger-fore-lighten));border-color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-look-twotone.ax-color-danger ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-look-outline.ax-color-danger ax-button-item.ax-state-selected{border-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-look-outline.ax-color-danger ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-color-danger ax-button-item:is(ax-button-group.ax-color-danger ax-button-item:focus-visible,ax-button-group.ax-color-danger ax-button-item:focus){outline-color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-look-blank.ax-color-danger ax-button-item.ax-state-selected{color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-look-solid.ax-color-info ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-info-500));border-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}ax-button-group.ax-look-solid.ax-color-info ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-info-500))}ax-button-group.ax-look-twotone.ax-color-info ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-info-100));color:rgba(var(--ax-color-info-fore-lighten));border-color:rgba(var(--ax-color-info-500))}ax-button-group.ax-look-twotone.ax-color-info ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-info-500))}ax-button-group.ax-look-outline.ax-color-info ax-button-item.ax-state-selected{border-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-500))}ax-button-group.ax-look-outline.ax-color-info ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-info-500))}ax-button-group.ax-color-info ax-button-item:is(ax-button-group.ax-color-info ax-button-item:focus-visible,ax-button-group.ax-color-info ax-button-item:focus){outline-color:rgba(var(--ax-color-info-500))}ax-button-group.ax-look-blank.ax-color-info ax-button-item.ax-state-selected{color:rgba(var(--ax-color-info-500))}.ax-dark ax-button-group.ax-look-outline.ax-color-primary ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-fore-lighten))}.ax-dark ax-button-group.ax-look-outline.ax-color-primary ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-primary-500),.25);border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-button-group.ax-look-outline.ax-color-primary ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-primary-500))}.ax-dark ax-button-group.ax-look-blank.ax-color-primary ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-primary-500),.25);color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-button-group.ax-look-outline.ax-color-secondary ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-secondary-200));color:rgba(var(--ax-color-secondary-fore-lighten))}.ax-dark ax-button-group.ax-look-outline.ax-color-secondary ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-secondary-500),.25);border-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-button-group.ax-look-outline.ax-color-secondary ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-secondary-500))}.ax-dark ax-button-group.ax-look-blank.ax-color-secondary ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-secondary-500),.25);color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-button-group.ax-look-outline.ax-color-success ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-fore-lighten))}.ax-dark ax-button-group.ax-look-outline.ax-color-success ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-success-500),.25);border-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}.ax-dark ax-button-group.ax-look-outline.ax-color-success ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-success-500))}.ax-dark ax-button-group.ax-look-blank.ax-color-success ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-success-500),.25);color:rgba(var(--ax-color-success-fore))}.ax-dark ax-button-group.ax-look-outline.ax-color-warning ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-fore-lighten))}.ax-dark ax-button-group.ax-look-outline.ax-color-warning ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-warning-500),.25);border-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-button-group.ax-look-outline.ax-color-warning ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-warning-500))}.ax-dark ax-button-group.ax-look-blank.ax-color-warning ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-warning-500),.25);color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-button-group.ax-look-outline.ax-color-danger ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-fore-lighten))}.ax-dark ax-button-group.ax-look-outline.ax-color-danger ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-danger-500),.25);border-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-button-group.ax-look-outline.ax-color-danger ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-danger-500))}.ax-dark ax-button-group.ax-look-blank.ax-color-danger ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-danger-500),.25);color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-button-group.ax-look-outline.ax-color-info ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-info-200));color:rgba(var(--ax-color-info-fore-lighten))}.ax-dark ax-button-group.ax-look-outline.ax-color-info ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-info-500),.25);border-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}.ax-dark ax-button-group.ax-look-outline.ax-color-info ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-info-500))}.ax-dark ax-button-group.ax-look-blank.ax-color-info ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-info-500),.25);color:rgba(var(--ax-color-info-fore))}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
82
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: AXButtonGroupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
83
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.6", type: AXButtonGroupComponent, selector: "ax-button-group", inputs: { disabled: "disabled", color: "color", look: "look", selection: "selection" }, outputs: { onBlur: "onBlur", onFocus: "onFocus", lookChange: "lookChange", colorChange: "colorChange", disabledChange: "disabledChange", selectionChange: "selectionChange" }, host: { attributes: { "role": "group" }, properties: { "class": "this.__hostClass" } }, queries: [{ propertyName: "_contentButtons", predicate: AXButtonItemComponent }], usesInheritance: true, ngImport: i0, template: "<ng-container>\n <ng-content select=\"ax-button-item\"></ng-content>\n</ng-container>\n", styles: ["ax-button-group{display:flex}ax-button-group ax-button-item{border:1px solid;border-color:rgba(var(--ax-color-border-default));display:inline-flex;align-items:center;justify-content:center;height:var(--ax-size-default);font-size:.875rem;cursor:pointer;position:relative;-webkit-user-select:none;user-select:none;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;background-color:rgba(var(--ax-color-surface));color:rgba(var(--ax-color-surface-fore));padding:0 1rem}ax-button-group ax-button-item:first-child{border-start-start-radius:var(--ax-rounded-border-default);border-end-start-radius:var(--ax-rounded-border-default)}ax-button-group ax-button-item:last-child{border-start-end-radius:var(--ax-rounded-border-default);border-end-end-radius:var(--ax-rounded-border-default)}ax-button-group ax-button-item:not(ax-button-group ax-button-item:first-child){border-inline-start:0px}ax-button-group ax-button-item:not(ax-button-group ax-button-item:first-child):before{position:absolute;inset-block-start:-1px;inset-inline-start:-1px;display:block;box-sizing:content-box;width:1px;height:100%;padding-block:1px;padding-inline:0;transition:background-color .3s;content:\"\"}ax-button-group ax-button-item:hover:not(.ax-state-disabled){opacity:.75}ax-button-group ax-button-item:active{opacity:1}ax-button-group ax-button-item .ax-button-item-text{padding:0 .5rem}ax-button-group.ax-buttons-fit{width:100%}ax-button-group.ax-buttons-fit>button{flex:1}ax-button-group.ax-state-disabled,ax-button-group.ax-state-loading{opacity:.5}ax-button-group.ax-state-disabled>ax-button-item,ax-button-group.ax-state-loading>ax-button-item{cursor:not-allowed}ax-button-group.ax-xs{font-size:.75rem}ax-button-group.ax-xs>button{padding-inline-start:.25rem;padding-inline-end:.25rem}ax-button-group.ax-sm>button{padding-inline-start:.5rem;padding-inline-end:.5rem}ax-button-group.ax-sm,ax-button-group.ax-md{font-size:.875rem}ax-button-group.ax-lg{font-size:1.25rem}ax-button-group.ax-lg>button{padding-inline-start:1.5rem;padding-inline-end:1.5rem}ax-button-group.ax-xl{font-size:1.5rem}ax-button-group.ax-xl>button{padding-inline-start:2rem;padding-inline-end:2rem}ax-button-group.ax-look-solid.ax-color-primary ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-button-group.ax-look-solid.ax-color-primary ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-look-twotone.ax-color-primary ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-fore-lighten));border-color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-look-twotone.ax-color-primary ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-look-outline.ax-color-primary ax-button-item.ax-state-selected{border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-look-outline.ax-color-primary ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-color-primary ax-button-item:is(ax-button-group.ax-color-primary ax-button-item:focus-visible,ax-button-group.ax-color-primary ax-button-item:focus){outline-color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-look-blank.ax-color-primary ax-button-item.ax-state-selected{color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-look-solid.ax-color-secondary ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-secondary-500));border-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}ax-button-group.ax-look-solid.ax-color-secondary ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-look-twotone.ax-color-secondary ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-secondary-100));color:rgba(var(--ax-color-secondary-fore-lighten));border-color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-look-twotone.ax-color-secondary ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-look-outline.ax-color-secondary ax-button-item.ax-state-selected{border-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-look-outline.ax-color-secondary ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-color-secondary ax-button-item:is(ax-button-group.ax-color-secondary ax-button-item:focus-visible,ax-button-group.ax-color-secondary ax-button-item:focus){outline-color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-look-blank.ax-color-secondary ax-button-item.ax-state-selected{color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-look-solid.ax-color-success ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-success-500));border-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}ax-button-group.ax-look-solid.ax-color-success ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-success-500))}ax-button-group.ax-look-twotone.ax-color-success ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-success-100));color:rgba(var(--ax-color-success-fore-lighten));border-color:rgba(var(--ax-color-success-500))}ax-button-group.ax-look-twotone.ax-color-success ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-success-500))}ax-button-group.ax-look-outline.ax-color-success ax-button-item.ax-state-selected{border-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-500))}ax-button-group.ax-look-outline.ax-color-success ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-success-500))}ax-button-group.ax-color-success ax-button-item:is(ax-button-group.ax-color-success ax-button-item:focus-visible,ax-button-group.ax-color-success ax-button-item:focus){outline-color:rgba(var(--ax-color-success-500))}ax-button-group.ax-look-blank.ax-color-success ax-button-item.ax-state-selected{color:rgba(var(--ax-color-success-500))}ax-button-group.ax-look-solid.ax-color-warning ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-warning-500));border-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}ax-button-group.ax-look-solid.ax-color-warning ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-look-twotone.ax-color-warning ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-warning-100));color:rgba(var(--ax-color-warning-fore-lighten));border-color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-look-twotone.ax-color-warning ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-look-outline.ax-color-warning ax-button-item.ax-state-selected{border-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-look-outline.ax-color-warning ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-color-warning ax-button-item:is(ax-button-group.ax-color-warning ax-button-item:focus-visible,ax-button-group.ax-color-warning ax-button-item:focus){outline-color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-look-blank.ax-color-warning ax-button-item.ax-state-selected{color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-look-solid.ax-color-danger ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-danger-500));border-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}ax-button-group.ax-look-solid.ax-color-danger ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-look-twotone.ax-color-danger ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-danger-100));color:rgba(var(--ax-color-danger-fore-lighten));border-color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-look-twotone.ax-color-danger ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-look-outline.ax-color-danger ax-button-item.ax-state-selected{border-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-look-outline.ax-color-danger ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-color-danger ax-button-item:is(ax-button-group.ax-color-danger ax-button-item:focus-visible,ax-button-group.ax-color-danger ax-button-item:focus){outline-color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-look-blank.ax-color-danger ax-button-item.ax-state-selected{color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-look-solid.ax-color-info ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-info-500));border-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}ax-button-group.ax-look-solid.ax-color-info ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-info-500))}ax-button-group.ax-look-twotone.ax-color-info ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-info-100));color:rgba(var(--ax-color-info-fore-lighten));border-color:rgba(var(--ax-color-info-500))}ax-button-group.ax-look-twotone.ax-color-info ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-info-500))}ax-button-group.ax-look-outline.ax-color-info ax-button-item.ax-state-selected{border-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-500))}ax-button-group.ax-look-outline.ax-color-info ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-info-500))}ax-button-group.ax-color-info ax-button-item:is(ax-button-group.ax-color-info ax-button-item:focus-visible,ax-button-group.ax-color-info ax-button-item:focus){outline-color:rgba(var(--ax-color-info-500))}ax-button-group.ax-look-blank.ax-color-info ax-button-item.ax-state-selected{color:rgba(var(--ax-color-info-500))}.ax-dark ax-button-group.ax-look-outline.ax-color-primary ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-fore-lighten))}.ax-dark ax-button-group.ax-look-outline.ax-color-primary ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-primary-500),.25);border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-button-group.ax-look-outline.ax-color-primary ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-primary-500))}.ax-dark ax-button-group.ax-look-blank.ax-color-primary ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-primary-500),.25);color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-button-group.ax-look-outline.ax-color-secondary ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-secondary-200));color:rgba(var(--ax-color-secondary-fore-lighten))}.ax-dark ax-button-group.ax-look-outline.ax-color-secondary ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-secondary-500),.25);border-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-button-group.ax-look-outline.ax-color-secondary ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-secondary-500))}.ax-dark ax-button-group.ax-look-blank.ax-color-secondary ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-secondary-500),.25);color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-button-group.ax-look-outline.ax-color-success ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-fore-lighten))}.ax-dark ax-button-group.ax-look-outline.ax-color-success ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-success-500),.25);border-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}.ax-dark ax-button-group.ax-look-outline.ax-color-success ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-success-500))}.ax-dark ax-button-group.ax-look-blank.ax-color-success ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-success-500),.25);color:rgba(var(--ax-color-success-fore))}.ax-dark ax-button-group.ax-look-outline.ax-color-warning ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-fore-lighten))}.ax-dark ax-button-group.ax-look-outline.ax-color-warning ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-warning-500),.25);border-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-button-group.ax-look-outline.ax-color-warning ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-warning-500))}.ax-dark ax-button-group.ax-look-blank.ax-color-warning ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-warning-500),.25);color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-button-group.ax-look-outline.ax-color-danger ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-fore-lighten))}.ax-dark ax-button-group.ax-look-outline.ax-color-danger ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-danger-500),.25);border-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-button-group.ax-look-outline.ax-color-danger ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-danger-500))}.ax-dark ax-button-group.ax-look-blank.ax-color-danger ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-danger-500),.25);color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-button-group.ax-look-outline.ax-color-info ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-info-200));color:rgba(var(--ax-color-info-fore-lighten))}.ax-dark ax-button-group.ax-look-outline.ax-color-info ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-info-500),.25);border-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}.ax-dark ax-button-group.ax-look-outline.ax-color-info ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-info-500))}.ax-dark ax-button-group.ax-look-blank.ax-color-info ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-info-500),.25);color:rgba(var(--ax-color-info-fore))}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
84
84
|
}
|
85
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.
|
85
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: AXButtonGroupComponent, decorators: [{
|
86
86
|
type: Component,
|
87
87
|
args: [{ selector: 'ax-button-group', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: { role: 'group' }, inputs: ['disabled', 'color', 'look'], outputs: ['onBlur', 'onFocus', 'lookChange', 'colorChange', 'disabledChange'], template: "<ng-container>\n <ng-content select=\"ax-button-item\"></ng-content>\n</ng-container>\n", styles: ["ax-button-group{display:flex}ax-button-group ax-button-item{border:1px solid;border-color:rgba(var(--ax-color-border-default));display:inline-flex;align-items:center;justify-content:center;height:var(--ax-size-default);font-size:.875rem;cursor:pointer;position:relative;-webkit-user-select:none;user-select:none;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;background-color:rgba(var(--ax-color-surface));color:rgba(var(--ax-color-surface-fore));padding:0 1rem}ax-button-group ax-button-item:first-child{border-start-start-radius:var(--ax-rounded-border-default);border-end-start-radius:var(--ax-rounded-border-default)}ax-button-group ax-button-item:last-child{border-start-end-radius:var(--ax-rounded-border-default);border-end-end-radius:var(--ax-rounded-border-default)}ax-button-group ax-button-item:not(ax-button-group ax-button-item:first-child){border-inline-start:0px}ax-button-group ax-button-item:not(ax-button-group ax-button-item:first-child):before{position:absolute;inset-block-start:-1px;inset-inline-start:-1px;display:block;box-sizing:content-box;width:1px;height:100%;padding-block:1px;padding-inline:0;transition:background-color .3s;content:\"\"}ax-button-group ax-button-item:hover:not(.ax-state-disabled){opacity:.75}ax-button-group ax-button-item:active{opacity:1}ax-button-group ax-button-item .ax-button-item-text{padding:0 .5rem}ax-button-group.ax-buttons-fit{width:100%}ax-button-group.ax-buttons-fit>button{flex:1}ax-button-group.ax-state-disabled,ax-button-group.ax-state-loading{opacity:.5}ax-button-group.ax-state-disabled>ax-button-item,ax-button-group.ax-state-loading>ax-button-item{cursor:not-allowed}ax-button-group.ax-xs{font-size:.75rem}ax-button-group.ax-xs>button{padding-inline-start:.25rem;padding-inline-end:.25rem}ax-button-group.ax-sm>button{padding-inline-start:.5rem;padding-inline-end:.5rem}ax-button-group.ax-sm,ax-button-group.ax-md{font-size:.875rem}ax-button-group.ax-lg{font-size:1.25rem}ax-button-group.ax-lg>button{padding-inline-start:1.5rem;padding-inline-end:1.5rem}ax-button-group.ax-xl{font-size:1.5rem}ax-button-group.ax-xl>button{padding-inline-start:2rem;padding-inline-end:2rem}ax-button-group.ax-look-solid.ax-color-primary ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-button-group.ax-look-solid.ax-color-primary ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-look-twotone.ax-color-primary ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-fore-lighten));border-color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-look-twotone.ax-color-primary ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-look-outline.ax-color-primary ax-button-item.ax-state-selected{border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-look-outline.ax-color-primary ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-color-primary ax-button-item:is(ax-button-group.ax-color-primary ax-button-item:focus-visible,ax-button-group.ax-color-primary ax-button-item:focus){outline-color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-look-blank.ax-color-primary ax-button-item.ax-state-selected{color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-look-solid.ax-color-secondary ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-secondary-500));border-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}ax-button-group.ax-look-solid.ax-color-secondary ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-look-twotone.ax-color-secondary ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-secondary-100));color:rgba(var(--ax-color-secondary-fore-lighten));border-color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-look-twotone.ax-color-secondary ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-look-outline.ax-color-secondary ax-button-item.ax-state-selected{border-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-look-outline.ax-color-secondary ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-color-secondary ax-button-item:is(ax-button-group.ax-color-secondary ax-button-item:focus-visible,ax-button-group.ax-color-secondary ax-button-item:focus){outline-color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-look-blank.ax-color-secondary ax-button-item.ax-state-selected{color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-look-solid.ax-color-success ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-success-500));border-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}ax-button-group.ax-look-solid.ax-color-success ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-success-500))}ax-button-group.ax-look-twotone.ax-color-success ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-success-100));color:rgba(var(--ax-color-success-fore-lighten));border-color:rgba(var(--ax-color-success-500))}ax-button-group.ax-look-twotone.ax-color-success ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-success-500))}ax-button-group.ax-look-outline.ax-color-success ax-button-item.ax-state-selected{border-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-500))}ax-button-group.ax-look-outline.ax-color-success ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-success-500))}ax-button-group.ax-color-success ax-button-item:is(ax-button-group.ax-color-success ax-button-item:focus-visible,ax-button-group.ax-color-success ax-button-item:focus){outline-color:rgba(var(--ax-color-success-500))}ax-button-group.ax-look-blank.ax-color-success ax-button-item.ax-state-selected{color:rgba(var(--ax-color-success-500))}ax-button-group.ax-look-solid.ax-color-warning ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-warning-500));border-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}ax-button-group.ax-look-solid.ax-color-warning ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-look-twotone.ax-color-warning ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-warning-100));color:rgba(var(--ax-color-warning-fore-lighten));border-color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-look-twotone.ax-color-warning ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-look-outline.ax-color-warning ax-button-item.ax-state-selected{border-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-look-outline.ax-color-warning ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-color-warning ax-button-item:is(ax-button-group.ax-color-warning ax-button-item:focus-visible,ax-button-group.ax-color-warning ax-button-item:focus){outline-color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-look-blank.ax-color-warning ax-button-item.ax-state-selected{color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-look-solid.ax-color-danger ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-danger-500));border-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}ax-button-group.ax-look-solid.ax-color-danger ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-look-twotone.ax-color-danger ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-danger-100));color:rgba(var(--ax-color-danger-fore-lighten));border-color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-look-twotone.ax-color-danger ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-look-outline.ax-color-danger ax-button-item.ax-state-selected{border-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-look-outline.ax-color-danger ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-color-danger ax-button-item:is(ax-button-group.ax-color-danger ax-button-item:focus-visible,ax-button-group.ax-color-danger ax-button-item:focus){outline-color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-look-blank.ax-color-danger ax-button-item.ax-state-selected{color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-look-solid.ax-color-info ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-info-500));border-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}ax-button-group.ax-look-solid.ax-color-info ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-info-500))}ax-button-group.ax-look-twotone.ax-color-info ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-info-100));color:rgba(var(--ax-color-info-fore-lighten));border-color:rgba(var(--ax-color-info-500))}ax-button-group.ax-look-twotone.ax-color-info ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-info-500))}ax-button-group.ax-look-outline.ax-color-info ax-button-item.ax-state-selected{border-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-500))}ax-button-group.ax-look-outline.ax-color-info ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-info-500))}ax-button-group.ax-color-info ax-button-item:is(ax-button-group.ax-color-info ax-button-item:focus-visible,ax-button-group.ax-color-info ax-button-item:focus){outline-color:rgba(var(--ax-color-info-500))}ax-button-group.ax-look-blank.ax-color-info ax-button-item.ax-state-selected{color:rgba(var(--ax-color-info-500))}.ax-dark ax-button-group.ax-look-outline.ax-color-primary ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-fore-lighten))}.ax-dark ax-button-group.ax-look-outline.ax-color-primary ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-primary-500),.25);border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-button-group.ax-look-outline.ax-color-primary ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-primary-500))}.ax-dark ax-button-group.ax-look-blank.ax-color-primary ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-primary-500),.25);color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-button-group.ax-look-outline.ax-color-secondary ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-secondary-200));color:rgba(var(--ax-color-secondary-fore-lighten))}.ax-dark ax-button-group.ax-look-outline.ax-color-secondary ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-secondary-500),.25);border-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-button-group.ax-look-outline.ax-color-secondary ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-secondary-500))}.ax-dark ax-button-group.ax-look-blank.ax-color-secondary ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-secondary-500),.25);color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-button-group.ax-look-outline.ax-color-success ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-fore-lighten))}.ax-dark ax-button-group.ax-look-outline.ax-color-success ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-success-500),.25);border-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}.ax-dark ax-button-group.ax-look-outline.ax-color-success ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-success-500))}.ax-dark ax-button-group.ax-look-blank.ax-color-success ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-success-500),.25);color:rgba(var(--ax-color-success-fore))}.ax-dark ax-button-group.ax-look-outline.ax-color-warning ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-fore-lighten))}.ax-dark ax-button-group.ax-look-outline.ax-color-warning ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-warning-500),.25);border-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-button-group.ax-look-outline.ax-color-warning ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-warning-500))}.ax-dark ax-button-group.ax-look-blank.ax-color-warning ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-warning-500),.25);color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-button-group.ax-look-outline.ax-color-danger ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-fore-lighten))}.ax-dark ax-button-group.ax-look-outline.ax-color-danger ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-danger-500),.25);border-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-button-group.ax-look-outline.ax-color-danger ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-danger-500))}.ax-dark ax-button-group.ax-look-blank.ax-color-danger ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-danger-500),.25);color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-button-group.ax-look-outline.ax-color-info ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-info-200));color:rgba(var(--ax-color-info-fore-lighten))}.ax-dark ax-button-group.ax-look-outline.ax-color-info ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-info-500),.25);border-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}.ax-dark ax-button-group.ax-look-outline.ax-color-info ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-info-500))}.ax-dark ax-button-group.ax-look-blank.ax-color-info ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-info-500),.25);color:rgba(var(--ax-color-info-fore))}\n"] }]
|
88
88
|
}], propDecorators: { _contentButtons: [{
|
@@ -5,11 +5,11 @@ import * as i0 from "@angular/core";
|
|
5
5
|
const COMPONENT = [AXButtonGroupComponent];
|
6
6
|
const MODULES = [CommonModule];
|
7
7
|
export class AXButtonGroupModule {
|
8
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.
|
9
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.
|
10
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.
|
8
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: AXButtonGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
9
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.6", ngImport: i0, type: AXButtonGroupModule, declarations: [AXButtonGroupComponent], imports: [CommonModule], exports: [AXButtonGroupComponent] }); }
|
10
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: AXButtonGroupModule, imports: [MODULES] }); }
|
11
11
|
}
|
12
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.
|
12
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: AXButtonGroupModule, decorators: [{
|
13
13
|
type: NgModule,
|
14
14
|
args: [{
|
15
15
|
declarations: [...COMPONENT],
|
@@ -128,10 +128,10 @@ export class AXCalendarRangeComponent extends classes((MXValueComponent), MXInte
|
|
128
128
|
this._c1.navTo(e.startOf('year'));
|
129
129
|
}
|
130
130
|
}
|
131
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.
|
132
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.
|
131
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: AXCalendarRangeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
132
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.6", type: AXCalendarRangeComponent, selector: "ax-calendar-range", inputs: { rtl: "rtl", readonly: "readonly", value: "value", name: "name", disabled: "disabled", depth: "depth", activeView: "activeView", minValue: "minValue", maxValue: "maxValue", disabledDates: "disabledDates", holidayDates: "holidayDates", type: "type", cellTemplate: "cellTemplate", cellClass: "cellClass", showNavigation: "showNavigation" }, outputs: { onOptionChanged: "onOptionChanged", valueChange: "valueChange", onValueChanged: "onValueChanged", onBlur: "onBlur", onFocus: "onFocus", depthChange: "depthChange", typeChange: "typeChange", activeViewChange: "activeViewChange", disabledDatesChange: "disabledDatesChange", holidayDatesChange: "holidayDatesChange", onNavigate: "onNavigate", onSlotClick: "onSlotClick" }, viewQueries: [{ propertyName: "_c1", first: true, predicate: ["c1"], descendants: true, static: true }, { propertyName: "_c2", first: true, predicate: ["c2"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"ax-calendar-range-header\">\n <ng-content></ng-content>\n <div class=\"ax-calendar-header-range-info\">\n <button type=\"button\" [attr.disabled]=\"disabled ? '' : null\" class=\"ax-general-button\"\n (click)=\"handleNavClick()\">\n {{ _navText }}\n </button>\n </div>\n <div class=\"ax-calendar-header-range-buttons\">\n <button type=\"button\" [attr.disabled]=\"disabled ? '' : null\" class=\"ax-general-button ax-button-icon\"\n (click)=\"handlePrevClick()\">\n <i class=\"ax-icon\" [ngClass]=\"{\n 'ax-icon-chevron-left': !rtl,\n 'ax-icon-chevron-right': rtl\n }\"></i>\n </button>\n <button type=\"button\" [attr.disabled]=\"disabled ? '' : null\" class=\"ax-general-button ax-button-icon\"\n (click)=\"handleNextClick()\">\n <i class=\"ax-icon\" [ngClass]=\"{\n 'ax-icon-chevron-left': rtl,\n 'ax-icon-chevron-right': !rtl\n }\"></i>\n </button>\n </div>\n</div>\n<div class=\"ax-calendar-range-body\">\n <ax-calendar #c1 style=\"width: 50%;\" [showNavigation]=\"false\" [cellClass]=\"getCellClass\" [type]=\"type\"\n [cellTemplate]=\"cellTemplate\" [minValue]=\"minValue\" [maxValue]=\"maxValue\" [readonly]=\"true\" [depth]=\"depth\"\n (onSlotClick)=\"handleSlotClick($event)\" (onNavigate)=\"handleNavigate()\"\n (activeViewChange)=\"handleActiveViewChange1()\">\n </ax-calendar>\n <ax-calendar #c2 style=\"width: 50%;\" [showNavigation]=\"false\" [cellClass]=\"getCellClass\" [type]=\"type\"\n [cellTemplate]=\"cellTemplate\" [minValue]=\"minValue\" [maxValue]=\"maxValue\" [readonly]=\"true\" [depth]=\"depth\"\n (onSlotClick)=\"handleSlotClick($event)\" (activeViewChange)=\"handleActiveViewChange2()\">\n </ax-calendar>\n</div>", styles: [".ax-dark ax-calendar-range{background:rgba(var(--ax-color-default))}.ax-dark ax-calendar-range ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-range-between{background-color:rgba(var(--ax-color-primary-800));color:rgba(var(--ax-color-primary-fore))}ax-calendar-range{background:rgba(var(--ax-color-surface));color:rgba(var(--ax-color-text-default));padding:.5rem}ax-calendar-range .ax-calendar-range-header{display:flex;justify-content:space-between;padding-top:.25rem;padding-left:.25rem;padding-right:.25rem}ax-calendar-range .ax-calendar-range-header .ax-calendar-header-range-info{font-weight:500}ax-calendar-range .ax-calendar-range-header .ax-calendar-header-range-buttons{display:flex}ax-calendar-range .ax-calendar-range-body{display:flex;flex-direction:row}ax-calendar-range ax-calendar{margin:0;padding:0}ax-calendar-range ax-calendar .ax-calendar-body{margin-top:0;padding-top:0}ax-calendar-range ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-range-between{background-color:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-500))}ax-calendar-range ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-range-start,ax-calendar-range ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-range-end{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2.AXCalendarComponent, selector: "ax-calendar", inputs: ["rtl", "readonly", "value", "name", "disabled", "depth", "activeView", "minValue", "maxValue", "disabledDates", "holidayDates", "type", "cellTemplate", "cellClass", "showNavigation", "count", "id"], outputs: ["onOptionChanged", "valueChange", "onValueChanged", "onBlur", "onFocus", "depthChange", "typeChange", "activeViewChange", "disabledDatesChange", "holidayDatesChange", "onNavigate", "onSlotClick", "countChange"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
133
133
|
}
|
134
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.
|
134
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: AXCalendarRangeComponent, decorators: [{
|
135
135
|
type: Component,
|
136
136
|
args: [{ selector: 'ax-calendar-range', encapsulation: ViewEncapsulation.None, inputs: [
|
137
137
|
'rtl',
|
@@ -110,10 +110,10 @@ export class MXCalendarBaseComponent extends MXBaseComponent {
|
|
110
110
|
set holidayDates(v) {
|
111
111
|
this.setOption({ name: 'holidayDates', value: v });
|
112
112
|
}
|
113
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.
|
114
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.
|
113
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: MXCalendarBaseComponent, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
|
114
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: MXCalendarBaseComponent }); }
|
115
115
|
}
|
116
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.
|
116
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: MXCalendarBaseComponent, decorators: [{
|
117
117
|
type: Injectable
|
118
118
|
}], propDecorators: { interface: [{
|
119
119
|
type: Input
|
@@ -408,8 +408,8 @@ export class AXCalendarComponent extends classes((MXValueComponent), MXInteracti
|
|
408
408
|
ignore();
|
409
409
|
}
|
410
410
|
}
|
411
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.
|
412
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.
|
411
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: AXCalendarComponent, deps: [{ token: i1.AXUnsubscriber }], target: i0.ɵɵFactoryTarget.Component }); }
|
412
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.6", type: AXCalendarComponent, selector: "ax-calendar", inputs: { rtl: "rtl", readonly: "readonly", value: "value", name: "name", disabled: "disabled", depth: "depth", activeView: "activeView", minValue: "minValue", maxValue: "maxValue", disabledDates: "disabledDates", holidayDates: "holidayDates", type: "type", cellTemplate: "cellTemplate", cellClass: "cellClass", showNavigation: "showNavigation", count: "count", id: "id" }, outputs: { onOptionChanged: "onOptionChanged", valueChange: "valueChange", onValueChanged: "onValueChanged", onBlur: "onBlur", onFocus: "onFocus", depthChange: "depthChange", typeChange: "typeChange", activeViewChange: "activeViewChange", disabledDatesChange: "disabledDatesChange", holidayDatesChange: "holidayDatesChange", onNavigate: "onNavigate", onSlotClick: "onSlotClick", countChange: "countChange" }, host: { listeners: { "keydown": "_handleOnKeydownEvent($event)" }, properties: { "class": "this.__hostClass" } }, providers: [
|
413
413
|
{
|
414
414
|
provide: NG_VALUE_ACCESSOR,
|
415
415
|
useExisting: forwardRef(() => AXCalendarComponent),
|
@@ -418,7 +418,7 @@ export class AXCalendarComponent extends classes((MXValueComponent), MXInteracti
|
|
418
418
|
AXUnsubscriber
|
419
419
|
], usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"interface === 'calendar'; else pickerTemplate\">\n <ng-content select=\"ax-header\"></ng-content>\n <div class=\"ax-calendar-body\">\n <ng-container *ngFor=\"let v of views; let first = first; let last = last\">\n <div [ngSwitch]=\"activeView\">\n <ng-container *ngSwitchCase=\"'year'\">\n <div class=\"ax-calendar-view-header\">\n <div class=\"ax-calendar-header-info\">\n <button\n type=\"button\"\n [attr.disabled]=\"disabled ? '' : null\"\n class=\"ax-general-button ax-button-rounded ax-state-disabled\"\n (click)=\"_handleNavClick($event, 'year')\"\n >\n {{ v.range.startTime.format('YYYY') }} - {{ v.range.endTime.format('YYYY') }}\n </button>\n </div>\n <div class=\"ax-calendar-header-buttons\" *ngIf=\"last\">\n <button\n type=\"button\"\n [attr.disabled]=\"disabled ? '' : null\"\n class=\"ax-general-button ax-button-rounded ax-button-icon ax-next\"\n (click)=\"_handlePrevClick()\"\n >\n <i class=\"ax-icon ax-icon-chevron-left\"></i>\n </button>\n <button\n type=\"button\"\n [attr.disabled]=\"disabled ? '' : null\"\n class=\"ax-general-button ax-button-rounded ax-button-icon\"\n (click)=\"_handleNextClick()\"\n >\n <i class=\"ax-icon ax-icon-chevron-right\"></i>\n </button>\n </div>\n </div>\n <div class=\"ax-calendar-slots ax-calendar-slots-year\" [ngClass]=\"{ 'ax-default': !cellTemplate }\">\n <div\n tabindex=\"0\"\n *ngFor=\"let slot of v.slots\"\n class=\"ax-calendar-slot\"\n [ngClass]=\"slot.cssClass\"\n (click)=\"_handleSlotClick($event, slot)\"\n >\n <ng-container *ngIf=\"cellTemplate; else yearTpl\">\n <div>\n <ng-container *ngTemplateOutlet=\"cellTemplate; context: { $implicit: { slot: slot } }\">\n </ng-container>\n </div>\n </ng-container>\n <ng-template #yearTpl>\n <div [title]=\"slot.tooltip\">\n {{ slot.text }}\n </div>\n </ng-template>\n </div>\n </div>\n </ng-container>\n <ng-container *ngSwitchCase=\"'month'\">\n <div class=\"ax-calendar-view-header\">\n <div class=\"ax-calendar-header-info\">\n <button\n type=\"button\"\n [attr.disabled]=\"disabled ? '' : null\"\n class=\"ax-general-button ax-button-rounded\"\n (click)=\"_handleNavClick($event, 'year')\"\n >\n {{ v.range.startTime.format('YYYY') }}\n </button>\n </div>\n <div class=\"ax-calendar-header-buttons\" *ngIf=\"last\">\n <button\n type=\"button\"\n [attr.disabled]=\"disabled ? '' : null\"\n class=\"ax-general-button ax-button-rounded ax-button-icon\"\n (click)=\"_handlePrevClick()\"\n >\n <i class=\"ax-icon ax-icon-chevron-left\"></i>\n </button>\n <button\n type=\"button\"\n [attr.disabled]=\"disabled ? '' : null\"\n class=\"ax-general-button ax-button-rounded ax-button-icon\"\n (click)=\"_handleNextClick()\"\n >\n <i class=\"ax-icon ax-icon-chevron-right\"></i>\n </button>\n </div>\n </div>\n <div class=\"ax-calendar-slots ax-calendar-slots-month\" [ngClass]=\"{ 'ax-default': !cellTemplate }\">\n <div\n tabindex=\"0\"\n *ngFor=\"let slot of v.slots\"\n class=\"ax-calendar-slot\"\n [ngClass]=\"slot.cssClass\"\n (click)=\"_handleSlotClick($event, slot)\"\n >\n <ng-container *ngIf=\"cellTemplate; else monthTpl\">\n <div>\n <ng-container *ngTemplateOutlet=\"cellTemplate; context: { $implicit: { slot: slot } }\">\n </ng-container>\n </div>\n </ng-container>\n <ng-template #monthTpl>\n <div [title]=\"slot.tooltip\">\n {{ slot.text }}\n </div>\n </ng-template>\n </div>\n </div>\n </ng-container>\n <ng-container *ngSwitchDefault>\n <div class=\"ax-calendar-view-header\">\n <div class=\"ax-calendar-header-info\">\n <button\n type=\"button\"\n [attr.disabled]=\"disabled ? '' : null\"\n class=\"ax-general-button ax-button-rounded\"\n (click)=\"_handleNavClick($event, 'year')\"\n >\n {{ v.range.startTime.format('YYYY') }}\n </button>\n <button\n type=\"button\"\n [attr.disabled]=\"disabled ? '' : null\"\n class=\"ax-general-button ax-button-rounded\"\n (click)=\"_handleNavClick($event, 'month')\"\n >\n {{ v.range.startTime.format('MMM') }}\n </button>\n </div>\n <div class=\"ax-calendar-header-buttons\" *ngIf=\"last\">\n <button\n type=\"button\"\n [attr.disabled]=\"disabled ? '' : null\"\n class=\"ax-general-button ax-button-rounded ax-button-icon\"\n (click)=\"_handlePrevClick()\"\n >\n <i class=\"ax-icon ax-icon-chevron-left\"></i>\n </button>\n <button\n type=\"button\"\n [attr.disabled]=\"disabled ? '' : null\"\n class=\"ax-general-button ax-button-rounded ax-button-icon\"\n (click)=\"_handleNextClick()\"\n >\n <i class=\"ax-icon ax-icon-chevron-right\"></i>\n </button>\n </div>\n </div>\n <div class=\"ax-calendar-week\">\n <div *ngFor=\"let d of _dayNames\">{{ d }}</div>\n </div>\n <div class=\"ax-calendar-slots ax-calendar-slots-day\" [ngClass]=\"{ 'ax-default': !cellTemplate }\">\n <ng-container *ngFor=\"let slot of v.slots\">\n <div\n tabindex=\"0\"\n class=\"ax-calendar-slot\"\n [ngClass]=\"slot.cssClass\"\n (click)=\"_handleSlotClick($event, slot)\"\n >\n <ng-container *ngIf=\"cellTemplate; else dayTpl\">\n <div>\n <ng-container *ngTemplateOutlet=\"cellTemplate; context: { $implicit: { slot: slot } }\">\n </ng-container>\n </div>\n </ng-container>\n <ng-template #dayTpl>\n <div [title]=\"slot.tooltip\">\n {{ slot.text }}\n </div>\n </ng-template>\n </div>\n </ng-container>\n </div>\n </ng-container>\n </div>\n </ng-container>\n </div>\n <ng-content select=\"ax-footer\"></ng-content>\n</ng-container>\n<ng-template #pickerTemplate>\n <div class=\"ax-calendar-picker\">//TODO: picker</div>\n</ng-template>\n", styles: ["html[dir=rtl] ax-calendar .ax-calendar-header-buttons{flex-direction:row-reverse}ax-calendar{display:block;background:rgba(var(--ax-color-surface));color:rgba(var(--ax-color-text-default));width:max-content}@media (max-width: 599px){ax-calendar{width:100%}}ax-calendar.ax-state-disabled .ax-calendar-slots{opacity:.5;cursor:default}ax-calendar .ax-calendar-header{display:flex;justify-content:space-between;padding-top:.25rem;padding-left:.25rem;padding-right:.25rem}ax-calendar .ax-calendar-header .ax-calendar-header-info{font-weight:500}ax-calendar .ax-calendar-header .ax-calendar-header-buttons{display:flex}ax-calendar .ax-calendar-body{display:flex;flex-direction:row}ax-calendar .ax-calendar-body>div{flex:1}@media (max-width: 599px){ax-calendar .ax-calendar-body>div{width:100%}}@media (min-width: 600px){ax-calendar .ax-calendar-body>div{width:20rem}}@media (min-width: 1200px){ax-calendar .ax-calendar-body>div{width:19rem}}@media (min-width: 1800px){ax-calendar .ax-calendar-body>div{width:21rem}}ax-calendar .ax-calendar-body .ax-calendar-view-header{display:flex;justify-content:space-between;padding:.5rem;border-bottom:1px solid;border-bottom-color:rgba(var(--ax-color-border-default))}ax-calendar .ax-calendar-body .ax-calendar-view-header .ax-calendar-header-info{font-weight:500}ax-calendar .ax-calendar-body .ax-calendar-view-header .ax-calendar-header-buttons{display:flex}ax-calendar .ax-calendar-body .ax-calendar-slots{display:grid;gap:.25rem;padding:.5rem}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot{position:relative;display:flex;align-items:center;justify-content:center;text-align:center;font-size:.875rem;color:rgba(var(--ax-color-text-default));border-radius:var(--ax-rounded-border-default);cursor:pointer}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot:before{content:\"\";padding-top:100%;float:left}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot:after{content:\"\";display:block;clear:both}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot:hover:not(ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot:hover.ax-state-disabled,ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot:hover.ax-state-selected){background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot:focus-visible:not(ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot:focus-visible.ax-state-disabled){outline-width:2px;outline-style:solid;outline-color:rgba(var(--ax-color-primary-500))}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot:focus-visible.ax-state-disabled{outline-width:2px;outline-style:dashed}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-state-disabled{cursor:not-allowed;opacity:.5}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-col-start-1{grid-column-start:1}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-col-start-2{grid-column-start:2}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-col-start-3{grid-column-start:3}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-col-start-4{grid-column-start:4}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-col-start-5{grid-column-start:5}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-col-start-6{grid-column-start:6}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-col-start-7{grid-column-start:7}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-state-other{opacity:.5}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-state-today{color:rgba(var(--ax-color-primary-500));border-width:1px;border-style:solid;border-color:rgba(var(--ax-color-primary-200))}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-state-focused{border-width:1px;border-style:solid;border-color:rgba(var(--ax-color-border-default))}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-state-selected.ax-state-holiday{color:rgba(var(--ax-color-primary-fore))!important}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-state-holiday{color:rgba(var(--ax-color-danger-500))}ax-calendar .ax-calendar-body .ax-calendar-slots.ax-calendar-slots-day{grid-template-columns:repeat(7,minmax(0,1fr))}ax-calendar .ax-calendar-body .ax-calendar-slots.ax-calendar-slots-year,ax-calendar .ax-calendar-body .ax-calendar-slots.ax-calendar-slots-month{grid-template-columns:repeat(4,minmax(0,1fr))}ax-calendar .ax-calendar-body .ax-calendar-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));padding:.5rem}ax-calendar .ax-calendar-body .ax-calendar-week>div{font-size:.875rem;text-align:center;position:relative;display:flex;align-items:center;justify-content:center;cursor:text;margin:.125rem}@media (max-width: 599px){ax-calendar .ax-calendar-body{flex-direction:column}}@media (min-width: 600px){ax-calendar .ax-calendar-body{flex-direction:column}}@media (min-width: 1200px){ax-calendar .ax-calendar-body{flex-direction:row}}@media (min-width: 1800px){ax-calendar .ax-calendar-body{flex-direction:row}}ax-calendar .ax-calendar-footer{display:flex;justify-content:center;align-items:center;margin-top:1.125rem}ax-calendar .ax-calendar-footer .ax-today-button{width:100%;height:var(--ax-size-default);padding:0 1rem;font-size:.875rem;text-align:center;display:block;background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore));border-radius:var(--ax-rounded-border-default);cursor:pointer}ax-calendar .ax-calendar-footer .ax-today-button.ax-state-disabled{opacity:.5;cursor:not-allowed}ax-calendar .ax-calendar-footer .ax-today-button:is(ax-calendar .ax-calendar-footer .ax-today-button:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary-400))}ax-calendar .ax-calendar-footer .ax-today-button:is(ax-calendar .ax-calendar-footer .ax-today-button:focus,ax-calendar .ax-calendar-footer .ax-today-button:focus-visible):not(.ax-state-disabled){outline-color:rgba(var(--ax-color-primary-600))}.ax-calendar-picker{display:flex;width:100%}.ax-calendar-picker ax-picker{flex:1 1 0%}.ax-overlay-pane ax-calendar{border-style:none}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i2.NgSwitchDefault, selector: "[ngSwitchDefault]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
420
420
|
}
|
421
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.
|
421
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: AXCalendarComponent, decorators: [{
|
422
422
|
type: Component,
|
423
423
|
args: [{ selector: 'ax-calendar', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, inputs: [
|
424
424
|
'rtl',
|
@@ -7,11 +7,11 @@ import * as i0 from "@angular/core";
|
|
7
7
|
const COMPONENT = [AXCalendarComponent, AXCalendarRangeComponent];
|
8
8
|
const MODULES = [CommonModule, AXDateTimeModule];
|
9
9
|
export class AXCalendarModule {
|
10
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.
|
11
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.
|
12
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.
|
10
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: AXCalendarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
11
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.6", ngImport: i0, type: AXCalendarModule, declarations: [AXCalendarComponent, AXCalendarRangeComponent], imports: [CommonModule, AXDateTimeModule], exports: [AXCalendarComponent, AXCalendarRangeComponent] }); }
|
12
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: AXCalendarModule, imports: [MODULES] }); }
|
13
13
|
}
|
14
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.
|
14
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: AXCalendarModule, decorators: [{
|
15
15
|
type: NgModule,
|
16
16
|
args: [{
|
17
17
|
declarations: [...COMPONENT],
|
@@ -50,8 +50,8 @@ export class AXCheckBoxComponent extends MXValueComponent {
|
|
50
50
|
_handleModelChange(value) {
|
51
51
|
this.commitValue(value, true);
|
52
52
|
}
|
53
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.
|
54
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.
|
53
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: AXCheckBoxComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
54
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.6", type: AXCheckBoxComponent, selector: "ax-check-box", inputs: { disabled: "disabled", tabIndex: "tabIndex", readonly: "readonly", value: "value", name: "name", id: "id", checked: "checked", indeterminate: "indeterminate" }, outputs: { onBlur: "onBlur", onFocus: "onFocus", valueChange: "valueChange", onValueChanged: "onValueChanged" }, host: { listeners: { "click": "_handleClick($event)" } }, providers: [
|
55
55
|
{
|
56
56
|
provide: NG_VALUE_ACCESSOR,
|
57
57
|
useExisting: forwardRef(() => AXCheckBoxComponent),
|
@@ -59,7 +59,7 @@ export class AXCheckBoxComponent extends MXValueComponent {
|
|
59
59
|
},
|
60
60
|
], queries: [{ propertyName: "_labels", predicate: AXLabelComponent }], usesInheritance: true, ngImport: i0, template: "<div class=\"ax-checkbox-label\" [class.ax-state-readonly]=\"readonly\" [class.ax-state-disabled]=\"disabled\">\n <div class=\"ax-checkbox-start-side\">\n <input [id]=\"id\" class=\"ax-checkbox\" type=\"checkbox\" [indeterminate]=\"_stateIndeterminate\" [ngModel]=\"value\"\n (ngModelChange)=\"_handleModelChange($event)\" [checked]=\"value\" [disabled]=\"disabled\" [readonly]=\"readonly\"\n [tabindex]=\"tabIndex\" (focus)=\"emitOnFocusEvent($event)\" (blur)=\"emitOnBlurEvent($event)\">\n </div>\n <div class=\"ax-checkbox-end-side\">\n <ng-content select=\"ax-label\"></ng-content>\n <ng-content select=\"ax-form-hint\"></ng-content>\n <span class=\"ax-error-container\"></span>\n </div>\n</div>\n<ng-content select=\"ax-validation-rule\"></ng-content>", styles: [".ax-checkbox-label{display:flex;align-items:flex-start;width:-moz-fit-content;width:fit-content;font-size:.875rem;line-height:1.25rem;-webkit-user-select:none;user-select:none}.ax-checkbox-label.ax-state-readonly{opacity:.75}.ax-checkbox-label .ax-checkbox-start-side{display:flex;align-items:center;height:1.25rem}.ax-checkbox-label .ax-checkbox-end-side{margin-inline-start:.75rem}\n"], dependencies: [{ kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
61
61
|
}
|
62
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.
|
62
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: AXCheckBoxComponent, decorators: [{
|
63
63
|
type: Component,
|
64
64
|
args: [{ selector: 'ax-check-box', inputs: ['disabled', 'tabIndex', 'readonly', 'value', 'name', 'id', 'checked'], outputs: ['onBlur', 'onFocus', 'valueChange', 'onValueChanged'], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
|
65
65
|
{
|
@@ -5,11 +5,11 @@ import { FormsModule } from '@angular/forms';
|
|
5
5
|
import { AXCheckBoxComponent } from './check-box.component';
|
6
6
|
import * as i0 from "@angular/core";
|
7
7
|
export class AXCheckBoxModule {
|
8
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.
|
9
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.
|
10
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.
|
8
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: AXCheckBoxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
9
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.6", ngImport: i0, type: AXCheckBoxModule, declarations: [AXCheckBoxComponent], imports: [CommonModule, FormsModule, AXDecoratorModule], exports: [AXCheckBoxComponent] }); }
|
10
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: AXCheckBoxModule, imports: [CommonModule, FormsModule, AXDecoratorModule] }); }
|
11
11
|
}
|
12
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.
|
12
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: AXCheckBoxModule, decorators: [{
|
13
13
|
type: NgModule,
|
14
14
|
args: [{
|
15
15
|
declarations: [AXCheckBoxComponent],
|
@@ -12,10 +12,10 @@ export class AXChipsComponent extends MXColorComponent {
|
|
12
12
|
get __hostClass() {
|
13
13
|
return `ax-${this.color}-${this.look}`;
|
14
14
|
}
|
15
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.
|
16
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.9", type: AXChipsComponent, selector: "ax-chips", inputs: { tabIndex: "tabIndex", color: "color", look: "look", text: "text" }, outputs: { colorChange: "colorChange" }, host: { properties: { "class": "this.__hostClass" } }, usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-prefix\"></ng-content>\n<div class=\"ax-chips-text\" *ngIf=\"text\">{{text}}</div>\n<ng-content select=\"ax-suffix\"></ng-content>", styles: ["ax-chips{font-size:.875rem;line-height:1.25rem;padding:.375rem .75rem;border-radius:99rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .3s;-webkit-user-select:none;user-select:none;font-weight:500}ax-chips.ax-ghost-solid{border:1px solid;border-color:rgba(var(--ax-color-border-default));background-color:rgba(var(--ax-color-ghost));color:rgba(var(--ax-color-ghost-fore))}ax-chips.ax-ghost-outline{background-color:transparent;border:1px solid;border-color:rgba(var(--ax-color-ghost));color:rgba(var(--ax-color-ghost-fore))}ax-chips.ax-ghost-blank{background-color:transparent;border:none;color:rgba(var(--ax-color-ghost-fore))}ax-chips:focus-visible{outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgba(var(--ax-color-black),.5)}ax-chips .ax-chips-text{padding:0 .5rem;text-wrap:nowrap;text-overflow:ellipsis;overflow:hidden}ax-chips ax-prefix,ax-chips ax-suffix{display:flex;align-items:center;font-size:1.125rem}ax-chips.ax-primary-solid{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore));border:1px solid;border-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-primary-solid:hover{background-color:rgba(var(--ax-color-primary-600));border-color:rgba(var(--ax-color-primary-600))}ax-chips.ax-primary-solid:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-primary-twotone{background:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-fore-lighten));border:1px solid;border-color:rgba(var(--ax-color-primary-100))}ax-chips.ax-primary-twotone:hover{background:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-800));border-color:rgba(var(--ax-color-primary-200))}ax-chips.ax-primary-twotone:active{background:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-fore-lighten));border-color:rgba(var(--ax-color-primary-100))}ax-chips.ax-primary-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}ax-chips.ax-primary-outline{border:1px solid;border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500),.87)}ax-chips.ax-primary-outline:hover{background:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-chips.ax-primary-outline:active{background:rgba(var(--ax-color-primary-600));color:rgba(var(--ax-color-primary-fore))}ax-chips.ax-primary-outline:focus-visible{background-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-secondary-solid{background-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore));border:1px solid;border-color:rgba(var(--ax-color-secondary-500))}ax-chips.ax-secondary-solid:hover{background-color:rgba(var(--ax-color-secondary-600));border-color:rgba(var(--ax-color-secondary-600))}ax-chips.ax-secondary-solid:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-secondary-twotone{background:rgba(var(--ax-color-secondary-100));color:rgba(var(--ax-color-secondary-fore-lighten));border:1px solid;border-color:rgba(var(--ax-color-secondary-100))}ax-chips.ax-secondary-twotone:hover{background:rgba(var(--ax-color-secondary-200));color:rgba(var(--ax-color-secondary-800));border-color:rgba(var(--ax-color-secondary-200))}ax-chips.ax-secondary-twotone:active{background:rgba(var(--ax-color-secondary-100));color:rgba(var(--ax-color-secondary-fore-lighten));border-color:rgba(var(--ax-color-secondary-100))}ax-chips.ax-secondary-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}ax-chips.ax-secondary-outline{border:1px solid;border-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-500),.87)}ax-chips.ax-secondary-outline:hover{background:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}ax-chips.ax-secondary-outline:active{background:rgba(var(--ax-color-secondary-600));color:rgba(var(--ax-color-secondary-fore))}ax-chips.ax-secondary-outline:focus-visible{background-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-success-solid{background-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore));border:1px solid;border-color:rgba(var(--ax-color-success-500))}ax-chips.ax-success-solid:hover{background-color:rgba(var(--ax-color-success-600));border-color:rgba(var(--ax-color-success-600))}ax-chips.ax-success-solid:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-success-twotone{background:rgba(var(--ax-color-success-100));color:rgba(var(--ax-color-success-fore-lighten));border:1px solid;border-color:rgba(var(--ax-color-success-100))}ax-chips.ax-success-twotone:hover{background:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-800));border-color:rgba(var(--ax-color-success-200))}ax-chips.ax-success-twotone:active{background:rgba(var(--ax-color-success-100));color:rgba(var(--ax-color-success-fore-lighten));border-color:rgba(var(--ax-color-success-100))}ax-chips.ax-success-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}ax-chips.ax-success-outline{border:1px solid;border-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-500),.87)}ax-chips.ax-success-outline:hover{background:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}ax-chips.ax-success-outline:active{background:rgba(var(--ax-color-success-600));color:rgba(var(--ax-color-success-fore))}ax-chips.ax-success-outline:focus-visible{background-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-warning-solid{background-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore));border:1px solid;border-color:rgba(var(--ax-color-warning-500))}ax-chips.ax-warning-solid:hover{background-color:rgba(var(--ax-color-warning-600));border-color:rgba(var(--ax-color-warning-600))}ax-chips.ax-warning-solid:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-warning-twotone{background:rgba(var(--ax-color-warning-100));color:rgba(var(--ax-color-warning-fore-lighten));border:1px solid;border-color:rgba(var(--ax-color-warning-100))}ax-chips.ax-warning-twotone:hover{background:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-800));border-color:rgba(var(--ax-color-warning-200))}ax-chips.ax-warning-twotone:active{background:rgba(var(--ax-color-warning-100));color:rgba(var(--ax-color-warning-fore-lighten));border-color:rgba(var(--ax-color-warning-100))}ax-chips.ax-warning-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}ax-chips.ax-warning-outline{border:1px solid;border-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-500),.87)}ax-chips.ax-warning-outline:hover{background:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}ax-chips.ax-warning-outline:active{background:rgba(var(--ax-color-warning-600));color:rgba(var(--ax-color-warning-fore))}ax-chips.ax-warning-outline:focus-visible{background-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-danger-solid{background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore));border:1px solid;border-color:rgba(var(--ax-color-danger-500))}ax-chips.ax-danger-solid:hover{background-color:rgba(var(--ax-color-danger-600));border-color:rgba(var(--ax-color-danger-600))}ax-chips.ax-danger-solid:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-danger-twotone{background:rgba(var(--ax-color-danger-100));color:rgba(var(--ax-color-danger-fore-lighten));border:1px solid;border-color:rgba(var(--ax-color-danger-100))}ax-chips.ax-danger-twotone:hover{background:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-800));border-color:rgba(var(--ax-color-danger-200))}ax-chips.ax-danger-twotone:active{background:rgba(var(--ax-color-danger-100));color:rgba(var(--ax-color-danger-fore-lighten));border-color:rgba(var(--ax-color-danger-100))}ax-chips.ax-danger-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}ax-chips.ax-danger-outline{border:1px solid;border-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-500),.87)}ax-chips.ax-danger-outline:hover{background:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}ax-chips.ax-danger-outline:active{background:rgba(var(--ax-color-danger-600));color:rgba(var(--ax-color-danger-fore))}ax-chips.ax-danger-outline:focus-visible{background-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-info-solid{background-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore));border:1px solid;border-color:rgba(var(--ax-color-info-500))}ax-chips.ax-info-solid:hover{background-color:rgba(var(--ax-color-info-600));border-color:rgba(var(--ax-color-info-600))}ax-chips.ax-info-solid:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-info-twotone{background:rgba(var(--ax-color-info-100));color:rgba(var(--ax-color-info-fore-lighten));border:1px solid;border-color:rgba(var(--ax-color-info-100))}ax-chips.ax-info-twotone:hover{background:rgba(var(--ax-color-info-200));color:rgba(var(--ax-color-info-800));border-color:rgba(var(--ax-color-info-200))}ax-chips.ax-info-twotone:active{background:rgba(var(--ax-color-info-100));color:rgba(var(--ax-color-info-fore-lighten));border-color:rgba(var(--ax-color-info-100))}ax-chips.ax-info-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}ax-chips.ax-info-outline{border:1px solid;border-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-500),.87)}ax-chips.ax-info-outline:hover{background:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}ax-chips.ax-info-outline:active{background:rgba(var(--ax-color-info-600));color:rgba(var(--ax-color-info-fore))}ax-chips.ax-info-outline:focus-visible{background-color:rgba(var(--ax-color-primary-500))}.ax-dark ax-chips.ax-primary-twotone{background:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-fore-lighten));border-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-primary-twotone:hover{background:rgba(var(--ax-color-primary-300));color:rgba(var(--ax-color-primary-800));border-color:rgba(var(--ax-color-primary-300))}.ax-dark ax-chips.ax-primary-twotone:active{background:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-fore-lighten))}.ax-dark ax-chips.ax-primary-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-primary-outline{border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-50))}.ax-dark ax-chips.ax-primary-outline:hover{background:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-chips.ax-primary-outline:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-secondary-twotone{background:rgba(var(--ax-color-secondary-200));color:rgba(var(--ax-color-secondary-fore-lighten));border-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-chips.ax-secondary-twotone:hover{background:rgba(var(--ax-color-secondary-300));color:rgba(var(--ax-color-secondary-800));border-color:rgba(var(--ax-color-secondary-300))}.ax-dark ax-chips.ax-secondary-twotone:active{background:rgba(var(--ax-color-secondary-200));color:rgba(var(--ax-color-secondary-fore-lighten))}.ax-dark ax-chips.ax-secondary-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-secondary-outline{border-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-50))}.ax-dark ax-chips.ax-secondary-outline:hover{background:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-chips.ax-secondary-outline:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-success-twotone{background:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-fore-lighten));border-color:rgba(var(--ax-color-success-200))}.ax-dark ax-chips.ax-success-twotone:hover{background:rgba(var(--ax-color-success-300));color:rgba(var(--ax-color-success-800));border-color:rgba(var(--ax-color-success-300))}.ax-dark ax-chips.ax-success-twotone:active{background:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-fore-lighten))}.ax-dark ax-chips.ax-success-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-success-outline{border-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-50))}.ax-dark ax-chips.ax-success-outline:hover{background:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}.ax-dark ax-chips.ax-success-outline:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-warning-twotone{background:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-fore-lighten));border-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-chips.ax-warning-twotone:hover{background:rgba(var(--ax-color-warning-300));color:rgba(var(--ax-color-warning-800));border-color:rgba(var(--ax-color-warning-300))}.ax-dark ax-chips.ax-warning-twotone:active{background:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-fore-lighten))}.ax-dark ax-chips.ax-warning-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-warning-outline{border-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-50))}.ax-dark ax-chips.ax-warning-outline:hover{background:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-chips.ax-warning-outline:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-danger-twotone{background:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-fore-lighten));border-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-chips.ax-danger-twotone:hover{background:rgba(var(--ax-color-danger-300));color:rgba(var(--ax-color-danger-800));border-color:rgba(var(--ax-color-danger-300))}.ax-dark ax-chips.ax-danger-twotone:active{background:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-fore-lighten))}.ax-dark ax-chips.ax-danger-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-danger-outline{border-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-50))}.ax-dark ax-chips.ax-danger-outline:hover{background:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-chips.ax-danger-outline:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-info-twotone{background:rgba(var(--ax-color-info-200));color:rgba(var(--ax-color-info-fore-lighten));border-color:rgba(var(--ax-color-info-200))}.ax-dark ax-chips.ax-info-twotone:hover{background:rgba(var(--ax-color-info-300));color:rgba(var(--ax-color-info-800));border-color:rgba(var(--ax-color-info-300))}.ax-dark ax-chips.ax-info-twotone:active{background:rgba(var(--ax-color-info-200));color:rgba(var(--ax-color-info-fore-lighten))}.ax-dark ax-chips.ax-info-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-info-outline{border-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-50))}.ax-dark ax-chips.ax-info-outline:hover{background:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}.ax-dark ax-chips.ax-info-outline:focus-visible{background-color:rgba(var(--ax-color-primary-200))}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
15
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: AXChipsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
16
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.6", type: AXChipsComponent, selector: "ax-chips", inputs: { tabIndex: "tabIndex", color: "color", look: "look", text: "text" }, outputs: { colorChange: "colorChange" }, host: { properties: { "class": "this.__hostClass" } }, usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-prefix\"></ng-content>\n<div class=\"ax-chips-text\" *ngIf=\"text\">{{text}}</div>\n<ng-content select=\"ax-suffix\"></ng-content>", styles: ["ax-chips{font-size:.875rem;line-height:1.25rem;padding:.375rem .75rem;border-radius:99rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .3s;-webkit-user-select:none;user-select:none;font-weight:500}ax-chips.ax-ghost-solid{border:1px solid;border-color:rgba(var(--ax-color-border-default));background-color:rgba(var(--ax-color-ghost));color:rgba(var(--ax-color-ghost-fore))}ax-chips.ax-ghost-outline{background-color:transparent;border:1px solid;border-color:rgba(var(--ax-color-ghost));color:rgba(var(--ax-color-ghost-fore))}ax-chips.ax-ghost-blank{background-color:transparent;border:none;color:rgba(var(--ax-color-ghost-fore))}ax-chips:focus-visible{outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgba(var(--ax-color-black),.5)}ax-chips .ax-chips-text{padding:0 .5rem;text-wrap:nowrap;text-overflow:ellipsis;overflow:hidden}ax-chips ax-prefix,ax-chips ax-suffix{display:flex;align-items:center;font-size:1.125rem}ax-chips.ax-primary-solid{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore));border:1px solid;border-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-primary-solid:hover{background-color:rgba(var(--ax-color-primary-600));border-color:rgba(var(--ax-color-primary-600))}ax-chips.ax-primary-solid:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-primary-twotone{background:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-fore-lighten));border:1px solid;border-color:rgba(var(--ax-color-primary-100))}ax-chips.ax-primary-twotone:hover{background:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-800));border-color:rgba(var(--ax-color-primary-200))}ax-chips.ax-primary-twotone:active{background:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-fore-lighten));border-color:rgba(var(--ax-color-primary-100))}ax-chips.ax-primary-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}ax-chips.ax-primary-outline{border:1px solid;border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500),.87)}ax-chips.ax-primary-outline:hover{background:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-chips.ax-primary-outline:active{background:rgba(var(--ax-color-primary-600));color:rgba(var(--ax-color-primary-fore))}ax-chips.ax-primary-outline:focus-visible{background-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-secondary-solid{background-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore));border:1px solid;border-color:rgba(var(--ax-color-secondary-500))}ax-chips.ax-secondary-solid:hover{background-color:rgba(var(--ax-color-secondary-600));border-color:rgba(var(--ax-color-secondary-600))}ax-chips.ax-secondary-solid:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-secondary-twotone{background:rgba(var(--ax-color-secondary-100));color:rgba(var(--ax-color-secondary-fore-lighten));border:1px solid;border-color:rgba(var(--ax-color-secondary-100))}ax-chips.ax-secondary-twotone:hover{background:rgba(var(--ax-color-secondary-200));color:rgba(var(--ax-color-secondary-800));border-color:rgba(var(--ax-color-secondary-200))}ax-chips.ax-secondary-twotone:active{background:rgba(var(--ax-color-secondary-100));color:rgba(var(--ax-color-secondary-fore-lighten));border-color:rgba(var(--ax-color-secondary-100))}ax-chips.ax-secondary-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}ax-chips.ax-secondary-outline{border:1px solid;border-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-500),.87)}ax-chips.ax-secondary-outline:hover{background:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}ax-chips.ax-secondary-outline:active{background:rgba(var(--ax-color-secondary-600));color:rgba(var(--ax-color-secondary-fore))}ax-chips.ax-secondary-outline:focus-visible{background-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-success-solid{background-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore));border:1px solid;border-color:rgba(var(--ax-color-success-500))}ax-chips.ax-success-solid:hover{background-color:rgba(var(--ax-color-success-600));border-color:rgba(var(--ax-color-success-600))}ax-chips.ax-success-solid:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-success-twotone{background:rgba(var(--ax-color-success-100));color:rgba(var(--ax-color-success-fore-lighten));border:1px solid;border-color:rgba(var(--ax-color-success-100))}ax-chips.ax-success-twotone:hover{background:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-800));border-color:rgba(var(--ax-color-success-200))}ax-chips.ax-success-twotone:active{background:rgba(var(--ax-color-success-100));color:rgba(var(--ax-color-success-fore-lighten));border-color:rgba(var(--ax-color-success-100))}ax-chips.ax-success-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}ax-chips.ax-success-outline{border:1px solid;border-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-500),.87)}ax-chips.ax-success-outline:hover{background:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}ax-chips.ax-success-outline:active{background:rgba(var(--ax-color-success-600));color:rgba(var(--ax-color-success-fore))}ax-chips.ax-success-outline:focus-visible{background-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-warning-solid{background-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore));border:1px solid;border-color:rgba(var(--ax-color-warning-500))}ax-chips.ax-warning-solid:hover{background-color:rgba(var(--ax-color-warning-600));border-color:rgba(var(--ax-color-warning-600))}ax-chips.ax-warning-solid:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-warning-twotone{background:rgba(var(--ax-color-warning-100));color:rgba(var(--ax-color-warning-fore-lighten));border:1px solid;border-color:rgba(var(--ax-color-warning-100))}ax-chips.ax-warning-twotone:hover{background:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-800));border-color:rgba(var(--ax-color-warning-200))}ax-chips.ax-warning-twotone:active{background:rgba(var(--ax-color-warning-100));color:rgba(var(--ax-color-warning-fore-lighten));border-color:rgba(var(--ax-color-warning-100))}ax-chips.ax-warning-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}ax-chips.ax-warning-outline{border:1px solid;border-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-500),.87)}ax-chips.ax-warning-outline:hover{background:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}ax-chips.ax-warning-outline:active{background:rgba(var(--ax-color-warning-600));color:rgba(var(--ax-color-warning-fore))}ax-chips.ax-warning-outline:focus-visible{background-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-danger-solid{background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore));border:1px solid;border-color:rgba(var(--ax-color-danger-500))}ax-chips.ax-danger-solid:hover{background-color:rgba(var(--ax-color-danger-600));border-color:rgba(var(--ax-color-danger-600))}ax-chips.ax-danger-solid:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-danger-twotone{background:rgba(var(--ax-color-danger-100));color:rgba(var(--ax-color-danger-fore-lighten));border:1px solid;border-color:rgba(var(--ax-color-danger-100))}ax-chips.ax-danger-twotone:hover{background:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-800));border-color:rgba(var(--ax-color-danger-200))}ax-chips.ax-danger-twotone:active{background:rgba(var(--ax-color-danger-100));color:rgba(var(--ax-color-danger-fore-lighten));border-color:rgba(var(--ax-color-danger-100))}ax-chips.ax-danger-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}ax-chips.ax-danger-outline{border:1px solid;border-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-500),.87)}ax-chips.ax-danger-outline:hover{background:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}ax-chips.ax-danger-outline:active{background:rgba(var(--ax-color-danger-600));color:rgba(var(--ax-color-danger-fore))}ax-chips.ax-danger-outline:focus-visible{background-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-info-solid{background-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore));border:1px solid;border-color:rgba(var(--ax-color-info-500))}ax-chips.ax-info-solid:hover{background-color:rgba(var(--ax-color-info-600));border-color:rgba(var(--ax-color-info-600))}ax-chips.ax-info-solid:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-info-twotone{background:rgba(var(--ax-color-info-100));color:rgba(var(--ax-color-info-fore-lighten));border:1px solid;border-color:rgba(var(--ax-color-info-100))}ax-chips.ax-info-twotone:hover{background:rgba(var(--ax-color-info-200));color:rgba(var(--ax-color-info-800));border-color:rgba(var(--ax-color-info-200))}ax-chips.ax-info-twotone:active{background:rgba(var(--ax-color-info-100));color:rgba(var(--ax-color-info-fore-lighten));border-color:rgba(var(--ax-color-info-100))}ax-chips.ax-info-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}ax-chips.ax-info-outline{border:1px solid;border-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-500),.87)}ax-chips.ax-info-outline:hover{background:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}ax-chips.ax-info-outline:active{background:rgba(var(--ax-color-info-600));color:rgba(var(--ax-color-info-fore))}ax-chips.ax-info-outline:focus-visible{background-color:rgba(var(--ax-color-primary-500))}.ax-dark ax-chips.ax-primary-twotone{background:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-fore-lighten));border-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-primary-twotone:hover{background:rgba(var(--ax-color-primary-300));color:rgba(var(--ax-color-primary-800));border-color:rgba(var(--ax-color-primary-300))}.ax-dark ax-chips.ax-primary-twotone:active{background:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-fore-lighten))}.ax-dark ax-chips.ax-primary-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-primary-outline{border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-50))}.ax-dark ax-chips.ax-primary-outline:hover{background:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-chips.ax-primary-outline:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-secondary-twotone{background:rgba(var(--ax-color-secondary-200));color:rgba(var(--ax-color-secondary-fore-lighten));border-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-chips.ax-secondary-twotone:hover{background:rgba(var(--ax-color-secondary-300));color:rgba(var(--ax-color-secondary-800));border-color:rgba(var(--ax-color-secondary-300))}.ax-dark ax-chips.ax-secondary-twotone:active{background:rgba(var(--ax-color-secondary-200));color:rgba(var(--ax-color-secondary-fore-lighten))}.ax-dark ax-chips.ax-secondary-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-secondary-outline{border-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-50))}.ax-dark ax-chips.ax-secondary-outline:hover{background:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-chips.ax-secondary-outline:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-success-twotone{background:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-fore-lighten));border-color:rgba(var(--ax-color-success-200))}.ax-dark ax-chips.ax-success-twotone:hover{background:rgba(var(--ax-color-success-300));color:rgba(var(--ax-color-success-800));border-color:rgba(var(--ax-color-success-300))}.ax-dark ax-chips.ax-success-twotone:active{background:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-fore-lighten))}.ax-dark ax-chips.ax-success-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-success-outline{border-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-50))}.ax-dark ax-chips.ax-success-outline:hover{background:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}.ax-dark ax-chips.ax-success-outline:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-warning-twotone{background:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-fore-lighten));border-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-chips.ax-warning-twotone:hover{background:rgba(var(--ax-color-warning-300));color:rgba(var(--ax-color-warning-800));border-color:rgba(var(--ax-color-warning-300))}.ax-dark ax-chips.ax-warning-twotone:active{background:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-fore-lighten))}.ax-dark ax-chips.ax-warning-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-warning-outline{border-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-50))}.ax-dark ax-chips.ax-warning-outline:hover{background:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-chips.ax-warning-outline:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-danger-twotone{background:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-fore-lighten));border-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-chips.ax-danger-twotone:hover{background:rgba(var(--ax-color-danger-300));color:rgba(var(--ax-color-danger-800));border-color:rgba(var(--ax-color-danger-300))}.ax-dark ax-chips.ax-danger-twotone:active{background:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-fore-lighten))}.ax-dark ax-chips.ax-danger-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-danger-outline{border-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-50))}.ax-dark ax-chips.ax-danger-outline:hover{background:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-chips.ax-danger-outline:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-info-twotone{background:rgba(var(--ax-color-info-200));color:rgba(var(--ax-color-info-fore-lighten));border-color:rgba(var(--ax-color-info-200))}.ax-dark ax-chips.ax-info-twotone:hover{background:rgba(var(--ax-color-info-300));color:rgba(var(--ax-color-info-800));border-color:rgba(var(--ax-color-info-300))}.ax-dark ax-chips.ax-info-twotone:active{background:rgba(var(--ax-color-info-200));color:rgba(var(--ax-color-info-fore-lighten))}.ax-dark ax-chips.ax-info-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-info-outline{border-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-50))}.ax-dark ax-chips.ax-info-outline:hover{background:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}.ax-dark ax-chips.ax-info-outline:focus-visible{background-color:rgba(var(--ax-color-primary-200))}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
17
17
|
}
|
18
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.
|
18
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: AXChipsComponent, decorators: [{
|
19
19
|
type: Component,
|
20
20
|
args: [{ selector: 'ax-chips', inputs: ['tabIndex', 'color'], outputs: ['colorChange'], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content select=\"ax-prefix\"></ng-content>\n<div class=\"ax-chips-text\" *ngIf=\"text\">{{text}}</div>\n<ng-content select=\"ax-suffix\"></ng-content>", styles: ["ax-chips{font-size:.875rem;line-height:1.25rem;padding:.375rem .75rem;border-radius:99rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .3s;-webkit-user-select:none;user-select:none;font-weight:500}ax-chips.ax-ghost-solid{border:1px solid;border-color:rgba(var(--ax-color-border-default));background-color:rgba(var(--ax-color-ghost));color:rgba(var(--ax-color-ghost-fore))}ax-chips.ax-ghost-outline{background-color:transparent;border:1px solid;border-color:rgba(var(--ax-color-ghost));color:rgba(var(--ax-color-ghost-fore))}ax-chips.ax-ghost-blank{background-color:transparent;border:none;color:rgba(var(--ax-color-ghost-fore))}ax-chips:focus-visible{outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgba(var(--ax-color-black),.5)}ax-chips .ax-chips-text{padding:0 .5rem;text-wrap:nowrap;text-overflow:ellipsis;overflow:hidden}ax-chips ax-prefix,ax-chips ax-suffix{display:flex;align-items:center;font-size:1.125rem}ax-chips.ax-primary-solid{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore));border:1px solid;border-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-primary-solid:hover{background-color:rgba(var(--ax-color-primary-600));border-color:rgba(var(--ax-color-primary-600))}ax-chips.ax-primary-solid:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-primary-twotone{background:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-fore-lighten));border:1px solid;border-color:rgba(var(--ax-color-primary-100))}ax-chips.ax-primary-twotone:hover{background:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-800));border-color:rgba(var(--ax-color-primary-200))}ax-chips.ax-primary-twotone:active{background:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-fore-lighten));border-color:rgba(var(--ax-color-primary-100))}ax-chips.ax-primary-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}ax-chips.ax-primary-outline{border:1px solid;border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500),.87)}ax-chips.ax-primary-outline:hover{background:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-chips.ax-primary-outline:active{background:rgba(var(--ax-color-primary-600));color:rgba(var(--ax-color-primary-fore))}ax-chips.ax-primary-outline:focus-visible{background-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-secondary-solid{background-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore));border:1px solid;border-color:rgba(var(--ax-color-secondary-500))}ax-chips.ax-secondary-solid:hover{background-color:rgba(var(--ax-color-secondary-600));border-color:rgba(var(--ax-color-secondary-600))}ax-chips.ax-secondary-solid:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-secondary-twotone{background:rgba(var(--ax-color-secondary-100));color:rgba(var(--ax-color-secondary-fore-lighten));border:1px solid;border-color:rgba(var(--ax-color-secondary-100))}ax-chips.ax-secondary-twotone:hover{background:rgba(var(--ax-color-secondary-200));color:rgba(var(--ax-color-secondary-800));border-color:rgba(var(--ax-color-secondary-200))}ax-chips.ax-secondary-twotone:active{background:rgba(var(--ax-color-secondary-100));color:rgba(var(--ax-color-secondary-fore-lighten));border-color:rgba(var(--ax-color-secondary-100))}ax-chips.ax-secondary-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}ax-chips.ax-secondary-outline{border:1px solid;border-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-500),.87)}ax-chips.ax-secondary-outline:hover{background:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}ax-chips.ax-secondary-outline:active{background:rgba(var(--ax-color-secondary-600));color:rgba(var(--ax-color-secondary-fore))}ax-chips.ax-secondary-outline:focus-visible{background-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-success-solid{background-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore));border:1px solid;border-color:rgba(var(--ax-color-success-500))}ax-chips.ax-success-solid:hover{background-color:rgba(var(--ax-color-success-600));border-color:rgba(var(--ax-color-success-600))}ax-chips.ax-success-solid:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-success-twotone{background:rgba(var(--ax-color-success-100));color:rgba(var(--ax-color-success-fore-lighten));border:1px solid;border-color:rgba(var(--ax-color-success-100))}ax-chips.ax-success-twotone:hover{background:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-800));border-color:rgba(var(--ax-color-success-200))}ax-chips.ax-success-twotone:active{background:rgba(var(--ax-color-success-100));color:rgba(var(--ax-color-success-fore-lighten));border-color:rgba(var(--ax-color-success-100))}ax-chips.ax-success-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}ax-chips.ax-success-outline{border:1px solid;border-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-500),.87)}ax-chips.ax-success-outline:hover{background:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}ax-chips.ax-success-outline:active{background:rgba(var(--ax-color-success-600));color:rgba(var(--ax-color-success-fore))}ax-chips.ax-success-outline:focus-visible{background-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-warning-solid{background-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore));border:1px solid;border-color:rgba(var(--ax-color-warning-500))}ax-chips.ax-warning-solid:hover{background-color:rgba(var(--ax-color-warning-600));border-color:rgba(var(--ax-color-warning-600))}ax-chips.ax-warning-solid:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-warning-twotone{background:rgba(var(--ax-color-warning-100));color:rgba(var(--ax-color-warning-fore-lighten));border:1px solid;border-color:rgba(var(--ax-color-warning-100))}ax-chips.ax-warning-twotone:hover{background:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-800));border-color:rgba(var(--ax-color-warning-200))}ax-chips.ax-warning-twotone:active{background:rgba(var(--ax-color-warning-100));color:rgba(var(--ax-color-warning-fore-lighten));border-color:rgba(var(--ax-color-warning-100))}ax-chips.ax-warning-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}ax-chips.ax-warning-outline{border:1px solid;border-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-500),.87)}ax-chips.ax-warning-outline:hover{background:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}ax-chips.ax-warning-outline:active{background:rgba(var(--ax-color-warning-600));color:rgba(var(--ax-color-warning-fore))}ax-chips.ax-warning-outline:focus-visible{background-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-danger-solid{background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore));border:1px solid;border-color:rgba(var(--ax-color-danger-500))}ax-chips.ax-danger-solid:hover{background-color:rgba(var(--ax-color-danger-600));border-color:rgba(var(--ax-color-danger-600))}ax-chips.ax-danger-solid:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-danger-twotone{background:rgba(var(--ax-color-danger-100));color:rgba(var(--ax-color-danger-fore-lighten));border:1px solid;border-color:rgba(var(--ax-color-danger-100))}ax-chips.ax-danger-twotone:hover{background:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-800));border-color:rgba(var(--ax-color-danger-200))}ax-chips.ax-danger-twotone:active{background:rgba(var(--ax-color-danger-100));color:rgba(var(--ax-color-danger-fore-lighten));border-color:rgba(var(--ax-color-danger-100))}ax-chips.ax-danger-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}ax-chips.ax-danger-outline{border:1px solid;border-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-500),.87)}ax-chips.ax-danger-outline:hover{background:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}ax-chips.ax-danger-outline:active{background:rgba(var(--ax-color-danger-600));color:rgba(var(--ax-color-danger-fore))}ax-chips.ax-danger-outline:focus-visible{background-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-info-solid{background-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore));border:1px solid;border-color:rgba(var(--ax-color-info-500))}ax-chips.ax-info-solid:hover{background-color:rgba(var(--ax-color-info-600));border-color:rgba(var(--ax-color-info-600))}ax-chips.ax-info-solid:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-info-twotone{background:rgba(var(--ax-color-info-100));color:rgba(var(--ax-color-info-fore-lighten));border:1px solid;border-color:rgba(var(--ax-color-info-100))}ax-chips.ax-info-twotone:hover{background:rgba(var(--ax-color-info-200));color:rgba(var(--ax-color-info-800));border-color:rgba(var(--ax-color-info-200))}ax-chips.ax-info-twotone:active{background:rgba(var(--ax-color-info-100));color:rgba(var(--ax-color-info-fore-lighten));border-color:rgba(var(--ax-color-info-100))}ax-chips.ax-info-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}ax-chips.ax-info-outline{border:1px solid;border-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-500),.87)}ax-chips.ax-info-outline:hover{background:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}ax-chips.ax-info-outline:active{background:rgba(var(--ax-color-info-600));color:rgba(var(--ax-color-info-fore))}ax-chips.ax-info-outline:focus-visible{background-color:rgba(var(--ax-color-primary-500))}.ax-dark ax-chips.ax-primary-twotone{background:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-fore-lighten));border-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-primary-twotone:hover{background:rgba(var(--ax-color-primary-300));color:rgba(var(--ax-color-primary-800));border-color:rgba(var(--ax-color-primary-300))}.ax-dark ax-chips.ax-primary-twotone:active{background:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-fore-lighten))}.ax-dark ax-chips.ax-primary-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-primary-outline{border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-50))}.ax-dark ax-chips.ax-primary-outline:hover{background:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-chips.ax-primary-outline:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-secondary-twotone{background:rgba(var(--ax-color-secondary-200));color:rgba(var(--ax-color-secondary-fore-lighten));border-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-chips.ax-secondary-twotone:hover{background:rgba(var(--ax-color-secondary-300));color:rgba(var(--ax-color-secondary-800));border-color:rgba(var(--ax-color-secondary-300))}.ax-dark ax-chips.ax-secondary-twotone:active{background:rgba(var(--ax-color-secondary-200));color:rgba(var(--ax-color-secondary-fore-lighten))}.ax-dark ax-chips.ax-secondary-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-secondary-outline{border-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-50))}.ax-dark ax-chips.ax-secondary-outline:hover{background:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-chips.ax-secondary-outline:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-success-twotone{background:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-fore-lighten));border-color:rgba(var(--ax-color-success-200))}.ax-dark ax-chips.ax-success-twotone:hover{background:rgba(var(--ax-color-success-300));color:rgba(var(--ax-color-success-800));border-color:rgba(var(--ax-color-success-300))}.ax-dark ax-chips.ax-success-twotone:active{background:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-fore-lighten))}.ax-dark ax-chips.ax-success-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-success-outline{border-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-50))}.ax-dark ax-chips.ax-success-outline:hover{background:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}.ax-dark ax-chips.ax-success-outline:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-warning-twotone{background:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-fore-lighten));border-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-chips.ax-warning-twotone:hover{background:rgba(var(--ax-color-warning-300));color:rgba(var(--ax-color-warning-800));border-color:rgba(var(--ax-color-warning-300))}.ax-dark ax-chips.ax-warning-twotone:active{background:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-fore-lighten))}.ax-dark ax-chips.ax-warning-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-warning-outline{border-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-50))}.ax-dark ax-chips.ax-warning-outline:hover{background:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-chips.ax-warning-outline:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-danger-twotone{background:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-fore-lighten));border-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-chips.ax-danger-twotone:hover{background:rgba(var(--ax-color-danger-300));color:rgba(var(--ax-color-danger-800));border-color:rgba(var(--ax-color-danger-300))}.ax-dark ax-chips.ax-danger-twotone:active{background:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-fore-lighten))}.ax-dark ax-chips.ax-danger-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-danger-outline{border-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-50))}.ax-dark ax-chips.ax-danger-outline:hover{background:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-chips.ax-danger-outline:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-info-twotone{background:rgba(var(--ax-color-info-200));color:rgba(var(--ax-color-info-fore-lighten));border-color:rgba(var(--ax-color-info-200))}.ax-dark ax-chips.ax-info-twotone:hover{background:rgba(var(--ax-color-info-300));color:rgba(var(--ax-color-info-800));border-color:rgba(var(--ax-color-info-300))}.ax-dark ax-chips.ax-info-twotone:active{background:rgba(var(--ax-color-info-200));color:rgba(var(--ax-color-info-fore-lighten))}.ax-dark ax-chips.ax-info-twotone:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-info-outline{border-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-50))}.ax-dark ax-chips.ax-info-outline:hover{background:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}.ax-dark ax-chips.ax-info-outline:focus-visible{background-color:rgba(var(--ax-color-primary-200))}\n"] }]
|
21
21
|
}], ctorParameters: function () { return []; }, propDecorators: { look: [{
|
@@ -3,11 +3,11 @@ import { NgModule } from '@angular/core';
|
|
3
3
|
import { AXChipsComponent } from './chips.component';
|
4
4
|
import * as i0 from "@angular/core";
|
5
5
|
export class AXChipsModule {
|
6
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.
|
7
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.
|
8
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.
|
6
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: AXChipsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
7
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.6", ngImport: i0, type: AXChipsModule, declarations: [AXChipsComponent], imports: [CommonModule], exports: [AXChipsComponent] }); }
|
8
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: AXChipsModule, imports: [CommonModule] }); }
|
9
9
|
}
|
10
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: AXChipsModule, decorators: [{
|
11
11
|
type: NgModule,
|
12
12
|
args: [{
|
13
13
|
declarations: [AXChipsComponent],
|
@@ -88,10 +88,10 @@ export class AXCollapseGroupComponent extends classes(MXBaseComponent, MXLookCom
|
|
88
88
|
get __hostClass() {
|
89
89
|
return ['ax-collapse-group', `ax-look-${this.look}`];
|
90
90
|
}
|
91
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.
|
92
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.
|
91
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: AXCollapseGroupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
92
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.6", type: AXCollapseGroupComponent, selector: "ax-collapse-group", inputs: { look: "look", accordion: "accordion", activeIndex: "activeIndex" }, outputs: { accordionChange: "accordionChange", activeIndexChange: "activeIndexChange" }, host: { properties: { "class": "this.__hostClass" } }, queries: [{ propertyName: "_items", predicate: AXCollapseComponent }], usesInheritance: true, ngImport: i0, template: `<ng-content select="ax-collapse"></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
93
93
|
}
|
94
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.
|
94
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: AXCollapseGroupComponent, decorators: [{
|
95
95
|
type: Component,
|
96
96
|
args: [{
|
97
97
|
selector: 'ax-collapse-group',
|
@@ -79,10 +79,10 @@ export class AXCollapseComponent extends MXInteractiveComponent {
|
|
79
79
|
get __hostClass() {
|
80
80
|
return [`${this.disabled ? 'ax-state-disabled' : ''}`];
|
81
81
|
}
|
82
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.
|
83
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.
|
82
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: AXCollapseComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
83
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.6", type: AXCollapseComponent, selector: "ax-collapse", inputs: { disabled: "disabled", isCollapsed: "isCollapsed", caption: "caption", icon: "icon", isLoading: "isLoading", headerTemplate: "headerTemplate" }, outputs: { onClick: "onClick", isCollapsedChange: "isCollapsedChange" }, host: { properties: { "class": "this.__hostClass" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"ax-collapse-header\" [class.ax-state-collapsed]=\"isCollapsed\" (click)=\"handleHeaderClick($event)\">\n <ng-container *ngIf=\"headerTemplate; else default\">\n <div class=\"ax-collapse-custom-header-container\">\n <ng-container\n [ngTemplateOutlet]=\"headerTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: { caption, isCollapsed } }\"\n ></ng-container>\n </div>\n </ng-container>\n <ng-template #default>\n <div class=\"ax-collapse-header-container\">\n <div class=\"ax-collapse-header-start\">\n <span class=\"ax-collapse-header-icon\" [class]=\"icon\"> </span>\n <span>\n {{ caption }}\n </span>\n </div>\n <ng-container *ngIf=\"isLoading; else elseTemplate\">\n <ax-loading></ax-loading>\n </ng-container>\n <ng-template #elseTemplate>\n <span\n class=\"ax-icon ax-icon-chevron-left ax-collapse-arrow\"\n [ngClass]=\"{ '-rotation-90': isCollapsed, 'rotation-90': !isCollapsed }\"\n ></span>\n </ng-template>\n </div>\n </ng-template>\n</div>\n<div class=\"ax-collapse-body\" *ngIf=\"!isCollapsed\">\n <ng-content></ng-content>\n</div>\n", styles: ["ax-collapse,ax-collapse-group{display:block;overflow:hidden;font-size:1rem;width:100%}ax-collapse-group.ax-look-solid{border:1px solid;border-color:rgba(var(--ax-color-border-default));border-radius:var(--ax-rounded-border-default)}ax-collapse-group.ax-look-solid .ax-collapse-header{background-color:rgba(var(--ax-color-surface))}ax-collapse-group.ax-look-solid ax-collapse{border:0!important;border-radius:0!important}ax-collapse-group.ax-look-solid ax-collapse:not(ax-collapse-group.ax-look-solid ax-collapse:last-child){border-bottom:1px solid!important;border-color:rgba(var(--ax-color-border-default))!important}ax-collapse-group.ax-look-fill .ax-collapse-header{background-color:rgba(var(--ax-color-on-surface));border-radius:var(--ax-rounded-border-default)}ax-collapse-group.ax-look-fill ax-collapse{border-radius:var(--ax-rounded-border-default);margin-bottom:.5rem}ax-collapse-group.ax-look-outline .ax-collapse-header{background-color:transparent}ax-collapse-group.ax-look-outline ax-collapse{border-radius:var(--ax-rounded-border-default);border:1px solid;border-color:rgba(var(--ax-color-border-default));margin-bottom:.5rem}ax-collapse-group.ax-look-flat .ax-collapse-header{background-color:transparent}ax-collapse-group.ax-look-flat ax-collapse{border-bottom:1px solid;border-color:rgba(var(--ax-color-border-default));margin-bottom:.5rem}ax-collapse.ax-state-disabled{cursor:not-allowed;opacity:.5}ax-collapse .ax-collapse-header,ax-collapse .ax-collapse-body{color:rgba(var(--ax-color-text-default));padding:.75rem;font-size:.875rem}ax-collapse .ax-collapse-header{cursor:pointer;-webkit-user-select:none;user-select:none}ax-collapse .ax-collapse-header .ax-collapse-header-container{display:flex;justify-content:space-between}ax-collapse .ax-collapse-header .ax-collapse-header-container .ax-collapse-header-start{display:flex;align-items:center}ax-collapse .ax-collapse-header .ax-collapse-header-container .ax-collapse-header-start:not(:empty) .ax-collapse-header-icon{font-size:1.25rem;padding-inline-end:.5rem}ax-collapse .ax-collapse-header .ax-collapse-header-container .ax-collapse-arrow{font-size:1.5rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-collapse .ax-collapse-header .ax-collapse-header-container .ax-collapse-arrow.-rotation-90{transform:rotate(-90deg)}ax-collapse .ax-collapse-header .ax-collapse-header-container .ax-collapse-arrow.rotation-90{transform:rotate(90deg)}ax-collapse .ax-collapse-body{background-color:rgba(var(--ax-color-surface))}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
84
84
|
}
|
85
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.
|
85
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: AXCollapseComponent, decorators: [{
|
86
86
|
type: Component,
|
87
87
|
args: [{ selector: 'ax-collapse', inputs: ['disabled'], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"ax-collapse-header\" [class.ax-state-collapsed]=\"isCollapsed\" (click)=\"handleHeaderClick($event)\">\n <ng-container *ngIf=\"headerTemplate; else default\">\n <div class=\"ax-collapse-custom-header-container\">\n <ng-container\n [ngTemplateOutlet]=\"headerTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: { caption, isCollapsed } }\"\n ></ng-container>\n </div>\n </ng-container>\n <ng-template #default>\n <div class=\"ax-collapse-header-container\">\n <div class=\"ax-collapse-header-start\">\n <span class=\"ax-collapse-header-icon\" [class]=\"icon\"> </span>\n <span>\n {{ caption }}\n </span>\n </div>\n <ng-container *ngIf=\"isLoading; else elseTemplate\">\n <ax-loading></ax-loading>\n </ng-container>\n <ng-template #elseTemplate>\n <span\n class=\"ax-icon ax-icon-chevron-left ax-collapse-arrow\"\n [ngClass]=\"{ '-rotation-90': isCollapsed, 'rotation-90': !isCollapsed }\"\n ></span>\n </ng-template>\n </div>\n </ng-template>\n</div>\n<div class=\"ax-collapse-body\" *ngIf=\"!isCollapsed\">\n <ng-content></ng-content>\n</div>\n", styles: ["ax-collapse,ax-collapse-group{display:block;overflow:hidden;font-size:1rem;width:100%}ax-collapse-group.ax-look-solid{border:1px solid;border-color:rgba(var(--ax-color-border-default));border-radius:var(--ax-rounded-border-default)}ax-collapse-group.ax-look-solid .ax-collapse-header{background-color:rgba(var(--ax-color-surface))}ax-collapse-group.ax-look-solid ax-collapse{border:0!important;border-radius:0!important}ax-collapse-group.ax-look-solid ax-collapse:not(ax-collapse-group.ax-look-solid ax-collapse:last-child){border-bottom:1px solid!important;border-color:rgba(var(--ax-color-border-default))!important}ax-collapse-group.ax-look-fill .ax-collapse-header{background-color:rgba(var(--ax-color-on-surface));border-radius:var(--ax-rounded-border-default)}ax-collapse-group.ax-look-fill ax-collapse{border-radius:var(--ax-rounded-border-default);margin-bottom:.5rem}ax-collapse-group.ax-look-outline .ax-collapse-header{background-color:transparent}ax-collapse-group.ax-look-outline ax-collapse{border-radius:var(--ax-rounded-border-default);border:1px solid;border-color:rgba(var(--ax-color-border-default));margin-bottom:.5rem}ax-collapse-group.ax-look-flat .ax-collapse-header{background-color:transparent}ax-collapse-group.ax-look-flat ax-collapse{border-bottom:1px solid;border-color:rgba(var(--ax-color-border-default));margin-bottom:.5rem}ax-collapse.ax-state-disabled{cursor:not-allowed;opacity:.5}ax-collapse .ax-collapse-header,ax-collapse .ax-collapse-body{color:rgba(var(--ax-color-text-default));padding:.75rem;font-size:.875rem}ax-collapse .ax-collapse-header{cursor:pointer;-webkit-user-select:none;user-select:none}ax-collapse .ax-collapse-header .ax-collapse-header-container{display:flex;justify-content:space-between}ax-collapse .ax-collapse-header .ax-collapse-header-container .ax-collapse-header-start{display:flex;align-items:center}ax-collapse .ax-collapse-header .ax-collapse-header-container .ax-collapse-header-start:not(:empty) .ax-collapse-header-icon{font-size:1.25rem;padding-inline-end:.5rem}ax-collapse .ax-collapse-header .ax-collapse-header-container .ax-collapse-arrow{font-size:1.5rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-collapse .ax-collapse-header .ax-collapse-header-container .ax-collapse-arrow.-rotation-90{transform:rotate(-90deg)}ax-collapse .ax-collapse-header .ax-collapse-header-container .ax-collapse-arrow.rotation-90{transform:rotate(90deg)}ax-collapse .ax-collapse-body{background-color:rgba(var(--ax-color-surface))}\n"] }]
|
88
88
|
}], propDecorators: { onClick: [{
|
@@ -5,11 +5,11 @@ import { AXCollapseGroupComponent } from './collapse-group.component';
|
|
5
5
|
import { AXCollapseComponent } from './collapse.component';
|
6
6
|
import * as i0 from "@angular/core";
|
7
7
|
export class AXCollapseModule {
|
8
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.
|
9
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.
|
10
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.
|
8
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: AXCollapseModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
9
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.6", ngImport: i0, type: AXCollapseModule, declarations: [AXCollapseComponent, AXCollapseGroupComponent], imports: [CommonModule, AXLoadingModule], exports: [AXCollapseComponent, AXCollapseGroupComponent] }); }
|
10
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: AXCollapseModule, imports: [CommonModule, AXLoadingModule] }); }
|
11
11
|
}
|
12
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.
|
12
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: AXCollapseModule, decorators: [{
|
13
13
|
type: NgModule,
|
14
14
|
args: [{
|
15
15
|
declarations: [AXCollapseComponent, AXCollapseGroupComponent],
|