@ng-nest/ui 18.0.0 → 18.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/button/button.component.d.ts +1 -1
- package/dialog/dialog-portal.component.d.ts +1 -2
- package/esm2022/button/button.component.mjs +5 -5
- package/esm2022/dialog/dialog-portal.component.mjs +21 -21
- package/esm2022/dialog/dialog-ref.mjs +3 -3
- package/esm2022/dialog/dialog.component.mjs +3 -3
- package/esm2022/dialog/dialog.service.mjs +4 -4
- package/esm2022/form/control.component.mjs +12 -12
- package/esm2022/icon/icon.component.mjs +4 -2
- package/esm2022/layout/layout.property.mjs +55 -1
- package/esm2022/portal/portal.property.mjs +3 -3
- package/esm2022/ripple/ripple.directive.mjs +4 -2
- package/fesm2022/ng-nest-ui-button.mjs +4 -4
- package/fesm2022/ng-nest-ui-button.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-dialog.mjs +24 -24
- package/fesm2022/ng-nest-ui-dialog.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-form.mjs +11 -11
- package/fesm2022/ng-nest-ui-form.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-icon.mjs +3 -1
- package/fesm2022/ng-nest-ui-icon.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-layout.mjs +54 -0
- package/fesm2022/ng-nest-ui-layout.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-portal.mjs +3 -3
- package/fesm2022/ng-nest-ui-portal.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-ripple.mjs +3 -1
- package/fesm2022/ng-nest-ui-ripple.mjs.map +1 -1
- package/icon/icon.component.d.ts +1 -1
- package/layout/layout.property.d.ts +54 -0
- package/package.json +86 -86
- package/portal/portal.property.d.ts +2 -2
- package/ripple/ripple.directive.d.ts +1 -1
|
@@ -394,7 +394,7 @@ class XButtonComponent extends XButtonProperty {
|
|
|
394
394
|
return this.buttons?.space();
|
|
395
395
|
}
|
|
396
396
|
get pointerEvents() {
|
|
397
|
-
return this.
|
|
397
|
+
return this.disabledComputed() ? 'none' : '';
|
|
398
398
|
}
|
|
399
399
|
constructor() {
|
|
400
400
|
super();
|
|
@@ -414,7 +414,7 @@ class XButtonComponent extends XButtonProperty {
|
|
|
414
414
|
return this.buttons?.round() || this.round();
|
|
415
415
|
});
|
|
416
416
|
this.disabledComputed = computed(() => {
|
|
417
|
-
return this.loading() || this.disabled()
|
|
417
|
+
return this.loading() || this.disabled();
|
|
418
418
|
});
|
|
419
419
|
afterRender(() => {
|
|
420
420
|
this.transition.set(true);
|
|
@@ -427,11 +427,11 @@ class XButtonComponent extends XButtonProperty {
|
|
|
427
427
|
this.focusMontitor.stopMonitoring(this.buttonRef());
|
|
428
428
|
}
|
|
429
429
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
430
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.1", type: XButtonComponent, isStandalone: true, selector: "x-button", host: { properties: { "style.marginLeft": "this.marginLeft", "style.marginRight": "this.marginRight", "style.pointerEvents": "this.pointerEvents" } }, viewQueries: [{ propertyName: "buttonRef", first: true, predicate: ["buttonRef"], descendants: true, read: ElementRef, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<button\r\n #buttonRef\r\n class=\"x-button\"\r\n [tabindex]=\"tabindex()\"\r\n [ngClass]=\"classMap()\"\r\n [class.x-button-only-icon]=\"onlyIcon()\"\r\n [class.x-button-activated]=\"activated()\"\r\n [class.x-button-disabled]=\"disabled()\"\r\n [class.x-button-round]=\"roundSignal()\"\r\n [class.x-button-circle]=\"circle()\"\r\n [class.x-button-icon]=\"icon() && !content.innerHTML.trim()\"\r\n [class.x-button-icon-not-content]=\"icon() && content.innerHTML.trim() === ''\"\r\n [class.x-button-closable]=\"closable()\"\r\n [class.x-button-transition]=\"transition()\"\r\n [title]=\"title()\"\r\n x-ripple\r\n [type]=\"type()\"\r\n [disabled]=\"disabled()\"\r\n [attr.type]=\"attrType()\"\r\n [style.disabled]=\"disabledComputed()\"\r\n>\r\n @if (direction() === 'row' && icon() && !loading()) {\r\n <x-icon [type]=\"icon()\"></x-icon>\r\n }\r\n @if (loading()) {\r\n <span class=\"x-button-loading\">\r\n <svg class=\"x-button-circular\" viewBox=\"25 25 50 50\">\r\n <circle class=\"x-button-path\" cx=\"50\" cy=\"50\" r=\"20\" fill=\"none\" />\r\n </svg>\r\n </span>\r\n }\r\n <span #content><ng-content></ng-content></span>\r\n @if (direction() === 'row-reverse' && icon() && !loading()) {\r\n <x-icon [type]=\"icon()\"></x-icon>\r\n }\r\n</button>\r\n", styles: ["@keyframes loading-rotate{to{transform:rotate(360deg)}}@keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-2.5rem}to{stroke-dasharray:90,150;stroke-dashoffset:-7.5rem}}x-button{display:inline-block;line-height:initial}.x-button{margin:0;padding:0;position:relative;border:none;outline:none;border-radius:var(--x-border-radius);font-size:var(--x-font-size-small);text-align:center;background-clip:border-box;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;touch-action:manipulation;box-shadow:var(--x-box-shadow);width:100%}.x-button:focus{outline:none}.x-button>.x-icon{font-size:1rem;vertical-align:-.1875rem}.x-button.x-direction-row>.x-icon{margin-right:.25rem;margin-left:-.25rem}.x-button.x-direction-row-reverse>.x-icon{margin-right:-.25rem;margin-left:.25rem}.x-button-icon.x-direction-row>.x-icon,.x-button-icon.x-direction-row-reverse>.x-icon{margin-right:0;margin-left:0}.x-button-loading{margin-right:.25rem;margin-left:-.25rem;font-size:1rem;vertical-align:-.1875rem}.x-button-circular{width:1rem;height:1rem;animation:loading-rotate 2s linear infinite}.x-button-path{animation:loading-dash 1.5s ease-in-out infinite;stroke-dasharray:90,150;stroke-dashoffset:0;stroke-width:2;stroke-linecap:round}.x-button-transition{will-change:color,background-color,border,box-shadow;transition:color var(--x-animation-duration-base) ease-in-out,background-color var(--x-animation-duration-base) ease-in-out,border var(--x-animation-duration-base) ease-in-out,box-shadow var(--x-animation-duration-base) ease-in-out}.x-button-disabled{transform:none!important;opacity:.6}.x-button-round{border-radius:5rem}.x-button-circle{border-radius:50%;padding:0!important}.x-button-circle.x-size-big{width:var(--x-height-big)}.x-button-circle.x-size-large{width:var(--x-height-large)}.x-button-circle.x-size-medium{width:var(--x-height-medium)}.x-button-circle.x-size-small{width:var(--x-height-small)}.x-button-circle.x-size-mini{width:var(--x-height-mini)}.x-button-circle .x-button-loading,.x-button-icon-not-content .x-button-loading{margin-right:0;margin-left:0}.x-button-only-icon,.x-button-only-icon.x-button-initial,.x-button-text{color:var(--x-text);border:none;background-color:transparent;box-shadow:none}.x-button-only-icon:hover,.x-button-only-icon:active,.x-button-only-icon.x-button-initial:hover,.x-button-only-icon.x-button-initial:active,.x-button-text:hover,.x-button-text:active{color:var(--x-primary);background-color:var(--x-background-a200);border-color:transparent}.x-button-only-icon:hover .x-button-path,.x-button-only-icon:active .x-button-path,.x-button-only-icon.x-button-initial:hover .x-button-path,.x-button-only-icon.x-button-initial:active .x-button-path,.x-button-text:hover .x-button-path,.x-button-text:active .x-button-path{stroke:var(--x-primary)}.x-button-closable{color:var(--x-text-400);box-shadow:none;background:none}.x-button-closable:hover{background:none;color:var(--x-text)}.x-button-disabled.x-button-activated.x-button-initial,.x-button-disabled.x-button-activated.x-button-initial:hover,.x-button-disabled.x-button-activated.x-button-initial:active{color:var(--x-primary-700);cursor:not-allowed;background-image:none;background-color:var(--x-background);border-color:var(--x-primary-700);box-shadow:none}.x-button-disabled.x-button-text,.x-button-disabled.x-button-only-icon,.x-button-disabled.x-button-text:hover,.x-button-disabled.x-button-text:active,.x-button-disabled.x-button-only-icon:hover,.x-button-disabled.x-button-only-icon:active{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:transparent;border-color:transparent;box-shadow:none}.x-button.x-size-big{height:var(--x-height-big);line-height:var(--x-height-big);padding:0 var(--x-padding-big)}.x-button.x-size-large{height:var(--x-height-large);line-height:var(--x-height-large);padding:0 var(--x-padding-large)}.x-button.x-size-medium{height:var(--x-height-medium);line-height:var(--x-height-medium);padding:0 var(--x-padding-medium)}.x-button.x-size-small{height:var(--x-height-small);line-height:var(--x-height-small);padding:0 var(--x-padding-small)}.x-button.x-size-mini{height:var(--x-height-mini);line-height:var(--x-height-mini);padding:0 var(--x-padding-mini)}.x-button-initial{color:var(--x-text);background-color:var(--x-background-100);border-color:var(--x-border)}.x-button-initial .x-button-path{stroke:var(--x-text)}.x-button-initial:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-initial.cdk-program-focused:not(.x-button-disabled),.x-button-initial.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-text);background-color:var(--x-background-a200);border-color:var(--x-border);box-shadow:var(--x-box-shadow-hover)}.x-button-initial:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-initial.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-initial.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-text)}.x-button-initial:active:not(.x-button-disabled){color:var(--x-text);background-color:var(--x-background-a600);border-color:var(--x-border)}.x-button-initial:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-text)}.x-button-initial.x-button-disabled{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:var(--x-background-a400);border-color:var(--x-border);box-shadow:none}.x-button-initial-plain{color:var(--x-text);background-color:var(--x-background-a200);border-color:var(--x-border)}.x-button-initial-plain .x-button-path{stroke:var(--x-text)}.x-button-initial-plain:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-initial-plain.cdk-program-focused:not(.x-button-disabled),.x-button-initial-plain.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-text);background-color:var(--x-background-a300);border-color:var(--x-primary)}.x-button-initial-plain:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-initial-plain.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-initial-plain.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-text)}.x-button-initial-plain:active:not(.x-button-disabled){color:var(--x-text);background-color:var(--x-background-a200);border-color:var(--x-primary-a100)}.x-button-initial-plain:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-text)}.x-button-initial-plain.x-button-disabled{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:var(--x-background-a400);border-color:var(--x-border);box-shadow:none}.x-button-initial-plain.x-button-activated{z-index:2;color:var(--x-text);background-color:var(--x-background-a600);border-color:var(--x-border)}.x-button-initial-plain.x-button-activated .x-button-path{stroke:var(--x-text)}.x-button-initial-text{box-shadow:none;color:var(--x-text);background-color:transparent;border-color:var(--x-border)}.x-button-initial-text .x-button-path{stroke:var(--x-text)}.x-button-initial-text:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-initial-text.cdk-program-focused:not(.x-button-disabled),.x-button-initial-text.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none;color:var(--x-text);background-color:var(--x-background-a200);border-color:var(--x-border)}.x-button-initial-text:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-initial-text.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-initial-text.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-text)}.x-button-initial-text.x-button-disabled{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:transparent;border-color:var(--x-border);box-shadow:none}.x-button-initial-flat{box-shadow:none}.x-button-initial-flat:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-initial-flat.cdk-program-focused:not(.x-button-disabled),.x-button-initial-flat.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none}.x-button-initial.x-button-activated{z-index:2;color:var(--x-text);background-color:var(--x-background-a600);border-color:var(--x-border)}.x-button-initial.x-button-activated .x-button-path{stroke:var(--x-text)}.x-button-initial .x-ripple-element{background-color:var(--x-text-800)}.x-button-primary{color:var(--x-white);background-color:var(--x-primary);border-color:var(--x-primary)}.x-button-primary .x-button-path{stroke:var(--x-white)}.x-button-primary:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-primary.cdk-program-focused:not(.x-button-disabled),.x-button-primary.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-primary-100);border-color:var(--x-primary-100);box-shadow:var(--x-box-shadow-hover)}.x-button-primary:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-primary.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-primary.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-primary:active:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-primary);border-color:var(--x-primary)}.x-button-primary:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-primary.x-button-disabled{color:var(--x-primary-800);cursor:not-allowed;background-image:none;background-color:var(--x-primary-500);border-color:var(--x-primary-500);box-shadow:none}.x-button-primary-plain{color:var(--x-primary);background-color:var(--x-primary-900);border-color:var(--x-primary-600)}.x-button-primary-plain .x-button-path{stroke:var(--x-primary)}.x-button-primary-plain:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-primary-plain.cdk-program-focused:not(.x-button-disabled),.x-button-primary-plain.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-primary);border-color:var(--x-primary)}.x-button-primary-plain:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-primary-plain.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-primary-plain.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-primary-plain:active:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-primary-a100);border-color:var(--x-primary-a100)}.x-button-primary-plain:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-primary-plain.x-button-disabled{color:var(--x-primary-400);cursor:not-allowed;background-image:none;background-color:var(--x-primary-900);border-color:var(--x-primary-800);box-shadow:none}.x-button-primary-plain.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-primary);border-color:var(--x-primary)}.x-button-primary-plain.x-button-activated .x-button-path{stroke:var(--x-white)}.x-button-primary-text{box-shadow:none;color:var(--x-primary);background-color:transparent;border-color:var(--x-primary-600)}.x-button-primary-text .x-button-path{stroke:var(--x-primary)}.x-button-primary-text:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-primary-text.cdk-program-focused:not(.x-button-disabled),.x-button-primary-text.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none;color:var(--x-primary);background-color:var(--x-primary-900);border-color:var(--x-primary-600)}.x-button-primary-text:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-primary-text.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-primary-text.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-primary)}.x-button-primary-text.x-button-disabled{color:var(--x-primary-400);cursor:not-allowed;background-image:none;background-color:transparent;border-color:var(--x-primary-800);box-shadow:none}.x-button-primary-flat{box-shadow:none}.x-button-primary-flat:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-primary-flat.cdk-program-focused:not(.x-button-disabled),.x-button-primary-flat.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none}.x-button-primary.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-primary);border-color:var(--x-primary)}.x-button-primary.x-button-activated .x-button-path{stroke:var(--x-white)}.x-button-primary .x-ripple-element{background-color:var(--x-primary-500)}.x-button-success{color:var(--x-white);background-color:var(--x-success);border-color:var(--x-success)}.x-button-success .x-button-path{stroke:var(--x-white)}.x-button-success:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-success.cdk-program-focused:not(.x-button-disabled),.x-button-success.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-success-100);border-color:var(--x-success-100);box-shadow:var(--x-box-shadow-hover)}.x-button-success:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-success.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-success.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-success:active:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-success);border-color:var(--x-success)}.x-button-success:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-success.x-button-disabled{color:var(--x-success-800);cursor:not-allowed;background-image:none;background-color:var(--x-success-500);border-color:var(--x-success-500);box-shadow:none}.x-button-success-plain{color:var(--x-success);background-color:var(--x-success-900);border-color:var(--x-success-600)}.x-button-success-plain .x-button-path{stroke:var(--x-success)}.x-button-success-plain:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-success-plain.cdk-program-focused:not(.x-button-disabled),.x-button-success-plain.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-success);border-color:var(--x-success)}.x-button-success-plain:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-success-plain.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-success-plain.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-success-plain:active:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-success-a100);border-color:var(--x-success-a100)}.x-button-success-plain:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-success-plain.x-button-disabled{color:var(--x-success-400);cursor:not-allowed;background-image:none;background-color:var(--x-success-900);border-color:var(--x-success-800);box-shadow:none}.x-button-success-plain.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-success);border-color:var(--x-success)}.x-button-success-plain.x-button-activated .x-button-path{stroke:var(--x-white)}.x-button-success-text{box-shadow:none;color:var(--x-success);background-color:transparent;border-color:var(--x-success-600)}.x-button-success-text .x-button-path{stroke:var(--x-success)}.x-button-success-text:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-success-text.cdk-program-focused:not(.x-button-disabled),.x-button-success-text.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none;color:var(--x-success);background-color:var(--x-success-900);border-color:var(--x-success-600)}.x-button-success-text:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-success-text.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-success-text.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-success)}.x-button-success-text.x-button-disabled{color:var(--x-success-400);cursor:not-allowed;background-image:none;background-color:transparent;border-color:var(--x-success-800);box-shadow:none}.x-button-success-flat{box-shadow:none}.x-button-success-flat:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-success-flat.cdk-program-focused:not(.x-button-disabled),.x-button-success-flat.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none}.x-button-success.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-success);border-color:var(--x-success)}.x-button-success.x-button-activated .x-button-path{stroke:var(--x-white)}.x-button-success .x-ripple-element{background-color:var(--x-success-500)}.x-button-warning{color:var(--x-white);background-color:var(--x-warning);border-color:var(--x-warning)}.x-button-warning .x-button-path{stroke:var(--x-white)}.x-button-warning:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-warning.cdk-program-focused:not(.x-button-disabled),.x-button-warning.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-warning-100);border-color:var(--x-warning-100);box-shadow:var(--x-box-shadow-hover)}.x-button-warning:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-warning.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-warning.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-warning:active:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-warning);border-color:var(--x-warning)}.x-button-warning:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-warning.x-button-disabled{color:var(--x-warning-800);cursor:not-allowed;background-image:none;background-color:var(--x-warning-500);border-color:var(--x-warning-500);box-shadow:none}.x-button-warning-plain{color:var(--x-warning);background-color:var(--x-warning-900);border-color:var(--x-warning-600)}.x-button-warning-plain .x-button-path{stroke:var(--x-warning)}.x-button-warning-plain:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-warning-plain.cdk-program-focused:not(.x-button-disabled),.x-button-warning-plain.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-warning);border-color:var(--x-warning)}.x-button-warning-plain:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-warning-plain.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-warning-plain.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-warning-plain:active:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-warning-a100);border-color:var(--x-warning-a100)}.x-button-warning-plain:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-warning-plain.x-button-disabled{color:var(--x-warning-400);cursor:not-allowed;background-image:none;background-color:var(--x-warning-900);border-color:var(--x-warning-800);box-shadow:none}.x-button-warning-plain.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-warning);border-color:var(--x-warning)}.x-button-warning-plain.x-button-activated .x-button-path{stroke:var(--x-white)}.x-button-warning-text{box-shadow:none;color:var(--x-warning);background-color:transparent;border-color:var(--x-warning-600)}.x-button-warning-text .x-button-path{stroke:var(--x-warning)}.x-button-warning-text:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-warning-text.cdk-program-focused:not(.x-button-disabled),.x-button-warning-text.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none;color:var(--x-warning);background-color:var(--x-warning-900);border-color:var(--x-warning-600)}.x-button-warning-text:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-warning-text.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-warning-text.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-warning)}.x-button-warning-text.x-button-disabled{color:var(--x-warning-400);cursor:not-allowed;background-image:none;background-color:transparent;border-color:var(--x-warning-800);box-shadow:none}.x-button-warning-flat{box-shadow:none}.x-button-warning-flat:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-warning-flat.cdk-program-focused:not(.x-button-disabled),.x-button-warning-flat.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none}.x-button-warning.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-warning);border-color:var(--x-warning)}.x-button-warning.x-button-activated .x-button-path{stroke:var(--x-white)}.x-button-warning .x-ripple-element{background-color:var(--x-warning-500)}.x-button-danger{color:var(--x-white);background-color:var(--x-danger);border-color:var(--x-danger)}.x-button-danger .x-button-path{stroke:var(--x-white)}.x-button-danger:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-danger.cdk-program-focused:not(.x-button-disabled),.x-button-danger.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-danger-100);border-color:var(--x-danger-100);box-shadow:var(--x-box-shadow-hover)}.x-button-danger:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-danger.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-danger.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-danger:active:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-danger);border-color:var(--x-danger)}.x-button-danger:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-danger.x-button-disabled{color:var(--x-danger-800);cursor:not-allowed;background-image:none;background-color:var(--x-danger-500);border-color:var(--x-danger-500);box-shadow:none}.x-button-danger-plain{color:var(--x-danger);background-color:var(--x-danger-900);border-color:var(--x-danger-600)}.x-button-danger-plain .x-button-path{stroke:var(--x-danger)}.x-button-danger-plain:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-danger-plain.cdk-program-focused:not(.x-button-disabled),.x-button-danger-plain.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-danger);border-color:var(--x-danger)}.x-button-danger-plain:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-danger-plain.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-danger-plain.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-danger-plain:active:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-danger-a100);border-color:var(--x-danger-a100)}.x-button-danger-plain:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-danger-plain.x-button-disabled{color:var(--x-danger-400);cursor:not-allowed;background-image:none;background-color:var(--x-danger-900);border-color:var(--x-danger-800);box-shadow:none}.x-button-danger-plain.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-danger);border-color:var(--x-danger)}.x-button-danger-plain.x-button-activated .x-button-path{stroke:var(--x-white)}.x-button-danger-text{box-shadow:none;color:var(--x-danger);background-color:transparent;border-color:var(--x-danger-600)}.x-button-danger-text .x-button-path{stroke:var(--x-danger)}.x-button-danger-text:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-danger-text.cdk-program-focused:not(.x-button-disabled),.x-button-danger-text.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none;color:var(--x-danger);background-color:var(--x-danger-900);border-color:var(--x-danger-600)}.x-button-danger-text:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-danger-text.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-danger-text.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-danger)}.x-button-danger-text.x-button-disabled{color:var(--x-danger-400);cursor:not-allowed;background-image:none;background-color:transparent;border-color:var(--x-danger-800);box-shadow:none}.x-button-danger-flat{box-shadow:none}.x-button-danger-flat:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-danger-flat.cdk-program-focused:not(.x-button-disabled),.x-button-danger-flat.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none}.x-button-danger.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-danger);border-color:var(--x-danger)}.x-button-danger.x-button-activated .x-button-path{stroke:var(--x-white)}.x-button-danger .x-ripple-element{background-color:var(--x-danger-500)}.x-button-info{color:var(--x-white);background-color:var(--x-info);border-color:var(--x-info)}.x-button-info .x-button-path{stroke:var(--x-white)}.x-button-info:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-info.cdk-program-focused:not(.x-button-disabled),.x-button-info.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-info-100);border-color:var(--x-info-100);box-shadow:var(--x-box-shadow-hover)}.x-button-info:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-info.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-info.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-info:active:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-info);border-color:var(--x-info)}.x-button-info:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-info.x-button-disabled{color:var(--x-info-800);cursor:not-allowed;background-image:none;background-color:var(--x-info-500);border-color:var(--x-info-500);box-shadow:none}.x-button-info-plain{color:var(--x-info);background-color:var(--x-info-900);border-color:var(--x-info-600)}.x-button-info-plain .x-button-path{stroke:var(--x-info)}.x-button-info-plain:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-info-plain.cdk-program-focused:not(.x-button-disabled),.x-button-info-plain.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-info);border-color:var(--x-info)}.x-button-info-plain:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-info-plain.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-info-plain.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-info-plain:active:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-info-a100);border-color:var(--x-info-a100)}.x-button-info-plain:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-info-plain.x-button-disabled{color:var(--x-info-400);cursor:not-allowed;background-image:none;background-color:var(--x-info-900);border-color:var(--x-info-800);box-shadow:none}.x-button-info-plain.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-info);border-color:var(--x-info)}.x-button-info-plain.x-button-activated .x-button-path{stroke:var(--x-white)}.x-button-info-text{box-shadow:none;color:var(--x-info);background-color:transparent;border-color:var(--x-info-600)}.x-button-info-text .x-button-path{stroke:var(--x-info)}.x-button-info-text:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-info-text.cdk-program-focused:not(.x-button-disabled),.x-button-info-text.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none;color:var(--x-info);background-color:var(--x-info-900);border-color:var(--x-info-600)}.x-button-info-text:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-info-text.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-info-text.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-info)}.x-button-info-text.x-button-disabled{color:var(--x-info-400);cursor:not-allowed;background-image:none;background-color:transparent;border-color:var(--x-info-800);box-shadow:none}.x-button-info-flat{box-shadow:none}.x-button-info-flat:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-info-flat.cdk-program-focused:not(.x-button-disabled),.x-button-info-flat.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none}.x-button-info.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-info);border-color:var(--x-info)}.x-button-info.x-button-activated .x-button-path{stroke:var(--x-white)}.x-button-info .x-ripple-element{background-color:var(--x-info-500)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: XIconComponent, selector: "x-icon" }, { kind: "directive", type: XRippleDirective, selector: "[x-ripple]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
430
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.1", type: XButtonComponent, isStandalone: true, selector: "x-button", host: { properties: { "style.marginLeft": "this.marginLeft", "style.marginRight": "this.marginRight", "style.pointerEvents": "this.pointerEvents" } }, viewQueries: [{ propertyName: "buttonRef", first: true, predicate: ["buttonRef"], descendants: true, read: ElementRef, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<button\r\n #buttonRef\r\n class=\"x-button\"\r\n [tabindex]=\"tabindex()\"\r\n [ngClass]=\"classMap()\"\r\n [class.x-button-only-icon]=\"onlyIcon()\"\r\n [class.x-button-activated]=\"activated()\"\r\n [class.x-button-disabled]=\"disabledComputed()\"\r\n [class.x-button-round]=\"roundSignal()\"\r\n [class.x-button-circle]=\"circle()\"\r\n [class.x-button-icon]=\"icon() && !content.innerHTML.trim()\"\r\n [class.x-button-icon-not-content]=\"icon() && content.innerHTML.trim() === ''\"\r\n [class.x-button-closable]=\"closable()\"\r\n [class.x-button-transition]=\"transition()\"\r\n [title]=\"title()\"\r\n x-ripple\r\n [type]=\"type()\"\r\n [disabled]=\"disabledComputed()\"\r\n [attr.type]=\"attrType()\"\r\n [attr.disabled]=\"disabledComputed() || null\"\r\n>\r\n @if (direction() === 'row' && icon() && !loading()) {\r\n <x-icon [type]=\"icon()\"></x-icon>\r\n }\r\n @if (loading()) {\r\n <span class=\"x-button-loading\">\r\n <svg class=\"x-button-circular\" viewBox=\"25 25 50 50\">\r\n <circle class=\"x-button-path\" cx=\"50\" cy=\"50\" r=\"20\" fill=\"none\" />\r\n </svg>\r\n </span>\r\n }\r\n <span #content><ng-content></ng-content></span>\r\n @if (direction() === 'row-reverse' && icon() && !loading()) {\r\n <x-icon [type]=\"icon()\"></x-icon>\r\n }\r\n</button>\r\n", styles: ["@keyframes loading-rotate{to{transform:rotate(360deg)}}@keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-2.5rem}to{stroke-dasharray:90,150;stroke-dashoffset:-7.5rem}}x-button{display:inline-block;line-height:initial}.x-button{margin:0;padding:0;position:relative;border:none;outline:none;border-radius:var(--x-border-radius);font-size:var(--x-font-size-small);text-align:center;background-clip:border-box;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;touch-action:manipulation;box-shadow:var(--x-box-shadow);width:100%}.x-button:focus{outline:none}.x-button>.x-icon{font-size:1rem;vertical-align:-.1875rem}.x-button.x-direction-row>.x-icon{margin-right:.25rem;margin-left:-.25rem}.x-button.x-direction-row-reverse>.x-icon{margin-right:-.25rem;margin-left:.25rem}.x-button-icon.x-direction-row>.x-icon,.x-button-icon.x-direction-row-reverse>.x-icon{margin-right:0;margin-left:0}.x-button-loading{margin-right:.25rem;margin-left:-.25rem;font-size:1rem;vertical-align:-.1875rem}.x-button-circular{width:1rem;height:1rem;animation:loading-rotate 2s linear infinite}.x-button-path{animation:loading-dash 1.5s ease-in-out infinite;stroke-dasharray:90,150;stroke-dashoffset:0;stroke-width:2;stroke-linecap:round}.x-button-transition{will-change:color,background-color,border,box-shadow;transition:color var(--x-animation-duration-base) ease-in-out,background-color var(--x-animation-duration-base) ease-in-out,border var(--x-animation-duration-base) ease-in-out,box-shadow var(--x-animation-duration-base) ease-in-out}.x-button-disabled{transform:none!important;opacity:.6}.x-button-round{border-radius:5rem}.x-button-circle{border-radius:50%;padding:0!important}.x-button-circle.x-size-big{width:var(--x-height-big)}.x-button-circle.x-size-large{width:var(--x-height-large)}.x-button-circle.x-size-medium{width:var(--x-height-medium)}.x-button-circle.x-size-small{width:var(--x-height-small)}.x-button-circle.x-size-mini{width:var(--x-height-mini)}.x-button-circle .x-button-loading,.x-button-icon-not-content .x-button-loading{margin-right:0;margin-left:0}.x-button-only-icon,.x-button-only-icon.x-button-initial,.x-button-text{color:var(--x-text);border:none;background-color:transparent;box-shadow:none}.x-button-only-icon:hover,.x-button-only-icon:active,.x-button-only-icon.x-button-initial:hover,.x-button-only-icon.x-button-initial:active,.x-button-text:hover,.x-button-text:active{color:var(--x-primary);background-color:var(--x-background-a200);border-color:transparent}.x-button-only-icon:hover .x-button-path,.x-button-only-icon:active .x-button-path,.x-button-only-icon.x-button-initial:hover .x-button-path,.x-button-only-icon.x-button-initial:active .x-button-path,.x-button-text:hover .x-button-path,.x-button-text:active .x-button-path{stroke:var(--x-primary)}.x-button-closable{color:var(--x-text-400);box-shadow:none;background:none}.x-button-closable:hover{background:none;color:var(--x-text)}.x-button-disabled.x-button-activated.x-button-initial,.x-button-disabled.x-button-activated.x-button-initial:hover,.x-button-disabled.x-button-activated.x-button-initial:active{color:var(--x-primary-700);cursor:not-allowed;background-image:none;background-color:var(--x-background);border-color:var(--x-primary-700);box-shadow:none}.x-button-disabled.x-button-text,.x-button-disabled.x-button-only-icon,.x-button-disabled.x-button-text:hover,.x-button-disabled.x-button-text:active,.x-button-disabled.x-button-only-icon:hover,.x-button-disabled.x-button-only-icon:active{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:transparent;border-color:transparent;box-shadow:none}.x-button.x-size-big{height:var(--x-height-big);line-height:var(--x-height-big);padding:0 var(--x-padding-big)}.x-button.x-size-large{height:var(--x-height-large);line-height:var(--x-height-large);padding:0 var(--x-padding-large)}.x-button.x-size-medium{height:var(--x-height-medium);line-height:var(--x-height-medium);padding:0 var(--x-padding-medium)}.x-button.x-size-small{height:var(--x-height-small);line-height:var(--x-height-small);padding:0 var(--x-padding-small)}.x-button.x-size-mini{height:var(--x-height-mini);line-height:var(--x-height-mini);padding:0 var(--x-padding-mini)}.x-button-initial{color:var(--x-text);background-color:var(--x-background-100);border-color:var(--x-border)}.x-button-initial .x-button-path{stroke:var(--x-text)}.x-button-initial:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-initial.cdk-program-focused:not(.x-button-disabled),.x-button-initial.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-text);background-color:var(--x-background-a200);border-color:var(--x-border);box-shadow:var(--x-box-shadow-hover)}.x-button-initial:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-initial.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-initial.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-text)}.x-button-initial:active:not(.x-button-disabled){color:var(--x-text);background-color:var(--x-background-a600);border-color:var(--x-border)}.x-button-initial:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-text)}.x-button-initial.x-button-disabled{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:var(--x-background-a400);border-color:var(--x-border);box-shadow:none}.x-button-initial-plain{color:var(--x-text);background-color:var(--x-background-a200);border-color:var(--x-border)}.x-button-initial-plain .x-button-path{stroke:var(--x-text)}.x-button-initial-plain:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-initial-plain.cdk-program-focused:not(.x-button-disabled),.x-button-initial-plain.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-text);background-color:var(--x-background-a300);border-color:var(--x-primary)}.x-button-initial-plain:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-initial-plain.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-initial-plain.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-text)}.x-button-initial-plain:active:not(.x-button-disabled){color:var(--x-text);background-color:var(--x-background-a200);border-color:var(--x-primary-a100)}.x-button-initial-plain:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-text)}.x-button-initial-plain.x-button-disabled{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:var(--x-background-a400);border-color:var(--x-border);box-shadow:none}.x-button-initial-plain.x-button-activated{z-index:2;color:var(--x-text);background-color:var(--x-background-a600);border-color:var(--x-border)}.x-button-initial-plain.x-button-activated .x-button-path{stroke:var(--x-text)}.x-button-initial-text{box-shadow:none;color:var(--x-text);background-color:transparent;border-color:var(--x-border)}.x-button-initial-text .x-button-path{stroke:var(--x-text)}.x-button-initial-text:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-initial-text.cdk-program-focused:not(.x-button-disabled),.x-button-initial-text.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none;color:var(--x-text);background-color:var(--x-background-a200);border-color:var(--x-border)}.x-button-initial-text:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-initial-text.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-initial-text.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-text)}.x-button-initial-text.x-button-disabled{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:transparent;border-color:var(--x-border);box-shadow:none}.x-button-initial-flat{box-shadow:none}.x-button-initial-flat:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-initial-flat.cdk-program-focused:not(.x-button-disabled),.x-button-initial-flat.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none}.x-button-initial.x-button-activated{z-index:2;color:var(--x-text);background-color:var(--x-background-a600);border-color:var(--x-border)}.x-button-initial.x-button-activated .x-button-path{stroke:var(--x-text)}.x-button-initial .x-ripple-element{background-color:var(--x-text-800)}.x-button-primary{color:var(--x-white);background-color:var(--x-primary);border-color:var(--x-primary)}.x-button-primary .x-button-path{stroke:var(--x-white)}.x-button-primary:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-primary.cdk-program-focused:not(.x-button-disabled),.x-button-primary.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-primary-100);border-color:var(--x-primary-100);box-shadow:var(--x-box-shadow-hover)}.x-button-primary:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-primary.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-primary.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-primary:active:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-primary);border-color:var(--x-primary)}.x-button-primary:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-primary.x-button-disabled{color:var(--x-primary-800);cursor:not-allowed;background-image:none;background-color:var(--x-primary-500);border-color:var(--x-primary-500);box-shadow:none}.x-button-primary-plain{color:var(--x-primary);background-color:var(--x-primary-900);border-color:var(--x-primary-600)}.x-button-primary-plain .x-button-path{stroke:var(--x-primary)}.x-button-primary-plain:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-primary-plain.cdk-program-focused:not(.x-button-disabled),.x-button-primary-plain.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-primary);border-color:var(--x-primary)}.x-button-primary-plain:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-primary-plain.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-primary-plain.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-primary-plain:active:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-primary-a100);border-color:var(--x-primary-a100)}.x-button-primary-plain:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-primary-plain.x-button-disabled{color:var(--x-primary-400);cursor:not-allowed;background-image:none;background-color:var(--x-primary-900);border-color:var(--x-primary-800);box-shadow:none}.x-button-primary-plain.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-primary);border-color:var(--x-primary)}.x-button-primary-plain.x-button-activated .x-button-path{stroke:var(--x-white)}.x-button-primary-text{box-shadow:none;color:var(--x-primary);background-color:transparent;border-color:var(--x-primary-600)}.x-button-primary-text .x-button-path{stroke:var(--x-primary)}.x-button-primary-text:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-primary-text.cdk-program-focused:not(.x-button-disabled),.x-button-primary-text.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none;color:var(--x-primary);background-color:var(--x-primary-900);border-color:var(--x-primary-600)}.x-button-primary-text:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-primary-text.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-primary-text.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-primary)}.x-button-primary-text.x-button-disabled{color:var(--x-primary-400);cursor:not-allowed;background-image:none;background-color:transparent;border-color:var(--x-primary-800);box-shadow:none}.x-button-primary-flat{box-shadow:none}.x-button-primary-flat:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-primary-flat.cdk-program-focused:not(.x-button-disabled),.x-button-primary-flat.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none}.x-button-primary.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-primary);border-color:var(--x-primary)}.x-button-primary.x-button-activated .x-button-path{stroke:var(--x-white)}.x-button-primary .x-ripple-element{background-color:var(--x-primary-500)}.x-button-success{color:var(--x-white);background-color:var(--x-success);border-color:var(--x-success)}.x-button-success .x-button-path{stroke:var(--x-white)}.x-button-success:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-success.cdk-program-focused:not(.x-button-disabled),.x-button-success.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-success-100);border-color:var(--x-success-100);box-shadow:var(--x-box-shadow-hover)}.x-button-success:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-success.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-success.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-success:active:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-success);border-color:var(--x-success)}.x-button-success:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-success.x-button-disabled{color:var(--x-success-800);cursor:not-allowed;background-image:none;background-color:var(--x-success-500);border-color:var(--x-success-500);box-shadow:none}.x-button-success-plain{color:var(--x-success);background-color:var(--x-success-900);border-color:var(--x-success-600)}.x-button-success-plain .x-button-path{stroke:var(--x-success)}.x-button-success-plain:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-success-plain.cdk-program-focused:not(.x-button-disabled),.x-button-success-plain.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-success);border-color:var(--x-success)}.x-button-success-plain:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-success-plain.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-success-plain.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-success-plain:active:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-success-a100);border-color:var(--x-success-a100)}.x-button-success-plain:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-success-plain.x-button-disabled{color:var(--x-success-400);cursor:not-allowed;background-image:none;background-color:var(--x-success-900);border-color:var(--x-success-800);box-shadow:none}.x-button-success-plain.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-success);border-color:var(--x-success)}.x-button-success-plain.x-button-activated .x-button-path{stroke:var(--x-white)}.x-button-success-text{box-shadow:none;color:var(--x-success);background-color:transparent;border-color:var(--x-success-600)}.x-button-success-text .x-button-path{stroke:var(--x-success)}.x-button-success-text:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-success-text.cdk-program-focused:not(.x-button-disabled),.x-button-success-text.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none;color:var(--x-success);background-color:var(--x-success-900);border-color:var(--x-success-600)}.x-button-success-text:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-success-text.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-success-text.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-success)}.x-button-success-text.x-button-disabled{color:var(--x-success-400);cursor:not-allowed;background-image:none;background-color:transparent;border-color:var(--x-success-800);box-shadow:none}.x-button-success-flat{box-shadow:none}.x-button-success-flat:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-success-flat.cdk-program-focused:not(.x-button-disabled),.x-button-success-flat.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none}.x-button-success.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-success);border-color:var(--x-success)}.x-button-success.x-button-activated .x-button-path{stroke:var(--x-white)}.x-button-success .x-ripple-element{background-color:var(--x-success-500)}.x-button-warning{color:var(--x-white);background-color:var(--x-warning);border-color:var(--x-warning)}.x-button-warning .x-button-path{stroke:var(--x-white)}.x-button-warning:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-warning.cdk-program-focused:not(.x-button-disabled),.x-button-warning.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-warning-100);border-color:var(--x-warning-100);box-shadow:var(--x-box-shadow-hover)}.x-button-warning:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-warning.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-warning.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-warning:active:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-warning);border-color:var(--x-warning)}.x-button-warning:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-warning.x-button-disabled{color:var(--x-warning-800);cursor:not-allowed;background-image:none;background-color:var(--x-warning-500);border-color:var(--x-warning-500);box-shadow:none}.x-button-warning-plain{color:var(--x-warning);background-color:var(--x-warning-900);border-color:var(--x-warning-600)}.x-button-warning-plain .x-button-path{stroke:var(--x-warning)}.x-button-warning-plain:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-warning-plain.cdk-program-focused:not(.x-button-disabled),.x-button-warning-plain.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-warning);border-color:var(--x-warning)}.x-button-warning-plain:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-warning-plain.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-warning-plain.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-warning-plain:active:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-warning-a100);border-color:var(--x-warning-a100)}.x-button-warning-plain:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-warning-plain.x-button-disabled{color:var(--x-warning-400);cursor:not-allowed;background-image:none;background-color:var(--x-warning-900);border-color:var(--x-warning-800);box-shadow:none}.x-button-warning-plain.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-warning);border-color:var(--x-warning)}.x-button-warning-plain.x-button-activated .x-button-path{stroke:var(--x-white)}.x-button-warning-text{box-shadow:none;color:var(--x-warning);background-color:transparent;border-color:var(--x-warning-600)}.x-button-warning-text .x-button-path{stroke:var(--x-warning)}.x-button-warning-text:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-warning-text.cdk-program-focused:not(.x-button-disabled),.x-button-warning-text.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none;color:var(--x-warning);background-color:var(--x-warning-900);border-color:var(--x-warning-600)}.x-button-warning-text:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-warning-text.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-warning-text.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-warning)}.x-button-warning-text.x-button-disabled{color:var(--x-warning-400);cursor:not-allowed;background-image:none;background-color:transparent;border-color:var(--x-warning-800);box-shadow:none}.x-button-warning-flat{box-shadow:none}.x-button-warning-flat:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-warning-flat.cdk-program-focused:not(.x-button-disabled),.x-button-warning-flat.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none}.x-button-warning.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-warning);border-color:var(--x-warning)}.x-button-warning.x-button-activated .x-button-path{stroke:var(--x-white)}.x-button-warning .x-ripple-element{background-color:var(--x-warning-500)}.x-button-danger{color:var(--x-white);background-color:var(--x-danger);border-color:var(--x-danger)}.x-button-danger .x-button-path{stroke:var(--x-white)}.x-button-danger:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-danger.cdk-program-focused:not(.x-button-disabled),.x-button-danger.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-danger-100);border-color:var(--x-danger-100);box-shadow:var(--x-box-shadow-hover)}.x-button-danger:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-danger.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-danger.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-danger:active:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-danger);border-color:var(--x-danger)}.x-button-danger:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-danger.x-button-disabled{color:var(--x-danger-800);cursor:not-allowed;background-image:none;background-color:var(--x-danger-500);border-color:var(--x-danger-500);box-shadow:none}.x-button-danger-plain{color:var(--x-danger);background-color:var(--x-danger-900);border-color:var(--x-danger-600)}.x-button-danger-plain .x-button-path{stroke:var(--x-danger)}.x-button-danger-plain:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-danger-plain.cdk-program-focused:not(.x-button-disabled),.x-button-danger-plain.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-danger);border-color:var(--x-danger)}.x-button-danger-plain:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-danger-plain.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-danger-plain.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-danger-plain:active:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-danger-a100);border-color:var(--x-danger-a100)}.x-button-danger-plain:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-danger-plain.x-button-disabled{color:var(--x-danger-400);cursor:not-allowed;background-image:none;background-color:var(--x-danger-900);border-color:var(--x-danger-800);box-shadow:none}.x-button-danger-plain.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-danger);border-color:var(--x-danger)}.x-button-danger-plain.x-button-activated .x-button-path{stroke:var(--x-white)}.x-button-danger-text{box-shadow:none;color:var(--x-danger);background-color:transparent;border-color:var(--x-danger-600)}.x-button-danger-text .x-button-path{stroke:var(--x-danger)}.x-button-danger-text:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-danger-text.cdk-program-focused:not(.x-button-disabled),.x-button-danger-text.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none;color:var(--x-danger);background-color:var(--x-danger-900);border-color:var(--x-danger-600)}.x-button-danger-text:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-danger-text.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-danger-text.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-danger)}.x-button-danger-text.x-button-disabled{color:var(--x-danger-400);cursor:not-allowed;background-image:none;background-color:transparent;border-color:var(--x-danger-800);box-shadow:none}.x-button-danger-flat{box-shadow:none}.x-button-danger-flat:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-danger-flat.cdk-program-focused:not(.x-button-disabled),.x-button-danger-flat.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none}.x-button-danger.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-danger);border-color:var(--x-danger)}.x-button-danger.x-button-activated .x-button-path{stroke:var(--x-white)}.x-button-danger .x-ripple-element{background-color:var(--x-danger-500)}.x-button-info{color:var(--x-white);background-color:var(--x-info);border-color:var(--x-info)}.x-button-info .x-button-path{stroke:var(--x-white)}.x-button-info:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-info.cdk-program-focused:not(.x-button-disabled),.x-button-info.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-info-100);border-color:var(--x-info-100);box-shadow:var(--x-box-shadow-hover)}.x-button-info:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-info.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-info.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-info:active:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-info);border-color:var(--x-info)}.x-button-info:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-info.x-button-disabled{color:var(--x-info-800);cursor:not-allowed;background-image:none;background-color:var(--x-info-500);border-color:var(--x-info-500);box-shadow:none}.x-button-info-plain{color:var(--x-info);background-color:var(--x-info-900);border-color:var(--x-info-600)}.x-button-info-plain .x-button-path{stroke:var(--x-info)}.x-button-info-plain:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-info-plain.cdk-program-focused:not(.x-button-disabled),.x-button-info-plain.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-info);border-color:var(--x-info)}.x-button-info-plain:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-info-plain.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-info-plain.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-info-plain:active:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-info-a100);border-color:var(--x-info-a100)}.x-button-info-plain:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-info-plain.x-button-disabled{color:var(--x-info-400);cursor:not-allowed;background-image:none;background-color:var(--x-info-900);border-color:var(--x-info-800);box-shadow:none}.x-button-info-plain.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-info);border-color:var(--x-info)}.x-button-info-plain.x-button-activated .x-button-path{stroke:var(--x-white)}.x-button-info-text{box-shadow:none;color:var(--x-info);background-color:transparent;border-color:var(--x-info-600)}.x-button-info-text .x-button-path{stroke:var(--x-info)}.x-button-info-text:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-info-text.cdk-program-focused:not(.x-button-disabled),.x-button-info-text.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none;color:var(--x-info);background-color:var(--x-info-900);border-color:var(--x-info-600)}.x-button-info-text:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-info-text.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-info-text.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-info)}.x-button-info-text.x-button-disabled{color:var(--x-info-400);cursor:not-allowed;background-image:none;background-color:transparent;border-color:var(--x-info-800);box-shadow:none}.x-button-info-flat{box-shadow:none}.x-button-info-flat:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-info-flat.cdk-program-focused:not(.x-button-disabled),.x-button-info-flat.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none}.x-button-info.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-info);border-color:var(--x-info)}.x-button-info.x-button-activated .x-button-path{stroke:var(--x-white)}.x-button-info .x-ripple-element{background-color:var(--x-info-500)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: XIconComponent, selector: "x-icon" }, { kind: "directive", type: XRippleDirective, selector: "[x-ripple]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
431
431
|
}
|
|
432
432
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XButtonComponent, decorators: [{
|
|
433
433
|
type: Component,
|
|
434
|
-
args: [{ selector: `${XButtonPrefix}`, standalone: true, imports: [NgClass, XIconComponent, XRippleDirective], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\r\n #buttonRef\r\n class=\"x-button\"\r\n [tabindex]=\"tabindex()\"\r\n [ngClass]=\"classMap()\"\r\n [class.x-button-only-icon]=\"onlyIcon()\"\r\n [class.x-button-activated]=\"activated()\"\r\n [class.x-button-disabled]=\"disabled()\"\r\n [class.x-button-round]=\"roundSignal()\"\r\n [class.x-button-circle]=\"circle()\"\r\n [class.x-button-icon]=\"icon() && !content.innerHTML.trim()\"\r\n [class.x-button-icon-not-content]=\"icon() && content.innerHTML.trim() === ''\"\r\n [class.x-button-closable]=\"closable()\"\r\n [class.x-button-transition]=\"transition()\"\r\n [title]=\"title()\"\r\n x-ripple\r\n [type]=\"type()\"\r\n [disabled]=\"disabled()\"\r\n [attr.type]=\"attrType()\"\r\n [style.disabled]=\"disabledComputed()\"\r\n>\r\n @if (direction() === 'row' && icon() && !loading()) {\r\n <x-icon [type]=\"icon()\"></x-icon>\r\n }\r\n @if (loading()) {\r\n <span class=\"x-button-loading\">\r\n <svg class=\"x-button-circular\" viewBox=\"25 25 50 50\">\r\n <circle class=\"x-button-path\" cx=\"50\" cy=\"50\" r=\"20\" fill=\"none\" />\r\n </svg>\r\n </span>\r\n }\r\n <span #content><ng-content></ng-content></span>\r\n @if (direction() === 'row-reverse' && icon() && !loading()) {\r\n <x-icon [type]=\"icon()\"></x-icon>\r\n }\r\n</button>\r\n", styles: ["@keyframes loading-rotate{to{transform:rotate(360deg)}}@keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-2.5rem}to{stroke-dasharray:90,150;stroke-dashoffset:-7.5rem}}x-button{display:inline-block;line-height:initial}.x-button{margin:0;padding:0;position:relative;border:none;outline:none;border-radius:var(--x-border-radius);font-size:var(--x-font-size-small);text-align:center;background-clip:border-box;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;touch-action:manipulation;box-shadow:var(--x-box-shadow);width:100%}.x-button:focus{outline:none}.x-button>.x-icon{font-size:1rem;vertical-align:-.1875rem}.x-button.x-direction-row>.x-icon{margin-right:.25rem;margin-left:-.25rem}.x-button.x-direction-row-reverse>.x-icon{margin-right:-.25rem;margin-left:.25rem}.x-button-icon.x-direction-row>.x-icon,.x-button-icon.x-direction-row-reverse>.x-icon{margin-right:0;margin-left:0}.x-button-loading{margin-right:.25rem;margin-left:-.25rem;font-size:1rem;vertical-align:-.1875rem}.x-button-circular{width:1rem;height:1rem;animation:loading-rotate 2s linear infinite}.x-button-path{animation:loading-dash 1.5s ease-in-out infinite;stroke-dasharray:90,150;stroke-dashoffset:0;stroke-width:2;stroke-linecap:round}.x-button-transition{will-change:color,background-color,border,box-shadow;transition:color var(--x-animation-duration-base) ease-in-out,background-color var(--x-animation-duration-base) ease-in-out,border var(--x-animation-duration-base) ease-in-out,box-shadow var(--x-animation-duration-base) ease-in-out}.x-button-disabled{transform:none!important;opacity:.6}.x-button-round{border-radius:5rem}.x-button-circle{border-radius:50%;padding:0!important}.x-button-circle.x-size-big{width:var(--x-height-big)}.x-button-circle.x-size-large{width:var(--x-height-large)}.x-button-circle.x-size-medium{width:var(--x-height-medium)}.x-button-circle.x-size-small{width:var(--x-height-small)}.x-button-circle.x-size-mini{width:var(--x-height-mini)}.x-button-circle .x-button-loading,.x-button-icon-not-content .x-button-loading{margin-right:0;margin-left:0}.x-button-only-icon,.x-button-only-icon.x-button-initial,.x-button-text{color:var(--x-text);border:none;background-color:transparent;box-shadow:none}.x-button-only-icon:hover,.x-button-only-icon:active,.x-button-only-icon.x-button-initial:hover,.x-button-only-icon.x-button-initial:active,.x-button-text:hover,.x-button-text:active{color:var(--x-primary);background-color:var(--x-background-a200);border-color:transparent}.x-button-only-icon:hover .x-button-path,.x-button-only-icon:active .x-button-path,.x-button-only-icon.x-button-initial:hover .x-button-path,.x-button-only-icon.x-button-initial:active .x-button-path,.x-button-text:hover .x-button-path,.x-button-text:active .x-button-path{stroke:var(--x-primary)}.x-button-closable{color:var(--x-text-400);box-shadow:none;background:none}.x-button-closable:hover{background:none;color:var(--x-text)}.x-button-disabled.x-button-activated.x-button-initial,.x-button-disabled.x-button-activated.x-button-initial:hover,.x-button-disabled.x-button-activated.x-button-initial:active{color:var(--x-primary-700);cursor:not-allowed;background-image:none;background-color:var(--x-background);border-color:var(--x-primary-700);box-shadow:none}.x-button-disabled.x-button-text,.x-button-disabled.x-button-only-icon,.x-button-disabled.x-button-text:hover,.x-button-disabled.x-button-text:active,.x-button-disabled.x-button-only-icon:hover,.x-button-disabled.x-button-only-icon:active{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:transparent;border-color:transparent;box-shadow:none}.x-button.x-size-big{height:var(--x-height-big);line-height:var(--x-height-big);padding:0 var(--x-padding-big)}.x-button.x-size-large{height:var(--x-height-large);line-height:var(--x-height-large);padding:0 var(--x-padding-large)}.x-button.x-size-medium{height:var(--x-height-medium);line-height:var(--x-height-medium);padding:0 var(--x-padding-medium)}.x-button.x-size-small{height:var(--x-height-small);line-height:var(--x-height-small);padding:0 var(--x-padding-small)}.x-button.x-size-mini{height:var(--x-height-mini);line-height:var(--x-height-mini);padding:0 var(--x-padding-mini)}.x-button-initial{color:var(--x-text);background-color:var(--x-background-100);border-color:var(--x-border)}.x-button-initial .x-button-path{stroke:var(--x-text)}.x-button-initial:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-initial.cdk-program-focused:not(.x-button-disabled),.x-button-initial.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-text);background-color:var(--x-background-a200);border-color:var(--x-border);box-shadow:var(--x-box-shadow-hover)}.x-button-initial:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-initial.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-initial.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-text)}.x-button-initial:active:not(.x-button-disabled){color:var(--x-text);background-color:var(--x-background-a600);border-color:var(--x-border)}.x-button-initial:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-text)}.x-button-initial.x-button-disabled{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:var(--x-background-a400);border-color:var(--x-border);box-shadow:none}.x-button-initial-plain{color:var(--x-text);background-color:var(--x-background-a200);border-color:var(--x-border)}.x-button-initial-plain .x-button-path{stroke:var(--x-text)}.x-button-initial-plain:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-initial-plain.cdk-program-focused:not(.x-button-disabled),.x-button-initial-plain.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-text);background-color:var(--x-background-a300);border-color:var(--x-primary)}.x-button-initial-plain:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-initial-plain.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-initial-plain.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-text)}.x-button-initial-plain:active:not(.x-button-disabled){color:var(--x-text);background-color:var(--x-background-a200);border-color:var(--x-primary-a100)}.x-button-initial-plain:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-text)}.x-button-initial-plain.x-button-disabled{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:var(--x-background-a400);border-color:var(--x-border);box-shadow:none}.x-button-initial-plain.x-button-activated{z-index:2;color:var(--x-text);background-color:var(--x-background-a600);border-color:var(--x-border)}.x-button-initial-plain.x-button-activated .x-button-path{stroke:var(--x-text)}.x-button-initial-text{box-shadow:none;color:var(--x-text);background-color:transparent;border-color:var(--x-border)}.x-button-initial-text .x-button-path{stroke:var(--x-text)}.x-button-initial-text:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-initial-text.cdk-program-focused:not(.x-button-disabled),.x-button-initial-text.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none;color:var(--x-text);background-color:var(--x-background-a200);border-color:var(--x-border)}.x-button-initial-text:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-initial-text.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-initial-text.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-text)}.x-button-initial-text.x-button-disabled{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:transparent;border-color:var(--x-border);box-shadow:none}.x-button-initial-flat{box-shadow:none}.x-button-initial-flat:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-initial-flat.cdk-program-focused:not(.x-button-disabled),.x-button-initial-flat.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none}.x-button-initial.x-button-activated{z-index:2;color:var(--x-text);background-color:var(--x-background-a600);border-color:var(--x-border)}.x-button-initial.x-button-activated .x-button-path{stroke:var(--x-text)}.x-button-initial .x-ripple-element{background-color:var(--x-text-800)}.x-button-primary{color:var(--x-white);background-color:var(--x-primary);border-color:var(--x-primary)}.x-button-primary .x-button-path{stroke:var(--x-white)}.x-button-primary:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-primary.cdk-program-focused:not(.x-button-disabled),.x-button-primary.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-primary-100);border-color:var(--x-primary-100);box-shadow:var(--x-box-shadow-hover)}.x-button-primary:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-primary.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-primary.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-primary:active:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-primary);border-color:var(--x-primary)}.x-button-primary:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-primary.x-button-disabled{color:var(--x-primary-800);cursor:not-allowed;background-image:none;background-color:var(--x-primary-500);border-color:var(--x-primary-500);box-shadow:none}.x-button-primary-plain{color:var(--x-primary);background-color:var(--x-primary-900);border-color:var(--x-primary-600)}.x-button-primary-plain .x-button-path{stroke:var(--x-primary)}.x-button-primary-plain:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-primary-plain.cdk-program-focused:not(.x-button-disabled),.x-button-primary-plain.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-primary);border-color:var(--x-primary)}.x-button-primary-plain:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-primary-plain.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-primary-plain.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-primary-plain:active:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-primary-a100);border-color:var(--x-primary-a100)}.x-button-primary-plain:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-primary-plain.x-button-disabled{color:var(--x-primary-400);cursor:not-allowed;background-image:none;background-color:var(--x-primary-900);border-color:var(--x-primary-800);box-shadow:none}.x-button-primary-plain.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-primary);border-color:var(--x-primary)}.x-button-primary-plain.x-button-activated .x-button-path{stroke:var(--x-white)}.x-button-primary-text{box-shadow:none;color:var(--x-primary);background-color:transparent;border-color:var(--x-primary-600)}.x-button-primary-text .x-button-path{stroke:var(--x-primary)}.x-button-primary-text:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-primary-text.cdk-program-focused:not(.x-button-disabled),.x-button-primary-text.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none;color:var(--x-primary);background-color:var(--x-primary-900);border-color:var(--x-primary-600)}.x-button-primary-text:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-primary-text.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-primary-text.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-primary)}.x-button-primary-text.x-button-disabled{color:var(--x-primary-400);cursor:not-allowed;background-image:none;background-color:transparent;border-color:var(--x-primary-800);box-shadow:none}.x-button-primary-flat{box-shadow:none}.x-button-primary-flat:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-primary-flat.cdk-program-focused:not(.x-button-disabled),.x-button-primary-flat.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none}.x-button-primary.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-primary);border-color:var(--x-primary)}.x-button-primary.x-button-activated .x-button-path{stroke:var(--x-white)}.x-button-primary .x-ripple-element{background-color:var(--x-primary-500)}.x-button-success{color:var(--x-white);background-color:var(--x-success);border-color:var(--x-success)}.x-button-success .x-button-path{stroke:var(--x-white)}.x-button-success:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-success.cdk-program-focused:not(.x-button-disabled),.x-button-success.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-success-100);border-color:var(--x-success-100);box-shadow:var(--x-box-shadow-hover)}.x-button-success:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-success.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-success.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-success:active:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-success);border-color:var(--x-success)}.x-button-success:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-success.x-button-disabled{color:var(--x-success-800);cursor:not-allowed;background-image:none;background-color:var(--x-success-500);border-color:var(--x-success-500);box-shadow:none}.x-button-success-plain{color:var(--x-success);background-color:var(--x-success-900);border-color:var(--x-success-600)}.x-button-success-plain .x-button-path{stroke:var(--x-success)}.x-button-success-plain:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-success-plain.cdk-program-focused:not(.x-button-disabled),.x-button-success-plain.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-success);border-color:var(--x-success)}.x-button-success-plain:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-success-plain.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-success-plain.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-success-plain:active:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-success-a100);border-color:var(--x-success-a100)}.x-button-success-plain:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-success-plain.x-button-disabled{color:var(--x-success-400);cursor:not-allowed;background-image:none;background-color:var(--x-success-900);border-color:var(--x-success-800);box-shadow:none}.x-button-success-plain.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-success);border-color:var(--x-success)}.x-button-success-plain.x-button-activated .x-button-path{stroke:var(--x-white)}.x-button-success-text{box-shadow:none;color:var(--x-success);background-color:transparent;border-color:var(--x-success-600)}.x-button-success-text .x-button-path{stroke:var(--x-success)}.x-button-success-text:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-success-text.cdk-program-focused:not(.x-button-disabled),.x-button-success-text.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none;color:var(--x-success);background-color:var(--x-success-900);border-color:var(--x-success-600)}.x-button-success-text:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-success-text.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-success-text.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-success)}.x-button-success-text.x-button-disabled{color:var(--x-success-400);cursor:not-allowed;background-image:none;background-color:transparent;border-color:var(--x-success-800);box-shadow:none}.x-button-success-flat{box-shadow:none}.x-button-success-flat:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-success-flat.cdk-program-focused:not(.x-button-disabled),.x-button-success-flat.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none}.x-button-success.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-success);border-color:var(--x-success)}.x-button-success.x-button-activated .x-button-path{stroke:var(--x-white)}.x-button-success .x-ripple-element{background-color:var(--x-success-500)}.x-button-warning{color:var(--x-white);background-color:var(--x-warning);border-color:var(--x-warning)}.x-button-warning .x-button-path{stroke:var(--x-white)}.x-button-warning:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-warning.cdk-program-focused:not(.x-button-disabled),.x-button-warning.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-warning-100);border-color:var(--x-warning-100);box-shadow:var(--x-box-shadow-hover)}.x-button-warning:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-warning.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-warning.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-warning:active:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-warning);border-color:var(--x-warning)}.x-button-warning:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-warning.x-button-disabled{color:var(--x-warning-800);cursor:not-allowed;background-image:none;background-color:var(--x-warning-500);border-color:var(--x-warning-500);box-shadow:none}.x-button-warning-plain{color:var(--x-warning);background-color:var(--x-warning-900);border-color:var(--x-warning-600)}.x-button-warning-plain .x-button-path{stroke:var(--x-warning)}.x-button-warning-plain:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-warning-plain.cdk-program-focused:not(.x-button-disabled),.x-button-warning-plain.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-warning);border-color:var(--x-warning)}.x-button-warning-plain:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-warning-plain.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-warning-plain.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-warning-plain:active:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-warning-a100);border-color:var(--x-warning-a100)}.x-button-warning-plain:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-warning-plain.x-button-disabled{color:var(--x-warning-400);cursor:not-allowed;background-image:none;background-color:var(--x-warning-900);border-color:var(--x-warning-800);box-shadow:none}.x-button-warning-plain.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-warning);border-color:var(--x-warning)}.x-button-warning-plain.x-button-activated .x-button-path{stroke:var(--x-white)}.x-button-warning-text{box-shadow:none;color:var(--x-warning);background-color:transparent;border-color:var(--x-warning-600)}.x-button-warning-text .x-button-path{stroke:var(--x-warning)}.x-button-warning-text:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-warning-text.cdk-program-focused:not(.x-button-disabled),.x-button-warning-text.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none;color:var(--x-warning);background-color:var(--x-warning-900);border-color:var(--x-warning-600)}.x-button-warning-text:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-warning-text.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-warning-text.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-warning)}.x-button-warning-text.x-button-disabled{color:var(--x-warning-400);cursor:not-allowed;background-image:none;background-color:transparent;border-color:var(--x-warning-800);box-shadow:none}.x-button-warning-flat{box-shadow:none}.x-button-warning-flat:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-warning-flat.cdk-program-focused:not(.x-button-disabled),.x-button-warning-flat.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none}.x-button-warning.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-warning);border-color:var(--x-warning)}.x-button-warning.x-button-activated .x-button-path{stroke:var(--x-white)}.x-button-warning .x-ripple-element{background-color:var(--x-warning-500)}.x-button-danger{color:var(--x-white);background-color:var(--x-danger);border-color:var(--x-danger)}.x-button-danger .x-button-path{stroke:var(--x-white)}.x-button-danger:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-danger.cdk-program-focused:not(.x-button-disabled),.x-button-danger.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-danger-100);border-color:var(--x-danger-100);box-shadow:var(--x-box-shadow-hover)}.x-button-danger:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-danger.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-danger.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-danger:active:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-danger);border-color:var(--x-danger)}.x-button-danger:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-danger.x-button-disabled{color:var(--x-danger-800);cursor:not-allowed;background-image:none;background-color:var(--x-danger-500);border-color:var(--x-danger-500);box-shadow:none}.x-button-danger-plain{color:var(--x-danger);background-color:var(--x-danger-900);border-color:var(--x-danger-600)}.x-button-danger-plain .x-button-path{stroke:var(--x-danger)}.x-button-danger-plain:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-danger-plain.cdk-program-focused:not(.x-button-disabled),.x-button-danger-plain.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-danger);border-color:var(--x-danger)}.x-button-danger-plain:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-danger-plain.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-danger-plain.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-danger-plain:active:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-danger-a100);border-color:var(--x-danger-a100)}.x-button-danger-plain:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-danger-plain.x-button-disabled{color:var(--x-danger-400);cursor:not-allowed;background-image:none;background-color:var(--x-danger-900);border-color:var(--x-danger-800);box-shadow:none}.x-button-danger-plain.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-danger);border-color:var(--x-danger)}.x-button-danger-plain.x-button-activated .x-button-path{stroke:var(--x-white)}.x-button-danger-text{box-shadow:none;color:var(--x-danger);background-color:transparent;border-color:var(--x-danger-600)}.x-button-danger-text .x-button-path{stroke:var(--x-danger)}.x-button-danger-text:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-danger-text.cdk-program-focused:not(.x-button-disabled),.x-button-danger-text.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none;color:var(--x-danger);background-color:var(--x-danger-900);border-color:var(--x-danger-600)}.x-button-danger-text:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-danger-text.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-danger-text.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-danger)}.x-button-danger-text.x-button-disabled{color:var(--x-danger-400);cursor:not-allowed;background-image:none;background-color:transparent;border-color:var(--x-danger-800);box-shadow:none}.x-button-danger-flat{box-shadow:none}.x-button-danger-flat:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-danger-flat.cdk-program-focused:not(.x-button-disabled),.x-button-danger-flat.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none}.x-button-danger.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-danger);border-color:var(--x-danger)}.x-button-danger.x-button-activated .x-button-path{stroke:var(--x-white)}.x-button-danger .x-ripple-element{background-color:var(--x-danger-500)}.x-button-info{color:var(--x-white);background-color:var(--x-info);border-color:var(--x-info)}.x-button-info .x-button-path{stroke:var(--x-white)}.x-button-info:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-info.cdk-program-focused:not(.x-button-disabled),.x-button-info.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-info-100);border-color:var(--x-info-100);box-shadow:var(--x-box-shadow-hover)}.x-button-info:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-info.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-info.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-info:active:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-info);border-color:var(--x-info)}.x-button-info:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-info.x-button-disabled{color:var(--x-info-800);cursor:not-allowed;background-image:none;background-color:var(--x-info-500);border-color:var(--x-info-500);box-shadow:none}.x-button-info-plain{color:var(--x-info);background-color:var(--x-info-900);border-color:var(--x-info-600)}.x-button-info-plain .x-button-path{stroke:var(--x-info)}.x-button-info-plain:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-info-plain.cdk-program-focused:not(.x-button-disabled),.x-button-info-plain.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-info);border-color:var(--x-info)}.x-button-info-plain:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-info-plain.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-info-plain.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-info-plain:active:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-info-a100);border-color:var(--x-info-a100)}.x-button-info-plain:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-info-plain.x-button-disabled{color:var(--x-info-400);cursor:not-allowed;background-image:none;background-color:var(--x-info-900);border-color:var(--x-info-800);box-shadow:none}.x-button-info-plain.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-info);border-color:var(--x-info)}.x-button-info-plain.x-button-activated .x-button-path{stroke:var(--x-white)}.x-button-info-text{box-shadow:none;color:var(--x-info);background-color:transparent;border-color:var(--x-info-600)}.x-button-info-text .x-button-path{stroke:var(--x-info)}.x-button-info-text:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-info-text.cdk-program-focused:not(.x-button-disabled),.x-button-info-text.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none;color:var(--x-info);background-color:var(--x-info-900);border-color:var(--x-info-600)}.x-button-info-text:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-info-text.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-info-text.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-info)}.x-button-info-text.x-button-disabled{color:var(--x-info-400);cursor:not-allowed;background-image:none;background-color:transparent;border-color:var(--x-info-800);box-shadow:none}.x-button-info-flat{box-shadow:none}.x-button-info-flat:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-info-flat.cdk-program-focused:not(.x-button-disabled),.x-button-info-flat.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none}.x-button-info.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-info);border-color:var(--x-info)}.x-button-info.x-button-activated .x-button-path{stroke:var(--x-white)}.x-button-info .x-ripple-element{background-color:var(--x-info-500)}\n"] }]
|
|
434
|
+
args: [{ selector: `${XButtonPrefix}`, standalone: true, imports: [NgClass, XIconComponent, XRippleDirective], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\r\n #buttonRef\r\n class=\"x-button\"\r\n [tabindex]=\"tabindex()\"\r\n [ngClass]=\"classMap()\"\r\n [class.x-button-only-icon]=\"onlyIcon()\"\r\n [class.x-button-activated]=\"activated()\"\r\n [class.x-button-disabled]=\"disabledComputed()\"\r\n [class.x-button-round]=\"roundSignal()\"\r\n [class.x-button-circle]=\"circle()\"\r\n [class.x-button-icon]=\"icon() && !content.innerHTML.trim()\"\r\n [class.x-button-icon-not-content]=\"icon() && content.innerHTML.trim() === ''\"\r\n [class.x-button-closable]=\"closable()\"\r\n [class.x-button-transition]=\"transition()\"\r\n [title]=\"title()\"\r\n x-ripple\r\n [type]=\"type()\"\r\n [disabled]=\"disabledComputed()\"\r\n [attr.type]=\"attrType()\"\r\n [attr.disabled]=\"disabledComputed() || null\"\r\n>\r\n @if (direction() === 'row' && icon() && !loading()) {\r\n <x-icon [type]=\"icon()\"></x-icon>\r\n }\r\n @if (loading()) {\r\n <span class=\"x-button-loading\">\r\n <svg class=\"x-button-circular\" viewBox=\"25 25 50 50\">\r\n <circle class=\"x-button-path\" cx=\"50\" cy=\"50\" r=\"20\" fill=\"none\" />\r\n </svg>\r\n </span>\r\n }\r\n <span #content><ng-content></ng-content></span>\r\n @if (direction() === 'row-reverse' && icon() && !loading()) {\r\n <x-icon [type]=\"icon()\"></x-icon>\r\n }\r\n</button>\r\n", styles: ["@keyframes loading-rotate{to{transform:rotate(360deg)}}@keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-2.5rem}to{stroke-dasharray:90,150;stroke-dashoffset:-7.5rem}}x-button{display:inline-block;line-height:initial}.x-button{margin:0;padding:0;position:relative;border:none;outline:none;border-radius:var(--x-border-radius);font-size:var(--x-font-size-small);text-align:center;background-clip:border-box;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;touch-action:manipulation;box-shadow:var(--x-box-shadow);width:100%}.x-button:focus{outline:none}.x-button>.x-icon{font-size:1rem;vertical-align:-.1875rem}.x-button.x-direction-row>.x-icon{margin-right:.25rem;margin-left:-.25rem}.x-button.x-direction-row-reverse>.x-icon{margin-right:-.25rem;margin-left:.25rem}.x-button-icon.x-direction-row>.x-icon,.x-button-icon.x-direction-row-reverse>.x-icon{margin-right:0;margin-left:0}.x-button-loading{margin-right:.25rem;margin-left:-.25rem;font-size:1rem;vertical-align:-.1875rem}.x-button-circular{width:1rem;height:1rem;animation:loading-rotate 2s linear infinite}.x-button-path{animation:loading-dash 1.5s ease-in-out infinite;stroke-dasharray:90,150;stroke-dashoffset:0;stroke-width:2;stroke-linecap:round}.x-button-transition{will-change:color,background-color,border,box-shadow;transition:color var(--x-animation-duration-base) ease-in-out,background-color var(--x-animation-duration-base) ease-in-out,border var(--x-animation-duration-base) ease-in-out,box-shadow var(--x-animation-duration-base) ease-in-out}.x-button-disabled{transform:none!important;opacity:.6}.x-button-round{border-radius:5rem}.x-button-circle{border-radius:50%;padding:0!important}.x-button-circle.x-size-big{width:var(--x-height-big)}.x-button-circle.x-size-large{width:var(--x-height-large)}.x-button-circle.x-size-medium{width:var(--x-height-medium)}.x-button-circle.x-size-small{width:var(--x-height-small)}.x-button-circle.x-size-mini{width:var(--x-height-mini)}.x-button-circle .x-button-loading,.x-button-icon-not-content .x-button-loading{margin-right:0;margin-left:0}.x-button-only-icon,.x-button-only-icon.x-button-initial,.x-button-text{color:var(--x-text);border:none;background-color:transparent;box-shadow:none}.x-button-only-icon:hover,.x-button-only-icon:active,.x-button-only-icon.x-button-initial:hover,.x-button-only-icon.x-button-initial:active,.x-button-text:hover,.x-button-text:active{color:var(--x-primary);background-color:var(--x-background-a200);border-color:transparent}.x-button-only-icon:hover .x-button-path,.x-button-only-icon:active .x-button-path,.x-button-only-icon.x-button-initial:hover .x-button-path,.x-button-only-icon.x-button-initial:active .x-button-path,.x-button-text:hover .x-button-path,.x-button-text:active .x-button-path{stroke:var(--x-primary)}.x-button-closable{color:var(--x-text-400);box-shadow:none;background:none}.x-button-closable:hover{background:none;color:var(--x-text)}.x-button-disabled.x-button-activated.x-button-initial,.x-button-disabled.x-button-activated.x-button-initial:hover,.x-button-disabled.x-button-activated.x-button-initial:active{color:var(--x-primary-700);cursor:not-allowed;background-image:none;background-color:var(--x-background);border-color:var(--x-primary-700);box-shadow:none}.x-button-disabled.x-button-text,.x-button-disabled.x-button-only-icon,.x-button-disabled.x-button-text:hover,.x-button-disabled.x-button-text:active,.x-button-disabled.x-button-only-icon:hover,.x-button-disabled.x-button-only-icon:active{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:transparent;border-color:transparent;box-shadow:none}.x-button.x-size-big{height:var(--x-height-big);line-height:var(--x-height-big);padding:0 var(--x-padding-big)}.x-button.x-size-large{height:var(--x-height-large);line-height:var(--x-height-large);padding:0 var(--x-padding-large)}.x-button.x-size-medium{height:var(--x-height-medium);line-height:var(--x-height-medium);padding:0 var(--x-padding-medium)}.x-button.x-size-small{height:var(--x-height-small);line-height:var(--x-height-small);padding:0 var(--x-padding-small)}.x-button.x-size-mini{height:var(--x-height-mini);line-height:var(--x-height-mini);padding:0 var(--x-padding-mini)}.x-button-initial{color:var(--x-text);background-color:var(--x-background-100);border-color:var(--x-border)}.x-button-initial .x-button-path{stroke:var(--x-text)}.x-button-initial:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-initial.cdk-program-focused:not(.x-button-disabled),.x-button-initial.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-text);background-color:var(--x-background-a200);border-color:var(--x-border);box-shadow:var(--x-box-shadow-hover)}.x-button-initial:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-initial.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-initial.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-text)}.x-button-initial:active:not(.x-button-disabled){color:var(--x-text);background-color:var(--x-background-a600);border-color:var(--x-border)}.x-button-initial:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-text)}.x-button-initial.x-button-disabled{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:var(--x-background-a400);border-color:var(--x-border);box-shadow:none}.x-button-initial-plain{color:var(--x-text);background-color:var(--x-background-a200);border-color:var(--x-border)}.x-button-initial-plain .x-button-path{stroke:var(--x-text)}.x-button-initial-plain:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-initial-plain.cdk-program-focused:not(.x-button-disabled),.x-button-initial-plain.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-text);background-color:var(--x-background-a300);border-color:var(--x-primary)}.x-button-initial-plain:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-initial-plain.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-initial-plain.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-text)}.x-button-initial-plain:active:not(.x-button-disabled){color:var(--x-text);background-color:var(--x-background-a200);border-color:var(--x-primary-a100)}.x-button-initial-plain:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-text)}.x-button-initial-plain.x-button-disabled{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:var(--x-background-a400);border-color:var(--x-border);box-shadow:none}.x-button-initial-plain.x-button-activated{z-index:2;color:var(--x-text);background-color:var(--x-background-a600);border-color:var(--x-border)}.x-button-initial-plain.x-button-activated .x-button-path{stroke:var(--x-text)}.x-button-initial-text{box-shadow:none;color:var(--x-text);background-color:transparent;border-color:var(--x-border)}.x-button-initial-text .x-button-path{stroke:var(--x-text)}.x-button-initial-text:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-initial-text.cdk-program-focused:not(.x-button-disabled),.x-button-initial-text.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none;color:var(--x-text);background-color:var(--x-background-a200);border-color:var(--x-border)}.x-button-initial-text:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-initial-text.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-initial-text.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-text)}.x-button-initial-text.x-button-disabled{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:transparent;border-color:var(--x-border);box-shadow:none}.x-button-initial-flat{box-shadow:none}.x-button-initial-flat:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-initial-flat.cdk-program-focused:not(.x-button-disabled),.x-button-initial-flat.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none}.x-button-initial.x-button-activated{z-index:2;color:var(--x-text);background-color:var(--x-background-a600);border-color:var(--x-border)}.x-button-initial.x-button-activated .x-button-path{stroke:var(--x-text)}.x-button-initial .x-ripple-element{background-color:var(--x-text-800)}.x-button-primary{color:var(--x-white);background-color:var(--x-primary);border-color:var(--x-primary)}.x-button-primary .x-button-path{stroke:var(--x-white)}.x-button-primary:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-primary.cdk-program-focused:not(.x-button-disabled),.x-button-primary.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-primary-100);border-color:var(--x-primary-100);box-shadow:var(--x-box-shadow-hover)}.x-button-primary:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-primary.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-primary.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-primary:active:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-primary);border-color:var(--x-primary)}.x-button-primary:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-primary.x-button-disabled{color:var(--x-primary-800);cursor:not-allowed;background-image:none;background-color:var(--x-primary-500);border-color:var(--x-primary-500);box-shadow:none}.x-button-primary-plain{color:var(--x-primary);background-color:var(--x-primary-900);border-color:var(--x-primary-600)}.x-button-primary-plain .x-button-path{stroke:var(--x-primary)}.x-button-primary-plain:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-primary-plain.cdk-program-focused:not(.x-button-disabled),.x-button-primary-plain.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-primary);border-color:var(--x-primary)}.x-button-primary-plain:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-primary-plain.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-primary-plain.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-primary-plain:active:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-primary-a100);border-color:var(--x-primary-a100)}.x-button-primary-plain:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-primary-plain.x-button-disabled{color:var(--x-primary-400);cursor:not-allowed;background-image:none;background-color:var(--x-primary-900);border-color:var(--x-primary-800);box-shadow:none}.x-button-primary-plain.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-primary);border-color:var(--x-primary)}.x-button-primary-plain.x-button-activated .x-button-path{stroke:var(--x-white)}.x-button-primary-text{box-shadow:none;color:var(--x-primary);background-color:transparent;border-color:var(--x-primary-600)}.x-button-primary-text .x-button-path{stroke:var(--x-primary)}.x-button-primary-text:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-primary-text.cdk-program-focused:not(.x-button-disabled),.x-button-primary-text.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none;color:var(--x-primary);background-color:var(--x-primary-900);border-color:var(--x-primary-600)}.x-button-primary-text:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-primary-text.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-primary-text.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-primary)}.x-button-primary-text.x-button-disabled{color:var(--x-primary-400);cursor:not-allowed;background-image:none;background-color:transparent;border-color:var(--x-primary-800);box-shadow:none}.x-button-primary-flat{box-shadow:none}.x-button-primary-flat:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-primary-flat.cdk-program-focused:not(.x-button-disabled),.x-button-primary-flat.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none}.x-button-primary.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-primary);border-color:var(--x-primary)}.x-button-primary.x-button-activated .x-button-path{stroke:var(--x-white)}.x-button-primary .x-ripple-element{background-color:var(--x-primary-500)}.x-button-success{color:var(--x-white);background-color:var(--x-success);border-color:var(--x-success)}.x-button-success .x-button-path{stroke:var(--x-white)}.x-button-success:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-success.cdk-program-focused:not(.x-button-disabled),.x-button-success.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-success-100);border-color:var(--x-success-100);box-shadow:var(--x-box-shadow-hover)}.x-button-success:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-success.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-success.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-success:active:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-success);border-color:var(--x-success)}.x-button-success:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-success.x-button-disabled{color:var(--x-success-800);cursor:not-allowed;background-image:none;background-color:var(--x-success-500);border-color:var(--x-success-500);box-shadow:none}.x-button-success-plain{color:var(--x-success);background-color:var(--x-success-900);border-color:var(--x-success-600)}.x-button-success-plain .x-button-path{stroke:var(--x-success)}.x-button-success-plain:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-success-plain.cdk-program-focused:not(.x-button-disabled),.x-button-success-plain.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-success);border-color:var(--x-success)}.x-button-success-plain:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-success-plain.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-success-plain.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-success-plain:active:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-success-a100);border-color:var(--x-success-a100)}.x-button-success-plain:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-success-plain.x-button-disabled{color:var(--x-success-400);cursor:not-allowed;background-image:none;background-color:var(--x-success-900);border-color:var(--x-success-800);box-shadow:none}.x-button-success-plain.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-success);border-color:var(--x-success)}.x-button-success-plain.x-button-activated .x-button-path{stroke:var(--x-white)}.x-button-success-text{box-shadow:none;color:var(--x-success);background-color:transparent;border-color:var(--x-success-600)}.x-button-success-text .x-button-path{stroke:var(--x-success)}.x-button-success-text:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-success-text.cdk-program-focused:not(.x-button-disabled),.x-button-success-text.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none;color:var(--x-success);background-color:var(--x-success-900);border-color:var(--x-success-600)}.x-button-success-text:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-success-text.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-success-text.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-success)}.x-button-success-text.x-button-disabled{color:var(--x-success-400);cursor:not-allowed;background-image:none;background-color:transparent;border-color:var(--x-success-800);box-shadow:none}.x-button-success-flat{box-shadow:none}.x-button-success-flat:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-success-flat.cdk-program-focused:not(.x-button-disabled),.x-button-success-flat.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none}.x-button-success.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-success);border-color:var(--x-success)}.x-button-success.x-button-activated .x-button-path{stroke:var(--x-white)}.x-button-success .x-ripple-element{background-color:var(--x-success-500)}.x-button-warning{color:var(--x-white);background-color:var(--x-warning);border-color:var(--x-warning)}.x-button-warning .x-button-path{stroke:var(--x-white)}.x-button-warning:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-warning.cdk-program-focused:not(.x-button-disabled),.x-button-warning.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-warning-100);border-color:var(--x-warning-100);box-shadow:var(--x-box-shadow-hover)}.x-button-warning:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-warning.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-warning.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-warning:active:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-warning);border-color:var(--x-warning)}.x-button-warning:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-warning.x-button-disabled{color:var(--x-warning-800);cursor:not-allowed;background-image:none;background-color:var(--x-warning-500);border-color:var(--x-warning-500);box-shadow:none}.x-button-warning-plain{color:var(--x-warning);background-color:var(--x-warning-900);border-color:var(--x-warning-600)}.x-button-warning-plain .x-button-path{stroke:var(--x-warning)}.x-button-warning-plain:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-warning-plain.cdk-program-focused:not(.x-button-disabled),.x-button-warning-plain.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-warning);border-color:var(--x-warning)}.x-button-warning-plain:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-warning-plain.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-warning-plain.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-warning-plain:active:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-warning-a100);border-color:var(--x-warning-a100)}.x-button-warning-plain:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-warning-plain.x-button-disabled{color:var(--x-warning-400);cursor:not-allowed;background-image:none;background-color:var(--x-warning-900);border-color:var(--x-warning-800);box-shadow:none}.x-button-warning-plain.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-warning);border-color:var(--x-warning)}.x-button-warning-plain.x-button-activated .x-button-path{stroke:var(--x-white)}.x-button-warning-text{box-shadow:none;color:var(--x-warning);background-color:transparent;border-color:var(--x-warning-600)}.x-button-warning-text .x-button-path{stroke:var(--x-warning)}.x-button-warning-text:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-warning-text.cdk-program-focused:not(.x-button-disabled),.x-button-warning-text.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none;color:var(--x-warning);background-color:var(--x-warning-900);border-color:var(--x-warning-600)}.x-button-warning-text:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-warning-text.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-warning-text.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-warning)}.x-button-warning-text.x-button-disabled{color:var(--x-warning-400);cursor:not-allowed;background-image:none;background-color:transparent;border-color:var(--x-warning-800);box-shadow:none}.x-button-warning-flat{box-shadow:none}.x-button-warning-flat:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-warning-flat.cdk-program-focused:not(.x-button-disabled),.x-button-warning-flat.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none}.x-button-warning.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-warning);border-color:var(--x-warning)}.x-button-warning.x-button-activated .x-button-path{stroke:var(--x-white)}.x-button-warning .x-ripple-element{background-color:var(--x-warning-500)}.x-button-danger{color:var(--x-white);background-color:var(--x-danger);border-color:var(--x-danger)}.x-button-danger .x-button-path{stroke:var(--x-white)}.x-button-danger:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-danger.cdk-program-focused:not(.x-button-disabled),.x-button-danger.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-danger-100);border-color:var(--x-danger-100);box-shadow:var(--x-box-shadow-hover)}.x-button-danger:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-danger.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-danger.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-danger:active:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-danger);border-color:var(--x-danger)}.x-button-danger:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-danger.x-button-disabled{color:var(--x-danger-800);cursor:not-allowed;background-image:none;background-color:var(--x-danger-500);border-color:var(--x-danger-500);box-shadow:none}.x-button-danger-plain{color:var(--x-danger);background-color:var(--x-danger-900);border-color:var(--x-danger-600)}.x-button-danger-plain .x-button-path{stroke:var(--x-danger)}.x-button-danger-plain:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-danger-plain.cdk-program-focused:not(.x-button-disabled),.x-button-danger-plain.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-danger);border-color:var(--x-danger)}.x-button-danger-plain:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-danger-plain.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-danger-plain.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-danger-plain:active:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-danger-a100);border-color:var(--x-danger-a100)}.x-button-danger-plain:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-danger-plain.x-button-disabled{color:var(--x-danger-400);cursor:not-allowed;background-image:none;background-color:var(--x-danger-900);border-color:var(--x-danger-800);box-shadow:none}.x-button-danger-plain.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-danger);border-color:var(--x-danger)}.x-button-danger-plain.x-button-activated .x-button-path{stroke:var(--x-white)}.x-button-danger-text{box-shadow:none;color:var(--x-danger);background-color:transparent;border-color:var(--x-danger-600)}.x-button-danger-text .x-button-path{stroke:var(--x-danger)}.x-button-danger-text:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-danger-text.cdk-program-focused:not(.x-button-disabled),.x-button-danger-text.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none;color:var(--x-danger);background-color:var(--x-danger-900);border-color:var(--x-danger-600)}.x-button-danger-text:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-danger-text.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-danger-text.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-danger)}.x-button-danger-text.x-button-disabled{color:var(--x-danger-400);cursor:not-allowed;background-image:none;background-color:transparent;border-color:var(--x-danger-800);box-shadow:none}.x-button-danger-flat{box-shadow:none}.x-button-danger-flat:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-danger-flat.cdk-program-focused:not(.x-button-disabled),.x-button-danger-flat.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none}.x-button-danger.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-danger);border-color:var(--x-danger)}.x-button-danger.x-button-activated .x-button-path{stroke:var(--x-white)}.x-button-danger .x-ripple-element{background-color:var(--x-danger-500)}.x-button-info{color:var(--x-white);background-color:var(--x-info);border-color:var(--x-info)}.x-button-info .x-button-path{stroke:var(--x-white)}.x-button-info:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-info.cdk-program-focused:not(.x-button-disabled),.x-button-info.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-info-100);border-color:var(--x-info-100);box-shadow:var(--x-box-shadow-hover)}.x-button-info:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-info.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-info.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-info:active:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-info);border-color:var(--x-info)}.x-button-info:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-info.x-button-disabled{color:var(--x-info-800);cursor:not-allowed;background-image:none;background-color:var(--x-info-500);border-color:var(--x-info-500);box-shadow:none}.x-button-info-plain{color:var(--x-info);background-color:var(--x-info-900);border-color:var(--x-info-600)}.x-button-info-plain .x-button-path{stroke:var(--x-info)}.x-button-info-plain:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-info-plain.cdk-program-focused:not(.x-button-disabled),.x-button-info-plain.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-info);border-color:var(--x-info)}.x-button-info-plain:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-info-plain.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-info-plain.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-info-plain:active:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-info-a100);border-color:var(--x-info-a100)}.x-button-info-plain:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-info-plain.x-button-disabled{color:var(--x-info-400);cursor:not-allowed;background-image:none;background-color:var(--x-info-900);border-color:var(--x-info-800);box-shadow:none}.x-button-info-plain.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-info);border-color:var(--x-info)}.x-button-info-plain.x-button-activated .x-button-path{stroke:var(--x-white)}.x-button-info-text{box-shadow:none;color:var(--x-info);background-color:transparent;border-color:var(--x-info-600)}.x-button-info-text .x-button-path{stroke:var(--x-info)}.x-button-info-text:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-info-text.cdk-program-focused:not(.x-button-disabled),.x-button-info-text.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none;color:var(--x-info);background-color:var(--x-info-900);border-color:var(--x-info-600)}.x-button-info-text:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-info-text.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-info-text.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-info)}.x-button-info-text.x-button-disabled{color:var(--x-info-400);cursor:not-allowed;background-image:none;background-color:transparent;border-color:var(--x-info-800);box-shadow:none}.x-button-info-flat{box-shadow:none}.x-button-info-flat:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-info-flat.cdk-program-focused:not(.x-button-disabled),.x-button-info-flat.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none}.x-button-info.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-info);border-color:var(--x-info)}.x-button-info.x-button-activated .x-button-path{stroke:var(--x-white)}.x-button-info .x-ripple-element{background-color:var(--x-info-500)}\n"] }]
|
|
435
435
|
}], ctorParameters: () => [], propDecorators: { marginLeft: [{
|
|
436
436
|
type: HostBinding,
|
|
437
437
|
args: ['style.marginLeft']
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ng-nest-ui-button.mjs","sources":["../../../../lib/ng-nest/ui/button/button.property.ts","../../../../lib/ng-nest/ui/button/buttons.component.ts","../../../../lib/ng-nest/ui/button/button.component.ts","../../../../lib/ng-nest/ui/button/button.component.html","../../../../lib/ng-nest/ui/button/button.module.ts","../../../../lib/ng-nest/ui/button/ng-nest-ui-button.ts"],"sourcesContent":["import { Component, input } from '@angular/core';\r\nimport { XPropertyFunction, XToNumber, XToBoolean, XToCssPixelValue } from '@ng-nest/ui/core';\r\nimport type { XDirection, XSize, XNumber, XBoolean, XType } from '@ng-nest/ui/core';\r\n\r\n/**\r\n * Button\r\n * @selector x-button\r\n * @decorator component\r\n */\r\nexport const XButtonPrefix = 'x-button';\r\nconst X_BUTTON_CONFIG_NAME = 'button';\r\n\r\n/**\r\n * Button Property\r\n */\r\n@Component({ selector: `${XButtonPrefix}-property`, template: '' })\r\nexport class XButtonProperty extends XPropertyFunction(X_BUTTON_CONFIG_NAME) {\r\n /**\r\n * @zh_CN 按钮类型\r\n * @en_US Button type\r\n * @example\r\n *\r\n * ```html\r\n * <x-button>Initial</x-button>\r\n * <x-button type=\"primary\">Primary</x-button>\r\n * <x-button type=\"success\">Success</x-button>\r\n * <x-button type=\"warning\">Warning</x-button>\r\n * <x-button type=\"danger\">Danger</x-button>\r\n * <x-button type=\"info\">Info</x-button>\r\n * <x-button [type]=\"'primary'\">Primary</x-button>\r\n * ```\r\n *\r\n */\r\n readonly type = input<XButtonType>(this.config?.type ?? 'initial');\r\n /**\r\n * @zh_CN 图标\r\n * @en_US Icon\r\n * @example\r\n *\r\n * ```html\r\n * <x-button icon=\"fto-edit\"></x-button>\r\n * <x-button icon=\"fto-edit\">Edit</x-button>\r\n * <x-button [icon]=\"'fto-edit'\">Edit</x-button>\r\n * ```\r\n *\r\n */\r\n readonly icon = input<string>('');\r\n /**\r\n * @zh_CN 提示\r\n * @en_US Title\r\n * @example\r\n *\r\n * ```html\r\n * <x-button title=\"information\"></x-button>\r\n * <x-button [title]=\"'information'\"></x-button>\r\n * ```\r\n *\r\n */\r\n readonly title = input<string>('');\r\n /**\r\n * @zh_CN 按钮中元素的布局方式\r\n * @en_US Button elements in the layout\r\n * @example\r\n *\r\n * ```html\r\n * <x-button direction=\"column\" icon=\"edit\">Button</x-button>\r\n * <x-button direction=\"column-reverse\" icon=\"edit\">Button</x-button>\r\n * <x-button direction=\"row\" icon=\"edit\">Button</x-button>\r\n * <x-button direction=\"row-reverse\" icon=\"edit\">Button</x-button>\r\n * <x-button [direction]=\"row\" icon=\"edit\">Button</x-button>\r\n * ```\r\n *\r\n */\r\n readonly direction = input<XDirection>('row');\r\n /**\r\n * @zh_CN tab 键控制次序\r\n * @en_US Tab key control order\r\n * @example\r\n *\r\n * ```html\r\n * <x-button tabindex=\"0\"></x-button>\r\n * <x-button [tabindex]=\"0\"></x-button>\r\n * ```\r\n *\r\n */\r\n readonly tabindex = input<number, XNumber>(0, { transform: XToNumber });\r\n /**\r\n * @zh_CN 尺寸\r\n * @en_US Size\r\n * @example\r\n *\r\n * ```html\r\n * <x-button size=\"big\">Big</x-button>\r\n * <x-button size=\"large\">Large</x-button>\r\n * <x-button size=\"medium\">Medium</x-button>\r\n * <x-button size=\"small\">Small</x-button>\r\n * <x-button size=\"mini\">Mini</x-button>\r\n * <x-button [size]=\"'medium'\">Medium</x-button>\r\n * ```\r\n *\r\n */\r\n readonly size = input<XSize>(this.config?.size ?? 'medium');\r\n /**\r\n * @zh_CN 仅显示图标\r\n * @en_US Icon only\r\n * @example\r\n *\r\n * ```html\r\n * <x-button icon=\"fto-edit\" onlyIcon></x-button>\r\n * <x-button icon=\"fto-edit\" onlyIcon=\"true\"></x-button>\r\n * <x-button icon=\"fto-edit\" [onlyIcon]=\"true\"></x-button>\r\n * ```\r\n *\r\n */\r\n readonly onlyIcon = input<boolean, XBoolean>(false, { transform: XToBoolean });\r\n /**\r\n * @zh_CN 激活的按钮（样式差异）\r\n * @en_US Active button (style difference)\r\n * @example\r\n *\r\n * ```html\r\n * <x-button activated>Button</x-button>\r\n * <x-button activated=\"true\">Button</x-button>\r\n * <x-button [activated]=\"true\">Button</x-button>\r\n * ```\r\n *\r\n */\r\n readonly activated = input<boolean, XBoolean>(false, { transform: XToBoolean });\r\n /**\r\n * @zh_CN 禁用按钮\r\n * @en_US Disable button\r\n * @example\r\n *\r\n * ```html\r\n * <x-button disabled>Button</x-button>\r\n * <x-button disabled=\"true\">Button</x-button>\r\n * <x-button [disabled]=\"true\">Button</x-button>\r\n * ```\r\n *\r\n */\r\n readonly disabled = input<boolean, XBoolean>(false, { transform: XToBoolean });\r\n /**\r\n * @zh_CN 朴素按钮\r\n * @en_US Plain button\r\n * @example\r\n *\r\n * ```html\r\n * <x-button plain>Button</x-button>\r\n * <x-button plain=\"true\">Button</x-button>\r\n * <x-button [plain]=\"true\">Button</x-button>\r\n * ```\r\n *\r\n */\r\n readonly plain = input<boolean, XBoolean>(this.config?.plain ?? false, { transform: XToBoolean });\r\n /**\r\n * @zh_CN 平铺按钮\r\n * @en_US Flat button\r\n * @example\r\n *\r\n * ```html\r\n * <x-button flat>Button</x-button>\r\n * <x-button flat=\"true\">Button</x-button>\r\n * <x-button [flat]=\"true\">Button</x-button>\r\n * ```\r\n *\r\n */\r\n readonly flat = input<boolean, XBoolean>(this.config?.flat ?? false, { transform: XToBoolean });\r\n /**\r\n * @zh_CN 文字按钮\r\n * @en_US Text button\r\n * @example\r\n *\r\n * ```html\r\n * <x-button text>Button</x-button>\r\n * <x-button text=\"true\">Button</x-button>\r\n * <x-button [text]=\"true\">Button</x-button>\r\n * ```\r\n *\r\n */\r\n readonly text = input<boolean, XBoolean>(this.config?.text ?? false, { transform: XToBoolean });\r\n /**\r\n * @zh_CN 圆角按钮\r\n * @en_US Round button\r\n * @example\r\n *\r\n * ```html\r\n * <x-button round>Button</x-button>\r\n * <x-button round=\"true\">Button</x-button>\r\n * <x-button [round]=\"true\">Button</x-button>\r\n * ```\r\n *\r\n */\r\n readonly round = input<boolean, XBoolean>(this.config?.round ?? false, { transform: XToBoolean });\r\n /**\r\n * @zh_CN 圆型按钮（配合图标来使用）\r\n * @en_US Round button (use with icon)\r\n * @example\r\n *\r\n * ```html\r\n * <x-button circle>Button</x-button>\r\n * <x-button circle=\"true\">Button</x-button>\r\n * <x-button [circle]=\"true\">Button</x-button>\r\n * ```\r\n *\r\n */\r\n readonly circle = input<boolean, XBoolean>(this.config?.circle ?? false, { transform: XToBoolean });\r\n /**\r\n * @zh_CN 加载中\r\n * @en_US Loading\r\n * @example\r\n *\r\n * ```html\r\n * <x-button loading>Button</x-button>\r\n * <x-button loading=\"true\">Button</x-button>\r\n * <x-button [loading]=\"true\">Button</x-button>\r\n * ```\r\n *\r\n */\r\n readonly loading = input<boolean, XBoolean>(false, { transform: XToBoolean });\r\n /**\r\n * @zh_CN 关闭按钮\r\n * @en_US Close button\r\n * @example\r\n *\r\n * ```html\r\n * <x-button closable>Button</x-button>\r\n * <x-button closable=\"true\">Button</x-button>\r\n * <x-button [closable]=\"true\">Button</x-button>\r\n * ```\r\n *\r\n */\r\n readonly closable = input<boolean, XBoolean>(false, { transform: XToBoolean });\r\n /**\r\n * @zh_CN 按钮类型属性 submit, button, reset\r\n * @en_US Button type attribute. submit, button, reset\r\n * @example\r\n *\r\n * ```html\r\n * <x-button attrType=\"button\">Button</x-button>\r\n * <x-button attrType=\"submit\">Button</x-button>\r\n * <x-button attrType=\"reset\">Button</x-button>\r\n * ```\r\n *\r\n */\r\n readonly attrType = input<XButtonAttrType>(this.config?.attrType ?? 'button');\r\n}\r\n\r\n/**\r\n * @zh_CN 按钮类型\r\n * @en_US Button type\r\n */\r\nexport type XButtonType = XType;\r\n\r\n/**\r\n * @zh_CN 按钮类型属性\r\n * - `'submit'` : 此类型用于提交表单数据\r\n * - `'reset'` : 此类型用于重置表单中的数据\r\n * - `'button'` : 此类型用于自定义按钮行为\r\n * @en_US Button attr type\r\n * - `'submit'` : This type is used to submit the form data\r\n * - `'reset'` : This type is used to reset the form data\r\n * - `'button'` : This type is used to the custom button\r\n */\r\nexport type XButtonAttrType = 'submit' | 'button' | 'reset';\r\n\r\n/**\r\n * Buttons\r\n * @selector x-buttons\r\n * @decorator component\r\n */\r\nexport const XButtonsPrefix = 'x-buttons';\r\nconst X_BUTTONS_CONFIG_NAME = 'buttons';\r\n\r\n/**\r\n * Buttons Property\r\n */\r\n@Component({ selector: `${XButtonsPrefix}-property`, template: '' })\r\nexport class XButtonsProperty extends XPropertyFunction(X_BUTTONS_CONFIG_NAME) {\r\n /**\r\n * @zh_CN 按钮间距\r\n * @en_US Button spacing\r\n * @example\r\n *\r\n * ```html\r\n * // ex: 10,'10px','1rem'\r\n * <x-buttons space=\"1rem\">\r\n * <x-button>Button1</button>\r\n * <x-button>Button2</button>\r\n * </x-buttons>\r\n * ```\r\n *\r\n */\r\n readonly space = input<string, XNumber>(this.config?.space ?? '', { transform: XToCssPixelValue });\r\n /**\r\n * @zh_CN 隐藏边框\r\n * @en_US Hide border\r\n * @example\r\n *\r\n * ```html\r\n * <x-buttons hiddenBorder>\r\n * <x-button>Button1</button>\r\n * <x-button>Button2</button>\r\n * </x-buttons>\r\n * ```\r\n *\r\n */\r\n readonly hiddenBorder = input<boolean, XBoolean>(this.config?.hiddenBorder ?? false, { transform: XToBoolean });\r\n /**\r\n * @zh_CN 显示阴影\r\n * @en_US show box shadow\r\n * @example\r\n *\r\n * ```html\r\n * <x-buttons boxShadow>\r\n * <x-button>Button1</button>\r\n * <x-button>Button2</button>\r\n * </x-buttons>\r\n * ```\r\n *\r\n */\r\n readonly boxShadow = input<boolean, XBoolean>(this.config?.boxShadow ?? true, { transform: XToBoolean });\r\n /**\r\n * @zh_CN 圆角按钮\r\n * @en_US Round button\r\n * @example\r\n *\r\n * ```html\r\n * <x-buttons round>\r\n * <x-button>Button1</button>\r\n * <x-button>Button2</button>\r\n * </x-buttons>\r\n * ```\r\n *\r\n */\r\n readonly round = input<boolean, XBoolean>(this.config?.round ?? false, { transform: XToBoolean });\r\n}\r\n","import { Component, ViewEncapsulation, ChangeDetectionStrategy, HostBinding } from '@angular/core';\r\nimport { XButtonsPrefix, XButtonsProperty } from './button.property';\r\n\r\n@Component({\r\n selector: `${XButtonsPrefix}`,\r\n standalone: true,\r\n template: '<ng-content></ng-content>',\r\n styleUrls: ['./buttons.component.scss'],\r\n encapsulation: ViewEncapsulation.None,\r\n changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XButtonsComponent extends XButtonsProperty {\r\n @HostBinding('class') className = XButtonsPrefix;\r\n @HostBinding('class.x-buttons-space') get getSpace() {\r\n return !!this.space();\r\n }\r\n @HostBinding('class.x-buttons-hiddenBorder') get getHiddenBorder() {\r\n return this.hiddenBorder();\r\n }\r\n @HostBinding('class.x-buttons-box-shadow') get getBoxShadow() {\r\n return this.boxShadow();\r\n }\r\n @HostBinding('class.x-buttons-round') get getRound() {\r\n return this.round();\r\n }\r\n @HostBinding('style.marginLeft') get getMarginLeft() {\r\n return '-' + this.space();\r\n }\r\n @HostBinding('style.marginRight') get getMarginRight() {\r\n return '-' + this.space();\r\n }\r\n}\r\n","import {\r\n Component,\r\n ViewEncapsulation,\r\n ChangeDetectionStrategy,\r\n ElementRef,\r\n inject,\r\n AfterViewInit,\r\n OnDestroy,\r\n computed,\r\n HostBinding,\r\n signal,\r\n afterRender,\r\n viewChild\r\n} from '@angular/core';\r\nimport { XIsEmpty } from '@ng-nest/ui/core';\r\nimport { XButtonPrefix, XButtonProperty } from './button.property';\r\nimport { XButtonsComponent } from './buttons.component';\r\nimport { XIconComponent } from '@ng-nest/ui/icon';\r\nimport { XRippleDirective } from '@ng-nest/ui/ripple';\r\nimport { NgClass } from '@angular/common';\r\nimport { FocusMonitor } from '@angular/cdk/a11y';\r\n\r\n@Component({\r\n selector: `${XButtonPrefix}`,\r\n standalone: true,\r\n imports: [NgClass, XIconComponent, XRippleDirective],\r\n templateUrl: './button.component.html',\r\n styleUrls: ['./button.component.scss'],\r\n encapsulation: ViewEncapsulation.None,\r\n changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XButtonComponent extends XButtonProperty implements AfterViewInit, OnDestroy {\r\n buttonRef = viewChild.required('buttonRef', { read: ElementRef<HTMLElement> });\r\n private buttons = inject(XButtonsComponent, { optional: true, host: true });\r\n private focusMontitor = inject(FocusMonitor);\r\n transition = signal(false);\r\n\r\n @HostBinding('style.marginLeft') get marginLeft() {\r\n return this.buttons?.space();\r\n }\r\n @HostBinding('style.marginRight') get marginRight() {\r\n return this.buttons?.space();\r\n }\r\n @HostBinding('style.pointerEvents') get pointerEvents() {\r\n return this.loading() || this.disabled() ? 'none' : '';\r\n }\r\n\r\n constructor() {\r\n super();\r\n afterRender(() => {\r\n this.transition.set(true);\r\n });\r\n }\r\n\r\n classMap = computed(() => ({\r\n [`${XButtonPrefix}-${this.type()}`]: !XIsEmpty(this.type()) && !this.plain(),\r\n [`${XButtonPrefix}-${this.type()}-plain`]: !XIsEmpty(this.type()) && this.plain(),\r\n [`${XButtonPrefix}-${this.type()}-text`]: !XIsEmpty(this.type()) && this.text(),\r\n [`${XButtonPrefix}-${this.type()}-flat`]: !XIsEmpty(this.type()) && this.flat(),\r\n [`x-size-${this.size()}`]: !XIsEmpty(this.size()),\r\n [`x-direction-${this.direction()}`]: !XIsEmpty(this.direction())\r\n }));\r\n\r\n roundSignal = computed(() => {\r\n return this.buttons?.round() || this.round();\r\n });\r\n\r\n disabledComputed = computed(() => {\r\n return this.loading() || this.disabled() ? 'none' : '';\r\n });\r\n\r\n ngAfterViewInit() {\r\n this.focusMontitor.monitor(this.buttonRef(), true);\r\n }\r\n\r\n ngOnDestroy() {\r\n this.focusMontitor.stopMonitoring(this.buttonRef());\r\n }\r\n}\r\n","<button\r\n #buttonRef\r\n class=\"x-button\"\r\n [tabindex]=\"tabindex()\"\r\n [ngClass]=\"classMap()\"\r\n [class.x-button-only-icon]=\"onlyIcon()\"\r\n [class.x-button-activated]=\"activated()\"\r\n [class.x-button-disabled]=\"disabled()\"\r\n [class.x-button-round]=\"roundSignal()\"\r\n [class.x-button-circle]=\"circle()\"\r\n [class.x-button-icon]=\"icon() && !content.innerHTML.trim()\"\r\n [class.x-button-icon-not-content]=\"icon() && content.innerHTML.trim() === ''\"\r\n [class.x-button-closable]=\"closable()\"\r\n [class.x-button-transition]=\"transition()\"\r\n [title]=\"title()\"\r\n x-ripple\r\n [type]=\"type()\"\r\n [disabled]=\"disabled()\"\r\n [attr.type]=\"attrType()\"\r\n [style.disabled]=\"disabledComputed()\"\r\n>\r\n @if (direction() === 'row' && icon() && !loading()) {\r\n <x-icon [type]=\"icon()\"></x-icon>\r\n }\r\n @if (loading()) {\r\n <span class=\"x-button-loading\">\r\n <svg class=\"x-button-circular\" viewBox=\"25 25 50 50\">\r\n <circle class=\"x-button-path\" cx=\"50\" cy=\"50\" r=\"20\" fill=\"none\" />\r\n </svg>\r\n </span>\r\n }\r\n <span #content><ng-content></ng-content></span>\r\n @if (direction() === 'row-reverse' && icon() && !loading()) {\r\n <x-icon [type]=\"icon()\"></x-icon>\r\n }\r\n</button>\r\n","import { NgModule } from '@angular/core';\r\nimport { XButtonComponent } from './button.component';\r\nimport { XButtonsComponent } from './buttons.component';\r\n\r\n@NgModule({\r\n exports: [XButtonComponent, XButtonsComponent],\r\n imports: [XButtonComponent, XButtonsComponent]\r\n})\r\nexport class XButtonModule {}\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":"ng-nest-ui-button.mjs","sources":["../../../../lib/ng-nest/ui/button/button.property.ts","../../../../lib/ng-nest/ui/button/buttons.component.ts","../../../../lib/ng-nest/ui/button/button.component.ts","../../../../lib/ng-nest/ui/button/button.component.html","../../../../lib/ng-nest/ui/button/button.module.ts","../../../../lib/ng-nest/ui/button/ng-nest-ui-button.ts"],"sourcesContent":["import { Component, input } from '@angular/core';\r\nimport { XPropertyFunction, XToNumber, XToBoolean, XToCssPixelValue } from '@ng-nest/ui/core';\r\nimport type { XDirection, XSize, XNumber, XBoolean, XType } from '@ng-nest/ui/core';\r\n\r\n/**\r\n * Button\r\n * @selector x-button\r\n * @decorator component\r\n */\r\nexport const XButtonPrefix = 'x-button';\r\nconst X_BUTTON_CONFIG_NAME = 'button';\r\n\r\n/**\r\n * Button Property\r\n */\r\n@Component({ selector: `${XButtonPrefix}-property`, template: '' })\r\nexport class XButtonProperty extends XPropertyFunction(X_BUTTON_CONFIG_NAME) {\r\n /**\r\n * @zh_CN 按钮类型\r\n * @en_US Button type\r\n * @example\r\n *\r\n * ```html\r\n * <x-button>Initial</x-button>\r\n * <x-button type=\"primary\">Primary</x-button>\r\n * <x-button type=\"success\">Success</x-button>\r\n * <x-button type=\"warning\">Warning</x-button>\r\n * <x-button type=\"danger\">Danger</x-button>\r\n * <x-button type=\"info\">Info</x-button>\r\n * <x-button [type]=\"'primary'\">Primary</x-button>\r\n * ```\r\n *\r\n */\r\n readonly type = input<XButtonType>(this.config?.type ?? 'initial');\r\n /**\r\n * @zh_CN 图标\r\n * @en_US Icon\r\n * @example\r\n *\r\n * ```html\r\n * <x-button icon=\"fto-edit\"></x-button>\r\n * <x-button icon=\"fto-edit\">Edit</x-button>\r\n * <x-button [icon]=\"'fto-edit'\">Edit</x-button>\r\n * ```\r\n *\r\n */\r\n readonly icon = input<string>('');\r\n /**\r\n * @zh_CN 提示\r\n * @en_US Title\r\n * @example\r\n *\r\n * ```html\r\n * <x-button title=\"information\"></x-button>\r\n * <x-button [title]=\"'information'\"></x-button>\r\n * ```\r\n *\r\n */\r\n readonly title = input<string>('');\r\n /**\r\n * @zh_CN 按钮中元素的布局方式\r\n * @en_US Button elements in the layout\r\n * @example\r\n *\r\n * ```html\r\n * <x-button direction=\"column\" icon=\"edit\">Button</x-button>\r\n * <x-button direction=\"column-reverse\" icon=\"edit\">Button</x-button>\r\n * <x-button direction=\"row\" icon=\"edit\">Button</x-button>\r\n * <x-button direction=\"row-reverse\" icon=\"edit\">Button</x-button>\r\n * <x-button [direction]=\"row\" icon=\"edit\">Button</x-button>\r\n * ```\r\n *\r\n */\r\n readonly direction = input<XDirection>('row');\r\n /**\r\n * @zh_CN tab 键控制次序\r\n * @en_US Tab key control order\r\n * @example\r\n *\r\n * ```html\r\n * <x-button tabindex=\"0\"></x-button>\r\n * <x-button [tabindex]=\"0\"></x-button>\r\n * ```\r\n *\r\n */\r\n readonly tabindex = input<number, XNumber>(0, { transform: XToNumber });\r\n /**\r\n * @zh_CN 尺寸\r\n * @en_US Size\r\n * @example\r\n *\r\n * ```html\r\n * <x-button size=\"big\">Big</x-button>\r\n * <x-button size=\"large\">Large</x-button>\r\n * <x-button size=\"medium\">Medium</x-button>\r\n * <x-button size=\"small\">Small</x-button>\r\n * <x-button size=\"mini\">Mini</x-button>\r\n * <x-button [size]=\"'medium'\">Medium</x-button>\r\n * ```\r\n *\r\n */\r\n readonly size = input<XSize>(this.config?.size ?? 'medium');\r\n /**\r\n * @zh_CN 仅显示图标\r\n * @en_US Icon only\r\n * @example\r\n *\r\n * ```html\r\n * <x-button icon=\"fto-edit\" onlyIcon></x-button>\r\n * <x-button icon=\"fto-edit\" onlyIcon=\"true\"></x-button>\r\n * <x-button icon=\"fto-edit\" [onlyIcon]=\"true\"></x-button>\r\n * ```\r\n *\r\n */\r\n readonly onlyIcon = input<boolean, XBoolean>(false, { transform: XToBoolean });\r\n /**\r\n * @zh_CN 激活的按钮（样式差异）\r\n * @en_US Active button (style difference)\r\n * @example\r\n *\r\n * ```html\r\n * <x-button activated>Button</x-button>\r\n * <x-button activated=\"true\">Button</x-button>\r\n * <x-button [activated]=\"true\">Button</x-button>\r\n * ```\r\n *\r\n */\r\n readonly activated = input<boolean, XBoolean>(false, { transform: XToBoolean });\r\n /**\r\n * @zh_CN 禁用按钮\r\n * @en_US Disable button\r\n * @example\r\n *\r\n * ```html\r\n * <x-button disabled>Button</x-button>\r\n * <x-button disabled=\"true\">Button</x-button>\r\n * <x-button [disabled]=\"true\">Button</x-button>\r\n * ```\r\n *\r\n */\r\n readonly disabled = input<boolean, XBoolean>(false, { transform: XToBoolean });\r\n /**\r\n * @zh_CN 朴素按钮\r\n * @en_US Plain button\r\n * @example\r\n *\r\n * ```html\r\n * <x-button plain>Button</x-button>\r\n * <x-button plain=\"true\">Button</x-button>\r\n * <x-button [plain]=\"true\">Button</x-button>\r\n * ```\r\n *\r\n */\r\n readonly plain = input<boolean, XBoolean>(this.config?.plain ?? false, { transform: XToBoolean });\r\n /**\r\n * @zh_CN 平铺按钮\r\n * @en_US Flat button\r\n * @example\r\n *\r\n * ```html\r\n * <x-button flat>Button</x-button>\r\n * <x-button flat=\"true\">Button</x-button>\r\n * <x-button [flat]=\"true\">Button</x-button>\r\n * ```\r\n *\r\n */\r\n readonly flat = input<boolean, XBoolean>(this.config?.flat ?? false, { transform: XToBoolean });\r\n /**\r\n * @zh_CN 文字按钮\r\n * @en_US Text button\r\n * @example\r\n *\r\n * ```html\r\n * <x-button text>Button</x-button>\r\n * <x-button text=\"true\">Button</x-button>\r\n * <x-button [text]=\"true\">Button</x-button>\r\n * ```\r\n *\r\n */\r\n readonly text = input<boolean, XBoolean>(this.config?.text ?? false, { transform: XToBoolean });\r\n /**\r\n * @zh_CN 圆角按钮\r\n * @en_US Round button\r\n * @example\r\n *\r\n * ```html\r\n * <x-button round>Button</x-button>\r\n * <x-button round=\"true\">Button</x-button>\r\n * <x-button [round]=\"true\">Button</x-button>\r\n * ```\r\n *\r\n */\r\n readonly round = input<boolean, XBoolean>(this.config?.round ?? false, { transform: XToBoolean });\r\n /**\r\n * @zh_CN 圆型按钮（配合图标来使用）\r\n * @en_US Round button (use with icon)\r\n * @example\r\n *\r\n * ```html\r\n * <x-button circle>Button</x-button>\r\n * <x-button circle=\"true\">Button</x-button>\r\n * <x-button [circle]=\"true\">Button</x-button>\r\n * ```\r\n *\r\n */\r\n readonly circle = input<boolean, XBoolean>(this.config?.circle ?? false, { transform: XToBoolean });\r\n /**\r\n * @zh_CN 加载中\r\n * @en_US Loading\r\n * @example\r\n *\r\n * ```html\r\n * <x-button loading>Button</x-button>\r\n * <x-button loading=\"true\">Button</x-button>\r\n * <x-button [loading]=\"true\">Button</x-button>\r\n * ```\r\n *\r\n */\r\n readonly loading = input<boolean, XBoolean>(false, { transform: XToBoolean });\r\n /**\r\n * @zh_CN 关闭按钮\r\n * @en_US Close button\r\n * @example\r\n *\r\n * ```html\r\n * <x-button closable>Button</x-button>\r\n * <x-button closable=\"true\">Button</x-button>\r\n * <x-button [closable]=\"true\">Button</x-button>\r\n * ```\r\n *\r\n */\r\n readonly closable = input<boolean, XBoolean>(false, { transform: XToBoolean });\r\n /**\r\n * @zh_CN 按钮类型属性 submit, button, reset\r\n * @en_US Button type attribute. submit, button, reset\r\n * @example\r\n *\r\n * ```html\r\n * <x-button attrType=\"button\">Button</x-button>\r\n * <x-button attrType=\"submit\">Button</x-button>\r\n * <x-button attrType=\"reset\">Button</x-button>\r\n * ```\r\n *\r\n */\r\n readonly attrType = input<XButtonAttrType>(this.config?.attrType ?? 'button');\r\n}\r\n\r\n/**\r\n * @zh_CN 按钮类型\r\n * @en_US Button type\r\n */\r\nexport type XButtonType = XType;\r\n\r\n/**\r\n * @zh_CN 按钮类型属性\r\n * - `'submit'` : 此类型用于提交表单数据\r\n * - `'reset'` : 此类型用于重置表单中的数据\r\n * - `'button'` : 此类型用于自定义按钮行为\r\n * @en_US Button attr type\r\n * - `'submit'` : This type is used to submit the form data\r\n * - `'reset'` : This type is used to reset the form data\r\n * - `'button'` : This type is used to the custom button\r\n */\r\nexport type XButtonAttrType = 'submit' | 'button' | 'reset';\r\n\r\n/**\r\n * Buttons\r\n * @selector x-buttons\r\n * @decorator component\r\n */\r\nexport const XButtonsPrefix = 'x-buttons';\r\nconst X_BUTTONS_CONFIG_NAME = 'buttons';\r\n\r\n/**\r\n * Buttons Property\r\n */\r\n@Component({ selector: `${XButtonsPrefix}-property`, template: '' })\r\nexport class XButtonsProperty extends XPropertyFunction(X_BUTTONS_CONFIG_NAME) {\r\n /**\r\n * @zh_CN 按钮间距\r\n * @en_US Button spacing\r\n * @example\r\n *\r\n * ```html\r\n * // ex: 10,'10px','1rem'\r\n * <x-buttons space=\"1rem\">\r\n * <x-button>Button1</button>\r\n * <x-button>Button2</button>\r\n * </x-buttons>\r\n * ```\r\n *\r\n */\r\n readonly space = input<string, XNumber>(this.config?.space ?? '', { transform: XToCssPixelValue });\r\n /**\r\n * @zh_CN 隐藏边框\r\n * @en_US Hide border\r\n * @example\r\n *\r\n * ```html\r\n * <x-buttons hiddenBorder>\r\n * <x-button>Button1</button>\r\n * <x-button>Button2</button>\r\n * </x-buttons>\r\n * ```\r\n *\r\n */\r\n readonly hiddenBorder = input<boolean, XBoolean>(this.config?.hiddenBorder ?? false, { transform: XToBoolean });\r\n /**\r\n * @zh_CN 显示阴影\r\n * @en_US show box shadow\r\n * @example\r\n *\r\n * ```html\r\n * <x-buttons boxShadow>\r\n * <x-button>Button1</button>\r\n * <x-button>Button2</button>\r\n * </x-buttons>\r\n * ```\r\n *\r\n */\r\n readonly boxShadow = input<boolean, XBoolean>(this.config?.boxShadow ?? true, { transform: XToBoolean });\r\n /**\r\n * @zh_CN 圆角按钮\r\n * @en_US Round button\r\n * @example\r\n *\r\n * ```html\r\n * <x-buttons round>\r\n * <x-button>Button1</button>\r\n * <x-button>Button2</button>\r\n * </x-buttons>\r\n * ```\r\n *\r\n */\r\n readonly round = input<boolean, XBoolean>(this.config?.round ?? false, { transform: XToBoolean });\r\n}\r\n","import { Component, ViewEncapsulation, ChangeDetectionStrategy, HostBinding } from '@angular/core';\r\nimport { XButtonsPrefix, XButtonsProperty } from './button.property';\r\n\r\n@Component({\r\n selector: `${XButtonsPrefix}`,\r\n standalone: true,\r\n template: '<ng-content></ng-content>',\r\n styleUrls: ['./buttons.component.scss'],\r\n encapsulation: ViewEncapsulation.None,\r\n changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XButtonsComponent extends XButtonsProperty {\r\n @HostBinding('class') className = XButtonsPrefix;\r\n @HostBinding('class.x-buttons-space') get getSpace() {\r\n return !!this.space();\r\n }\r\n @HostBinding('class.x-buttons-hiddenBorder') get getHiddenBorder() {\r\n return this.hiddenBorder();\r\n }\r\n @HostBinding('class.x-buttons-box-shadow') get getBoxShadow() {\r\n return this.boxShadow();\r\n }\r\n @HostBinding('class.x-buttons-round') get getRound() {\r\n return this.round();\r\n }\r\n @HostBinding('style.marginLeft') get getMarginLeft() {\r\n return '-' + this.space();\r\n }\r\n @HostBinding('style.marginRight') get getMarginRight() {\r\n return '-' + this.space();\r\n }\r\n}\r\n","import {\r\n Component,\r\n ViewEncapsulation,\r\n ChangeDetectionStrategy,\r\n ElementRef,\r\n inject,\r\n AfterViewInit,\r\n OnDestroy,\r\n computed,\r\n HostBinding,\r\n signal,\r\n afterRender,\r\n viewChild\r\n} from '@angular/core';\r\nimport { XIsEmpty } from '@ng-nest/ui/core';\r\nimport { XButtonPrefix, XButtonProperty } from './button.property';\r\nimport { XButtonsComponent } from './buttons.component';\r\nimport { XIconComponent } from '@ng-nest/ui/icon';\r\nimport { XRippleDirective } from '@ng-nest/ui/ripple';\r\nimport { NgClass } from '@angular/common';\r\nimport { FocusMonitor } from '@angular/cdk/a11y';\r\n\r\n@Component({\r\n selector: `${XButtonPrefix}`,\r\n standalone: true,\r\n imports: [NgClass, XIconComponent, XRippleDirective],\r\n templateUrl: './button.component.html',\r\n styleUrls: ['./button.component.scss'],\r\n encapsulation: ViewEncapsulation.None,\r\n changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XButtonComponent extends XButtonProperty implements AfterViewInit, OnDestroy {\r\n buttonRef = viewChild.required('buttonRef', { read: ElementRef<HTMLElement> });\r\n private buttons = inject(XButtonsComponent, { optional: true, host: true });\r\n private focusMontitor = inject(FocusMonitor);\r\n transition = signal(false);\r\n\r\n @HostBinding('style.marginLeft') get marginLeft() {\r\n return this.buttons?.space();\r\n }\r\n @HostBinding('style.marginRight') get marginRight() {\r\n return this.buttons?.space();\r\n }\r\n @HostBinding('style.pointerEvents') get pointerEvents() {\r\n return this.disabledComputed() ? 'none' : '';\r\n }\r\n\r\n constructor() {\r\n super();\r\n afterRender(() => {\r\n this.transition.set(true);\r\n });\r\n }\r\n\r\n classMap = computed(() => ({\r\n [`${XButtonPrefix}-${this.type()}`]: !XIsEmpty(this.type()) && !this.plain(),\r\n [`${XButtonPrefix}-${this.type()}-plain`]: !XIsEmpty(this.type()) && this.plain(),\r\n [`${XButtonPrefix}-${this.type()}-text`]: !XIsEmpty(this.type()) && this.text(),\r\n [`${XButtonPrefix}-${this.type()}-flat`]: !XIsEmpty(this.type()) && this.flat(),\r\n [`x-size-${this.size()}`]: !XIsEmpty(this.size()),\r\n [`x-direction-${this.direction()}`]: !XIsEmpty(this.direction())\r\n }));\r\n\r\n roundSignal = computed(() => {\r\n return this.buttons?.round() || this.round();\r\n });\r\n\r\n disabledComputed = computed(() => {\r\n return this.loading() || this.disabled();\r\n });\r\n\r\n ngAfterViewInit() {\r\n this.focusMontitor.monitor(this.buttonRef(), true);\r\n }\r\n\r\n ngOnDestroy() {\r\n this.focusMontitor.stopMonitoring(this.buttonRef());\r\n }\r\n}\r\n","<button\r\n #buttonRef\r\n class=\"x-button\"\r\n [tabindex]=\"tabindex()\"\r\n [ngClass]=\"classMap()\"\r\n [class.x-button-only-icon]=\"onlyIcon()\"\r\n [class.x-button-activated]=\"activated()\"\r\n [class.x-button-disabled]=\"disabledComputed()\"\r\n [class.x-button-round]=\"roundSignal()\"\r\n [class.x-button-circle]=\"circle()\"\r\n [class.x-button-icon]=\"icon() && !content.innerHTML.trim()\"\r\n [class.x-button-icon-not-content]=\"icon() && content.innerHTML.trim() === ''\"\r\n [class.x-button-closable]=\"closable()\"\r\n [class.x-button-transition]=\"transition()\"\r\n [title]=\"title()\"\r\n x-ripple\r\n [type]=\"type()\"\r\n [disabled]=\"disabledComputed()\"\r\n [attr.type]=\"attrType()\"\r\n [attr.disabled]=\"disabledComputed() || null\"\r\n>\r\n @if (direction() === 'row' && icon() && !loading()) {\r\n <x-icon [type]=\"icon()\"></x-icon>\r\n }\r\n @if (loading()) {\r\n <span class=\"x-button-loading\">\r\n <svg class=\"x-button-circular\" viewBox=\"25 25 50 50\">\r\n <circle class=\"x-button-path\" cx=\"50\" cy=\"50\" r=\"20\" fill=\"none\" />\r\n </svg>\r\n </span>\r\n }\r\n <span #content><ng-content></ng-content></span>\r\n @if (direction() === 'row-reverse' && icon() && !loading()) {\r\n <x-icon [type]=\"icon()\"></x-icon>\r\n }\r\n</button>\r\n","import { NgModule } from '@angular/core';\r\nimport { XButtonComponent } from './button.component';\r\nimport { XButtonsComponent } from './buttons.component';\r\n\r\n@NgModule({\r\n exports: [XButtonComponent, XButtonsComponent],\r\n imports: [XButtonComponent, XButtonsComponent]\r\n})\r\nexport class XButtonModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
2
|
import { InjectionToken, input, model, output, Component, inject, Renderer2, ViewContainerRef, viewChild, signal, computed, ViewEncapsulation, ChangeDetectionStrategy, HostBinding, contentChildren, EventEmitter, HostListener, Directive, ElementRef, NgModule, RendererFactory2, TemplateRef, Injectable } from '@angular/core';
|
|
3
3
|
import { XPropertyFunction, XToCssPixelValue, XToBoolean, XToNumber, XProperty, XConfigService, XIsFunction, XMoveBoxAnimation, XOpacityAnimation, XFillDefault } from '@ng-nest/ui/core';
|
|
4
|
-
import { XPortalService,
|
|
4
|
+
import { XPortalService, XPortalResizablePrefix } from '@ng-nest/ui/portal';
|
|
5
5
|
import { Subject, filter, take } from 'rxjs';
|
|
6
6
|
import { Overlay } from '@angular/cdk/overlay';
|
|
7
7
|
import { XI18nService, zh_CN } from '@ng-nest/ui/i18n';
|
|
@@ -332,7 +332,7 @@ class XDialogComponent extends XDialogProperty {
|
|
|
332
332
|
minHeight: this.minHeight()
|
|
333
333
|
});
|
|
334
334
|
if (this.resizableSignal() && !this.isDefaultMaximize()) {
|
|
335
|
-
this.renderer.addClass(hostElement,
|
|
335
|
+
this.renderer.addClass(hostElement, XPortalResizablePrefix);
|
|
336
336
|
setTimeout(() => {
|
|
337
337
|
Object.assign(this.dialogBox, this.protalService.setResizable(this.overlayElement(), this.placement()));
|
|
338
338
|
this.styleOffsetLeft.set(this.overlayElement()?.offsetLeft);
|
|
@@ -513,23 +513,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImpor
|
|
|
513
513
|
}] } });
|
|
514
514
|
|
|
515
515
|
class XDialogPortalComponent extends BasePortalOutlet {
|
|
516
|
-
|
|
517
|
-
|
|
518
|
-
|
|
519
|
-
state: toState,
|
|
520
|
-
totalTime
|
|
521
|
-
});
|
|
522
|
-
}
|
|
523
|
-
start({ toState, totalTime }) {
|
|
524
|
-
this.animationChanged.next({
|
|
525
|
-
action: 'start',
|
|
526
|
-
state: toState,
|
|
527
|
-
totalTime
|
|
528
|
-
});
|
|
529
|
-
}
|
|
530
|
-
constructor(renderer) {
|
|
531
|
-
super();
|
|
532
|
-
this.renderer = renderer;
|
|
516
|
+
constructor() {
|
|
517
|
+
super(...arguments);
|
|
518
|
+
this.renderer = inject(Renderer2);
|
|
533
519
|
this.portalOutlet = viewChild.required(CdkPortalOutlet);
|
|
534
520
|
this.dragRef = viewChild.required(CdkDrag);
|
|
535
521
|
this.handles = contentChildren(CdkDragHandle, { descendants: true });
|
|
@@ -544,6 +530,20 @@ class XDialogPortalComponent extends BasePortalOutlet {
|
|
|
544
530
|
this.distance = { x: 0, y: 0 };
|
|
545
531
|
this.dialogBox = {};
|
|
546
532
|
}
|
|
533
|
+
done({ toState, totalTime }) {
|
|
534
|
+
this.animationChanged.next({
|
|
535
|
+
action: 'done',
|
|
536
|
+
state: toState,
|
|
537
|
+
totalTime
|
|
538
|
+
});
|
|
539
|
+
}
|
|
540
|
+
start({ toState, totalTime }) {
|
|
541
|
+
this.animationChanged.next({
|
|
542
|
+
action: 'start',
|
|
543
|
+
state: toState,
|
|
544
|
+
totalTime
|
|
545
|
+
});
|
|
546
|
+
}
|
|
547
547
|
ngOnInit() {
|
|
548
548
|
this.dialogBox['draggable'] = this.defaultMaximize ? this.dialogBox['draggable'] : this.option.draggable;
|
|
549
549
|
this.dialogBox['resizable'] = this.defaultMaximize ? this.dialogBox['resizable'] : this.option.resizable;
|
|
@@ -584,13 +584,13 @@ class XDialogPortalComponent extends BasePortalOutlet {
|
|
|
584
584
|
y: this.distance.y + event.distance.y
|
|
585
585
|
};
|
|
586
586
|
}
|
|
587
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XDialogPortalComponent, deps:
|
|
587
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XDialogPortalComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
588
588
|
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "18.0.1", type: XDialogPortalComponent, isStandalone: true, selector: "x-dialog-portal", host: { listeners: { "@x-move-box-animation.done": "done($event)", "@x-move-box-animation.start": "start($event)" }, properties: { "@x-move-box-animation": "this.placement" } }, queries: [{ propertyName: "handles", predicate: CdkDragHandle, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "portalOutlet", first: true, predicate: CdkPortalOutlet, descendants: true, isSignal: true }, { propertyName: "dragRef", first: true, predicate: CdkDrag, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div\r\n class=\"x-dialog-portal\"\r\n #dragRef\r\n cdkDrag\r\n [cdkDragDisabled]=\"!option.draggable && !dialogBox['draggable']\"\r\n [cdkDragBoundary]=\"'.cdk-overlay-container'\"\r\n [cdkDragFreeDragPosition]=\"dialogBox['distance']\"\r\n [xResizable]=\"option.resizable && dialogBox['resizable']!\"\r\n (resizing)=\"resizing($event)\"\r\n (cdkDragEnded)=\"onDragEnded($event)\"\r\n [offsetLeft]=\"offsetLeft\"\r\n [offsetTop]=\"offsetTop\"\r\n [style.minWidth]=\"dialogBox['minWidth']\"\r\n [style.minHeight]=\"dialogBox['minHeight']\"\r\n [style.maxWidth]=\"dialogBox['maxWidth']\"\r\n [style.maxHeight]=\"dialogBox['maxHeight']\"\r\n>\r\n <ng-template cdkPortalOutlet></ng-template>\r\n</div>\r\n", styles: [".x-dialog-portal{margin:0;padding:0;width:100%;height:100%;display:block;padding:1rem;box-sizing:border-box;min-height:inherit;max-height:inherit;background-color:var(--x-background-100);box-shadow:var(--x-box-shadow);border-radius:var(--x-border-small-radius)}.x-dialog-portal-title{font-weight:600;color:var(--x-text-300);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:3rem;line-height:3rem;display:block;align-items:center;margin:-1rem -1rem 0;padding:0 1rem}.x-dialog-portal-content{display:block;margin:0 -1rem;padding:0 1rem;max-height:70vh;overflow:auto;color:var(--x-text-300);line-height:1.325rem}.x-dialog-portal-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;box-sizing:content-box;margin:0 -1rem -1rem;padding:0 1rem;height:4rem}.x-dialog-portal-actions[align=center]{justify-content:center}.x-dialog-portal-actions[align=start]{justify-content:flex-start}.x-dialog-portal-actions x-button:not(:first-child){margin-left:1rem}.x-dialog-portal-drag-handle{cursor:move}.x-dialog-portal-fullscreen{margin:0!important}.x-dialog-portal-fullscreen .x-dialog-portal{left:0!important;top:0!important;border-radius:0}.x-dialog-portal-fullscreen .x-dialog-portal-content{max-height:calc(100vh - 7rem)!important;height:calc(100vh - 7rem)!important}x-dialog-portal{width:100%;height:100%}\n"], dependencies: [{ kind: "ngmodule", type: DragDropModule }, { kind: "directive", type: i1.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "ngmodule", type: PortalModule }, { kind: "directive", type: i2.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "directive", type: XResizableDirective, selector: "[xResizable]" }], animations: [XMoveBoxAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
589
589
|
}
|
|
590
590
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XDialogPortalComponent, decorators: [{
|
|
591
591
|
type: Component,
|
|
592
592
|
args: [{ selector: 'x-dialog-portal', standalone: true, imports: [DragDropModule, PortalModule, XResizableDirective], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, animations: [XMoveBoxAnimation], template: "<div\r\n class=\"x-dialog-portal\"\r\n #dragRef\r\n cdkDrag\r\n [cdkDragDisabled]=\"!option.draggable && !dialogBox['draggable']\"\r\n [cdkDragBoundary]=\"'.cdk-overlay-container'\"\r\n [cdkDragFreeDragPosition]=\"dialogBox['distance']\"\r\n [xResizable]=\"option.resizable && dialogBox['resizable']!\"\r\n (resizing)=\"resizing($event)\"\r\n (cdkDragEnded)=\"onDragEnded($event)\"\r\n [offsetLeft]=\"offsetLeft\"\r\n [offsetTop]=\"offsetTop\"\r\n [style.minWidth]=\"dialogBox['minWidth']\"\r\n [style.minHeight]=\"dialogBox['minHeight']\"\r\n [style.maxWidth]=\"dialogBox['maxWidth']\"\r\n [style.maxHeight]=\"dialogBox['maxHeight']\"\r\n>\r\n <ng-template cdkPortalOutlet></ng-template>\r\n</div>\r\n", styles: [".x-dialog-portal{margin:0;padding:0;width:100%;height:100%;display:block;padding:1rem;box-sizing:border-box;min-height:inherit;max-height:inherit;background-color:var(--x-background-100);box-shadow:var(--x-box-shadow);border-radius:var(--x-border-small-radius)}.x-dialog-portal-title{font-weight:600;color:var(--x-text-300);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:3rem;line-height:3rem;display:block;align-items:center;margin:-1rem -1rem 0;padding:0 1rem}.x-dialog-portal-content{display:block;margin:0 -1rem;padding:0 1rem;max-height:70vh;overflow:auto;color:var(--x-text-300);line-height:1.325rem}.x-dialog-portal-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;box-sizing:content-box;margin:0 -1rem -1rem;padding:0 1rem;height:4rem}.x-dialog-portal-actions[align=center]{justify-content:center}.x-dialog-portal-actions[align=start]{justify-content:flex-start}.x-dialog-portal-actions x-button:not(:first-child){margin-left:1rem}.x-dialog-portal-drag-handle{cursor:move}.x-dialog-portal-fullscreen{margin:0!important}.x-dialog-portal-fullscreen .x-dialog-portal{left:0!important;top:0!important;border-radius:0}.x-dialog-portal-fullscreen .x-dialog-portal-content{max-height:calc(100vh - 7rem)!important;height:calc(100vh - 7rem)!important}x-dialog-portal{width:100%;height:100%}\n"] }]
|
|
593
|
-
}],
|
|
593
|
+
}], propDecorators: { placement: [{
|
|
594
594
|
type: HostBinding,
|
|
595
595
|
args: ['@x-move-box-animation']
|
|
596
596
|
}], done: [{
|
|
@@ -682,7 +682,7 @@ class XDialogRef {
|
|
|
682
682
|
this.renderer.removeClass(overlayElement, 'x-dialog-portal-fullscreen');
|
|
683
683
|
if (this._isFristFullscreen && defaultMaximize) {
|
|
684
684
|
dialogRef.overlayRef?.updatePositionStrategy(this.portalService.setPlace(this.option.placement, this.option.offset));
|
|
685
|
-
this.renderer.addClass(hostElement,
|
|
685
|
+
this.renderer.addClass(hostElement, XPortalResizablePrefix);
|
|
686
686
|
setTimeout(() => {
|
|
687
687
|
Object.assign(dialogBox, this.portalService.setResizable(overlayElement, this.option.placement));
|
|
688
688
|
this.containerInstance.offsetLeft = overlayElement.offsetLeft;
|
|
@@ -910,7 +910,7 @@ class XDialogService {
|
|
|
910
910
|
width: defaultMaximize ? this.default.width : option.width,
|
|
911
911
|
height: defaultMaximize ? null : option.height,
|
|
912
912
|
minWidth: option.minWidth,
|
|
913
|
-
minHeight: option.minHeight
|
|
913
|
+
minHeight: option.minHeight
|
|
914
914
|
});
|
|
915
915
|
instance.placement = option.placement;
|
|
916
916
|
instance.option = option;
|
|
@@ -922,7 +922,7 @@ class XDialogService {
|
|
|
922
922
|
dialogRef.option = option;
|
|
923
923
|
dialogRef.fullscreen = defaultMaximize;
|
|
924
924
|
if (option.resizable && !defaultMaximize) {
|
|
925
|
-
this.renderer.addClass(hostElement,
|
|
925
|
+
this.renderer.addClass(hostElement, XPortalResizablePrefix);
|
|
926
926
|
setTimeout(() => {
|
|
927
927
|
Object.assign(dialogBox, this.portalService.setResizable(overlayElement, option.placement));
|
|
928
928
|
instance.offsetLeft = overlayElement.offsetLeft;
|