@acorex/components 7.0.12 → 7.0.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/esm2020/alert/src/alert.component.mjs +2 -2
- package/esm2020/button/src/button.component.mjs +2 -2
- package/esm2020/form/src/form-field.component.mjs +2 -2
- package/fesm2015/acorex-components-alert.mjs +2 -2
- package/fesm2015/acorex-components-alert.mjs.map +1 -1
- package/fesm2015/acorex-components-button.mjs +2 -2
- package/fesm2015/acorex-components-button.mjs.map +1 -1
- package/fesm2015/acorex-components-dialog.mjs +1 -0
- package/fesm2015/acorex-components-form.mjs +2 -3
- package/fesm2015/acorex-components-form.mjs.map +1 -1
- package/fesm2015/acorex-components-notification.mjs +1 -0
- package/fesm2015/acorex-components-toast.mjs +1 -0
- package/fesm2020/acorex-components-alert.mjs +2 -2
- package/fesm2020/acorex-components-alert.mjs.map +1 -1
- package/fesm2020/acorex-components-button.mjs +2 -2
- package/fesm2020/acorex-components-button.mjs.map +1 -1
- package/fesm2020/acorex-components-dialog.mjs +1 -0
- package/fesm2020/acorex-components-form.mjs +2 -3
- package/fesm2020/acorex-components-form.mjs.map +1 -1
- package/fesm2020/acorex-components-notification.mjs +1 -0
- package/fesm2020/acorex-components-toast.mjs +1 -0
- package/package.json +1 -1
|
@@ -148,10 +148,10 @@ export class AXAlertComponent extends AXBaseAlertMixin {
|
|
|
148
148
|
}
|
|
149
149
|
}
|
|
150
150
|
AXAlertComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AXAlertComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
151
|
-
AXAlertComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: AXAlertComponent, selector: "ax-alert", inputs: { color: "color", timeOut: "timeOut", visible: "visible" }, outputs: { onClosed: "onClosed" }, host: { properties: { "class": "this.__hostClass" } }, providers: [{ provide: AXClosbaleComponent, useExisting: AXAlertComponent }], queries: [{ propertyName: "_icon", first: true, predicate: AXDecoratorIconComponent, descendants: true }, { propertyName: "_content", first: true, predicate: AXDecoratorContentComponent, descendants: true }, { propertyName: "_footer", first: true, predicate: AXDecoratorFooterComponent, descendants: true }, { propertyName: "_buttons", predicate: AXButtonComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"ax-alert-inline-start\" [class.!ax-items-start]=\"_showInline\">\r\n <ng-content select=\"ax-icon\"></ng-content>\r\n</div>\r\n<div class=\"ax-alert-inline-middle\">\r\n <div class=\"ax-alert-block-start\">\r\n <div class=\"ax-alert-title\">\r\n <ng-content select=\"ax-title\"></ng-content>\r\n <ng-content select=\"ax-sub-title\"></ng-content>\r\n </div>\r\n </div>\r\n <div class=\"ax-alert-block-end\" [class.!ax-hidden]=\"!_showInline\">\r\n <ng-content select=\"ax-content\">\r\n </ng-content>\r\n <ng-content select=\"ax-footer\">\r\n </ng-content>\r\n </div>\r\n</div>\r\n<div class=\"ax-alert-inline-end\" [class.!ax-items-start]=\"_showInline\">\r\n <ng-content select=\"ax-button\"></ng-content>\r\n <ng-content select=\"ax-close-button\"></ng-content>\r\n</div>\r\n<div class=\"ax-alert-progress\" [style.animation-duration.ms]=\"timeOut\" *ngIf=\"timeOut\">\r\n</div>", styles: ["html.ax-dark ax-alert.ax-primary-default{background-color:rgb(var(--ax-color-primary-900))}html.ax-dark ax-alert.ax-primary-default .ax-alert-block-start ax-title,html.ax-dark ax-alert.ax-primary-default .ax-alert-block-start ax-sub-title{color:rgb(var(--ax-color-primary-50))}html.ax-dark ax-alert.ax-primary-default .ax-alert-block-end ax-content{color:rgb(var(--ax-color-primary-50))}html.ax-dark ax-alert.ax-primary-default .ax-alert-progress{background-color:rgb(var(--ax-color-primary-500))}html.ax-dark ax-alert.ax-secondary-default{background-color:rgb(var(--ax-color-secondary-900))}html.ax-dark ax-alert.ax-secondary-default .ax-alert-block-start ax-title,html.ax-dark ax-alert.ax-secondary-default .ax-alert-block-start ax-sub-title{color:rgb(var(--ax-color-secondary-50))}html.ax-dark ax-alert.ax-secondary-default .ax-alert-block-end ax-content{color:rgb(var(--ax-color-secondary-50))}html.ax-dark ax-alert.ax-secondary-default .ax-alert-progress{background-color:rgb(var(--ax-color-secondary-500))}html.ax-dark ax-alert.ax-success-default{background-color:rgb(var(--ax-color-success-900))}html.ax-dark ax-alert.ax-success-default .ax-alert-block-start ax-title,html.ax-dark ax-alert.ax-success-default .ax-alert-block-start ax-sub-title{color:rgb(var(--ax-color-success-50))}html.ax-dark ax-alert.ax-success-default .ax-alert-block-end ax-content{color:rgb(var(--ax-color-success-50))}html.ax-dark ax-alert.ax-success-default .ax-alert-progress{background-color:rgb(var(--ax-color-success-500))}html.ax-dark ax-alert.ax-warning-default{background-color:rgb(var(--ax-color-warning-900))}html.ax-dark ax-alert.ax-warning-default .ax-alert-block-start ax-title,html.ax-dark ax-alert.ax-warning-default .ax-alert-block-start ax-sub-title{color:rgb(var(--ax-color-warning-50))}html.ax-dark ax-alert.ax-warning-default .ax-alert-block-end ax-content{color:rgb(var(--ax-color-warning-50))}html.ax-dark ax-alert.ax-warning-default .ax-alert-progress{background-color:rgb(var(--ax-color-warning-500))}html.ax-dark ax-alert.ax-danger-default{background-color:rgb(var(--ax-color-danger-900))}html.ax-dark ax-alert.ax-danger-default .ax-alert-block-start ax-title,html.ax-dark ax-alert.ax-danger-default .ax-alert-block-start ax-sub-title{color:rgb(var(--ax-color-danger-50))}html.ax-dark ax-alert.ax-danger-default .ax-alert-block-end ax-content{color:rgb(var(--ax-color-danger-50))}html.ax-dark ax-alert.ax-danger-default .ax-alert-progress{background-color:rgb(var(--ax-color-danger-500))}ax-alert{position:relative;padding:1rem;border-radius:var(--ax-rounded-border-default);border:1px solid;font-size:.875rem;display:flex;gap:1rem;overflow:hidden}ax-alert.ax-state-hidden{visibility:hidden;opacity:0}ax-alert.ax-state-visible{visibility:visible;opacity:1}ax-alert .ax-alert-inline-middle{display:flex;flex-direction:column;justify-content:center;flex:1 1 0%}ax-alert .ax-alert-inline-start,ax-alert .ax-alert-inline-end{display:flex}ax-alert .ax-alert-inline-start{align-items:center}ax-alert .ax-alert-inline-start>ax-icon{width:2.25rem;height:2.25rem;border-radius:999rem;display:grid;place-items:center;font-size:1.5rem}ax-alert .ax-alert-inline-end{align-items:center}ax-alert .ax-alert-block-start{display:flex;align-items:center;justify-content:center}ax-alert .ax-alert-block-start .ax-alert-title{display:flex;flex-direction:column;flex:1}ax-alert .ax-alert-block-end{display:flex;flex-direction:column;gap:1rem;padding-top:.5rem}ax-alert .ax-alert-block-end ax-content{display:block;color:rgb(var(--ax-color-text-default))}ax-alert .ax-alert-block-end ax-footer{background-color:transparent}ax-alert .ax-alert-progress{width:0px;height:.25rem;position:absolute;inset-inline-start:0px;bottom:0;animation-duration:4s;animation-timing-function:linear;animation-name:progressBar}@keyframes progressBar{0%{width:100%}to{width:0%}}ax-alert
|
|
151
|
+
AXAlertComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: AXAlertComponent, selector: "ax-alert", inputs: { color: "color", timeOut: "timeOut", visible: "visible" }, outputs: { onClosed: "onClosed" }, host: { properties: { "class": "this.__hostClass" } }, providers: [{ provide: AXClosbaleComponent, useExisting: AXAlertComponent }], queries: [{ propertyName: "_icon", first: true, predicate: AXDecoratorIconComponent, descendants: true }, { propertyName: "_content", first: true, predicate: AXDecoratorContentComponent, descendants: true }, { propertyName: "_footer", first: true, predicate: AXDecoratorFooterComponent, descendants: true }, { propertyName: "_buttons", predicate: AXButtonComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"ax-alert-inline-start\" [class.!ax-items-start]=\"_showInline\">\r\n <ng-content select=\"ax-icon\"></ng-content>\r\n</div>\r\n<div class=\"ax-alert-inline-middle\">\r\n <div class=\"ax-alert-block-start\">\r\n <div class=\"ax-alert-title\">\r\n <ng-content select=\"ax-title\"></ng-content>\r\n <ng-content select=\"ax-sub-title\"></ng-content>\r\n </div>\r\n </div>\r\n <div class=\"ax-alert-block-end\" [class.!ax-hidden]=\"!_showInline\">\r\n <ng-content select=\"ax-content\">\r\n </ng-content>\r\n <ng-content select=\"ax-footer\">\r\n </ng-content>\r\n </div>\r\n</div>\r\n<div class=\"ax-alert-inline-end\" [class.!ax-items-start]=\"_showInline\">\r\n <ng-content select=\"ax-button\"></ng-content>\r\n <ng-content select=\"ax-close-button\"></ng-content>\r\n</div>\r\n<div class=\"ax-alert-progress\" [style.animation-duration.ms]=\"timeOut\" *ngIf=\"timeOut\">\r\n</div>", styles: ["html.ax-dark ax-alert.ax-primary-default{background-color:rgb(var(--ax-color-primary-900))}html.ax-dark ax-alert.ax-primary-default .ax-alert-block-start ax-title,html.ax-dark ax-alert.ax-primary-default .ax-alert-block-start ax-sub-title{color:rgb(var(--ax-color-primary-50))}html.ax-dark ax-alert.ax-primary-default .ax-alert-block-end ax-content{color:rgb(var(--ax-color-primary-50))}html.ax-dark ax-alert.ax-primary-default .ax-alert-progress{background-color:rgb(var(--ax-color-primary-500))}html.ax-dark ax-alert.ax-secondary-default{background-color:rgb(var(--ax-color-secondary-900))}html.ax-dark ax-alert.ax-secondary-default .ax-alert-block-start ax-title,html.ax-dark ax-alert.ax-secondary-default .ax-alert-block-start ax-sub-title{color:rgb(var(--ax-color-secondary-50))}html.ax-dark ax-alert.ax-secondary-default .ax-alert-block-end ax-content{color:rgb(var(--ax-color-secondary-50))}html.ax-dark ax-alert.ax-secondary-default .ax-alert-progress{background-color:rgb(var(--ax-color-secondary-500))}html.ax-dark ax-alert.ax-success-default{background-color:rgb(var(--ax-color-success-900))}html.ax-dark ax-alert.ax-success-default .ax-alert-block-start ax-title,html.ax-dark ax-alert.ax-success-default .ax-alert-block-start ax-sub-title{color:rgb(var(--ax-color-success-50))}html.ax-dark ax-alert.ax-success-default .ax-alert-block-end ax-content{color:rgb(var(--ax-color-success-50))}html.ax-dark ax-alert.ax-success-default .ax-alert-progress{background-color:rgb(var(--ax-color-success-500))}html.ax-dark ax-alert.ax-warning-default{background-color:rgb(var(--ax-color-warning-900))}html.ax-dark ax-alert.ax-warning-default .ax-alert-block-start ax-title,html.ax-dark ax-alert.ax-warning-default .ax-alert-block-start ax-sub-title{color:rgb(var(--ax-color-warning-50))}html.ax-dark ax-alert.ax-warning-default .ax-alert-block-end ax-content{color:rgb(var(--ax-color-warning-50))}html.ax-dark ax-alert.ax-warning-default .ax-alert-progress{background-color:rgb(var(--ax-color-warning-500))}html.ax-dark ax-alert.ax-danger-default{background-color:rgb(var(--ax-color-danger-900))}html.ax-dark ax-alert.ax-danger-default .ax-alert-block-start ax-title,html.ax-dark ax-alert.ax-danger-default .ax-alert-block-start ax-sub-title{color:rgb(var(--ax-color-danger-50))}html.ax-dark ax-alert.ax-danger-default .ax-alert-block-end ax-content{color:rgb(var(--ax-color-danger-50))}html.ax-dark ax-alert.ax-danger-default .ax-alert-progress{background-color:rgb(var(--ax-color-danger-500))}ax-alert{position:relative;padding:1rem;border-radius:var(--ax-rounded-border-default);border:1px solid;font-size:.875rem;display:flex;gap:1rem;overflow:hidden}ax-alert.ax-state-hidden{visibility:hidden;opacity:0}ax-alert.ax-state-visible{visibility:visible;opacity:1}ax-alert .ax-alert-inline-middle{display:flex;flex-direction:column;justify-content:center;flex:1 1 0%}ax-alert .ax-alert-inline-start,ax-alert .ax-alert-inline-end{display:flex}ax-alert .ax-alert-inline-start.ax-items-start,ax-alert .ax-alert-inline-end.ax-items-start{align-items:flex-start!important}ax-alert .ax-alert-inline-start{align-items:center}ax-alert .ax-alert-inline-start>ax-icon{width:2.25rem;height:2.25rem;border-radius:999rem;display:grid;place-items:center;font-size:1.5rem}ax-alert .ax-alert-inline-end{align-items:center}ax-alert .ax-alert-block-start{display:flex;align-items:center;justify-content:center}ax-alert .ax-alert-block-start .ax-alert-title{display:flex;flex-direction:column;flex:1}ax-alert .ax-alert-block-end{display:flex;flex-direction:column;gap:1rem;padding-top:.5rem}ax-alert .ax-alert-block-end.ax-hidden{display:none!important}ax-alert .ax-alert-block-end ax-content{display:block;color:rgb(var(--ax-color-text-default))}ax-alert .ax-alert-block-end ax-footer{background-color:transparent}ax-alert .ax-alert-progress{width:0px;height:.25rem;position:absolute;inset-inline-start:0px;bottom:0;animation-duration:4s;animation-timing-function:linear;animation-name:progressBar}@keyframes progressBar{0%{width:100%}to{width:0%}}ax-alert.ax-primary-default{background-color:rgb(var(--ax-color-primary-50));border-color:rgb(var(--ax-color-primary-500))}ax-alert.ax-primary-default .ax-alert-inline-start>ax-icon{background-color:rgb(var(--ax-color-primary-500));color:rgb(var(--ax-color-primary-50))}ax-alert.ax-primary-default .ax-alert-progress{background-color:rgb(var(--ax-color-primary-800))}ax-alert.ax-secondary-default{background-color:rgb(var(--ax-color-secondary-50));border-color:rgb(var(--ax-color-secondary-500))}ax-alert.ax-secondary-default .ax-alert-inline-start>ax-icon{background-color:rgb(var(--ax-color-secondary-500));color:rgb(var(--ax-color-secondary-50))}ax-alert.ax-secondary-default .ax-alert-progress{background-color:rgb(var(--ax-color-secondary-800))}ax-alert.ax-success-default{background-color:rgb(var(--ax-color-success-50));border-color:rgb(var(--ax-color-success-500))}ax-alert.ax-success-default .ax-alert-inline-start>ax-icon{background-color:rgb(var(--ax-color-success-500));color:rgb(var(--ax-color-success-50))}ax-alert.ax-success-default .ax-alert-progress{background-color:rgb(var(--ax-color-success-800))}ax-alert.ax-warning-default{background-color:rgb(var(--ax-color-warning-50));border-color:rgb(var(--ax-color-warning-500))}ax-alert.ax-warning-default .ax-alert-inline-start>ax-icon{background-color:rgb(var(--ax-color-warning-500));color:rgb(var(--ax-color-warning-50))}ax-alert.ax-warning-default .ax-alert-progress{background-color:rgb(var(--ax-color-warning-800))}ax-alert.ax-danger-default{background-color:rgb(var(--ax-color-danger-50));border-color:rgb(var(--ax-color-danger-500))}ax-alert.ax-danger-default .ax-alert-inline-start>ax-icon{background-color:rgb(var(--ax-color-danger-500));color:rgb(var(--ax-color-danger-50))}ax-alert.ax-danger-default .ax-alert-progress{background-color:rgb(var(--ax-color-danger-800))}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
152
152
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AXAlertComponent, decorators: [{
|
|
153
153
|
type: Component,
|
|
154
|
-
args: [{ selector: 'ax-alert', inputs: ['color'], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{ provide: AXClosbaleComponent, useExisting: AXAlertComponent }], template: "<div class=\"ax-alert-inline-start\" [class.!ax-items-start]=\"_showInline\">\r\n <ng-content select=\"ax-icon\"></ng-content>\r\n</div>\r\n<div class=\"ax-alert-inline-middle\">\r\n <div class=\"ax-alert-block-start\">\r\n <div class=\"ax-alert-title\">\r\n <ng-content select=\"ax-title\"></ng-content>\r\n <ng-content select=\"ax-sub-title\"></ng-content>\r\n </div>\r\n </div>\r\n <div class=\"ax-alert-block-end\" [class.!ax-hidden]=\"!_showInline\">\r\n <ng-content select=\"ax-content\">\r\n </ng-content>\r\n <ng-content select=\"ax-footer\">\r\n </ng-content>\r\n </div>\r\n</div>\r\n<div class=\"ax-alert-inline-end\" [class.!ax-items-start]=\"_showInline\">\r\n <ng-content select=\"ax-button\"></ng-content>\r\n <ng-content select=\"ax-close-button\"></ng-content>\r\n</div>\r\n<div class=\"ax-alert-progress\" [style.animation-duration.ms]=\"timeOut\" *ngIf=\"timeOut\">\r\n</div>", styles: ["html.ax-dark ax-alert.ax-primary-default{background-color:rgb(var(--ax-color-primary-900))}html.ax-dark ax-alert.ax-primary-default .ax-alert-block-start ax-title,html.ax-dark ax-alert.ax-primary-default .ax-alert-block-start ax-sub-title{color:rgb(var(--ax-color-primary-50))}html.ax-dark ax-alert.ax-primary-default .ax-alert-block-end ax-content{color:rgb(var(--ax-color-primary-50))}html.ax-dark ax-alert.ax-primary-default .ax-alert-progress{background-color:rgb(var(--ax-color-primary-500))}html.ax-dark ax-alert.ax-secondary-default{background-color:rgb(var(--ax-color-secondary-900))}html.ax-dark ax-alert.ax-secondary-default .ax-alert-block-start ax-title,html.ax-dark ax-alert.ax-secondary-default .ax-alert-block-start ax-sub-title{color:rgb(var(--ax-color-secondary-50))}html.ax-dark ax-alert.ax-secondary-default .ax-alert-block-end ax-content{color:rgb(var(--ax-color-secondary-50))}html.ax-dark ax-alert.ax-secondary-default .ax-alert-progress{background-color:rgb(var(--ax-color-secondary-500))}html.ax-dark ax-alert.ax-success-default{background-color:rgb(var(--ax-color-success-900))}html.ax-dark ax-alert.ax-success-default .ax-alert-block-start ax-title,html.ax-dark ax-alert.ax-success-default .ax-alert-block-start ax-sub-title{color:rgb(var(--ax-color-success-50))}html.ax-dark ax-alert.ax-success-default .ax-alert-block-end ax-content{color:rgb(var(--ax-color-success-50))}html.ax-dark ax-alert.ax-success-default .ax-alert-progress{background-color:rgb(var(--ax-color-success-500))}html.ax-dark ax-alert.ax-warning-default{background-color:rgb(var(--ax-color-warning-900))}html.ax-dark ax-alert.ax-warning-default .ax-alert-block-start ax-title,html.ax-dark ax-alert.ax-warning-default .ax-alert-block-start ax-sub-title{color:rgb(var(--ax-color-warning-50))}html.ax-dark ax-alert.ax-warning-default .ax-alert-block-end ax-content{color:rgb(var(--ax-color-warning-50))}html.ax-dark ax-alert.ax-warning-default .ax-alert-progress{background-color:rgb(var(--ax-color-warning-500))}html.ax-dark ax-alert.ax-danger-default{background-color:rgb(var(--ax-color-danger-900))}html.ax-dark ax-alert.ax-danger-default .ax-alert-block-start ax-title,html.ax-dark ax-alert.ax-danger-default .ax-alert-block-start ax-sub-title{color:rgb(var(--ax-color-danger-50))}html.ax-dark ax-alert.ax-danger-default .ax-alert-block-end ax-content{color:rgb(var(--ax-color-danger-50))}html.ax-dark ax-alert.ax-danger-default .ax-alert-progress{background-color:rgb(var(--ax-color-danger-500))}ax-alert{position:relative;padding:1rem;border-radius:var(--ax-rounded-border-default);border:1px solid;font-size:.875rem;display:flex;gap:1rem;overflow:hidden}ax-alert.ax-state-hidden{visibility:hidden;opacity:0}ax-alert.ax-state-visible{visibility:visible;opacity:1}ax-alert .ax-alert-inline-middle{display:flex;flex-direction:column;justify-content:center;flex:1 1 0%}ax-alert .ax-alert-inline-start,ax-alert .ax-alert-inline-end{display:flex}ax-alert .ax-alert-inline-start{align-items:center}ax-alert .ax-alert-inline-start>ax-icon{width:2.25rem;height:2.25rem;border-radius:999rem;display:grid;place-items:center;font-size:1.5rem}ax-alert .ax-alert-inline-end{align-items:center}ax-alert .ax-alert-block-start{display:flex;align-items:center;justify-content:center}ax-alert .ax-alert-block-start .ax-alert-title{display:flex;flex-direction:column;flex:1}ax-alert .ax-alert-block-end{display:flex;flex-direction:column;gap:1rem;padding-top:.5rem}ax-alert .ax-alert-block-end ax-content{display:block;color:rgb(var(--ax-color-text-default))}ax-alert .ax-alert-block-end ax-footer{background-color:transparent}ax-alert .ax-alert-progress{width:0px;height:.25rem;position:absolute;inset-inline-start:0px;bottom:0;animation-duration:4s;animation-timing-function:linear;animation-name:progressBar}@keyframes progressBar{0%{width:100%}to{width:0%}}ax-alert
|
|
154
|
+
args: [{ selector: 'ax-alert', inputs: ['color'], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{ provide: AXClosbaleComponent, useExisting: AXAlertComponent }], template: "<div class=\"ax-alert-inline-start\" [class.!ax-items-start]=\"_showInline\">\r\n <ng-content select=\"ax-icon\"></ng-content>\r\n</div>\r\n<div class=\"ax-alert-inline-middle\">\r\n <div class=\"ax-alert-block-start\">\r\n <div class=\"ax-alert-title\">\r\n <ng-content select=\"ax-title\"></ng-content>\r\n <ng-content select=\"ax-sub-title\"></ng-content>\r\n </div>\r\n </div>\r\n <div class=\"ax-alert-block-end\" [class.!ax-hidden]=\"!_showInline\">\r\n <ng-content select=\"ax-content\">\r\n </ng-content>\r\n <ng-content select=\"ax-footer\">\r\n </ng-content>\r\n </div>\r\n</div>\r\n<div class=\"ax-alert-inline-end\" [class.!ax-items-start]=\"_showInline\">\r\n <ng-content select=\"ax-button\"></ng-content>\r\n <ng-content select=\"ax-close-button\"></ng-content>\r\n</div>\r\n<div class=\"ax-alert-progress\" [style.animation-duration.ms]=\"timeOut\" *ngIf=\"timeOut\">\r\n</div>", styles: ["html.ax-dark ax-alert.ax-primary-default{background-color:rgb(var(--ax-color-primary-900))}html.ax-dark ax-alert.ax-primary-default .ax-alert-block-start ax-title,html.ax-dark ax-alert.ax-primary-default .ax-alert-block-start ax-sub-title{color:rgb(var(--ax-color-primary-50))}html.ax-dark ax-alert.ax-primary-default .ax-alert-block-end ax-content{color:rgb(var(--ax-color-primary-50))}html.ax-dark ax-alert.ax-primary-default .ax-alert-progress{background-color:rgb(var(--ax-color-primary-500))}html.ax-dark ax-alert.ax-secondary-default{background-color:rgb(var(--ax-color-secondary-900))}html.ax-dark ax-alert.ax-secondary-default .ax-alert-block-start ax-title,html.ax-dark ax-alert.ax-secondary-default .ax-alert-block-start ax-sub-title{color:rgb(var(--ax-color-secondary-50))}html.ax-dark ax-alert.ax-secondary-default .ax-alert-block-end ax-content{color:rgb(var(--ax-color-secondary-50))}html.ax-dark ax-alert.ax-secondary-default .ax-alert-progress{background-color:rgb(var(--ax-color-secondary-500))}html.ax-dark ax-alert.ax-success-default{background-color:rgb(var(--ax-color-success-900))}html.ax-dark ax-alert.ax-success-default .ax-alert-block-start ax-title,html.ax-dark ax-alert.ax-success-default .ax-alert-block-start ax-sub-title{color:rgb(var(--ax-color-success-50))}html.ax-dark ax-alert.ax-success-default .ax-alert-block-end ax-content{color:rgb(var(--ax-color-success-50))}html.ax-dark ax-alert.ax-success-default .ax-alert-progress{background-color:rgb(var(--ax-color-success-500))}html.ax-dark ax-alert.ax-warning-default{background-color:rgb(var(--ax-color-warning-900))}html.ax-dark ax-alert.ax-warning-default .ax-alert-block-start ax-title,html.ax-dark ax-alert.ax-warning-default .ax-alert-block-start ax-sub-title{color:rgb(var(--ax-color-warning-50))}html.ax-dark ax-alert.ax-warning-default .ax-alert-block-end ax-content{color:rgb(var(--ax-color-warning-50))}html.ax-dark ax-alert.ax-warning-default .ax-alert-progress{background-color:rgb(var(--ax-color-warning-500))}html.ax-dark ax-alert.ax-danger-default{background-color:rgb(var(--ax-color-danger-900))}html.ax-dark ax-alert.ax-danger-default .ax-alert-block-start ax-title,html.ax-dark ax-alert.ax-danger-default .ax-alert-block-start ax-sub-title{color:rgb(var(--ax-color-danger-50))}html.ax-dark ax-alert.ax-danger-default .ax-alert-block-end ax-content{color:rgb(var(--ax-color-danger-50))}html.ax-dark ax-alert.ax-danger-default .ax-alert-progress{background-color:rgb(var(--ax-color-danger-500))}ax-alert{position:relative;padding:1rem;border-radius:var(--ax-rounded-border-default);border:1px solid;font-size:.875rem;display:flex;gap:1rem;overflow:hidden}ax-alert.ax-state-hidden{visibility:hidden;opacity:0}ax-alert.ax-state-visible{visibility:visible;opacity:1}ax-alert .ax-alert-inline-middle{display:flex;flex-direction:column;justify-content:center;flex:1 1 0%}ax-alert .ax-alert-inline-start,ax-alert .ax-alert-inline-end{display:flex}ax-alert .ax-alert-inline-start.ax-items-start,ax-alert .ax-alert-inline-end.ax-items-start{align-items:flex-start!important}ax-alert .ax-alert-inline-start{align-items:center}ax-alert .ax-alert-inline-start>ax-icon{width:2.25rem;height:2.25rem;border-radius:999rem;display:grid;place-items:center;font-size:1.5rem}ax-alert .ax-alert-inline-end{align-items:center}ax-alert .ax-alert-block-start{display:flex;align-items:center;justify-content:center}ax-alert .ax-alert-block-start .ax-alert-title{display:flex;flex-direction:column;flex:1}ax-alert .ax-alert-block-end{display:flex;flex-direction:column;gap:1rem;padding-top:.5rem}ax-alert .ax-alert-block-end.ax-hidden{display:none!important}ax-alert .ax-alert-block-end ax-content{display:block;color:rgb(var(--ax-color-text-default))}ax-alert .ax-alert-block-end ax-footer{background-color:transparent}ax-alert .ax-alert-progress{width:0px;height:.25rem;position:absolute;inset-inline-start:0px;bottom:0;animation-duration:4s;animation-timing-function:linear;animation-name:progressBar}@keyframes progressBar{0%{width:100%}to{width:0%}}ax-alert.ax-primary-default{background-color:rgb(var(--ax-color-primary-50));border-color:rgb(var(--ax-color-primary-500))}ax-alert.ax-primary-default .ax-alert-inline-start>ax-icon{background-color:rgb(var(--ax-color-primary-500));color:rgb(var(--ax-color-primary-50))}ax-alert.ax-primary-default .ax-alert-progress{background-color:rgb(var(--ax-color-primary-800))}ax-alert.ax-secondary-default{background-color:rgb(var(--ax-color-secondary-50));border-color:rgb(var(--ax-color-secondary-500))}ax-alert.ax-secondary-default .ax-alert-inline-start>ax-icon{background-color:rgb(var(--ax-color-secondary-500));color:rgb(var(--ax-color-secondary-50))}ax-alert.ax-secondary-default .ax-alert-progress{background-color:rgb(var(--ax-color-secondary-800))}ax-alert.ax-success-default{background-color:rgb(var(--ax-color-success-50));border-color:rgb(var(--ax-color-success-500))}ax-alert.ax-success-default .ax-alert-inline-start>ax-icon{background-color:rgb(var(--ax-color-success-500));color:rgb(var(--ax-color-success-50))}ax-alert.ax-success-default .ax-alert-progress{background-color:rgb(var(--ax-color-success-800))}ax-alert.ax-warning-default{background-color:rgb(var(--ax-color-warning-50));border-color:rgb(var(--ax-color-warning-500))}ax-alert.ax-warning-default .ax-alert-inline-start>ax-icon{background-color:rgb(var(--ax-color-warning-500));color:rgb(var(--ax-color-warning-50))}ax-alert.ax-warning-default .ax-alert-progress{background-color:rgb(var(--ax-color-warning-800))}ax-alert.ax-danger-default{background-color:rgb(var(--ax-color-danger-50));border-color:rgb(var(--ax-color-danger-500))}ax-alert.ax-danger-default .ax-alert-inline-start>ax-icon{background-color:rgb(var(--ax-color-danger-500));color:rgb(var(--ax-color-danger-50))}ax-alert.ax-danger-default .ax-alert-progress{background-color:rgb(var(--ax-color-danger-800))}\n"] }]
|
|
155
155
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { _icon: [{
|
|
156
156
|
type: ContentChild,
|
|
157
157
|
args: [AXDecoratorIconComponent]
|
|
@@ -40,7 +40,7 @@ AXButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", versio
|
|
|
40
40
|
AXButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: AXButtonComponent, selector: "ax-button", inputs: { disabled: "disabled", size: "size", tabIndex: "tabIndex", color: "color", look: "look", text: "text", toggleable: "toggleable", selected: "selected", type: "type" }, outputs: { onBlur: "onBlur", onFocus: "onFocus", onClick: "onClick", selectedChange: "selectedChange", toggleableChange: "toggleableChange", lookChange: "lookChange", colorChange: "colorChange" }, host: { listeners: { "click": "_emitOnClickEvent($event)", "focus": "_emitOnBlurEvent($event)" }, properties: { "class": "this.__hostClass" } }, providers: [
|
|
41
41
|
{ provide: AXComponent, useExisting: AXButtonComponent },
|
|
42
42
|
{ provide: AXFocusableComponent, useExisting: AXButtonComponent },
|
|
43
|
-
], usesInheritance: true, ngImport: i0, template: "<button [disabled]=\"disabled\" [attr.tabindex]=\"tabIndex\" \r\n (focus)=\"_emitOnFocusEvent($event)\" (blur)=\"_emitOnBlurEvent($event)\" [attr.type]=\"type\">\r\n <ng-content select=\"ax-prefix, ax-loading, ax-icon\">\r\n </ng-content>\r\n <span class=\"ax-button-text\" *ngIf=\"text\" >{{text}}</span>\r\n <ng-content select=\"ax-suffix\">\r\n </ng-content>\r\n <ng-content select=\"ax-dropdown-panel\">\r\n </ng-content>\r\n</button>", styles: [".ax-dark{box-shadow:0 1px 3px 1px #00000026,0 1px 2px #0000004d}.ax-dark ax-button[class*=default]{box-shadow:0 1px 3px 1px #00000026,0 1px 2px #0000004d}.ax-dark ax-button[class*=default]:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.ax-sm .ax-button-icon *{font-size:1rem}.ax-lg .ax-button-icon *{font-size:1.5rem}ax-button{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--ax-rounded-border-default);height:var(--ax-size-default);font-size:.875rem;cursor:pointer;transition:background-color .3s;position:relative}ax-button.ax-primary-default{background-color:rgb(var(--ax-color-primary-500));color:rgb(var(--ax-color-primary-fore))}ax-button.ax-primary-default:is(ax-button.ax-primary-default:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary-400))}ax-button.ax-primary-default:is(ax-button.ax-primary-default:focus,ax-button.ax-primary-default:focus-within):not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary-600))}ax-button.ax-primary-default:is(ax-button.ax-primary-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary-500))}ax-button.ax-primary-default.ax-state-selected{background-color:rgb(var(--ax-color-primary-700))}ax-button.ax-primary-outline{border:1px solid;border-color:rgb(var(--ax-color-primary));color:rgb(var(--ax-color-primary))}ax-button.ax-primary-outline:is(ax-button.ax-primary-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-primary));background-color:rgba(var(--ax-color-primary));color:rgba(var(--ax-color-primary-fore))}ax-button.ax-primary-outline:is(ax-button.ax-primary-outline:focus,ax-button.ax-primary-outline:focus-within):not(.ax-state-disabled){border-color:rgba(var(--ax-color-primary-600));background-color:rgba(var(--ax-color-primary-600));color:rgba(var(--ax-color-primary-fore))}ax-button.ax-primary-outline:is(ax-button.ax-primary-outline:active):not(.ax-state-disabled){border-color:rgba(var(--ax-color-primary),.8);background-color:rgba(var(--ax-color-primary),.9)}ax-button.ax-primary-outline.ax-state-selected{background-color:rgb(var(--ax-color-primary));color:rgb(var(--ax-color-primary-fore))}ax-button.ax-primary-blank{color:rgb(var(--ax-color-primary-500))}ax-button.ax-primary-blank:is(ax-button.ax-primary-blank:hover):not(.ax-state-disabled){color:rgb(var(--ax-color-primary-600))}ax-button.ax-primary-blank:is(ax-button.ax-primary-blank:focus,ax-button.ax-primary-blank:focus-within):not(.ax-state-disabled){background-color:rgb(var(--ax-color-primary-100));color:rgb(var(--ax-color-primary-500))}ax-button.ax-primary-blank:is(ax-button.ax-primary-blank:active):not(.ax-state-disabled){color:rgb(var(--ax-color-primary-500))}ax-button.ax-primary-blank.ax-state-selected{background-color:rgb(var(--ax-color-primary-100));color:rgb(var(--ax-color-primary-500))}ax-button.ax-secondary-default{background-color:rgb(var(--ax-color-secondary-500));color:rgb(var(--ax-color-secondary-fore))}ax-button.ax-secondary-default:is(ax-button.ax-secondary-default:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary-400))}ax-button.ax-secondary-default:is(ax-button.ax-secondary-default:focus,ax-button.ax-secondary-default:focus-within):not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary-600))}ax-button.ax-secondary-default:is(ax-button.ax-secondary-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary-500))}ax-button.ax-secondary-default.ax-state-selected{background-color:rgb(var(--ax-color-secondary-700))}ax-button.ax-secondary-outline{border:1px solid;border-color:rgb(var(--ax-color-secondary));color:rgb(var(--ax-color-secondary))}ax-button.ax-secondary-outline:is(ax-button.ax-secondary-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-secondary));background-color:rgba(var(--ax-color-secondary));color:rgba(var(--ax-color-secondary-fore))}ax-button.ax-secondary-outline:is(ax-button.ax-secondary-outline:focus,ax-button.ax-secondary-outline:focus-within):not(.ax-state-disabled){border-color:rgba(var(--ax-color-secondary-600));background-color:rgba(var(--ax-color-secondary-600));color:rgba(var(--ax-color-secondary-fore))}ax-button.ax-secondary-outline:is(ax-button.ax-secondary-outline:active):not(.ax-state-disabled){border-color:rgba(var(--ax-color-secondary),.8);background-color:rgba(var(--ax-color-secondary),.9)}ax-button.ax-secondary-outline.ax-state-selected{background-color:rgb(var(--ax-color-secondary));color:rgb(var(--ax-color-secondary-fore))}ax-button.ax-secondary-blank{color:rgb(var(--ax-color-secondary-500))}ax-button.ax-secondary-blank:is(ax-button.ax-secondary-blank:hover):not(.ax-state-disabled){color:rgb(var(--ax-color-secondary-600))}ax-button.ax-secondary-blank:is(ax-button.ax-secondary-blank:focus,ax-button.ax-secondary-blank:focus-within):not(.ax-state-disabled){background-color:rgb(var(--ax-color-secondary-100));color:rgb(var(--ax-color-secondary-500))}ax-button.ax-secondary-blank:is(ax-button.ax-secondary-blank:active):not(.ax-state-disabled){color:rgb(var(--ax-color-secondary-500))}ax-button.ax-secondary-blank.ax-state-selected{background-color:rgb(var(--ax-color-secondary-100));color:rgb(var(--ax-color-secondary-500))}ax-button.ax-success-default{background-color:rgb(var(--ax-color-success-500));color:rgb(var(--ax-color-success-fore))}ax-button.ax-success-default:is(ax-button.ax-success-default:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-success-400))}ax-button.ax-success-default:is(ax-button.ax-success-default:focus,ax-button.ax-success-default:focus-within):not(.ax-state-disabled){background-color:rgba(var(--ax-color-success-600))}ax-button.ax-success-default:is(ax-button.ax-success-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-success-500))}ax-button.ax-success-default.ax-state-selected{background-color:rgb(var(--ax-color-success-700))}ax-button.ax-success-outline{border:1px solid;border-color:rgb(var(--ax-color-success));color:rgb(var(--ax-color-success))}ax-button.ax-success-outline:is(ax-button.ax-success-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-success));background-color:rgba(var(--ax-color-success));color:rgba(var(--ax-color-success-fore))}ax-button.ax-success-outline:is(ax-button.ax-success-outline:focus,ax-button.ax-success-outline:focus-within):not(.ax-state-disabled){border-color:rgba(var(--ax-color-success-600));background-color:rgba(var(--ax-color-success-600));color:rgba(var(--ax-color-success-fore))}ax-button.ax-success-outline:is(ax-button.ax-success-outline:active):not(.ax-state-disabled){border-color:rgba(var(--ax-color-success),.8);background-color:rgba(var(--ax-color-success),.9)}ax-button.ax-success-outline.ax-state-selected{background-color:rgb(var(--ax-color-success));color:rgb(var(--ax-color-success-fore))}ax-button.ax-success-blank{color:rgb(var(--ax-color-success-500))}ax-button.ax-success-blank:is(ax-button.ax-success-blank:hover):not(.ax-state-disabled){color:rgb(var(--ax-color-success-600))}ax-button.ax-success-blank:is(ax-button.ax-success-blank:focus,ax-button.ax-success-blank:focus-within):not(.ax-state-disabled){background-color:rgb(var(--ax-color-success-100));color:rgb(var(--ax-color-success-500))}ax-button.ax-success-blank:is(ax-button.ax-success-blank:active):not(.ax-state-disabled){color:rgb(var(--ax-color-success-500))}ax-button.ax-success-blank.ax-state-selected{background-color:rgb(var(--ax-color-success-100));color:rgb(var(--ax-color-success-500))}ax-button.ax-warning-default{background-color:rgb(var(--ax-color-warning-500));color:rgb(var(--ax-color-warning-fore))}ax-button.ax-warning-default:is(ax-button.ax-warning-default:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning-400))}ax-button.ax-warning-default:is(ax-button.ax-warning-default:focus,ax-button.ax-warning-default:focus-within):not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning-600))}ax-button.ax-warning-default:is(ax-button.ax-warning-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning-500))}ax-button.ax-warning-default.ax-state-selected{background-color:rgb(var(--ax-color-warning-700))}ax-button.ax-warning-outline{border:1px solid;border-color:rgb(var(--ax-color-warning));color:rgb(var(--ax-color-warning))}ax-button.ax-warning-outline:is(ax-button.ax-warning-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-warning));background-color:rgba(var(--ax-color-warning));color:rgba(var(--ax-color-warning-fore))}ax-button.ax-warning-outline:is(ax-button.ax-warning-outline:focus,ax-button.ax-warning-outline:focus-within):not(.ax-state-disabled){border-color:rgba(var(--ax-color-warning-600));background-color:rgba(var(--ax-color-warning-600));color:rgba(var(--ax-color-warning-fore))}ax-button.ax-warning-outline:is(ax-button.ax-warning-outline:active):not(.ax-state-disabled){border-color:rgba(var(--ax-color-warning),.8);background-color:rgba(var(--ax-color-warning),.9)}ax-button.ax-warning-outline.ax-state-selected{background-color:rgb(var(--ax-color-warning));color:rgb(var(--ax-color-warning-fore))}ax-button.ax-warning-blank{color:rgb(var(--ax-color-warning-500))}ax-button.ax-warning-blank:is(ax-button.ax-warning-blank:hover):not(.ax-state-disabled){color:rgb(var(--ax-color-warning-600))}ax-button.ax-warning-blank:is(ax-button.ax-warning-blank:focus,ax-button.ax-warning-blank:focus-within):not(.ax-state-disabled){background-color:rgb(var(--ax-color-warning-100));color:rgb(var(--ax-color-warning-500))}ax-button.ax-warning-blank:is(ax-button.ax-warning-blank:active):not(.ax-state-disabled){color:rgb(var(--ax-color-warning-500))}ax-button.ax-warning-blank.ax-state-selected{background-color:rgb(var(--ax-color-warning-100));color:rgb(var(--ax-color-warning-500))}ax-button.ax-danger-default{background-color:rgb(var(--ax-color-danger-500));color:rgb(var(--ax-color-danger-fore))}ax-button.ax-danger-default:is(ax-button.ax-danger-default:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger-400))}ax-button.ax-danger-default:is(ax-button.ax-danger-default:focus,ax-button.ax-danger-default:focus-within):not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger-600))}ax-button.ax-danger-default:is(ax-button.ax-danger-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger-500))}ax-button.ax-danger-default.ax-state-selected{background-color:rgb(var(--ax-color-danger-700))}ax-button.ax-danger-outline{border:1px solid;border-color:rgb(var(--ax-color-danger));color:rgb(var(--ax-color-danger))}ax-button.ax-danger-outline:is(ax-button.ax-danger-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-danger));background-color:rgba(var(--ax-color-danger));color:rgba(var(--ax-color-danger-fore))}ax-button.ax-danger-outline:is(ax-button.ax-danger-outline:focus,ax-button.ax-danger-outline:focus-within):not(.ax-state-disabled){border-color:rgba(var(--ax-color-danger-600));background-color:rgba(var(--ax-color-danger-600));color:rgba(var(--ax-color-danger-fore))}ax-button.ax-danger-outline:is(ax-button.ax-danger-outline:active):not(.ax-state-disabled){border-color:rgba(var(--ax-color-danger),.8);background-color:rgba(var(--ax-color-danger),.9)}ax-button.ax-danger-outline.ax-state-selected{background-color:rgb(var(--ax-color-danger));color:rgb(var(--ax-color-danger-fore))}ax-button.ax-danger-blank{color:rgb(var(--ax-color-danger-500))}ax-button.ax-danger-blank:is(ax-button.ax-danger-blank:hover):not(.ax-state-disabled){color:rgb(var(--ax-color-danger-600))}ax-button.ax-danger-blank:is(ax-button.ax-danger-blank:focus,ax-button.ax-danger-blank:focus-within):not(.ax-state-disabled){background-color:rgb(var(--ax-color-danger-100));color:rgb(var(--ax-color-danger-500))}ax-button.ax-danger-blank:is(ax-button.ax-danger-blank:active):not(.ax-state-disabled){color:rgb(var(--ax-color-danger-500))}ax-button.ax-danger-blank.ax-state-selected{background-color:rgb(var(--ax-color-danger-100));color:rgb(var(--ax-color-danger-500))}ax-button[class*=default]{box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}ax-button[class*=default]:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}ax-button.ax-sm.ax-button-icon *{font-size:1.25rem}ax-button.ax-lg.ax-button-icon *{font-size:1.25rem}ax-button.ax-button-icon{padding:0 .5rem;font-size:1rem;width:var(--ax-size-default);height:var(--ax-size-default)}ax-button.ax-state-disabled,ax-button.ax-state-loading{opacity:.5}ax-button.ax-state-disabled>button,ax-button.ax-state-loading>button{cursor:not-allowed}ax-button>button{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%;padding:0 1rem}ax-button>button:is(ax-button > button:focus,ax-button > button:focus-within){outline-color:transparent;outline:none}ax-button>button .ax-button-text{padding-left:.5rem;padding-right:.5rem;white-space:nowrap}ax-button.ax-ghost-default{background-color:rgba(var(--ax-color-surface));color:rgba(var(--ax-color-ghost),.87);border:1px solid;border-color:rgba(var(--ax-color-ghost),.16)}ax-button.ax-ghost-default:is(ax-button.ax-ghost-default:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-ghost),.16)}ax-button.ax-ghost-default:is(ax-button.ax-ghost-default:focus,ax-button.ax-ghost-default:focus-within):not(.ax-state-disabled){background-color:rgba(var(--ax-color-ghost),.08)}ax-button.ax-ghost-default:is(ax-button.ax-ghost-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-surface))}ax-button.ax-ghost-default.ax-state-selected{background:rgba(var(--ax-color-ghost),.2)}ax-button.ax-ghost-outline{border:1px solid;border-color:rgba(var(--ax-color-ghost),.08);color:rgba(var(--ax-color-ghost),.87)}ax-button.ax-ghost-outline:is(ax-button.ax-ghost-outline:hover):not(.ax-state-disabled){background:rgba(var(--ax-color-surface));border-color:rgba(var(--ax-color-ghost),.05)}ax-button.ax-ghost-outline:is(ax-button.ax-ghost-outline:focus,ax-button.ax-ghost-outline:focus-within):not(.ax-state-disabled){background-color:rgba(var(--ax-color-ghost),.08);border-color:rgba(var(--ax-color-ghost),.08)}ax-button.ax-ghost-outline:is(ax-button.ax-ghost-outline:active):not(.ax-state-disabled){background-color:transparent}ax-button.ax-ghost-outline.ax-state-selected{background:rgba(var(--ax-color-ghost),.08)}ax-button.ax-ghost-blank{color:rgba(var(--ax-color-ghost),.87)}ax-button.ax-ghost-blank:is(ax-button.ax-ghost-blank:hover):not(.ax-state-disabled){color:rgba(var(--ax-color-ghost))}ax-button.ax-ghost-blank:is(ax-button.ax-ghost-blank:focus,ax-button.ax-ghost-blank:focus-within):not(.ax-state-disabled){background:rgba(var(--ax-color-ghost),.08)}ax-button.ax-ghost-blank:is(ax-button.ax-ghost-blank:active):not(.ax-state-disabled){background-color:transparent}ax-button.ax-ghost-blank.ax-state-selected{background:rgba(var(--ax-color-ghost),.08)}ax-button-group{display:flex;border:1px solid;border-color:rgb(var(--ax-color-border-default));border-radius:var(--ax-rounded-border-default);width:-moz-fit-content;width:fit-content}ax-button-group ax-button{border-radius:0;border-inline-end:1px solid;border-color:rgb(var(--ax-color-border-default))}ax-button-group ax-button[class*=-link]:first-child,ax-button-group ax-button[class*=-link]:last-child{border-start-start-radius:0px;border-end-start-radius:0px;border-start-end-radius:0px;border-end-end-radius:0px}ax-button-group ax-button:not(:first-child):not(:last-child){border-inline-start-width:0px}ax-button-group ax-button: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:last-child{border-start-end-radius:var(--ax-rounded-border-default);border-end-end-radius:var(--ax-rounded-border-default);border-inline-end-width:0px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
43
|
+
], usesInheritance: true, ngImport: i0, template: "<button [disabled]=\"disabled\" [attr.tabindex]=\"tabIndex\" \r\n (focus)=\"_emitOnFocusEvent($event)\" (blur)=\"_emitOnBlurEvent($event)\" [attr.type]=\"type\">\r\n <ng-content select=\"ax-prefix, ax-loading, ax-icon\">\r\n </ng-content>\r\n <span class=\"ax-button-text\" *ngIf=\"text\" >{{text}}</span>\r\n <ng-content select=\"ax-suffix\">\r\n </ng-content>\r\n <ng-content select=\"ax-dropdown-panel\">\r\n </ng-content>\r\n</button>", styles: [".ax-dark{box-shadow:0 1px 3px 1px #00000026,0 1px 2px #0000004d}.ax-dark ax-button[class*=default]{box-shadow:0 1px 3px 1px #00000026,0 1px 2px #0000004d}.ax-dark ax-button[class*=default]:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.ax-sm .ax-button-icon *{font-size:1rem}.ax-lg .ax-button-icon *{font-size:1.5rem}ax-button{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--ax-rounded-border-default);height:var(--ax-size-default);font-size:.875rem;cursor:pointer;transition:background-color .3s;position:relative}ax-button.ax-primary-default{background-color:rgb(var(--ax-color-primary-500));color:rgb(var(--ax-color-primary-fore))}ax-button.ax-primary-default:is(ax-button.ax-primary-default:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary-400))}ax-button.ax-primary-default:is(ax-button.ax-primary-default:focus,ax-button.ax-primary-default:focus-within):not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary-600));outline-color:rgba(var(--ax-color-primary-600))}ax-button.ax-primary-default:is(ax-button.ax-primary-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary-500))}ax-button.ax-primary-default.ax-state-selected{background-color:rgb(var(--ax-color-primary-700))}ax-button.ax-primary-outline{border:1px solid;border-color:rgb(var(--ax-color-primary));color:rgb(var(--ax-color-primary))}ax-button.ax-primary-outline:is(ax-button.ax-primary-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-primary));background-color:rgba(var(--ax-color-primary));color:rgba(var(--ax-color-primary-fore))}ax-button.ax-primary-outline:is(ax-button.ax-primary-outline:focus,ax-button.ax-primary-outline:focus-within):not(.ax-state-disabled){border-color:rgba(var(--ax-color-primary-600));background-color:rgba(var(--ax-color-primary-600));color:rgba(var(--ax-color-primary-fore));outline-color:rgba(var(--ax-color-primary-600))}ax-button.ax-primary-outline:is(ax-button.ax-primary-outline:active):not(.ax-state-disabled){border-color:rgba(var(--ax-color-primary),.8);background-color:rgba(var(--ax-color-primary),.9)}ax-button.ax-primary-outline.ax-state-selected{background-color:rgb(var(--ax-color-primary));color:rgb(var(--ax-color-primary-fore))}ax-button.ax-primary-blank{color:rgb(var(--ax-color-primary-500))}ax-button.ax-primary-blank:is(ax-button.ax-primary-blank:hover):not(.ax-state-disabled){color:rgb(var(--ax-color-primary-600))}ax-button.ax-primary-blank:is(ax-button.ax-primary-blank:focus,ax-button.ax-primary-blank:focus-within):not(.ax-state-disabled){background-color:rgb(var(--ax-color-primary-100));color:rgb(var(--ax-color-primary-500));outline-color:rgba(var(--ax-color-primary-600))}ax-button.ax-primary-blank:is(ax-button.ax-primary-blank:active):not(.ax-state-disabled){color:rgb(var(--ax-color-primary-500))}ax-button.ax-primary-blank.ax-state-selected{background-color:rgb(var(--ax-color-primary-100));color:rgb(var(--ax-color-primary-500))}ax-button.ax-secondary-default{background-color:rgb(var(--ax-color-secondary-500));color:rgb(var(--ax-color-secondary-fore))}ax-button.ax-secondary-default:is(ax-button.ax-secondary-default:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary-400))}ax-button.ax-secondary-default:is(ax-button.ax-secondary-default:focus,ax-button.ax-secondary-default:focus-within):not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary-600));outline-color:rgba(var(--ax-color-secondary-600))}ax-button.ax-secondary-default:is(ax-button.ax-secondary-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary-500))}ax-button.ax-secondary-default.ax-state-selected{background-color:rgb(var(--ax-color-secondary-700))}ax-button.ax-secondary-outline{border:1px solid;border-color:rgb(var(--ax-color-secondary));color:rgb(var(--ax-color-secondary))}ax-button.ax-secondary-outline:is(ax-button.ax-secondary-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-secondary));background-color:rgba(var(--ax-color-secondary));color:rgba(var(--ax-color-secondary-fore))}ax-button.ax-secondary-outline:is(ax-button.ax-secondary-outline:focus,ax-button.ax-secondary-outline:focus-within):not(.ax-state-disabled){border-color:rgba(var(--ax-color-secondary-600));background-color:rgba(var(--ax-color-secondary-600));color:rgba(var(--ax-color-secondary-fore));outline-color:rgba(var(--ax-color-secondary-600))}ax-button.ax-secondary-outline:is(ax-button.ax-secondary-outline:active):not(.ax-state-disabled){border-color:rgba(var(--ax-color-secondary),.8);background-color:rgba(var(--ax-color-secondary),.9)}ax-button.ax-secondary-outline.ax-state-selected{background-color:rgb(var(--ax-color-secondary));color:rgb(var(--ax-color-secondary-fore))}ax-button.ax-secondary-blank{color:rgb(var(--ax-color-secondary-500))}ax-button.ax-secondary-blank:is(ax-button.ax-secondary-blank:hover):not(.ax-state-disabled){color:rgb(var(--ax-color-secondary-600))}ax-button.ax-secondary-blank:is(ax-button.ax-secondary-blank:focus,ax-button.ax-secondary-blank:focus-within):not(.ax-state-disabled){background-color:rgb(var(--ax-color-secondary-100));color:rgb(var(--ax-color-secondary-500));outline-color:rgba(var(--ax-color-secondary-600))}ax-button.ax-secondary-blank:is(ax-button.ax-secondary-blank:active):not(.ax-state-disabled){color:rgb(var(--ax-color-secondary-500))}ax-button.ax-secondary-blank.ax-state-selected{background-color:rgb(var(--ax-color-secondary-100));color:rgb(var(--ax-color-secondary-500))}ax-button.ax-success-default{background-color:rgb(var(--ax-color-success-500));color:rgb(var(--ax-color-success-fore))}ax-button.ax-success-default:is(ax-button.ax-success-default:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-success-400))}ax-button.ax-success-default:is(ax-button.ax-success-default:focus,ax-button.ax-success-default:focus-within):not(.ax-state-disabled){background-color:rgba(var(--ax-color-success-600));outline-color:rgba(var(--ax-color-success-600))}ax-button.ax-success-default:is(ax-button.ax-success-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-success-500))}ax-button.ax-success-default.ax-state-selected{background-color:rgb(var(--ax-color-success-700))}ax-button.ax-success-outline{border:1px solid;border-color:rgb(var(--ax-color-success));color:rgb(var(--ax-color-success))}ax-button.ax-success-outline:is(ax-button.ax-success-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-success));background-color:rgba(var(--ax-color-success));color:rgba(var(--ax-color-success-fore))}ax-button.ax-success-outline:is(ax-button.ax-success-outline:focus,ax-button.ax-success-outline:focus-within):not(.ax-state-disabled){border-color:rgba(var(--ax-color-success-600));background-color:rgba(var(--ax-color-success-600));color:rgba(var(--ax-color-success-fore));outline-color:rgba(var(--ax-color-success-600))}ax-button.ax-success-outline:is(ax-button.ax-success-outline:active):not(.ax-state-disabled){border-color:rgba(var(--ax-color-success),.8);background-color:rgba(var(--ax-color-success),.9)}ax-button.ax-success-outline.ax-state-selected{background-color:rgb(var(--ax-color-success));color:rgb(var(--ax-color-success-fore))}ax-button.ax-success-blank{color:rgb(var(--ax-color-success-500))}ax-button.ax-success-blank:is(ax-button.ax-success-blank:hover):not(.ax-state-disabled){color:rgb(var(--ax-color-success-600))}ax-button.ax-success-blank:is(ax-button.ax-success-blank:focus,ax-button.ax-success-blank:focus-within):not(.ax-state-disabled){background-color:rgb(var(--ax-color-success-100));color:rgb(var(--ax-color-success-500));outline-color:rgba(var(--ax-color-success-600))}ax-button.ax-success-blank:is(ax-button.ax-success-blank:active):not(.ax-state-disabled){color:rgb(var(--ax-color-success-500))}ax-button.ax-success-blank.ax-state-selected{background-color:rgb(var(--ax-color-success-100));color:rgb(var(--ax-color-success-500))}ax-button.ax-warning-default{background-color:rgb(var(--ax-color-warning-500));color:rgb(var(--ax-color-warning-fore))}ax-button.ax-warning-default:is(ax-button.ax-warning-default:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning-400))}ax-button.ax-warning-default:is(ax-button.ax-warning-default:focus,ax-button.ax-warning-default:focus-within):not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning-600));outline-color:rgba(var(--ax-color-warning-600))}ax-button.ax-warning-default:is(ax-button.ax-warning-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning-500))}ax-button.ax-warning-default.ax-state-selected{background-color:rgb(var(--ax-color-warning-700))}ax-button.ax-warning-outline{border:1px solid;border-color:rgb(var(--ax-color-warning));color:rgb(var(--ax-color-warning))}ax-button.ax-warning-outline:is(ax-button.ax-warning-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-warning));background-color:rgba(var(--ax-color-warning));color:rgba(var(--ax-color-warning-fore))}ax-button.ax-warning-outline:is(ax-button.ax-warning-outline:focus,ax-button.ax-warning-outline:focus-within):not(.ax-state-disabled){border-color:rgba(var(--ax-color-warning-600));background-color:rgba(var(--ax-color-warning-600));color:rgba(var(--ax-color-warning-fore));outline-color:rgba(var(--ax-color-warning-600))}ax-button.ax-warning-outline:is(ax-button.ax-warning-outline:active):not(.ax-state-disabled){border-color:rgba(var(--ax-color-warning),.8);background-color:rgba(var(--ax-color-warning),.9)}ax-button.ax-warning-outline.ax-state-selected{background-color:rgb(var(--ax-color-warning));color:rgb(var(--ax-color-warning-fore))}ax-button.ax-warning-blank{color:rgb(var(--ax-color-warning-500))}ax-button.ax-warning-blank:is(ax-button.ax-warning-blank:hover):not(.ax-state-disabled){color:rgb(var(--ax-color-warning-600))}ax-button.ax-warning-blank:is(ax-button.ax-warning-blank:focus,ax-button.ax-warning-blank:focus-within):not(.ax-state-disabled){background-color:rgb(var(--ax-color-warning-100));color:rgb(var(--ax-color-warning-500));outline-color:rgba(var(--ax-color-warning-600))}ax-button.ax-warning-blank:is(ax-button.ax-warning-blank:active):not(.ax-state-disabled){color:rgb(var(--ax-color-warning-500))}ax-button.ax-warning-blank.ax-state-selected{background-color:rgb(var(--ax-color-warning-100));color:rgb(var(--ax-color-warning-500))}ax-button.ax-danger-default{background-color:rgb(var(--ax-color-danger-500));color:rgb(var(--ax-color-danger-fore))}ax-button.ax-danger-default:is(ax-button.ax-danger-default:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger-400))}ax-button.ax-danger-default:is(ax-button.ax-danger-default:focus,ax-button.ax-danger-default:focus-within):not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger-600));outline-color:rgba(var(--ax-color-danger-600))}ax-button.ax-danger-default:is(ax-button.ax-danger-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger-500))}ax-button.ax-danger-default.ax-state-selected{background-color:rgb(var(--ax-color-danger-700))}ax-button.ax-danger-outline{border:1px solid;border-color:rgb(var(--ax-color-danger));color:rgb(var(--ax-color-danger))}ax-button.ax-danger-outline:is(ax-button.ax-danger-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-danger));background-color:rgba(var(--ax-color-danger));color:rgba(var(--ax-color-danger-fore))}ax-button.ax-danger-outline:is(ax-button.ax-danger-outline:focus,ax-button.ax-danger-outline:focus-within):not(.ax-state-disabled){border-color:rgba(var(--ax-color-danger-600));background-color:rgba(var(--ax-color-danger-600));color:rgba(var(--ax-color-danger-fore));outline-color:rgba(var(--ax-color-danger-600))}ax-button.ax-danger-outline:is(ax-button.ax-danger-outline:active):not(.ax-state-disabled){border-color:rgba(var(--ax-color-danger),.8);background-color:rgba(var(--ax-color-danger),.9)}ax-button.ax-danger-outline.ax-state-selected{background-color:rgb(var(--ax-color-danger));color:rgb(var(--ax-color-danger-fore))}ax-button.ax-danger-blank{color:rgb(var(--ax-color-danger-500))}ax-button.ax-danger-blank:is(ax-button.ax-danger-blank:hover):not(.ax-state-disabled){color:rgb(var(--ax-color-danger-600))}ax-button.ax-danger-blank:is(ax-button.ax-danger-blank:focus,ax-button.ax-danger-blank:focus-within):not(.ax-state-disabled){background-color:rgb(var(--ax-color-danger-100));color:rgb(var(--ax-color-danger-500));outline-color:rgba(var(--ax-color-danger-600))}ax-button.ax-danger-blank:is(ax-button.ax-danger-blank:active):not(.ax-state-disabled){color:rgb(var(--ax-color-danger-500))}ax-button.ax-danger-blank.ax-state-selected{background-color:rgb(var(--ax-color-danger-100));color:rgb(var(--ax-color-danger-500))}ax-button:is(ax-button:focus,ax-button:focus-within):not(.ax-state-disabled){outline-offset:1px;outline-width:1px;outline-style:solid;outline-color:rgba(var(--ax-color-ghost),.16)}ax-button[class*=default]{box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}ax-button[class*=default]:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}ax-button.ax-sm.ax-button-icon *{font-size:1.25rem}ax-button.ax-lg.ax-button-icon *{font-size:1.25rem}ax-button.ax-button-icon{padding:0 .5rem;font-size:1rem;width:var(--ax-size-default);height:var(--ax-size-default)}ax-button.ax-state-disabled,ax-button.ax-state-loading{opacity:.5}ax-button.ax-state-disabled>button,ax-button.ax-state-loading>button{cursor:not-allowed}ax-button>button{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%;padding:0 1rem}ax-button>button:is(ax-button > button:focus,ax-button > button:focus-within){outline-color:transparent;outline:none}ax-button>button .ax-button-text{padding-left:.5rem;padding-right:.5rem;white-space:nowrap}ax-button.ax-ghost-default{background-color:rgba(var(--ax-color-surface));color:rgba(var(--ax-color-ghost),.87);border:1px solid;border-color:rgba(var(--ax-color-ghost),.16)}ax-button.ax-ghost-default:is(ax-button.ax-ghost-default:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-ghost),.16)}ax-button.ax-ghost-default:is(ax-button.ax-ghost-default:focus,ax-button.ax-ghost-default:focus-within):not(.ax-state-disabled){background-color:rgba(var(--ax-color-ghost),.08)}ax-button.ax-ghost-default:is(ax-button.ax-ghost-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-surface))}ax-button.ax-ghost-default.ax-state-selected{background:rgba(var(--ax-color-ghost),.2)}ax-button.ax-ghost-outline{border:1px solid;border-color:rgba(var(--ax-color-ghost),.08);color:rgba(var(--ax-color-ghost),.87)}ax-button.ax-ghost-outline:is(ax-button.ax-ghost-outline:hover):not(.ax-state-disabled){background:rgba(var(--ax-color-surface));border-color:rgba(var(--ax-color-ghost),.05)}ax-button.ax-ghost-outline:is(ax-button.ax-ghost-outline:focus,ax-button.ax-ghost-outline:focus-within):not(.ax-state-disabled){background-color:rgba(var(--ax-color-ghost),.08);border-color:rgba(var(--ax-color-ghost),.08)}ax-button.ax-ghost-outline:is(ax-button.ax-ghost-outline:active):not(.ax-state-disabled){background-color:transparent}ax-button.ax-ghost-outline.ax-state-selected{background:rgba(var(--ax-color-ghost),.08)}ax-button.ax-ghost-blank{color:rgba(var(--ax-color-ghost),.87)}ax-button.ax-ghost-blank:is(ax-button.ax-ghost-blank:hover):not(.ax-state-disabled){color:rgba(var(--ax-color-ghost))}ax-button.ax-ghost-blank:is(ax-button.ax-ghost-blank:focus,ax-button.ax-ghost-blank:focus-within):not(.ax-state-disabled){background:rgba(var(--ax-color-ghost),.08)}ax-button.ax-ghost-blank:is(ax-button.ax-ghost-blank:active):not(.ax-state-disabled){background-color:transparent}ax-button.ax-ghost-blank.ax-state-selected{background:rgba(var(--ax-color-ghost),.08)}ax-button-group{display:flex;border:1px solid;border-color:rgb(var(--ax-color-border-default));border-radius:var(--ax-rounded-border-default);width:-moz-fit-content;width:fit-content}ax-button-group ax-button{border-radius:0;border-inline-end:1px solid;border-color:rgb(var(--ax-color-border-default))}ax-button-group ax-button[class*=-link]:first-child,ax-button-group ax-button[class*=-link]:last-child{border-start-start-radius:0px;border-end-start-radius:0px;border-start-end-radius:0px;border-end-end-radius:0px}ax-button-group ax-button:not(:first-child):not(:last-child){border-inline-start-width:0px}ax-button-group ax-button: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:last-child{border-start-end-radius:var(--ax-rounded-border-default);border-end-end-radius:var(--ax-rounded-border-default);border-inline-end-width:0px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
44
44
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AXButtonComponent, decorators: [{
|
|
45
45
|
type: Component,
|
|
46
46
|
args: [{ selector: 'ax-button', inputs: [
|
|
@@ -66,7 +66,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
|
|
|
66
66
|
}, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [
|
|
67
67
|
{ provide: AXComponent, useExisting: AXButtonComponent },
|
|
68
68
|
{ provide: AXFocusableComponent, useExisting: AXButtonComponent },
|
|
69
|
-
], template: "<button [disabled]=\"disabled\" [attr.tabindex]=\"tabIndex\" \r\n (focus)=\"_emitOnFocusEvent($event)\" (blur)=\"_emitOnBlurEvent($event)\" [attr.type]=\"type\">\r\n <ng-content select=\"ax-prefix, ax-loading, ax-icon\">\r\n </ng-content>\r\n <span class=\"ax-button-text\" *ngIf=\"text\" >{{text}}</span>\r\n <ng-content select=\"ax-suffix\">\r\n </ng-content>\r\n <ng-content select=\"ax-dropdown-panel\">\r\n </ng-content>\r\n</button>", styles: [".ax-dark{box-shadow:0 1px 3px 1px #00000026,0 1px 2px #0000004d}.ax-dark ax-button[class*=default]{box-shadow:0 1px 3px 1px #00000026,0 1px 2px #0000004d}.ax-dark ax-button[class*=default]:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.ax-sm .ax-button-icon *{font-size:1rem}.ax-lg .ax-button-icon *{font-size:1.5rem}ax-button{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--ax-rounded-border-default);height:var(--ax-size-default);font-size:.875rem;cursor:pointer;transition:background-color .3s;position:relative}ax-button.ax-primary-default{background-color:rgb(var(--ax-color-primary-500));color:rgb(var(--ax-color-primary-fore))}ax-button.ax-primary-default:is(ax-button.ax-primary-default:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary-400))}ax-button.ax-primary-default:is(ax-button.ax-primary-default:focus,ax-button.ax-primary-default:focus-within):not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary-600))}ax-button.ax-primary-default:is(ax-button.ax-primary-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary-500))}ax-button.ax-primary-default.ax-state-selected{background-color:rgb(var(--ax-color-primary-700))}ax-button.ax-primary-outline{border:1px solid;border-color:rgb(var(--ax-color-primary));color:rgb(var(--ax-color-primary))}ax-button.ax-primary-outline:is(ax-button.ax-primary-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-primary));background-color:rgba(var(--ax-color-primary));color:rgba(var(--ax-color-primary-fore))}ax-button.ax-primary-outline:is(ax-button.ax-primary-outline:focus,ax-button.ax-primary-outline:focus-within):not(.ax-state-disabled){border-color:rgba(var(--ax-color-primary-600));background-color:rgba(var(--ax-color-primary-600));color:rgba(var(--ax-color-primary-fore))}ax-button.ax-primary-outline:is(ax-button.ax-primary-outline:active):not(.ax-state-disabled){border-color:rgba(var(--ax-color-primary),.8);background-color:rgba(var(--ax-color-primary),.9)}ax-button.ax-primary-outline.ax-state-selected{background-color:rgb(var(--ax-color-primary));color:rgb(var(--ax-color-primary-fore))}ax-button.ax-primary-blank{color:rgb(var(--ax-color-primary-500))}ax-button.ax-primary-blank:is(ax-button.ax-primary-blank:hover):not(.ax-state-disabled){color:rgb(var(--ax-color-primary-600))}ax-button.ax-primary-blank:is(ax-button.ax-primary-blank:focus,ax-button.ax-primary-blank:focus-within):not(.ax-state-disabled){background-color:rgb(var(--ax-color-primary-100));color:rgb(var(--ax-color-primary-500))}ax-button.ax-primary-blank:is(ax-button.ax-primary-blank:active):not(.ax-state-disabled){color:rgb(var(--ax-color-primary-500))}ax-button.ax-primary-blank.ax-state-selected{background-color:rgb(var(--ax-color-primary-100));color:rgb(var(--ax-color-primary-500))}ax-button.ax-secondary-default{background-color:rgb(var(--ax-color-secondary-500));color:rgb(var(--ax-color-secondary-fore))}ax-button.ax-secondary-default:is(ax-button.ax-secondary-default:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary-400))}ax-button.ax-secondary-default:is(ax-button.ax-secondary-default:focus,ax-button.ax-secondary-default:focus-within):not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary-600))}ax-button.ax-secondary-default:is(ax-button.ax-secondary-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary-500))}ax-button.ax-secondary-default.ax-state-selected{background-color:rgb(var(--ax-color-secondary-700))}ax-button.ax-secondary-outline{border:1px solid;border-color:rgb(var(--ax-color-secondary));color:rgb(var(--ax-color-secondary))}ax-button.ax-secondary-outline:is(ax-button.ax-secondary-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-secondary));background-color:rgba(var(--ax-color-secondary));color:rgba(var(--ax-color-secondary-fore))}ax-button.ax-secondary-outline:is(ax-button.ax-secondary-outline:focus,ax-button.ax-secondary-outline:focus-within):not(.ax-state-disabled){border-color:rgba(var(--ax-color-secondary-600));background-color:rgba(var(--ax-color-secondary-600));color:rgba(var(--ax-color-secondary-fore))}ax-button.ax-secondary-outline:is(ax-button.ax-secondary-outline:active):not(.ax-state-disabled){border-color:rgba(var(--ax-color-secondary),.8);background-color:rgba(var(--ax-color-secondary),.9)}ax-button.ax-secondary-outline.ax-state-selected{background-color:rgb(var(--ax-color-secondary));color:rgb(var(--ax-color-secondary-fore))}ax-button.ax-secondary-blank{color:rgb(var(--ax-color-secondary-500))}ax-button.ax-secondary-blank:is(ax-button.ax-secondary-blank:hover):not(.ax-state-disabled){color:rgb(var(--ax-color-secondary-600))}ax-button.ax-secondary-blank:is(ax-button.ax-secondary-blank:focus,ax-button.ax-secondary-blank:focus-within):not(.ax-state-disabled){background-color:rgb(var(--ax-color-secondary-100));color:rgb(var(--ax-color-secondary-500))}ax-button.ax-secondary-blank:is(ax-button.ax-secondary-blank:active):not(.ax-state-disabled){color:rgb(var(--ax-color-secondary-500))}ax-button.ax-secondary-blank.ax-state-selected{background-color:rgb(var(--ax-color-secondary-100));color:rgb(var(--ax-color-secondary-500))}ax-button.ax-success-default{background-color:rgb(var(--ax-color-success-500));color:rgb(var(--ax-color-success-fore))}ax-button.ax-success-default:is(ax-button.ax-success-default:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-success-400))}ax-button.ax-success-default:is(ax-button.ax-success-default:focus,ax-button.ax-success-default:focus-within):not(.ax-state-disabled){background-color:rgba(var(--ax-color-success-600))}ax-button.ax-success-default:is(ax-button.ax-success-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-success-500))}ax-button.ax-success-default.ax-state-selected{background-color:rgb(var(--ax-color-success-700))}ax-button.ax-success-outline{border:1px solid;border-color:rgb(var(--ax-color-success));color:rgb(var(--ax-color-success))}ax-button.ax-success-outline:is(ax-button.ax-success-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-success));background-color:rgba(var(--ax-color-success));color:rgba(var(--ax-color-success-fore))}ax-button.ax-success-outline:is(ax-button.ax-success-outline:focus,ax-button.ax-success-outline:focus-within):not(.ax-state-disabled){border-color:rgba(var(--ax-color-success-600));background-color:rgba(var(--ax-color-success-600));color:rgba(var(--ax-color-success-fore))}ax-button.ax-success-outline:is(ax-button.ax-success-outline:active):not(.ax-state-disabled){border-color:rgba(var(--ax-color-success),.8);background-color:rgba(var(--ax-color-success),.9)}ax-button.ax-success-outline.ax-state-selected{background-color:rgb(var(--ax-color-success));color:rgb(var(--ax-color-success-fore))}ax-button.ax-success-blank{color:rgb(var(--ax-color-success-500))}ax-button.ax-success-blank:is(ax-button.ax-success-blank:hover):not(.ax-state-disabled){color:rgb(var(--ax-color-success-600))}ax-button.ax-success-blank:is(ax-button.ax-success-blank:focus,ax-button.ax-success-blank:focus-within):not(.ax-state-disabled){background-color:rgb(var(--ax-color-success-100));color:rgb(var(--ax-color-success-500))}ax-button.ax-success-blank:is(ax-button.ax-success-blank:active):not(.ax-state-disabled){color:rgb(var(--ax-color-success-500))}ax-button.ax-success-blank.ax-state-selected{background-color:rgb(var(--ax-color-success-100));color:rgb(var(--ax-color-success-500))}ax-button.ax-warning-default{background-color:rgb(var(--ax-color-warning-500));color:rgb(var(--ax-color-warning-fore))}ax-button.ax-warning-default:is(ax-button.ax-warning-default:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning-400))}ax-button.ax-warning-default:is(ax-button.ax-warning-default:focus,ax-button.ax-warning-default:focus-within):not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning-600))}ax-button.ax-warning-default:is(ax-button.ax-warning-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning-500))}ax-button.ax-warning-default.ax-state-selected{background-color:rgb(var(--ax-color-warning-700))}ax-button.ax-warning-outline{border:1px solid;border-color:rgb(var(--ax-color-warning));color:rgb(var(--ax-color-warning))}ax-button.ax-warning-outline:is(ax-button.ax-warning-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-warning));background-color:rgba(var(--ax-color-warning));color:rgba(var(--ax-color-warning-fore))}ax-button.ax-warning-outline:is(ax-button.ax-warning-outline:focus,ax-button.ax-warning-outline:focus-within):not(.ax-state-disabled){border-color:rgba(var(--ax-color-warning-600));background-color:rgba(var(--ax-color-warning-600));color:rgba(var(--ax-color-warning-fore))}ax-button.ax-warning-outline:is(ax-button.ax-warning-outline:active):not(.ax-state-disabled){border-color:rgba(var(--ax-color-warning),.8);background-color:rgba(var(--ax-color-warning),.9)}ax-button.ax-warning-outline.ax-state-selected{background-color:rgb(var(--ax-color-warning));color:rgb(var(--ax-color-warning-fore))}ax-button.ax-warning-blank{color:rgb(var(--ax-color-warning-500))}ax-button.ax-warning-blank:is(ax-button.ax-warning-blank:hover):not(.ax-state-disabled){color:rgb(var(--ax-color-warning-600))}ax-button.ax-warning-blank:is(ax-button.ax-warning-blank:focus,ax-button.ax-warning-blank:focus-within):not(.ax-state-disabled){background-color:rgb(var(--ax-color-warning-100));color:rgb(var(--ax-color-warning-500))}ax-button.ax-warning-blank:is(ax-button.ax-warning-blank:active):not(.ax-state-disabled){color:rgb(var(--ax-color-warning-500))}ax-button.ax-warning-blank.ax-state-selected{background-color:rgb(var(--ax-color-warning-100));color:rgb(var(--ax-color-warning-500))}ax-button.ax-danger-default{background-color:rgb(var(--ax-color-danger-500));color:rgb(var(--ax-color-danger-fore))}ax-button.ax-danger-default:is(ax-button.ax-danger-default:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger-400))}ax-button.ax-danger-default:is(ax-button.ax-danger-default:focus,ax-button.ax-danger-default:focus-within):not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger-600))}ax-button.ax-danger-default:is(ax-button.ax-danger-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger-500))}ax-button.ax-danger-default.ax-state-selected{background-color:rgb(var(--ax-color-danger-700))}ax-button.ax-danger-outline{border:1px solid;border-color:rgb(var(--ax-color-danger));color:rgb(var(--ax-color-danger))}ax-button.ax-danger-outline:is(ax-button.ax-danger-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-danger));background-color:rgba(var(--ax-color-danger));color:rgba(var(--ax-color-danger-fore))}ax-button.ax-danger-outline:is(ax-button.ax-danger-outline:focus,ax-button.ax-danger-outline:focus-within):not(.ax-state-disabled){border-color:rgba(var(--ax-color-danger-600));background-color:rgba(var(--ax-color-danger-600));color:rgba(var(--ax-color-danger-fore))}ax-button.ax-danger-outline:is(ax-button.ax-danger-outline:active):not(.ax-state-disabled){border-color:rgba(var(--ax-color-danger),.8);background-color:rgba(var(--ax-color-danger),.9)}ax-button.ax-danger-outline.ax-state-selected{background-color:rgb(var(--ax-color-danger));color:rgb(var(--ax-color-danger-fore))}ax-button.ax-danger-blank{color:rgb(var(--ax-color-danger-500))}ax-button.ax-danger-blank:is(ax-button.ax-danger-blank:hover):not(.ax-state-disabled){color:rgb(var(--ax-color-danger-600))}ax-button.ax-danger-blank:is(ax-button.ax-danger-blank:focus,ax-button.ax-danger-blank:focus-within):not(.ax-state-disabled){background-color:rgb(var(--ax-color-danger-100));color:rgb(var(--ax-color-danger-500))}ax-button.ax-danger-blank:is(ax-button.ax-danger-blank:active):not(.ax-state-disabled){color:rgb(var(--ax-color-danger-500))}ax-button.ax-danger-blank.ax-state-selected{background-color:rgb(var(--ax-color-danger-100));color:rgb(var(--ax-color-danger-500))}ax-button[class*=default]{box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}ax-button[class*=default]:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}ax-button.ax-sm.ax-button-icon *{font-size:1.25rem}ax-button.ax-lg.ax-button-icon *{font-size:1.25rem}ax-button.ax-button-icon{padding:0 .5rem;font-size:1rem;width:var(--ax-size-default);height:var(--ax-size-default)}ax-button.ax-state-disabled,ax-button.ax-state-loading{opacity:.5}ax-button.ax-state-disabled>button,ax-button.ax-state-loading>button{cursor:not-allowed}ax-button>button{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%;padding:0 1rem}ax-button>button:is(ax-button > button:focus,ax-button > button:focus-within){outline-color:transparent;outline:none}ax-button>button .ax-button-text{padding-left:.5rem;padding-right:.5rem;white-space:nowrap}ax-button.ax-ghost-default{background-color:rgba(var(--ax-color-surface));color:rgba(var(--ax-color-ghost),.87);border:1px solid;border-color:rgba(var(--ax-color-ghost),.16)}ax-button.ax-ghost-default:is(ax-button.ax-ghost-default:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-ghost),.16)}ax-button.ax-ghost-default:is(ax-button.ax-ghost-default:focus,ax-button.ax-ghost-default:focus-within):not(.ax-state-disabled){background-color:rgba(var(--ax-color-ghost),.08)}ax-button.ax-ghost-default:is(ax-button.ax-ghost-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-surface))}ax-button.ax-ghost-default.ax-state-selected{background:rgba(var(--ax-color-ghost),.2)}ax-button.ax-ghost-outline{border:1px solid;border-color:rgba(var(--ax-color-ghost),.08);color:rgba(var(--ax-color-ghost),.87)}ax-button.ax-ghost-outline:is(ax-button.ax-ghost-outline:hover):not(.ax-state-disabled){background:rgba(var(--ax-color-surface));border-color:rgba(var(--ax-color-ghost),.05)}ax-button.ax-ghost-outline:is(ax-button.ax-ghost-outline:focus,ax-button.ax-ghost-outline:focus-within):not(.ax-state-disabled){background-color:rgba(var(--ax-color-ghost),.08);border-color:rgba(var(--ax-color-ghost),.08)}ax-button.ax-ghost-outline:is(ax-button.ax-ghost-outline:active):not(.ax-state-disabled){background-color:transparent}ax-button.ax-ghost-outline.ax-state-selected{background:rgba(var(--ax-color-ghost),.08)}ax-button.ax-ghost-blank{color:rgba(var(--ax-color-ghost),.87)}ax-button.ax-ghost-blank:is(ax-button.ax-ghost-blank:hover):not(.ax-state-disabled){color:rgba(var(--ax-color-ghost))}ax-button.ax-ghost-blank:is(ax-button.ax-ghost-blank:focus,ax-button.ax-ghost-blank:focus-within):not(.ax-state-disabled){background:rgba(var(--ax-color-ghost),.08)}ax-button.ax-ghost-blank:is(ax-button.ax-ghost-blank:active):not(.ax-state-disabled){background-color:transparent}ax-button.ax-ghost-blank.ax-state-selected{background:rgba(var(--ax-color-ghost),.08)}ax-button-group{display:flex;border:1px solid;border-color:rgb(var(--ax-color-border-default));border-radius:var(--ax-rounded-border-default);width:-moz-fit-content;width:fit-content}ax-button-group ax-button{border-radius:0;border-inline-end:1px solid;border-color:rgb(var(--ax-color-border-default))}ax-button-group ax-button[class*=-link]:first-child,ax-button-group ax-button[class*=-link]:last-child{border-start-start-radius:0px;border-end-start-radius:0px;border-start-end-radius:0px;border-end-end-radius:0px}ax-button-group ax-button:not(:first-child):not(:last-child){border-inline-start-width:0px}ax-button-group ax-button: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:last-child{border-start-end-radius:var(--ax-rounded-border-default);border-end-end-radius:var(--ax-rounded-border-default);border-inline-end-width:0px}\n"] }]
|
|
69
|
+
], template: "<button [disabled]=\"disabled\" [attr.tabindex]=\"tabIndex\" \r\n (focus)=\"_emitOnFocusEvent($event)\" (blur)=\"_emitOnBlurEvent($event)\" [attr.type]=\"type\">\r\n <ng-content select=\"ax-prefix, ax-loading, ax-icon\">\r\n </ng-content>\r\n <span class=\"ax-button-text\" *ngIf=\"text\" >{{text}}</span>\r\n <ng-content select=\"ax-suffix\">\r\n </ng-content>\r\n <ng-content select=\"ax-dropdown-panel\">\r\n </ng-content>\r\n</button>", styles: [".ax-dark{box-shadow:0 1px 3px 1px #00000026,0 1px 2px #0000004d}.ax-dark ax-button[class*=default]{box-shadow:0 1px 3px 1px #00000026,0 1px 2px #0000004d}.ax-dark ax-button[class*=default]:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.ax-sm .ax-button-icon *{font-size:1rem}.ax-lg .ax-button-icon *{font-size:1.5rem}ax-button{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--ax-rounded-border-default);height:var(--ax-size-default);font-size:.875rem;cursor:pointer;transition:background-color .3s;position:relative}ax-button.ax-primary-default{background-color:rgb(var(--ax-color-primary-500));color:rgb(var(--ax-color-primary-fore))}ax-button.ax-primary-default:is(ax-button.ax-primary-default:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary-400))}ax-button.ax-primary-default:is(ax-button.ax-primary-default:focus,ax-button.ax-primary-default:focus-within):not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary-600));outline-color:rgba(var(--ax-color-primary-600))}ax-button.ax-primary-default:is(ax-button.ax-primary-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary-500))}ax-button.ax-primary-default.ax-state-selected{background-color:rgb(var(--ax-color-primary-700))}ax-button.ax-primary-outline{border:1px solid;border-color:rgb(var(--ax-color-primary));color:rgb(var(--ax-color-primary))}ax-button.ax-primary-outline:is(ax-button.ax-primary-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-primary));background-color:rgba(var(--ax-color-primary));color:rgba(var(--ax-color-primary-fore))}ax-button.ax-primary-outline:is(ax-button.ax-primary-outline:focus,ax-button.ax-primary-outline:focus-within):not(.ax-state-disabled){border-color:rgba(var(--ax-color-primary-600));background-color:rgba(var(--ax-color-primary-600));color:rgba(var(--ax-color-primary-fore));outline-color:rgba(var(--ax-color-primary-600))}ax-button.ax-primary-outline:is(ax-button.ax-primary-outline:active):not(.ax-state-disabled){border-color:rgba(var(--ax-color-primary),.8);background-color:rgba(var(--ax-color-primary),.9)}ax-button.ax-primary-outline.ax-state-selected{background-color:rgb(var(--ax-color-primary));color:rgb(var(--ax-color-primary-fore))}ax-button.ax-primary-blank{color:rgb(var(--ax-color-primary-500))}ax-button.ax-primary-blank:is(ax-button.ax-primary-blank:hover):not(.ax-state-disabled){color:rgb(var(--ax-color-primary-600))}ax-button.ax-primary-blank:is(ax-button.ax-primary-blank:focus,ax-button.ax-primary-blank:focus-within):not(.ax-state-disabled){background-color:rgb(var(--ax-color-primary-100));color:rgb(var(--ax-color-primary-500));outline-color:rgba(var(--ax-color-primary-600))}ax-button.ax-primary-blank:is(ax-button.ax-primary-blank:active):not(.ax-state-disabled){color:rgb(var(--ax-color-primary-500))}ax-button.ax-primary-blank.ax-state-selected{background-color:rgb(var(--ax-color-primary-100));color:rgb(var(--ax-color-primary-500))}ax-button.ax-secondary-default{background-color:rgb(var(--ax-color-secondary-500));color:rgb(var(--ax-color-secondary-fore))}ax-button.ax-secondary-default:is(ax-button.ax-secondary-default:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary-400))}ax-button.ax-secondary-default:is(ax-button.ax-secondary-default:focus,ax-button.ax-secondary-default:focus-within):not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary-600));outline-color:rgba(var(--ax-color-secondary-600))}ax-button.ax-secondary-default:is(ax-button.ax-secondary-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary-500))}ax-button.ax-secondary-default.ax-state-selected{background-color:rgb(var(--ax-color-secondary-700))}ax-button.ax-secondary-outline{border:1px solid;border-color:rgb(var(--ax-color-secondary));color:rgb(var(--ax-color-secondary))}ax-button.ax-secondary-outline:is(ax-button.ax-secondary-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-secondary));background-color:rgba(var(--ax-color-secondary));color:rgba(var(--ax-color-secondary-fore))}ax-button.ax-secondary-outline:is(ax-button.ax-secondary-outline:focus,ax-button.ax-secondary-outline:focus-within):not(.ax-state-disabled){border-color:rgba(var(--ax-color-secondary-600));background-color:rgba(var(--ax-color-secondary-600));color:rgba(var(--ax-color-secondary-fore));outline-color:rgba(var(--ax-color-secondary-600))}ax-button.ax-secondary-outline:is(ax-button.ax-secondary-outline:active):not(.ax-state-disabled){border-color:rgba(var(--ax-color-secondary),.8);background-color:rgba(var(--ax-color-secondary),.9)}ax-button.ax-secondary-outline.ax-state-selected{background-color:rgb(var(--ax-color-secondary));color:rgb(var(--ax-color-secondary-fore))}ax-button.ax-secondary-blank{color:rgb(var(--ax-color-secondary-500))}ax-button.ax-secondary-blank:is(ax-button.ax-secondary-blank:hover):not(.ax-state-disabled){color:rgb(var(--ax-color-secondary-600))}ax-button.ax-secondary-blank:is(ax-button.ax-secondary-blank:focus,ax-button.ax-secondary-blank:focus-within):not(.ax-state-disabled){background-color:rgb(var(--ax-color-secondary-100));color:rgb(var(--ax-color-secondary-500));outline-color:rgba(var(--ax-color-secondary-600))}ax-button.ax-secondary-blank:is(ax-button.ax-secondary-blank:active):not(.ax-state-disabled){color:rgb(var(--ax-color-secondary-500))}ax-button.ax-secondary-blank.ax-state-selected{background-color:rgb(var(--ax-color-secondary-100));color:rgb(var(--ax-color-secondary-500))}ax-button.ax-success-default{background-color:rgb(var(--ax-color-success-500));color:rgb(var(--ax-color-success-fore))}ax-button.ax-success-default:is(ax-button.ax-success-default:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-success-400))}ax-button.ax-success-default:is(ax-button.ax-success-default:focus,ax-button.ax-success-default:focus-within):not(.ax-state-disabled){background-color:rgba(var(--ax-color-success-600));outline-color:rgba(var(--ax-color-success-600))}ax-button.ax-success-default:is(ax-button.ax-success-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-success-500))}ax-button.ax-success-default.ax-state-selected{background-color:rgb(var(--ax-color-success-700))}ax-button.ax-success-outline{border:1px solid;border-color:rgb(var(--ax-color-success));color:rgb(var(--ax-color-success))}ax-button.ax-success-outline:is(ax-button.ax-success-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-success));background-color:rgba(var(--ax-color-success));color:rgba(var(--ax-color-success-fore))}ax-button.ax-success-outline:is(ax-button.ax-success-outline:focus,ax-button.ax-success-outline:focus-within):not(.ax-state-disabled){border-color:rgba(var(--ax-color-success-600));background-color:rgba(var(--ax-color-success-600));color:rgba(var(--ax-color-success-fore));outline-color:rgba(var(--ax-color-success-600))}ax-button.ax-success-outline:is(ax-button.ax-success-outline:active):not(.ax-state-disabled){border-color:rgba(var(--ax-color-success),.8);background-color:rgba(var(--ax-color-success),.9)}ax-button.ax-success-outline.ax-state-selected{background-color:rgb(var(--ax-color-success));color:rgb(var(--ax-color-success-fore))}ax-button.ax-success-blank{color:rgb(var(--ax-color-success-500))}ax-button.ax-success-blank:is(ax-button.ax-success-blank:hover):not(.ax-state-disabled){color:rgb(var(--ax-color-success-600))}ax-button.ax-success-blank:is(ax-button.ax-success-blank:focus,ax-button.ax-success-blank:focus-within):not(.ax-state-disabled){background-color:rgb(var(--ax-color-success-100));color:rgb(var(--ax-color-success-500));outline-color:rgba(var(--ax-color-success-600))}ax-button.ax-success-blank:is(ax-button.ax-success-blank:active):not(.ax-state-disabled){color:rgb(var(--ax-color-success-500))}ax-button.ax-success-blank.ax-state-selected{background-color:rgb(var(--ax-color-success-100));color:rgb(var(--ax-color-success-500))}ax-button.ax-warning-default{background-color:rgb(var(--ax-color-warning-500));color:rgb(var(--ax-color-warning-fore))}ax-button.ax-warning-default:is(ax-button.ax-warning-default:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning-400))}ax-button.ax-warning-default:is(ax-button.ax-warning-default:focus,ax-button.ax-warning-default:focus-within):not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning-600));outline-color:rgba(var(--ax-color-warning-600))}ax-button.ax-warning-default:is(ax-button.ax-warning-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning-500))}ax-button.ax-warning-default.ax-state-selected{background-color:rgb(var(--ax-color-warning-700))}ax-button.ax-warning-outline{border:1px solid;border-color:rgb(var(--ax-color-warning));color:rgb(var(--ax-color-warning))}ax-button.ax-warning-outline:is(ax-button.ax-warning-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-warning));background-color:rgba(var(--ax-color-warning));color:rgba(var(--ax-color-warning-fore))}ax-button.ax-warning-outline:is(ax-button.ax-warning-outline:focus,ax-button.ax-warning-outline:focus-within):not(.ax-state-disabled){border-color:rgba(var(--ax-color-warning-600));background-color:rgba(var(--ax-color-warning-600));color:rgba(var(--ax-color-warning-fore));outline-color:rgba(var(--ax-color-warning-600))}ax-button.ax-warning-outline:is(ax-button.ax-warning-outline:active):not(.ax-state-disabled){border-color:rgba(var(--ax-color-warning),.8);background-color:rgba(var(--ax-color-warning),.9)}ax-button.ax-warning-outline.ax-state-selected{background-color:rgb(var(--ax-color-warning));color:rgb(var(--ax-color-warning-fore))}ax-button.ax-warning-blank{color:rgb(var(--ax-color-warning-500))}ax-button.ax-warning-blank:is(ax-button.ax-warning-blank:hover):not(.ax-state-disabled){color:rgb(var(--ax-color-warning-600))}ax-button.ax-warning-blank:is(ax-button.ax-warning-blank:focus,ax-button.ax-warning-blank:focus-within):not(.ax-state-disabled){background-color:rgb(var(--ax-color-warning-100));color:rgb(var(--ax-color-warning-500));outline-color:rgba(var(--ax-color-warning-600))}ax-button.ax-warning-blank:is(ax-button.ax-warning-blank:active):not(.ax-state-disabled){color:rgb(var(--ax-color-warning-500))}ax-button.ax-warning-blank.ax-state-selected{background-color:rgb(var(--ax-color-warning-100));color:rgb(var(--ax-color-warning-500))}ax-button.ax-danger-default{background-color:rgb(var(--ax-color-danger-500));color:rgb(var(--ax-color-danger-fore))}ax-button.ax-danger-default:is(ax-button.ax-danger-default:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger-400))}ax-button.ax-danger-default:is(ax-button.ax-danger-default:focus,ax-button.ax-danger-default:focus-within):not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger-600));outline-color:rgba(var(--ax-color-danger-600))}ax-button.ax-danger-default:is(ax-button.ax-danger-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger-500))}ax-button.ax-danger-default.ax-state-selected{background-color:rgb(var(--ax-color-danger-700))}ax-button.ax-danger-outline{border:1px solid;border-color:rgb(var(--ax-color-danger));color:rgb(var(--ax-color-danger))}ax-button.ax-danger-outline:is(ax-button.ax-danger-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-danger));background-color:rgba(var(--ax-color-danger));color:rgba(var(--ax-color-danger-fore))}ax-button.ax-danger-outline:is(ax-button.ax-danger-outline:focus,ax-button.ax-danger-outline:focus-within):not(.ax-state-disabled){border-color:rgba(var(--ax-color-danger-600));background-color:rgba(var(--ax-color-danger-600));color:rgba(var(--ax-color-danger-fore));outline-color:rgba(var(--ax-color-danger-600))}ax-button.ax-danger-outline:is(ax-button.ax-danger-outline:active):not(.ax-state-disabled){border-color:rgba(var(--ax-color-danger),.8);background-color:rgba(var(--ax-color-danger),.9)}ax-button.ax-danger-outline.ax-state-selected{background-color:rgb(var(--ax-color-danger));color:rgb(var(--ax-color-danger-fore))}ax-button.ax-danger-blank{color:rgb(var(--ax-color-danger-500))}ax-button.ax-danger-blank:is(ax-button.ax-danger-blank:hover):not(.ax-state-disabled){color:rgb(var(--ax-color-danger-600))}ax-button.ax-danger-blank:is(ax-button.ax-danger-blank:focus,ax-button.ax-danger-blank:focus-within):not(.ax-state-disabled){background-color:rgb(var(--ax-color-danger-100));color:rgb(var(--ax-color-danger-500));outline-color:rgba(var(--ax-color-danger-600))}ax-button.ax-danger-blank:is(ax-button.ax-danger-blank:active):not(.ax-state-disabled){color:rgb(var(--ax-color-danger-500))}ax-button.ax-danger-blank.ax-state-selected{background-color:rgb(var(--ax-color-danger-100));color:rgb(var(--ax-color-danger-500))}ax-button:is(ax-button:focus,ax-button:focus-within):not(.ax-state-disabled){outline-offset:1px;outline-width:1px;outline-style:solid;outline-color:rgba(var(--ax-color-ghost),.16)}ax-button[class*=default]{box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}ax-button[class*=default]:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}ax-button.ax-sm.ax-button-icon *{font-size:1.25rem}ax-button.ax-lg.ax-button-icon *{font-size:1.25rem}ax-button.ax-button-icon{padding:0 .5rem;font-size:1rem;width:var(--ax-size-default);height:var(--ax-size-default)}ax-button.ax-state-disabled,ax-button.ax-state-loading{opacity:.5}ax-button.ax-state-disabled>button,ax-button.ax-state-loading>button{cursor:not-allowed}ax-button>button{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%;padding:0 1rem}ax-button>button:is(ax-button > button:focus,ax-button > button:focus-within){outline-color:transparent;outline:none}ax-button>button .ax-button-text{padding-left:.5rem;padding-right:.5rem;white-space:nowrap}ax-button.ax-ghost-default{background-color:rgba(var(--ax-color-surface));color:rgba(var(--ax-color-ghost),.87);border:1px solid;border-color:rgba(var(--ax-color-ghost),.16)}ax-button.ax-ghost-default:is(ax-button.ax-ghost-default:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-ghost),.16)}ax-button.ax-ghost-default:is(ax-button.ax-ghost-default:focus,ax-button.ax-ghost-default:focus-within):not(.ax-state-disabled){background-color:rgba(var(--ax-color-ghost),.08)}ax-button.ax-ghost-default:is(ax-button.ax-ghost-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-surface))}ax-button.ax-ghost-default.ax-state-selected{background:rgba(var(--ax-color-ghost),.2)}ax-button.ax-ghost-outline{border:1px solid;border-color:rgba(var(--ax-color-ghost),.08);color:rgba(var(--ax-color-ghost),.87)}ax-button.ax-ghost-outline:is(ax-button.ax-ghost-outline:hover):not(.ax-state-disabled){background:rgba(var(--ax-color-surface));border-color:rgba(var(--ax-color-ghost),.05)}ax-button.ax-ghost-outline:is(ax-button.ax-ghost-outline:focus,ax-button.ax-ghost-outline:focus-within):not(.ax-state-disabled){background-color:rgba(var(--ax-color-ghost),.08);border-color:rgba(var(--ax-color-ghost),.08)}ax-button.ax-ghost-outline:is(ax-button.ax-ghost-outline:active):not(.ax-state-disabled){background-color:transparent}ax-button.ax-ghost-outline.ax-state-selected{background:rgba(var(--ax-color-ghost),.08)}ax-button.ax-ghost-blank{color:rgba(var(--ax-color-ghost),.87)}ax-button.ax-ghost-blank:is(ax-button.ax-ghost-blank:hover):not(.ax-state-disabled){color:rgba(var(--ax-color-ghost))}ax-button.ax-ghost-blank:is(ax-button.ax-ghost-blank:focus,ax-button.ax-ghost-blank:focus-within):not(.ax-state-disabled){background:rgba(var(--ax-color-ghost),.08)}ax-button.ax-ghost-blank:is(ax-button.ax-ghost-blank:active):not(.ax-state-disabled){background-color:transparent}ax-button.ax-ghost-blank.ax-state-selected{background:rgba(var(--ax-color-ghost),.08)}ax-button-group{display:flex;border:1px solid;border-color:rgb(var(--ax-color-border-default));border-radius:var(--ax-rounded-border-default);width:-moz-fit-content;width:fit-content}ax-button-group ax-button{border-radius:0;border-inline-end:1px solid;border-color:rgb(var(--ax-color-border-default))}ax-button-group ax-button[class*=-link]:first-child,ax-button-group ax-button[class*=-link]:last-child{border-start-start-radius:0px;border-end-start-radius:0px;border-start-end-radius:0px;border-end-end-radius:0px}ax-button-group ax-button:not(:first-child):not(:last-child){border-inline-start-width:0px}ax-button-group ax-button: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:last-child{border-start-end-radius:var(--ax-rounded-border-default);border-end-end-radius:var(--ax-rounded-border-default);border-inline-end-width:0px}\n"] }]
|
|
70
70
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { type: [{
|
|
71
71
|
type: Input
|
|
72
72
|
}], __hostClass: [{
|
|
@@ -7,9 +7,9 @@ export class AXFormFieldComponent extends AXBaseComponentMixin {
|
|
|
7
7
|
}
|
|
8
8
|
}
|
|
9
9
|
AXFormFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AXFormFieldComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
10
|
-
AXFormFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: AXFormFieldComponent, selector: "ax-form-field", host: { classAttribute: "ax-form-field" }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".ax-form-field{
|
|
10
|
+
AXFormFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: AXFormFieldComponent, selector: "ax-form-field", host: { classAttribute: "ax-form-field" }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".ax-form-field{position:relative}.ax-form-field ax-form-hint-text{font-size:.875rem;color:rgba(var(--ax-color-ghost),.6);margin-top:.5rem}.ax-form-field .ax-error-message{display:block;color:rgb(var(--ax-color-danger-500));font-size:.875rem;padding:.5rem 0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
11
11
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AXFormFieldComponent, decorators: [{
|
|
12
12
|
type: Component,
|
|
13
|
-
args: [{ selector: 'ax-form-field', template: '<ng-content></ng-content>', host: { class: 'ax-form-field' }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".ax-form-field{
|
|
13
|
+
args: [{ selector: 'ax-form-field', template: '<ng-content></ng-content>', host: { class: 'ax-form-field' }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".ax-form-field{position:relative}.ax-form-field ax-form-hint-text{font-size:.875rem;color:rgba(var(--ax-color-ghost),.6);margin-top:.5rem}.ax-form-field .ax-error-message{display:block;color:rgb(var(--ax-color-danger-500));font-size:.875rem;padding:.5rem 0}\n"] }]
|
|
14
14
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; } });
|
|
15
15
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS1maWVsZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hY29yZXgvY29tcG9uZW50cy9mb3JtL3NyYy9mb3JtLWZpZWxkLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUNoRSxPQUFPLEVBQ0wsdUJBQXVCLEVBRXZCLFNBQVMsRUFFVCxpQkFBaUIsR0FDbEIsTUFBTSxlQUFlLENBQUM7O0FBVXZCLE1BQU0sT0FBTyxvQkFBcUIsU0FBUSxvQkFBb0I7SUFDNUQsWUFBWSxVQUFzQixFQUFFLEdBQXNCO1FBQ3hELEtBQUssQ0FBQyxVQUFVLEVBQUUsR0FBRyxDQUFDLENBQUM7SUFDekIsQ0FBQzs7aUhBSFUsb0JBQW9CO3FHQUFwQixvQkFBb0IsdUhBTnJCLDJCQUEyQjsyRkFNMUIsb0JBQW9CO2tCQVJoQyxTQUFTOytCQUNFLGVBQWUsWUFDZiwyQkFBMkIsUUFFL0IsRUFBRSxLQUFLLEVBQUUsZUFBZSxFQUFFLGlCQUNqQixpQkFBaUIsQ0FBQyxJQUFJLG1CQUNwQix1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQVhCYXNlQ29tcG9uZW50TWl4aW4gfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvbWl4aW4nO1xyXG5pbXBvcnQge1xyXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxyXG4gIENoYW5nZURldGVjdG9yUmVmLFxyXG4gIENvbXBvbmVudCxcclxuICBFbGVtZW50UmVmLFxyXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxyXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdheC1mb3JtLWZpZWxkJyxcclxuICB0ZW1wbGF0ZTogJzxuZy1jb250ZW50PjwvbmctY29udGVudD4nLFxyXG4gIHN0eWxlVXJsczogWycuL2Zvcm0tZmllbGQuY29tcG9uZW50LnNjc3MnXSxcclxuICBob3N0OiB7IGNsYXNzOiAnYXgtZm9ybS1maWVsZCcgfSxcclxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxyXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgQVhGb3JtRmllbGRDb21wb25lbnQgZXh0ZW5kcyBBWEJhc2VDb21wb25lbnRNaXhpbiB7XHJcbiAgY29uc3RydWN0b3IoZWxlbWVudFJlZjogRWxlbWVudFJlZiwgY2RyOiBDaGFuZ2VEZXRlY3RvclJlZikge1xyXG4gICAgc3VwZXIoZWxlbWVudFJlZiwgY2RyKTtcclxuICB9XHJcbn1cclxuIl19
|
|
@@ -171,10 +171,10 @@ class AXAlertComponent extends AXBaseAlertMixin {
|
|
|
171
171
|
}
|
|
172
172
|
}
|
|
173
173
|
AXAlertComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AXAlertComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
174
|
-
AXAlertComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: AXAlertComponent, selector: "ax-alert", inputs: { color: "color", timeOut: "timeOut", visible: "visible" }, outputs: { onClosed: "onClosed" }, host: { properties: { "class": "this.__hostClass" } }, providers: [{ provide: AXClosbaleComponent, useExisting: AXAlertComponent }], queries: [{ propertyName: "_icon", first: true, predicate: AXDecoratorIconComponent, descendants: true }, { propertyName: "_content", first: true, predicate: AXDecoratorContentComponent, descendants: true }, { propertyName: "_footer", first: true, predicate: AXDecoratorFooterComponent, descendants: true }, { propertyName: "_buttons", predicate: AXButtonComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"ax-alert-inline-start\" [class.!ax-items-start]=\"_showInline\">\r\n <ng-content select=\"ax-icon\"></ng-content>\r\n</div>\r\n<div class=\"ax-alert-inline-middle\">\r\n <div class=\"ax-alert-block-start\">\r\n <div class=\"ax-alert-title\">\r\n <ng-content select=\"ax-title\"></ng-content>\r\n <ng-content select=\"ax-sub-title\"></ng-content>\r\n </div>\r\n </div>\r\n <div class=\"ax-alert-block-end\" [class.!ax-hidden]=\"!_showInline\">\r\n <ng-content select=\"ax-content\">\r\n </ng-content>\r\n <ng-content select=\"ax-footer\">\r\n </ng-content>\r\n </div>\r\n</div>\r\n<div class=\"ax-alert-inline-end\" [class.!ax-items-start]=\"_showInline\">\r\n <ng-content select=\"ax-button\"></ng-content>\r\n <ng-content select=\"ax-close-button\"></ng-content>\r\n</div>\r\n<div class=\"ax-alert-progress\" [style.animation-duration.ms]=\"timeOut\" *ngIf=\"timeOut\">\r\n</div>", styles: ["html.ax-dark ax-alert.ax-primary-default{background-color:rgb(var(--ax-color-primary-900))}html.ax-dark ax-alert.ax-primary-default .ax-alert-block-start ax-title,html.ax-dark ax-alert.ax-primary-default .ax-alert-block-start ax-sub-title{color:rgb(var(--ax-color-primary-50))}html.ax-dark ax-alert.ax-primary-default .ax-alert-block-end ax-content{color:rgb(var(--ax-color-primary-50))}html.ax-dark ax-alert.ax-primary-default .ax-alert-progress{background-color:rgb(var(--ax-color-primary-500))}html.ax-dark ax-alert.ax-secondary-default{background-color:rgb(var(--ax-color-secondary-900))}html.ax-dark ax-alert.ax-secondary-default .ax-alert-block-start ax-title,html.ax-dark ax-alert.ax-secondary-default .ax-alert-block-start ax-sub-title{color:rgb(var(--ax-color-secondary-50))}html.ax-dark ax-alert.ax-secondary-default .ax-alert-block-end ax-content{color:rgb(var(--ax-color-secondary-50))}html.ax-dark ax-alert.ax-secondary-default .ax-alert-progress{background-color:rgb(var(--ax-color-secondary-500))}html.ax-dark ax-alert.ax-success-default{background-color:rgb(var(--ax-color-success-900))}html.ax-dark ax-alert.ax-success-default .ax-alert-block-start ax-title,html.ax-dark ax-alert.ax-success-default .ax-alert-block-start ax-sub-title{color:rgb(var(--ax-color-success-50))}html.ax-dark ax-alert.ax-success-default .ax-alert-block-end ax-content{color:rgb(var(--ax-color-success-50))}html.ax-dark ax-alert.ax-success-default .ax-alert-progress{background-color:rgb(var(--ax-color-success-500))}html.ax-dark ax-alert.ax-warning-default{background-color:rgb(var(--ax-color-warning-900))}html.ax-dark ax-alert.ax-warning-default .ax-alert-block-start ax-title,html.ax-dark ax-alert.ax-warning-default .ax-alert-block-start ax-sub-title{color:rgb(var(--ax-color-warning-50))}html.ax-dark ax-alert.ax-warning-default .ax-alert-block-end ax-content{color:rgb(var(--ax-color-warning-50))}html.ax-dark ax-alert.ax-warning-default .ax-alert-progress{background-color:rgb(var(--ax-color-warning-500))}html.ax-dark ax-alert.ax-danger-default{background-color:rgb(var(--ax-color-danger-900))}html.ax-dark ax-alert.ax-danger-default .ax-alert-block-start ax-title,html.ax-dark ax-alert.ax-danger-default .ax-alert-block-start ax-sub-title{color:rgb(var(--ax-color-danger-50))}html.ax-dark ax-alert.ax-danger-default .ax-alert-block-end ax-content{color:rgb(var(--ax-color-danger-50))}html.ax-dark ax-alert.ax-danger-default .ax-alert-progress{background-color:rgb(var(--ax-color-danger-500))}ax-alert{position:relative;padding:1rem;border-radius:var(--ax-rounded-border-default);border:1px solid;font-size:.875rem;display:flex;gap:1rem;overflow:hidden}ax-alert.ax-state-hidden{visibility:hidden;opacity:0}ax-alert.ax-state-visible{visibility:visible;opacity:1}ax-alert .ax-alert-inline-middle{display:flex;flex-direction:column;justify-content:center;flex:1 1 0%}ax-alert .ax-alert-inline-start,ax-alert .ax-alert-inline-end{display:flex}ax-alert .ax-alert-inline-start{align-items:center}ax-alert .ax-alert-inline-start>ax-icon{width:2.25rem;height:2.25rem;border-radius:999rem;display:grid;place-items:center;font-size:1.5rem}ax-alert .ax-alert-inline-end{align-items:center}ax-alert .ax-alert-block-start{display:flex;align-items:center;justify-content:center}ax-alert .ax-alert-block-start .ax-alert-title{display:flex;flex-direction:column;flex:1}ax-alert .ax-alert-block-end{display:flex;flex-direction:column;gap:1rem;padding-top:.5rem}ax-alert .ax-alert-block-end ax-content{display:block;color:rgb(var(--ax-color-text-default))}ax-alert .ax-alert-block-end ax-footer{background-color:transparent}ax-alert .ax-alert-progress{width:0px;height:.25rem;position:absolute;inset-inline-start:0px;bottom:0;animation-duration:4s;animation-timing-function:linear;animation-name:progressBar}@keyframes progressBar{0%{width:100%}to{width:0%}}ax-alert
|
|
174
|
+
AXAlertComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: AXAlertComponent, selector: "ax-alert", inputs: { color: "color", timeOut: "timeOut", visible: "visible" }, outputs: { onClosed: "onClosed" }, host: { properties: { "class": "this.__hostClass" } }, providers: [{ provide: AXClosbaleComponent, useExisting: AXAlertComponent }], queries: [{ propertyName: "_icon", first: true, predicate: AXDecoratorIconComponent, descendants: true }, { propertyName: "_content", first: true, predicate: AXDecoratorContentComponent, descendants: true }, { propertyName: "_footer", first: true, predicate: AXDecoratorFooterComponent, descendants: true }, { propertyName: "_buttons", predicate: AXButtonComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"ax-alert-inline-start\" [class.!ax-items-start]=\"_showInline\">\r\n <ng-content select=\"ax-icon\"></ng-content>\r\n</div>\r\n<div class=\"ax-alert-inline-middle\">\r\n <div class=\"ax-alert-block-start\">\r\n <div class=\"ax-alert-title\">\r\n <ng-content select=\"ax-title\"></ng-content>\r\n <ng-content select=\"ax-sub-title\"></ng-content>\r\n </div>\r\n </div>\r\n <div class=\"ax-alert-block-end\" [class.!ax-hidden]=\"!_showInline\">\r\n <ng-content select=\"ax-content\">\r\n </ng-content>\r\n <ng-content select=\"ax-footer\">\r\n </ng-content>\r\n </div>\r\n</div>\r\n<div class=\"ax-alert-inline-end\" [class.!ax-items-start]=\"_showInline\">\r\n <ng-content select=\"ax-button\"></ng-content>\r\n <ng-content select=\"ax-close-button\"></ng-content>\r\n</div>\r\n<div class=\"ax-alert-progress\" [style.animation-duration.ms]=\"timeOut\" *ngIf=\"timeOut\">\r\n</div>", styles: ["html.ax-dark ax-alert.ax-primary-default{background-color:rgb(var(--ax-color-primary-900))}html.ax-dark ax-alert.ax-primary-default .ax-alert-block-start ax-title,html.ax-dark ax-alert.ax-primary-default .ax-alert-block-start ax-sub-title{color:rgb(var(--ax-color-primary-50))}html.ax-dark ax-alert.ax-primary-default .ax-alert-block-end ax-content{color:rgb(var(--ax-color-primary-50))}html.ax-dark ax-alert.ax-primary-default .ax-alert-progress{background-color:rgb(var(--ax-color-primary-500))}html.ax-dark ax-alert.ax-secondary-default{background-color:rgb(var(--ax-color-secondary-900))}html.ax-dark ax-alert.ax-secondary-default .ax-alert-block-start ax-title,html.ax-dark ax-alert.ax-secondary-default .ax-alert-block-start ax-sub-title{color:rgb(var(--ax-color-secondary-50))}html.ax-dark ax-alert.ax-secondary-default .ax-alert-block-end ax-content{color:rgb(var(--ax-color-secondary-50))}html.ax-dark ax-alert.ax-secondary-default .ax-alert-progress{background-color:rgb(var(--ax-color-secondary-500))}html.ax-dark ax-alert.ax-success-default{background-color:rgb(var(--ax-color-success-900))}html.ax-dark ax-alert.ax-success-default .ax-alert-block-start ax-title,html.ax-dark ax-alert.ax-success-default .ax-alert-block-start ax-sub-title{color:rgb(var(--ax-color-success-50))}html.ax-dark ax-alert.ax-success-default .ax-alert-block-end ax-content{color:rgb(var(--ax-color-success-50))}html.ax-dark ax-alert.ax-success-default .ax-alert-progress{background-color:rgb(var(--ax-color-success-500))}html.ax-dark ax-alert.ax-warning-default{background-color:rgb(var(--ax-color-warning-900))}html.ax-dark ax-alert.ax-warning-default .ax-alert-block-start ax-title,html.ax-dark ax-alert.ax-warning-default .ax-alert-block-start ax-sub-title{color:rgb(var(--ax-color-warning-50))}html.ax-dark ax-alert.ax-warning-default .ax-alert-block-end ax-content{color:rgb(var(--ax-color-warning-50))}html.ax-dark ax-alert.ax-warning-default .ax-alert-progress{background-color:rgb(var(--ax-color-warning-500))}html.ax-dark ax-alert.ax-danger-default{background-color:rgb(var(--ax-color-danger-900))}html.ax-dark ax-alert.ax-danger-default .ax-alert-block-start ax-title,html.ax-dark ax-alert.ax-danger-default .ax-alert-block-start ax-sub-title{color:rgb(var(--ax-color-danger-50))}html.ax-dark ax-alert.ax-danger-default .ax-alert-block-end ax-content{color:rgb(var(--ax-color-danger-50))}html.ax-dark ax-alert.ax-danger-default .ax-alert-progress{background-color:rgb(var(--ax-color-danger-500))}ax-alert{position:relative;padding:1rem;border-radius:var(--ax-rounded-border-default);border:1px solid;font-size:.875rem;display:flex;gap:1rem;overflow:hidden}ax-alert.ax-state-hidden{visibility:hidden;opacity:0}ax-alert.ax-state-visible{visibility:visible;opacity:1}ax-alert .ax-alert-inline-middle{display:flex;flex-direction:column;justify-content:center;flex:1 1 0%}ax-alert .ax-alert-inline-start,ax-alert .ax-alert-inline-end{display:flex}ax-alert .ax-alert-inline-start.ax-items-start,ax-alert .ax-alert-inline-end.ax-items-start{align-items:flex-start!important}ax-alert .ax-alert-inline-start{align-items:center}ax-alert .ax-alert-inline-start>ax-icon{width:2.25rem;height:2.25rem;border-radius:999rem;display:grid;place-items:center;font-size:1.5rem}ax-alert .ax-alert-inline-end{align-items:center}ax-alert .ax-alert-block-start{display:flex;align-items:center;justify-content:center}ax-alert .ax-alert-block-start .ax-alert-title{display:flex;flex-direction:column;flex:1}ax-alert .ax-alert-block-end{display:flex;flex-direction:column;gap:1rem;padding-top:.5rem}ax-alert .ax-alert-block-end.ax-hidden{display:none!important}ax-alert .ax-alert-block-end ax-content{display:block;color:rgb(var(--ax-color-text-default))}ax-alert .ax-alert-block-end ax-footer{background-color:transparent}ax-alert .ax-alert-progress{width:0px;height:.25rem;position:absolute;inset-inline-start:0px;bottom:0;animation-duration:4s;animation-timing-function:linear;animation-name:progressBar}@keyframes progressBar{0%{width:100%}to{width:0%}}ax-alert.ax-primary-default{background-color:rgb(var(--ax-color-primary-50));border-color:rgb(var(--ax-color-primary-500))}ax-alert.ax-primary-default .ax-alert-inline-start>ax-icon{background-color:rgb(var(--ax-color-primary-500));color:rgb(var(--ax-color-primary-50))}ax-alert.ax-primary-default .ax-alert-progress{background-color:rgb(var(--ax-color-primary-800))}ax-alert.ax-secondary-default{background-color:rgb(var(--ax-color-secondary-50));border-color:rgb(var(--ax-color-secondary-500))}ax-alert.ax-secondary-default .ax-alert-inline-start>ax-icon{background-color:rgb(var(--ax-color-secondary-500));color:rgb(var(--ax-color-secondary-50))}ax-alert.ax-secondary-default .ax-alert-progress{background-color:rgb(var(--ax-color-secondary-800))}ax-alert.ax-success-default{background-color:rgb(var(--ax-color-success-50));border-color:rgb(var(--ax-color-success-500))}ax-alert.ax-success-default .ax-alert-inline-start>ax-icon{background-color:rgb(var(--ax-color-success-500));color:rgb(var(--ax-color-success-50))}ax-alert.ax-success-default .ax-alert-progress{background-color:rgb(var(--ax-color-success-800))}ax-alert.ax-warning-default{background-color:rgb(var(--ax-color-warning-50));border-color:rgb(var(--ax-color-warning-500))}ax-alert.ax-warning-default .ax-alert-inline-start>ax-icon{background-color:rgb(var(--ax-color-warning-500));color:rgb(var(--ax-color-warning-50))}ax-alert.ax-warning-default .ax-alert-progress{background-color:rgb(var(--ax-color-warning-800))}ax-alert.ax-danger-default{background-color:rgb(var(--ax-color-danger-50));border-color:rgb(var(--ax-color-danger-500))}ax-alert.ax-danger-default .ax-alert-inline-start>ax-icon{background-color:rgb(var(--ax-color-danger-500));color:rgb(var(--ax-color-danger-50))}ax-alert.ax-danger-default .ax-alert-progress{background-color:rgb(var(--ax-color-danger-800))}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
175
175
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AXAlertComponent, decorators: [{
|
|
176
176
|
type: Component,
|
|
177
|
-
args: [{ selector: 'ax-alert', inputs: ['color'], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{ provide: AXClosbaleComponent, useExisting: AXAlertComponent }], template: "<div class=\"ax-alert-inline-start\" [class.!ax-items-start]=\"_showInline\">\r\n <ng-content select=\"ax-icon\"></ng-content>\r\n</div>\r\n<div class=\"ax-alert-inline-middle\">\r\n <div class=\"ax-alert-block-start\">\r\n <div class=\"ax-alert-title\">\r\n <ng-content select=\"ax-title\"></ng-content>\r\n <ng-content select=\"ax-sub-title\"></ng-content>\r\n </div>\r\n </div>\r\n <div class=\"ax-alert-block-end\" [class.!ax-hidden]=\"!_showInline\">\r\n <ng-content select=\"ax-content\">\r\n </ng-content>\r\n <ng-content select=\"ax-footer\">\r\n </ng-content>\r\n </div>\r\n</div>\r\n<div class=\"ax-alert-inline-end\" [class.!ax-items-start]=\"_showInline\">\r\n <ng-content select=\"ax-button\"></ng-content>\r\n <ng-content select=\"ax-close-button\"></ng-content>\r\n</div>\r\n<div class=\"ax-alert-progress\" [style.animation-duration.ms]=\"timeOut\" *ngIf=\"timeOut\">\r\n</div>", styles: ["html.ax-dark ax-alert.ax-primary-default{background-color:rgb(var(--ax-color-primary-900))}html.ax-dark ax-alert.ax-primary-default .ax-alert-block-start ax-title,html.ax-dark ax-alert.ax-primary-default .ax-alert-block-start ax-sub-title{color:rgb(var(--ax-color-primary-50))}html.ax-dark ax-alert.ax-primary-default .ax-alert-block-end ax-content{color:rgb(var(--ax-color-primary-50))}html.ax-dark ax-alert.ax-primary-default .ax-alert-progress{background-color:rgb(var(--ax-color-primary-500))}html.ax-dark ax-alert.ax-secondary-default{background-color:rgb(var(--ax-color-secondary-900))}html.ax-dark ax-alert.ax-secondary-default .ax-alert-block-start ax-title,html.ax-dark ax-alert.ax-secondary-default .ax-alert-block-start ax-sub-title{color:rgb(var(--ax-color-secondary-50))}html.ax-dark ax-alert.ax-secondary-default .ax-alert-block-end ax-content{color:rgb(var(--ax-color-secondary-50))}html.ax-dark ax-alert.ax-secondary-default .ax-alert-progress{background-color:rgb(var(--ax-color-secondary-500))}html.ax-dark ax-alert.ax-success-default{background-color:rgb(var(--ax-color-success-900))}html.ax-dark ax-alert.ax-success-default .ax-alert-block-start ax-title,html.ax-dark ax-alert.ax-success-default .ax-alert-block-start ax-sub-title{color:rgb(var(--ax-color-success-50))}html.ax-dark ax-alert.ax-success-default .ax-alert-block-end ax-content{color:rgb(var(--ax-color-success-50))}html.ax-dark ax-alert.ax-success-default .ax-alert-progress{background-color:rgb(var(--ax-color-success-500))}html.ax-dark ax-alert.ax-warning-default{background-color:rgb(var(--ax-color-warning-900))}html.ax-dark ax-alert.ax-warning-default .ax-alert-block-start ax-title,html.ax-dark ax-alert.ax-warning-default .ax-alert-block-start ax-sub-title{color:rgb(var(--ax-color-warning-50))}html.ax-dark ax-alert.ax-warning-default .ax-alert-block-end ax-content{color:rgb(var(--ax-color-warning-50))}html.ax-dark ax-alert.ax-warning-default .ax-alert-progress{background-color:rgb(var(--ax-color-warning-500))}html.ax-dark ax-alert.ax-danger-default{background-color:rgb(var(--ax-color-danger-900))}html.ax-dark ax-alert.ax-danger-default .ax-alert-block-start ax-title,html.ax-dark ax-alert.ax-danger-default .ax-alert-block-start ax-sub-title{color:rgb(var(--ax-color-danger-50))}html.ax-dark ax-alert.ax-danger-default .ax-alert-block-end ax-content{color:rgb(var(--ax-color-danger-50))}html.ax-dark ax-alert.ax-danger-default .ax-alert-progress{background-color:rgb(var(--ax-color-danger-500))}ax-alert{position:relative;padding:1rem;border-radius:var(--ax-rounded-border-default);border:1px solid;font-size:.875rem;display:flex;gap:1rem;overflow:hidden}ax-alert.ax-state-hidden{visibility:hidden;opacity:0}ax-alert.ax-state-visible{visibility:visible;opacity:1}ax-alert .ax-alert-inline-middle{display:flex;flex-direction:column;justify-content:center;flex:1 1 0%}ax-alert .ax-alert-inline-start,ax-alert .ax-alert-inline-end{display:flex}ax-alert .ax-alert-inline-start{align-items:center}ax-alert .ax-alert-inline-start>ax-icon{width:2.25rem;height:2.25rem;border-radius:999rem;display:grid;place-items:center;font-size:1.5rem}ax-alert .ax-alert-inline-end{align-items:center}ax-alert .ax-alert-block-start{display:flex;align-items:center;justify-content:center}ax-alert .ax-alert-block-start .ax-alert-title{display:flex;flex-direction:column;flex:1}ax-alert .ax-alert-block-end{display:flex;flex-direction:column;gap:1rem;padding-top:.5rem}ax-alert .ax-alert-block-end ax-content{display:block;color:rgb(var(--ax-color-text-default))}ax-alert .ax-alert-block-end ax-footer{background-color:transparent}ax-alert .ax-alert-progress{width:0px;height:.25rem;position:absolute;inset-inline-start:0px;bottom:0;animation-duration:4s;animation-timing-function:linear;animation-name:progressBar}@keyframes progressBar{0%{width:100%}to{width:0%}}ax-alert
|
|
177
|
+
args: [{ selector: 'ax-alert', inputs: ['color'], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{ provide: AXClosbaleComponent, useExisting: AXAlertComponent }], template: "<div class=\"ax-alert-inline-start\" [class.!ax-items-start]=\"_showInline\">\r\n <ng-content select=\"ax-icon\"></ng-content>\r\n</div>\r\n<div class=\"ax-alert-inline-middle\">\r\n <div class=\"ax-alert-block-start\">\r\n <div class=\"ax-alert-title\">\r\n <ng-content select=\"ax-title\"></ng-content>\r\n <ng-content select=\"ax-sub-title\"></ng-content>\r\n </div>\r\n </div>\r\n <div class=\"ax-alert-block-end\" [class.!ax-hidden]=\"!_showInline\">\r\n <ng-content select=\"ax-content\">\r\n </ng-content>\r\n <ng-content select=\"ax-footer\">\r\n </ng-content>\r\n </div>\r\n</div>\r\n<div class=\"ax-alert-inline-end\" [class.!ax-items-start]=\"_showInline\">\r\n <ng-content select=\"ax-button\"></ng-content>\r\n <ng-content select=\"ax-close-button\"></ng-content>\r\n</div>\r\n<div class=\"ax-alert-progress\" [style.animation-duration.ms]=\"timeOut\" *ngIf=\"timeOut\">\r\n</div>", styles: ["html.ax-dark ax-alert.ax-primary-default{background-color:rgb(var(--ax-color-primary-900))}html.ax-dark ax-alert.ax-primary-default .ax-alert-block-start ax-title,html.ax-dark ax-alert.ax-primary-default .ax-alert-block-start ax-sub-title{color:rgb(var(--ax-color-primary-50))}html.ax-dark ax-alert.ax-primary-default .ax-alert-block-end ax-content{color:rgb(var(--ax-color-primary-50))}html.ax-dark ax-alert.ax-primary-default .ax-alert-progress{background-color:rgb(var(--ax-color-primary-500))}html.ax-dark ax-alert.ax-secondary-default{background-color:rgb(var(--ax-color-secondary-900))}html.ax-dark ax-alert.ax-secondary-default .ax-alert-block-start ax-title,html.ax-dark ax-alert.ax-secondary-default .ax-alert-block-start ax-sub-title{color:rgb(var(--ax-color-secondary-50))}html.ax-dark ax-alert.ax-secondary-default .ax-alert-block-end ax-content{color:rgb(var(--ax-color-secondary-50))}html.ax-dark ax-alert.ax-secondary-default .ax-alert-progress{background-color:rgb(var(--ax-color-secondary-500))}html.ax-dark ax-alert.ax-success-default{background-color:rgb(var(--ax-color-success-900))}html.ax-dark ax-alert.ax-success-default .ax-alert-block-start ax-title,html.ax-dark ax-alert.ax-success-default .ax-alert-block-start ax-sub-title{color:rgb(var(--ax-color-success-50))}html.ax-dark ax-alert.ax-success-default .ax-alert-block-end ax-content{color:rgb(var(--ax-color-success-50))}html.ax-dark ax-alert.ax-success-default .ax-alert-progress{background-color:rgb(var(--ax-color-success-500))}html.ax-dark ax-alert.ax-warning-default{background-color:rgb(var(--ax-color-warning-900))}html.ax-dark ax-alert.ax-warning-default .ax-alert-block-start ax-title,html.ax-dark ax-alert.ax-warning-default .ax-alert-block-start ax-sub-title{color:rgb(var(--ax-color-warning-50))}html.ax-dark ax-alert.ax-warning-default .ax-alert-block-end ax-content{color:rgb(var(--ax-color-warning-50))}html.ax-dark ax-alert.ax-warning-default .ax-alert-progress{background-color:rgb(var(--ax-color-warning-500))}html.ax-dark ax-alert.ax-danger-default{background-color:rgb(var(--ax-color-danger-900))}html.ax-dark ax-alert.ax-danger-default .ax-alert-block-start ax-title,html.ax-dark ax-alert.ax-danger-default .ax-alert-block-start ax-sub-title{color:rgb(var(--ax-color-danger-50))}html.ax-dark ax-alert.ax-danger-default .ax-alert-block-end ax-content{color:rgb(var(--ax-color-danger-50))}html.ax-dark ax-alert.ax-danger-default .ax-alert-progress{background-color:rgb(var(--ax-color-danger-500))}ax-alert{position:relative;padding:1rem;border-radius:var(--ax-rounded-border-default);border:1px solid;font-size:.875rem;display:flex;gap:1rem;overflow:hidden}ax-alert.ax-state-hidden{visibility:hidden;opacity:0}ax-alert.ax-state-visible{visibility:visible;opacity:1}ax-alert .ax-alert-inline-middle{display:flex;flex-direction:column;justify-content:center;flex:1 1 0%}ax-alert .ax-alert-inline-start,ax-alert .ax-alert-inline-end{display:flex}ax-alert .ax-alert-inline-start.ax-items-start,ax-alert .ax-alert-inline-end.ax-items-start{align-items:flex-start!important}ax-alert .ax-alert-inline-start{align-items:center}ax-alert .ax-alert-inline-start>ax-icon{width:2.25rem;height:2.25rem;border-radius:999rem;display:grid;place-items:center;font-size:1.5rem}ax-alert .ax-alert-inline-end{align-items:center}ax-alert .ax-alert-block-start{display:flex;align-items:center;justify-content:center}ax-alert .ax-alert-block-start .ax-alert-title{display:flex;flex-direction:column;flex:1}ax-alert .ax-alert-block-end{display:flex;flex-direction:column;gap:1rem;padding-top:.5rem}ax-alert .ax-alert-block-end.ax-hidden{display:none!important}ax-alert .ax-alert-block-end ax-content{display:block;color:rgb(var(--ax-color-text-default))}ax-alert .ax-alert-block-end ax-footer{background-color:transparent}ax-alert .ax-alert-progress{width:0px;height:.25rem;position:absolute;inset-inline-start:0px;bottom:0;animation-duration:4s;animation-timing-function:linear;animation-name:progressBar}@keyframes progressBar{0%{width:100%}to{width:0%}}ax-alert.ax-primary-default{background-color:rgb(var(--ax-color-primary-50));border-color:rgb(var(--ax-color-primary-500))}ax-alert.ax-primary-default .ax-alert-inline-start>ax-icon{background-color:rgb(var(--ax-color-primary-500));color:rgb(var(--ax-color-primary-50))}ax-alert.ax-primary-default .ax-alert-progress{background-color:rgb(var(--ax-color-primary-800))}ax-alert.ax-secondary-default{background-color:rgb(var(--ax-color-secondary-50));border-color:rgb(var(--ax-color-secondary-500))}ax-alert.ax-secondary-default .ax-alert-inline-start>ax-icon{background-color:rgb(var(--ax-color-secondary-500));color:rgb(var(--ax-color-secondary-50))}ax-alert.ax-secondary-default .ax-alert-progress{background-color:rgb(var(--ax-color-secondary-800))}ax-alert.ax-success-default{background-color:rgb(var(--ax-color-success-50));border-color:rgb(var(--ax-color-success-500))}ax-alert.ax-success-default .ax-alert-inline-start>ax-icon{background-color:rgb(var(--ax-color-success-500));color:rgb(var(--ax-color-success-50))}ax-alert.ax-success-default .ax-alert-progress{background-color:rgb(var(--ax-color-success-800))}ax-alert.ax-warning-default{background-color:rgb(var(--ax-color-warning-50));border-color:rgb(var(--ax-color-warning-500))}ax-alert.ax-warning-default .ax-alert-inline-start>ax-icon{background-color:rgb(var(--ax-color-warning-500));color:rgb(var(--ax-color-warning-50))}ax-alert.ax-warning-default .ax-alert-progress{background-color:rgb(var(--ax-color-warning-800))}ax-alert.ax-danger-default{background-color:rgb(var(--ax-color-danger-50));border-color:rgb(var(--ax-color-danger-500))}ax-alert.ax-danger-default .ax-alert-inline-start>ax-icon{background-color:rgb(var(--ax-color-danger-500));color:rgb(var(--ax-color-danger-50))}ax-alert.ax-danger-default .ax-alert-progress{background-color:rgb(var(--ax-color-danger-800))}\n"] }]
|
|
178
178
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { _icon: [{
|
|
179
179
|
type: ContentChild,
|
|
180
180
|
args: [AXDecoratorIconComponent]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"acorex-components-alert.mjs","sources":["../../../../projects/acorex/components/alert/src/alert-button.directive.ts","../../../../projects/acorex/components/alert/src/alert.component.ts","../../../../projects/acorex/components/alert/src/alert.component.html","../../../../projects/acorex/components/alert/src/alert.module.ts","../../../../projects/acorex/components/alert/acorex-components-alert.ts"],"sourcesContent":["import { Directive, Input } from '@angular/core';\r\n\r\n@Directive({ selector: '[ax-alert-button]' })\r\nexport class AXAlertButtonDirective {\r\n\r\n\r\n @Input()\r\n text: string = \"Button\";\r\n\r\n @Input()\r\n look: 'default' | 'blank' = \"default\";\r\n\r\n constructor() { }\r\n}","import { AXButtonComponent } from '@acorex/components/button';\r\nimport { AXDecoratorContentComponent, AXDecoratorFooterComponent, AXDecoratorIconComponent } from '@acorex/components/decorators';\r\nimport {\r\n Component,\r\n ViewEncapsulation,\r\n ChangeDetectionStrategy,\r\n ElementRef,\r\n ChangeDetectorRef,\r\n Input,\r\n HostBinding,\r\n ContentChild,\r\n EventEmitter,\r\n Output,\r\n QueryList,\r\n ContentChildren,\r\n} from '@angular/core';\r\nimport { startWith } from 'rxjs/operators';\r\nimport { AXClosbaleComponent, AXEvent } from '@acorex/components/common';\r\nimport {\r\n AXBaseComponent,\r\n AXComponentOptionChanged,\r\n _ColorLookComponentMixin,\r\n} from '@acorex/components/mixin';\r\n\r\nexport const AXBaseAlertMixin = _ColorLookComponentMixin(AXBaseComponent);\r\n\r\n/**\r\n * Regular description\r\n *\r\n * @category Components\r\n */\r\n@Component({\r\n selector: 'ax-alert',\r\n templateUrl: './alert.component.html',\r\n styleUrls: ['./alert.component.scss'],\r\n inputs: ['color'],\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n encapsulation: ViewEncapsulation.None,\r\n providers: [{ provide: AXClosbaleComponent, useExisting: AXAlertComponent }]\r\n})\r\nexport class AXAlertComponent extends AXBaseAlertMixin {\r\n\r\n @ContentChild(AXDecoratorIconComponent)\r\n private _icon!: AXDecoratorIconComponent;\r\n\r\n @ContentChildren(AXButtonComponent, { descendants: true })\r\n private _buttons!: QueryList<AXButtonComponent>;\r\n\r\n\r\n @ContentChild(AXDecoratorContentComponent)\r\n protected _content!: AXButtonComponent;\r\n\r\n @ContentChild(AXDecoratorFooterComponent)\r\n protected _footer!: AXButtonComponent;\r\n\r\n protected _showInline: boolean = false;\r\n\r\n\r\n @Output()\r\n onClosed: EventEmitter<AXEvent> = new EventEmitter<AXEvent>();\r\n\r\n\r\n private _customIcon: string;\r\n private _timeOutRef: number;\r\n\r\n /**\r\n * @ignore\r\n */\r\n @HostBinding('class')\r\n get __hostClass(): string {\r\n const _class = this.look\r\n ? `ax-${this.color}-${this.look}`\r\n : `ax-${this.color}-default`;\r\n return `ax-alert ax-none ${_class}`;\r\n }\r\n\r\n\r\n private _timeOut: number;\r\n @Input()\r\n public get timeOut(): number {\r\n return this._timeOut;\r\n }\r\n public set timeOut(v: number) {\r\n if (v != this._timeOut) {\r\n clearTimeout(this._timeOutRef);\r\n this._timeOut = v;\r\n if (v) {\r\n this._timeOutRef = window.setTimeout(() => {\r\n this.close();\r\n }, this.timeOut);\r\n }\r\n }\r\n }\r\n\r\n private _observer: MutationObserver;\r\n\r\n protected _visible: boolean;\r\n /**\r\n * set the visibility of the Alert\r\n */\r\n @Input()\r\n public get visible(): boolean {\r\n return this._visible;\r\n }\r\n public set visible(v: boolean) {\r\n if (this._visible != v) {\r\n this._visible = v;\r\n const host = this._getHostElement();\r\n if (v) {\r\n host.classList.remove('ax-state-hidden');\r\n host.classList.add('ax-state-visible');\r\n } else {\r\n host.classList.add('ax-state-hidden');\r\n host.classList.toggle('ax-state-visible');\r\n }\r\n }\r\n }\r\n\r\n /**\r\n * @ignore\r\n */\r\n constructor(\r\n elementRef: ElementRef,\r\n cdr: ChangeDetectorRef\r\n ) {\r\n super(elementRef, cdr);\r\n //\r\n const config = { attributes: false, childList: true, subtree: true };\r\n\r\n const callback = (mutationList, observer) => {\r\n for (const mutation of mutationList) {\r\n if (mutation.type === 'childList') {\r\n this._setIcon();\r\n this._applyButtonStyle();\r\n this._showInline = (this._content != null) || (this._footer != null);\r\n this._cdr.markForCheck();\r\n }\r\n }\r\n };\r\n\r\n // Create an observer instance linked to the callback function\r\n this._observer = new MutationObserver(callback);\r\n\r\n // Start observing the target node for configured mutations\r\n this._observer.observe(this._getHostElement(), config);\r\n }\r\n\r\n\r\n onViewInit() {\r\n if (this.visible == undefined) {\r\n this.visible = true;\r\n }\r\n //\r\n this._customIcon = this._icon?.icon;\r\n this._showInline = this._content != null || this._footer != null;\r\n }\r\n\r\n override _onOptionChanged(option: AXComponentOptionChanged) {\r\n this._setIcon();\r\n this._applyButtonStyle();\r\n }\r\n\r\n private _setIcon() {\r\n if (!this._icon) return;\r\n switch (this.color) {\r\n case 'success':\r\n this._icon.icon = 'ax-icon ax-icon-done';\r\n break;\r\n case 'danger':\r\n this._icon.icon = 'ax-icon ax-icon-error-fill';\r\n break;\r\n case 'warning':\r\n this._icon.icon = 'ax-icon ax-icon-warning-fill';\r\n break;\r\n default:\r\n this._icon.icon = this._customIcon || 'ax-icon ax-icon-done';\r\n break;\r\n }\r\n }\r\n\r\n\r\n private _applyButtonStyle() {\r\n this._buttons?.forEach((c: any) => {\r\n c.color = this.color;\r\n c._getHostElement().classList.add('ax-sm');\r\n c.look = !c.look || c.look == 'default' ? 'default' : 'blank';\r\n });\r\n }\r\n\r\n /**\r\n * Remove the alert from the container\r\n */\r\n close(): void {\r\n const host = this._getHostElement();\r\n this.visible = false;\r\n const func = () => {\r\n host.parentElement?.removeChild(host);\r\n this.onClosed.emit({\r\n component: this,\r\n });\r\n host.removeEventListener('transitionend', func);\r\n };\r\n host.addEventListener('transitionend', func);\r\n }\r\n\r\n /**\r\n * Hide the alert\r\n */\r\n hide(): void {\r\n this.visible = false;\r\n }\r\n\r\n /**\r\n * Show the alert\r\n */\r\n show() {\r\n this.visible = true;\r\n }\r\n\r\n\r\n onDestroy(): void {\r\n this._observer?.disconnect();\r\n }\r\n\r\n\r\n\r\n}\r\n","<div class=\"ax-alert-inline-start\" [class.!ax-items-start]=\"_showInline\">\r\n <ng-content select=\"ax-icon\"></ng-content>\r\n</div>\r\n<div class=\"ax-alert-inline-middle\">\r\n <div class=\"ax-alert-block-start\">\r\n <div class=\"ax-alert-title\">\r\n <ng-content select=\"ax-title\"></ng-content>\r\n <ng-content select=\"ax-sub-title\"></ng-content>\r\n </div>\r\n </div>\r\n <div class=\"ax-alert-block-end\" [class.!ax-hidden]=\"!_showInline\">\r\n <ng-content select=\"ax-content\">\r\n </ng-content>\r\n <ng-content select=\"ax-footer\">\r\n </ng-content>\r\n </div>\r\n</div>\r\n<div class=\"ax-alert-inline-end\" [class.!ax-items-start]=\"_showInline\">\r\n <ng-content select=\"ax-button\"></ng-content>\r\n <ng-content select=\"ax-close-button\"></ng-content>\r\n</div>\r\n<div class=\"ax-alert-progress\" [style.animation-duration.ms]=\"timeOut\" *ngIf=\"timeOut\">\r\n</div>","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { AXDecoratorModule } from '@acorex/components/decorators';\r\nimport { AXAlertComponent } from './alert.component';\r\nimport { AXAlertButtonDirective } from './alert-button.directive';\r\n\r\nconst COMPONENT = [AXAlertComponent, AXAlertButtonDirective];\r\nconst MODULES = [CommonModule, AXDecoratorModule];\r\n\r\n@NgModule({\r\n declarations: [...COMPONENT],\r\n imports: [...MODULES],\r\n exports: [...COMPONENT],\r\n providers: [],\r\n})\r\nexport class AXAlertModule { }\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"acorex-components-alert.mjs","sources":["../../../../projects/acorex/components/alert/src/alert-button.directive.ts","../../../../projects/acorex/components/alert/src/alert.component.ts","../../../../projects/acorex/components/alert/src/alert.component.html","../../../../projects/acorex/components/alert/src/alert.module.ts","../../../../projects/acorex/components/alert/acorex-components-alert.ts"],"sourcesContent":["import { Directive, Input } from '@angular/core';\r\n\r\n@Directive({ selector: '[ax-alert-button]' })\r\nexport class AXAlertButtonDirective {\r\n\r\n\r\n @Input()\r\n text: string = \"Button\";\r\n\r\n @Input()\r\n look: 'default' | 'blank' = \"default\";\r\n\r\n constructor() { }\r\n}","import { AXButtonComponent } from '@acorex/components/button';\r\nimport { AXDecoratorContentComponent, AXDecoratorFooterComponent, AXDecoratorIconComponent } from '@acorex/components/decorators';\r\nimport {\r\n Component,\r\n ViewEncapsulation,\r\n ChangeDetectionStrategy,\r\n ElementRef,\r\n ChangeDetectorRef,\r\n Input,\r\n HostBinding,\r\n ContentChild,\r\n EventEmitter,\r\n Output,\r\n QueryList,\r\n ContentChildren,\r\n} from '@angular/core';\r\nimport { startWith } from 'rxjs/operators';\r\nimport { AXClosbaleComponent, AXEvent } from '@acorex/components/common';\r\nimport {\r\n AXBaseComponent,\r\n AXComponentOptionChanged,\r\n _ColorLookComponentMixin,\r\n} from '@acorex/components/mixin';\r\n\r\nexport const AXBaseAlertMixin = _ColorLookComponentMixin(AXBaseComponent);\r\n\r\n/**\r\n * Regular description\r\n *\r\n * @category Components\r\n */\r\n@Component({\r\n selector: 'ax-alert',\r\n templateUrl: './alert.component.html',\r\n styleUrls: ['./alert.component.scss'],\r\n inputs: ['color'],\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n encapsulation: ViewEncapsulation.None,\r\n providers: [{ provide: AXClosbaleComponent, useExisting: AXAlertComponent }]\r\n})\r\nexport class AXAlertComponent extends AXBaseAlertMixin {\r\n\r\n @ContentChild(AXDecoratorIconComponent)\r\n private _icon!: AXDecoratorIconComponent;\r\n\r\n @ContentChildren(AXButtonComponent, { descendants: true })\r\n private _buttons!: QueryList<AXButtonComponent>;\r\n\r\n\r\n @ContentChild(AXDecoratorContentComponent)\r\n protected _content!: AXButtonComponent;\r\n\r\n @ContentChild(AXDecoratorFooterComponent)\r\n protected _footer!: AXButtonComponent;\r\n\r\n protected _showInline: boolean = false;\r\n\r\n\r\n @Output()\r\n onClosed: EventEmitter<AXEvent> = new EventEmitter<AXEvent>();\r\n\r\n\r\n private _customIcon: string;\r\n private _timeOutRef: number;\r\n\r\n /**\r\n * @ignore\r\n */\r\n @HostBinding('class')\r\n get __hostClass(): string {\r\n const _class = this.look\r\n ? `ax-${this.color}-${this.look}`\r\n : `ax-${this.color}-default`;\r\n return `ax-alert ax-none ${_class}`;\r\n }\r\n\r\n\r\n private _timeOut: number;\r\n @Input()\r\n public get timeOut(): number {\r\n return this._timeOut;\r\n }\r\n public set timeOut(v: number) {\r\n if (v != this._timeOut) {\r\n clearTimeout(this._timeOutRef);\r\n this._timeOut = v;\r\n if (v) {\r\n this._timeOutRef = window.setTimeout(() => {\r\n this.close();\r\n }, this.timeOut);\r\n }\r\n }\r\n }\r\n\r\n private _observer: MutationObserver;\r\n\r\n protected _visible: boolean;\r\n /**\r\n * set the visibility of the Alert\r\n */\r\n @Input()\r\n public get visible(): boolean {\r\n return this._visible;\r\n }\r\n public set visible(v: boolean) {\r\n if (this._visible != v) {\r\n this._visible = v;\r\n const host = this._getHostElement();\r\n if (v) {\r\n host.classList.remove('ax-state-hidden');\r\n host.classList.add('ax-state-visible');\r\n } else {\r\n host.classList.add('ax-state-hidden');\r\n host.classList.toggle('ax-state-visible');\r\n }\r\n }\r\n }\r\n\r\n /**\r\n * @ignore\r\n */\r\n constructor(\r\n elementRef: ElementRef,\r\n cdr: ChangeDetectorRef\r\n ) {\r\n super(elementRef, cdr);\r\n //\r\n const config = { attributes: false, childList: true, subtree: true };\r\n\r\n const callback = (mutationList, observer) => {\r\n for (const mutation of mutationList) {\r\n if (mutation.type === 'childList') {\r\n this._setIcon();\r\n this._applyButtonStyle();\r\n this._showInline = (this._content != null) || (this._footer != null);\r\n this._cdr.markForCheck();\r\n }\r\n }\r\n };\r\n\r\n // Create an observer instance linked to the callback function\r\n this._observer = new MutationObserver(callback);\r\n\r\n // Start observing the target node for configured mutations\r\n this._observer.observe(this._getHostElement(), config);\r\n }\r\n\r\n\r\n onViewInit() {\r\n if (this.visible == undefined) {\r\n this.visible = true;\r\n }\r\n //\r\n this._customIcon = this._icon?.icon;\r\n this._showInline = this._content != null || this._footer != null;\r\n }\r\n\r\n override _onOptionChanged(option: AXComponentOptionChanged) {\r\n this._setIcon();\r\n this._applyButtonStyle();\r\n }\r\n\r\n private _setIcon() {\r\n if (!this._icon) return;\r\n switch (this.color) {\r\n case 'success':\r\n this._icon.icon = 'ax-icon ax-icon-done';\r\n break;\r\n case 'danger':\r\n this._icon.icon = 'ax-icon ax-icon-error-fill';\r\n break;\r\n case 'warning':\r\n this._icon.icon = 'ax-icon ax-icon-warning-fill';\r\n break;\r\n default:\r\n this._icon.icon = this._customIcon || 'ax-icon ax-icon-done';\r\n break;\r\n }\r\n }\r\n\r\n\r\n private _applyButtonStyle() {\r\n this._buttons?.forEach((c: any) => {\r\n c.color = this.color;\r\n c._getHostElement().classList.add('ax-sm');\r\n c.look = !c.look || c.look == 'default' ? 'default' : 'blank';\r\n });\r\n }\r\n\r\n /**\r\n * Remove the alert from the container\r\n */\r\n close(): void {\r\n const host = this._getHostElement();\r\n this.visible = false;\r\n const func = () => {\r\n host.parentElement?.removeChild(host);\r\n this.onClosed.emit({\r\n component: this,\r\n });\r\n host.removeEventListener('transitionend', func);\r\n };\r\n host.addEventListener('transitionend', func);\r\n }\r\n\r\n /**\r\n * Hide the alert\r\n */\r\n hide(): void {\r\n this.visible = false;\r\n }\r\n\r\n /**\r\n * Show the alert\r\n */\r\n show() {\r\n this.visible = true;\r\n }\r\n\r\n\r\n onDestroy(): void {\r\n this._observer?.disconnect();\r\n }\r\n\r\n\r\n\r\n}\r\n","<div class=\"ax-alert-inline-start\" [class.!ax-items-start]=\"_showInline\">\r\n <ng-content select=\"ax-icon\"></ng-content>\r\n</div>\r\n<div class=\"ax-alert-inline-middle\">\r\n <div class=\"ax-alert-block-start\">\r\n <div class=\"ax-alert-title\">\r\n <ng-content select=\"ax-title\"></ng-content>\r\n <ng-content select=\"ax-sub-title\"></ng-content>\r\n </div>\r\n </div>\r\n <div class=\"ax-alert-block-end\" [class.!ax-hidden]=\"!_showInline\">\r\n <ng-content select=\"ax-content\">\r\n </ng-content>\r\n <ng-content select=\"ax-footer\">\r\n </ng-content>\r\n </div>\r\n</div>\r\n<div class=\"ax-alert-inline-end\" [class.!ax-items-start]=\"_showInline\">\r\n <ng-content select=\"ax-button\"></ng-content>\r\n <ng-content select=\"ax-close-button\"></ng-content>\r\n</div>\r\n<div class=\"ax-alert-progress\" [style.animation-duration.ms]=\"timeOut\" *ngIf=\"timeOut\">\r\n</div>","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { AXDecoratorModule } from '@acorex/components/decorators';\r\nimport { AXAlertComponent } from './alert.component';\r\nimport { AXAlertButtonDirective } from './alert-button.directive';\r\n\r\nconst COMPONENT = [AXAlertComponent, AXAlertButtonDirective];\r\nconst MODULES = [CommonModule, AXDecoratorModule];\r\n\r\n@NgModule({\r\n declarations: [...COMPONENT],\r\n imports: [...MODULES],\r\n exports: [...COMPONENT],\r\n providers: [],\r\n})\r\nexport class AXAlertModule { }\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|