@alauda/ui 6.4.8-beta.2 → 6.4.8-beta.3
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.
|
@@ -65,7 +65,7 @@ NumberInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
|
|
|
65
65
|
useExisting: forwardRef(() => NumberInputComponent),
|
|
66
66
|
multi: true,
|
|
67
67
|
},
|
|
68
|
-
], queries: [{ propertyName: "addonBeforeRefs", predicate: InputAddonBeforeDirective }, { propertyName: "addonAfterRefs", predicate: InputAddonAfterDirective }], viewQueries: [{ propertyName: "inputRef", first: true, predicate: ["inputRef"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: "<div [class]=\"bem.element('inner-wrapper')\">\n <div\n *ngIf=\"hasAddonBefore$ | async\"\n [class]=\"bem.element('addon', 'before')\"\n >\n <ng-content select=\"[auiInputAddonBefore]\"></ng-content>\n </div>\n <div\n [class]=\"bem.block(size)\"\n [ngClass]=\"{\n isFocus: isFocus,\n isDisabled: disabled,\n hasBefore: hasAddonBefore$ | async,\n hasAfter: hasAddonAfter$ | async,\n hasBeforeAndAfter: (hasAddonBefore$ | async) && (hasAddonAfter$ | async)\n }\"\n auiClickOutside\n (auiClickOutside)=\"isFocus = false\"\n >\n <button\n *ngIf=\"controls && !angleControls\"\n aui-button\n type=\"button\"\n [ngClass]=\"bem.element('decrease')\"\n [disabled]=\"disabled || model <= min\"\n (click)=\"takeOneStep(false); isFocus = true\"\n >\n <aui-icon icon=\"minus\"></aui-icon>\n </button>\n <input\n #inputRef\n autocomplete=\"off\"\n (change)=\"inputChanged($any($event).target.value)\"\n [disabled]=\"disabled\"\n [ngClass]=\"bem.element('input')\"\n [placeholder]=\"placeholder\"\n (focus)=\"isFocus = true\"\n (blur)=\"isFocus = false\"\n [ngStyle]=\"{ 'text-align': angleControls ? 'left' : 'center' }\"\n />\n <button\n *ngIf=\"controls && !angleControls\"\n aui-button\n type=\"button\"\n [ngClass]=\"bem.element('increase')\"\n [disabled]=\"disabled || model >= max\"\n (click)=\"takeOneStep(true); isFocus = true\"\n >\n <aui-icon icon=\"plus\"></aui-icon>\n </button>\n <div class=\"angle-container\">\n <button\n *ngIf=\"controls && angleControls\"\n aui-button\n type=\"button\"\n size=\"mini\"\n [ngClass]=\"bem.element('angleIncrease')\"\n [disabled]=\"disabled || model >= max\"\n (click)=\"takeOneStep(true); isFocus = true\"\n >\n <aui-icon icon=\"angle_up\"></aui-icon>\n </button>\n <div class=\"separation\"></div>\n <button\n *ngIf=\"controls && angleControls\"\n aui-button\n type=\"button\"\n size=\"mini\"\n [ngClass]=\"bem.element('angleDecrease')\"\n [disabled]=\"disabled || model <= min\"\n (click)=\"takeOneStep(false); isFocus = true\"\n >\n <aui-icon icon=\"angle_down\"></aui-icon>\n </button>\n </div>\n </div>\n <div\n *ngIf=\"hasAddonAfter$ | async\"\n [class]=\"bem.element('addon', 'after')\"\n >\n <ng-content select=\"[auiInputAddonAfter]\"></ng-content>\n </div>\n</div>\n", styles: [".aui-number-input{display:flex;width:var(--aui-form-item-width-s);border:1px solid rgb(var(--aui-color-n-7));border-radius:var(--aui-border-radius-m);background-color:rgb(var(--aui-color-main-bg));color:rgb(var(--aui-color-main-text))}.aui-number-input--small .aui-number-input__decrease.aui-button,.aui-number-input--small .aui-number-input__increase.aui-button{width:26px;height:26px}.aui-number-input--small .aui-number-input__angleDecrease.aui-button,.aui-number-input--small .aui-number-input__angleIncrease.aui-button{width:28px;height:13px}.aui-number-input:hover{border-color:rgb(var(--aui-color-primary))}.aui-number-input:hover .angle-container{visibility:visible}.aui-number-input.isFocus{border-color:rgb(var(--aui-color-primary))}:root .aui-number-input.isFocus{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-number-input.isFocus{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-number-input.isFocus{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-number-input.isFocus{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-number-input.isDisabled{border:1px solid rgb(var(--aui-color-n-7))}.aui-number-input.isDisabled:hover{cursor:not-allowed}.aui-number-input.isDisabled .aui-number-input__input{color:rgb(var(--aui-color-n-6))}.aui-number-input.isDisabled .aui-number-input__input:hover{cursor:not-allowed}.aui-number-input.hasBefore{border-radius:0 var(--aui-border-radius-m) var(--aui-border-radius-m) 0}.aui-number-input.hasAfter{border-radius:var(--aui-border-radius-m) 0 0 var(--aui-border-radius-m)}.aui-number-input.hasBeforeAndAfter{border-radius:unset}.aui-number-input__decrease.aui-button,.aui-number-input__increase.aui-button{width:30px;height:30px}.aui-number-input__decrease.aui-button aui-icon,.aui-number-input__increase.aui-button aui-icon{font-size:var(--aui-font-size-s)}.aui-number-input__decrease.aui-button .aui-button__content,.aui-number-input__increase.aui-button .aui-button__content{padding:unset}.aui-number-input__decrease.aui-button{border-style:none solid none none}.aui-number-input__increase.aui-button{border-style:none none none solid}.aui-number-input .angle-container{display:flex;flex-direction:column;visibility:hidden;border-left:1px solid rgb(var(--aui-color-n-7))}.aui-number-input .angle-container .separation{border-top:1px solid rgb(var(--aui-color-n-7))}.aui-number-input__angleDecrease.aui-button,.aui-number-input__angleIncrease.aui-button{width:30px;height:15px;border:unset;margin-left:unset!important}.aui-number-input__angleDecrease.aui-button aui-icon,.aui-number-input__angleIncrease.aui-button aui-icon{font-size:var(--aui-font-size-s)}.aui-number-input__angleDecrease.aui-button .aui-button__content,.aui-number-input__angleIncrease.aui-button .aui-button__content{padding:unset}.aui-number-input__input{min-width:0;line-height:var(--aui-line-height-m);border:unset;margin:unset;padding:0 var(--aui-spacing-
|
|
68
|
+
], queries: [{ propertyName: "addonBeforeRefs", predicate: InputAddonBeforeDirective }, { propertyName: "addonAfterRefs", predicate: InputAddonAfterDirective }], viewQueries: [{ propertyName: "inputRef", first: true, predicate: ["inputRef"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: "<div [class]=\"bem.element('inner-wrapper')\">\n <div\n *ngIf=\"hasAddonBefore$ | async\"\n [class]=\"bem.element('addon', 'before')\"\n >\n <ng-content select=\"[auiInputAddonBefore]\"></ng-content>\n </div>\n <div\n [class]=\"bem.block(size)\"\n [ngClass]=\"{\n isFocus: isFocus,\n isDisabled: disabled,\n hasBefore: hasAddonBefore$ | async,\n hasAfter: hasAddonAfter$ | async,\n hasBeforeAndAfter: (hasAddonBefore$ | async) && (hasAddonAfter$ | async)\n }\"\n auiClickOutside\n (auiClickOutside)=\"isFocus = false\"\n >\n <button\n *ngIf=\"controls && !angleControls\"\n aui-button\n type=\"button\"\n [ngClass]=\"bem.element('decrease')\"\n [disabled]=\"disabled || model <= min\"\n (click)=\"takeOneStep(false); isFocus = true\"\n >\n <aui-icon icon=\"minus\"></aui-icon>\n </button>\n <input\n #inputRef\n autocomplete=\"off\"\n (change)=\"inputChanged($any($event).target.value)\"\n [disabled]=\"disabled\"\n [ngClass]=\"bem.element('input')\"\n [placeholder]=\"placeholder\"\n (focus)=\"isFocus = true\"\n (blur)=\"isFocus = false\"\n [ngStyle]=\"{ 'text-align': angleControls ? 'left' : 'center' }\"\n />\n <button\n *ngIf=\"controls && !angleControls\"\n aui-button\n type=\"button\"\n [ngClass]=\"bem.element('increase')\"\n [disabled]=\"disabled || model >= max\"\n (click)=\"takeOneStep(true); isFocus = true\"\n >\n <aui-icon icon=\"plus\"></aui-icon>\n </button>\n <div class=\"angle-container\">\n <button\n *ngIf=\"controls && angleControls\"\n aui-button\n type=\"button\"\n size=\"mini\"\n [ngClass]=\"bem.element('angleIncrease')\"\n [disabled]=\"disabled || model >= max\"\n (click)=\"takeOneStep(true); isFocus = true\"\n >\n <aui-icon icon=\"angle_up\"></aui-icon>\n </button>\n <div class=\"separation\"></div>\n <button\n *ngIf=\"controls && angleControls\"\n aui-button\n type=\"button\"\n size=\"mini\"\n [ngClass]=\"bem.element('angleDecrease')\"\n [disabled]=\"disabled || model <= min\"\n (click)=\"takeOneStep(false); isFocus = true\"\n >\n <aui-icon icon=\"angle_down\"></aui-icon>\n </button>\n </div>\n </div>\n <div\n *ngIf=\"hasAddonAfter$ | async\"\n [class]=\"bem.element('addon', 'after')\"\n >\n <ng-content select=\"[auiInputAddonAfter]\"></ng-content>\n </div>\n</div>\n", styles: [".aui-number-input{display:flex;width:var(--aui-form-item-width-s);border:1px solid rgb(var(--aui-color-n-7));border-radius:var(--aui-border-radius-m);background-color:rgb(var(--aui-color-main-bg));color:rgb(var(--aui-color-main-text))}.aui-number-input--small .aui-number-input__decrease.aui-button,.aui-number-input--small .aui-number-input__increase.aui-button{width:26px;height:26px}.aui-number-input--small .aui-number-input__angleDecrease.aui-button,.aui-number-input--small .aui-number-input__angleIncrease.aui-button{width:28px;height:13px}.aui-number-input:hover{border-color:rgb(var(--aui-color-primary))}.aui-number-input:hover .angle-container{visibility:visible}.aui-number-input.isFocus{border-color:rgb(var(--aui-color-primary))}:root .aui-number-input.isFocus{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-number-input.isFocus{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-number-input.isFocus{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-number-input.isFocus{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-number-input.isDisabled{border:1px solid rgb(var(--aui-color-n-7))}.aui-number-input.isDisabled:hover{cursor:not-allowed}.aui-number-input.isDisabled .aui-number-input__input{color:rgb(var(--aui-color-n-6))}.aui-number-input.isDisabled .aui-number-input__input:hover{cursor:not-allowed}.aui-number-input.hasBefore{border-radius:0 var(--aui-border-radius-m) var(--aui-border-radius-m) 0}.aui-number-input.hasAfter{border-radius:var(--aui-border-radius-m) 0 0 var(--aui-border-radius-m)}.aui-number-input.hasBeforeAndAfter{border-radius:unset}.aui-number-input__decrease.aui-button,.aui-number-input__increase.aui-button{width:30px;height:30px}.aui-number-input__decrease.aui-button aui-icon,.aui-number-input__increase.aui-button aui-icon{font-size:var(--aui-font-size-s)}.aui-number-input__decrease.aui-button .aui-button__content,.aui-number-input__increase.aui-button .aui-button__content{padding:unset}.aui-number-input__decrease.aui-button{border-style:none solid none none}.aui-number-input__increase.aui-button{border-style:none none none solid}.aui-number-input .angle-container{display:flex;flex-direction:column;visibility:hidden;border-left:1px solid rgb(var(--aui-color-n-7))}.aui-number-input .angle-container .separation{border-top:1px solid rgb(var(--aui-color-n-7))}.aui-number-input__angleDecrease.aui-button,.aui-number-input__angleIncrease.aui-button{width:30px;height:15px;border:unset;margin-left:unset!important}.aui-number-input__angleDecrease.aui-button aui-icon,.aui-number-input__angleIncrease.aui-button aui-icon{font-size:var(--aui-font-size-s)}.aui-number-input__angleDecrease.aui-button .aui-button__content,.aui-number-input__angleIncrease.aui-button .aui-button__content{padding:unset}.aui-number-input__input{min-width:0;line-height:var(--aui-line-height-m);border:unset;margin:unset;padding:0 var(--aui-spacing-m);background-color:transparent;color:rgb(var(--aui-color-main-text))}.aui-number-input__input:focus{border:unset}.aui-number-input__input:focus-visible{outline:unset}.aui-number-input__inner-wrapper{display:flex;height:100%}.aui-number-input__addon{display:flex;align-items:center;flex-shrink:0;padding:0 var(--aui-inline-padding-xs);border:1px solid rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-n-8))}.aui-number-input__addon--before{border-right:none;border-radius:var(--aui-border-radius-m) 0 0 var(--aui-border-radius-m)}.aui-number-input__addon--after{border-left:none;border-radius:0 var(--aui-border-radius-m) var(--aui-border-radius-m) 0}aui-number-input.ng-invalid.ng-dirty,.ng-submitted aui-number-input.ng-invalid{border-color:rgb(var(--aui-color-red))}\n"], components: [{ type: i1.ButtonComponent, selector: "button[aui-button]", inputs: ["aui-button", "size", "plain", "loading", "round", "square"] }, { type: i2.IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.ClickOutsideDirective, selector: "[auiClickOutside]", outputs: ["auiClickOutside"], exportAs: ["auiClickOutside"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], pipes: { "async": i3.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
69
69
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: NumberInputComponent, decorators: [{
|
|
70
70
|
type: Component,
|
|
71
71
|
args: [{ selector: 'aui-number-input', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, preserveWhitespaces: false, providers: [
|
|
@@ -74,7 +74,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
|
|
|
74
74
|
useExisting: forwardRef(() => NumberInputComponent),
|
|
75
75
|
multi: true,
|
|
76
76
|
},
|
|
77
|
-
], template: "<div [class]=\"bem.element('inner-wrapper')\">\n <div\n *ngIf=\"hasAddonBefore$ | async\"\n [class]=\"bem.element('addon', 'before')\"\n >\n <ng-content select=\"[auiInputAddonBefore]\"></ng-content>\n </div>\n <div\n [class]=\"bem.block(size)\"\n [ngClass]=\"{\n isFocus: isFocus,\n isDisabled: disabled,\n hasBefore: hasAddonBefore$ | async,\n hasAfter: hasAddonAfter$ | async,\n hasBeforeAndAfter: (hasAddonBefore$ | async) && (hasAddonAfter$ | async)\n }\"\n auiClickOutside\n (auiClickOutside)=\"isFocus = false\"\n >\n <button\n *ngIf=\"controls && !angleControls\"\n aui-button\n type=\"button\"\n [ngClass]=\"bem.element('decrease')\"\n [disabled]=\"disabled || model <= min\"\n (click)=\"takeOneStep(false); isFocus = true\"\n >\n <aui-icon icon=\"minus\"></aui-icon>\n </button>\n <input\n #inputRef\n autocomplete=\"off\"\n (change)=\"inputChanged($any($event).target.value)\"\n [disabled]=\"disabled\"\n [ngClass]=\"bem.element('input')\"\n [placeholder]=\"placeholder\"\n (focus)=\"isFocus = true\"\n (blur)=\"isFocus = false\"\n [ngStyle]=\"{ 'text-align': angleControls ? 'left' : 'center' }\"\n />\n <button\n *ngIf=\"controls && !angleControls\"\n aui-button\n type=\"button\"\n [ngClass]=\"bem.element('increase')\"\n [disabled]=\"disabled || model >= max\"\n (click)=\"takeOneStep(true); isFocus = true\"\n >\n <aui-icon icon=\"plus\"></aui-icon>\n </button>\n <div class=\"angle-container\">\n <button\n *ngIf=\"controls && angleControls\"\n aui-button\n type=\"button\"\n size=\"mini\"\n [ngClass]=\"bem.element('angleIncrease')\"\n [disabled]=\"disabled || model >= max\"\n (click)=\"takeOneStep(true); isFocus = true\"\n >\n <aui-icon icon=\"angle_up\"></aui-icon>\n </button>\n <div class=\"separation\"></div>\n <button\n *ngIf=\"controls && angleControls\"\n aui-button\n type=\"button\"\n size=\"mini\"\n [ngClass]=\"bem.element('angleDecrease')\"\n [disabled]=\"disabled || model <= min\"\n (click)=\"takeOneStep(false); isFocus = true\"\n >\n <aui-icon icon=\"angle_down\"></aui-icon>\n </button>\n </div>\n </div>\n <div\n *ngIf=\"hasAddonAfter$ | async\"\n [class]=\"bem.element('addon', 'after')\"\n >\n <ng-content select=\"[auiInputAddonAfter]\"></ng-content>\n </div>\n</div>\n", styles: [".aui-number-input{display:flex;width:var(--aui-form-item-width-s);border:1px solid rgb(var(--aui-color-n-7));border-radius:var(--aui-border-radius-m);background-color:rgb(var(--aui-color-main-bg));color:rgb(var(--aui-color-main-text))}.aui-number-input--small .aui-number-input__decrease.aui-button,.aui-number-input--small .aui-number-input__increase.aui-button{width:26px;height:26px}.aui-number-input--small .aui-number-input__angleDecrease.aui-button,.aui-number-input--small .aui-number-input__angleIncrease.aui-button{width:28px;height:13px}.aui-number-input:hover{border-color:rgb(var(--aui-color-primary))}.aui-number-input:hover .angle-container{visibility:visible}.aui-number-input.isFocus{border-color:rgb(var(--aui-color-primary))}:root .aui-number-input.isFocus{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-number-input.isFocus{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-number-input.isFocus{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-number-input.isFocus{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-number-input.isDisabled{border:1px solid rgb(var(--aui-color-n-7))}.aui-number-input.isDisabled:hover{cursor:not-allowed}.aui-number-input.isDisabled .aui-number-input__input{color:rgb(var(--aui-color-n-6))}.aui-number-input.isDisabled .aui-number-input__input:hover{cursor:not-allowed}.aui-number-input.hasBefore{border-radius:0 var(--aui-border-radius-m) var(--aui-border-radius-m) 0}.aui-number-input.hasAfter{border-radius:var(--aui-border-radius-m) 0 0 var(--aui-border-radius-m)}.aui-number-input.hasBeforeAndAfter{border-radius:unset}.aui-number-input__decrease.aui-button,.aui-number-input__increase.aui-button{width:30px;height:30px}.aui-number-input__decrease.aui-button aui-icon,.aui-number-input__increase.aui-button aui-icon{font-size:var(--aui-font-size-s)}.aui-number-input__decrease.aui-button .aui-button__content,.aui-number-input__increase.aui-button .aui-button__content{padding:unset}.aui-number-input__decrease.aui-button{border-style:none solid none none}.aui-number-input__increase.aui-button{border-style:none none none solid}.aui-number-input .angle-container{display:flex;flex-direction:column;visibility:hidden;border-left:1px solid rgb(var(--aui-color-n-7))}.aui-number-input .angle-container .separation{border-top:1px solid rgb(var(--aui-color-n-7))}.aui-number-input__angleDecrease.aui-button,.aui-number-input__angleIncrease.aui-button{width:30px;height:15px;border:unset;margin-left:unset!important}.aui-number-input__angleDecrease.aui-button aui-icon,.aui-number-input__angleIncrease.aui-button aui-icon{font-size:var(--aui-font-size-s)}.aui-number-input__angleDecrease.aui-button .aui-button__content,.aui-number-input__angleIncrease.aui-button .aui-button__content{padding:unset}.aui-number-input__input{min-width:0;line-height:var(--aui-line-height-m);border:unset;margin:unset;padding:0 var(--aui-spacing-
|
|
77
|
+
], template: "<div [class]=\"bem.element('inner-wrapper')\">\n <div\n *ngIf=\"hasAddonBefore$ | async\"\n [class]=\"bem.element('addon', 'before')\"\n >\n <ng-content select=\"[auiInputAddonBefore]\"></ng-content>\n </div>\n <div\n [class]=\"bem.block(size)\"\n [ngClass]=\"{\n isFocus: isFocus,\n isDisabled: disabled,\n hasBefore: hasAddonBefore$ | async,\n hasAfter: hasAddonAfter$ | async,\n hasBeforeAndAfter: (hasAddonBefore$ | async) && (hasAddonAfter$ | async)\n }\"\n auiClickOutside\n (auiClickOutside)=\"isFocus = false\"\n >\n <button\n *ngIf=\"controls && !angleControls\"\n aui-button\n type=\"button\"\n [ngClass]=\"bem.element('decrease')\"\n [disabled]=\"disabled || model <= min\"\n (click)=\"takeOneStep(false); isFocus = true\"\n >\n <aui-icon icon=\"minus\"></aui-icon>\n </button>\n <input\n #inputRef\n autocomplete=\"off\"\n (change)=\"inputChanged($any($event).target.value)\"\n [disabled]=\"disabled\"\n [ngClass]=\"bem.element('input')\"\n [placeholder]=\"placeholder\"\n (focus)=\"isFocus = true\"\n (blur)=\"isFocus = false\"\n [ngStyle]=\"{ 'text-align': angleControls ? 'left' : 'center' }\"\n />\n <button\n *ngIf=\"controls && !angleControls\"\n aui-button\n type=\"button\"\n [ngClass]=\"bem.element('increase')\"\n [disabled]=\"disabled || model >= max\"\n (click)=\"takeOneStep(true); isFocus = true\"\n >\n <aui-icon icon=\"plus\"></aui-icon>\n </button>\n <div class=\"angle-container\">\n <button\n *ngIf=\"controls && angleControls\"\n aui-button\n type=\"button\"\n size=\"mini\"\n [ngClass]=\"bem.element('angleIncrease')\"\n [disabled]=\"disabled || model >= max\"\n (click)=\"takeOneStep(true); isFocus = true\"\n >\n <aui-icon icon=\"angle_up\"></aui-icon>\n </button>\n <div class=\"separation\"></div>\n <button\n *ngIf=\"controls && angleControls\"\n aui-button\n type=\"button\"\n size=\"mini\"\n [ngClass]=\"bem.element('angleDecrease')\"\n [disabled]=\"disabled || model <= min\"\n (click)=\"takeOneStep(false); isFocus = true\"\n >\n <aui-icon icon=\"angle_down\"></aui-icon>\n </button>\n </div>\n </div>\n <div\n *ngIf=\"hasAddonAfter$ | async\"\n [class]=\"bem.element('addon', 'after')\"\n >\n <ng-content select=\"[auiInputAddonAfter]\"></ng-content>\n </div>\n</div>\n", styles: [".aui-number-input{display:flex;width:var(--aui-form-item-width-s);border:1px solid rgb(var(--aui-color-n-7));border-radius:var(--aui-border-radius-m);background-color:rgb(var(--aui-color-main-bg));color:rgb(var(--aui-color-main-text))}.aui-number-input--small .aui-number-input__decrease.aui-button,.aui-number-input--small .aui-number-input__increase.aui-button{width:26px;height:26px}.aui-number-input--small .aui-number-input__angleDecrease.aui-button,.aui-number-input--small .aui-number-input__angleIncrease.aui-button{width:28px;height:13px}.aui-number-input:hover{border-color:rgb(var(--aui-color-primary))}.aui-number-input:hover .angle-container{visibility:visible}.aui-number-input.isFocus{border-color:rgb(var(--aui-color-primary))}:root .aui-number-input.isFocus{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-number-input.isFocus{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-number-input.isFocus{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-number-input.isFocus{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-number-input.isDisabled{border:1px solid rgb(var(--aui-color-n-7))}.aui-number-input.isDisabled:hover{cursor:not-allowed}.aui-number-input.isDisabled .aui-number-input__input{color:rgb(var(--aui-color-n-6))}.aui-number-input.isDisabled .aui-number-input__input:hover{cursor:not-allowed}.aui-number-input.hasBefore{border-radius:0 var(--aui-border-radius-m) var(--aui-border-radius-m) 0}.aui-number-input.hasAfter{border-radius:var(--aui-border-radius-m) 0 0 var(--aui-border-radius-m)}.aui-number-input.hasBeforeAndAfter{border-radius:unset}.aui-number-input__decrease.aui-button,.aui-number-input__increase.aui-button{width:30px;height:30px}.aui-number-input__decrease.aui-button aui-icon,.aui-number-input__increase.aui-button aui-icon{font-size:var(--aui-font-size-s)}.aui-number-input__decrease.aui-button .aui-button__content,.aui-number-input__increase.aui-button .aui-button__content{padding:unset}.aui-number-input__decrease.aui-button{border-style:none solid none none}.aui-number-input__increase.aui-button{border-style:none none none solid}.aui-number-input .angle-container{display:flex;flex-direction:column;visibility:hidden;border-left:1px solid rgb(var(--aui-color-n-7))}.aui-number-input .angle-container .separation{border-top:1px solid rgb(var(--aui-color-n-7))}.aui-number-input__angleDecrease.aui-button,.aui-number-input__angleIncrease.aui-button{width:30px;height:15px;border:unset;margin-left:unset!important}.aui-number-input__angleDecrease.aui-button aui-icon,.aui-number-input__angleIncrease.aui-button aui-icon{font-size:var(--aui-font-size-s)}.aui-number-input__angleDecrease.aui-button .aui-button__content,.aui-number-input__angleIncrease.aui-button .aui-button__content{padding:unset}.aui-number-input__input{min-width:0;line-height:var(--aui-line-height-m);border:unset;margin:unset;padding:0 var(--aui-spacing-m);background-color:transparent;color:rgb(var(--aui-color-main-text))}.aui-number-input__input:focus{border:unset}.aui-number-input__input:focus-visible{outline:unset}.aui-number-input__inner-wrapper{display:flex;height:100%}.aui-number-input__addon{display:flex;align-items:center;flex-shrink:0;padding:0 var(--aui-inline-padding-xs);border:1px solid rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-n-8))}.aui-number-input__addon--before{border-right:none;border-radius:var(--aui-border-radius-m) 0 0 var(--aui-border-radius-m)}.aui-number-input__addon--after{border-left:none;border-radius:0 var(--aui-border-radius-m) var(--aui-border-radius-m) 0}aui-number-input.ng-invalid.ng-dirty,.ng-submitted aui-number-input.ng-invalid{border-color:rgb(var(--aui-color-red))}\n"] }]
|
|
78
78
|
}], propDecorators: { size: [{
|
|
79
79
|
type: Input
|
|
80
80
|
}], min: [{
|
package/fesm2015/alauda-ui.mjs
CHANGED
|
@@ -4756,7 +4756,7 @@ NumberInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
|
|
|
4756
4756
|
useExisting: forwardRef(() => NumberInputComponent),
|
|
4757
4757
|
multi: true,
|
|
4758
4758
|
},
|
|
4759
|
-
], queries: [{ propertyName: "addonBeforeRefs", predicate: InputAddonBeforeDirective }, { propertyName: "addonAfterRefs", predicate: InputAddonAfterDirective }], viewQueries: [{ propertyName: "inputRef", first: true, predicate: ["inputRef"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: "<div [class]=\"bem.element('inner-wrapper')\">\n <div\n *ngIf=\"hasAddonBefore$ | async\"\n [class]=\"bem.element('addon', 'before')\"\n >\n <ng-content select=\"[auiInputAddonBefore]\"></ng-content>\n </div>\n <div\n [class]=\"bem.block(size)\"\n [ngClass]=\"{\n isFocus: isFocus,\n isDisabled: disabled,\n hasBefore: hasAddonBefore$ | async,\n hasAfter: hasAddonAfter$ | async,\n hasBeforeAndAfter: (hasAddonBefore$ | async) && (hasAddonAfter$ | async)\n }\"\n auiClickOutside\n (auiClickOutside)=\"isFocus = false\"\n >\n <button\n *ngIf=\"controls && !angleControls\"\n aui-button\n type=\"button\"\n [ngClass]=\"bem.element('decrease')\"\n [disabled]=\"disabled || model <= min\"\n (click)=\"takeOneStep(false); isFocus = true\"\n >\n <aui-icon icon=\"minus\"></aui-icon>\n </button>\n <input\n #inputRef\n autocomplete=\"off\"\n (change)=\"inputChanged($any($event).target.value)\"\n [disabled]=\"disabled\"\n [ngClass]=\"bem.element('input')\"\n [placeholder]=\"placeholder\"\n (focus)=\"isFocus = true\"\n (blur)=\"isFocus = false\"\n [ngStyle]=\"{ 'text-align': angleControls ? 'left' : 'center' }\"\n />\n <button\n *ngIf=\"controls && !angleControls\"\n aui-button\n type=\"button\"\n [ngClass]=\"bem.element('increase')\"\n [disabled]=\"disabled || model >= max\"\n (click)=\"takeOneStep(true); isFocus = true\"\n >\n <aui-icon icon=\"plus\"></aui-icon>\n </button>\n <div class=\"angle-container\">\n <button\n *ngIf=\"controls && angleControls\"\n aui-button\n type=\"button\"\n size=\"mini\"\n [ngClass]=\"bem.element('angleIncrease')\"\n [disabled]=\"disabled || model >= max\"\n (click)=\"takeOneStep(true); isFocus = true\"\n >\n <aui-icon icon=\"angle_up\"></aui-icon>\n </button>\n <div class=\"separation\"></div>\n <button\n *ngIf=\"controls && angleControls\"\n aui-button\n type=\"button\"\n size=\"mini\"\n [ngClass]=\"bem.element('angleDecrease')\"\n [disabled]=\"disabled || model <= min\"\n (click)=\"takeOneStep(false); isFocus = true\"\n >\n <aui-icon icon=\"angle_down\"></aui-icon>\n </button>\n </div>\n </div>\n <div\n *ngIf=\"hasAddonAfter$ | async\"\n [class]=\"bem.element('addon', 'after')\"\n >\n <ng-content select=\"[auiInputAddonAfter]\"></ng-content>\n </div>\n</div>\n", styles: [".aui-number-input{display:flex;width:var(--aui-form-item-width-s);border:1px solid rgb(var(--aui-color-n-7));border-radius:var(--aui-border-radius-m);background-color:rgb(var(--aui-color-main-bg));color:rgb(var(--aui-color-main-text))}.aui-number-input--small .aui-number-input__decrease.aui-button,.aui-number-input--small .aui-number-input__increase.aui-button{width:26px;height:26px}.aui-number-input--small .aui-number-input__angleDecrease.aui-button,.aui-number-input--small .aui-number-input__angleIncrease.aui-button{width:28px;height:13px}.aui-number-input:hover{border-color:rgb(var(--aui-color-primary))}.aui-number-input:hover .angle-container{visibility:visible}.aui-number-input.isFocus{border-color:rgb(var(--aui-color-primary))}:root .aui-number-input.isFocus{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-number-input.isFocus{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-number-input.isFocus{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-number-input.isFocus{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-number-input.isDisabled{border:1px solid rgb(var(--aui-color-n-7))}.aui-number-input.isDisabled:hover{cursor:not-allowed}.aui-number-input.isDisabled .aui-number-input__input{color:rgb(var(--aui-color-n-6))}.aui-number-input.isDisabled .aui-number-input__input:hover{cursor:not-allowed}.aui-number-input.hasBefore{border-radius:0 var(--aui-border-radius-m) var(--aui-border-radius-m) 0}.aui-number-input.hasAfter{border-radius:var(--aui-border-radius-m) 0 0 var(--aui-border-radius-m)}.aui-number-input.hasBeforeAndAfter{border-radius:unset}.aui-number-input__decrease.aui-button,.aui-number-input__increase.aui-button{width:30px;height:30px}.aui-number-input__decrease.aui-button aui-icon,.aui-number-input__increase.aui-button aui-icon{font-size:var(--aui-font-size-s)}.aui-number-input__decrease.aui-button .aui-button__content,.aui-number-input__increase.aui-button .aui-button__content{padding:unset}.aui-number-input__decrease.aui-button{border-style:none solid none none}.aui-number-input__increase.aui-button{border-style:none none none solid}.aui-number-input .angle-container{display:flex;flex-direction:column;visibility:hidden;border-left:1px solid rgb(var(--aui-color-n-7))}.aui-number-input .angle-container .separation{border-top:1px solid rgb(var(--aui-color-n-7))}.aui-number-input__angleDecrease.aui-button,.aui-number-input__angleIncrease.aui-button{width:30px;height:15px;border:unset;margin-left:unset!important}.aui-number-input__angleDecrease.aui-button aui-icon,.aui-number-input__angleIncrease.aui-button aui-icon{font-size:var(--aui-font-size-s)}.aui-number-input__angleDecrease.aui-button .aui-button__content,.aui-number-input__angleIncrease.aui-button .aui-button__content{padding:unset}.aui-number-input__input{min-width:0;line-height:var(--aui-line-height-m);border:unset;margin:unset;padding:0 var(--aui-spacing-
|
|
4759
|
+
], queries: [{ propertyName: "addonBeforeRefs", predicate: InputAddonBeforeDirective }, { propertyName: "addonAfterRefs", predicate: InputAddonAfterDirective }], viewQueries: [{ propertyName: "inputRef", first: true, predicate: ["inputRef"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: "<div [class]=\"bem.element('inner-wrapper')\">\n <div\n *ngIf=\"hasAddonBefore$ | async\"\n [class]=\"bem.element('addon', 'before')\"\n >\n <ng-content select=\"[auiInputAddonBefore]\"></ng-content>\n </div>\n <div\n [class]=\"bem.block(size)\"\n [ngClass]=\"{\n isFocus: isFocus,\n isDisabled: disabled,\n hasBefore: hasAddonBefore$ | async,\n hasAfter: hasAddonAfter$ | async,\n hasBeforeAndAfter: (hasAddonBefore$ | async) && (hasAddonAfter$ | async)\n }\"\n auiClickOutside\n (auiClickOutside)=\"isFocus = false\"\n >\n <button\n *ngIf=\"controls && !angleControls\"\n aui-button\n type=\"button\"\n [ngClass]=\"bem.element('decrease')\"\n [disabled]=\"disabled || model <= min\"\n (click)=\"takeOneStep(false); isFocus = true\"\n >\n <aui-icon icon=\"minus\"></aui-icon>\n </button>\n <input\n #inputRef\n autocomplete=\"off\"\n (change)=\"inputChanged($any($event).target.value)\"\n [disabled]=\"disabled\"\n [ngClass]=\"bem.element('input')\"\n [placeholder]=\"placeholder\"\n (focus)=\"isFocus = true\"\n (blur)=\"isFocus = false\"\n [ngStyle]=\"{ 'text-align': angleControls ? 'left' : 'center' }\"\n />\n <button\n *ngIf=\"controls && !angleControls\"\n aui-button\n type=\"button\"\n [ngClass]=\"bem.element('increase')\"\n [disabled]=\"disabled || model >= max\"\n (click)=\"takeOneStep(true); isFocus = true\"\n >\n <aui-icon icon=\"plus\"></aui-icon>\n </button>\n <div class=\"angle-container\">\n <button\n *ngIf=\"controls && angleControls\"\n aui-button\n type=\"button\"\n size=\"mini\"\n [ngClass]=\"bem.element('angleIncrease')\"\n [disabled]=\"disabled || model >= max\"\n (click)=\"takeOneStep(true); isFocus = true\"\n >\n <aui-icon icon=\"angle_up\"></aui-icon>\n </button>\n <div class=\"separation\"></div>\n <button\n *ngIf=\"controls && angleControls\"\n aui-button\n type=\"button\"\n size=\"mini\"\n [ngClass]=\"bem.element('angleDecrease')\"\n [disabled]=\"disabled || model <= min\"\n (click)=\"takeOneStep(false); isFocus = true\"\n >\n <aui-icon icon=\"angle_down\"></aui-icon>\n </button>\n </div>\n </div>\n <div\n *ngIf=\"hasAddonAfter$ | async\"\n [class]=\"bem.element('addon', 'after')\"\n >\n <ng-content select=\"[auiInputAddonAfter]\"></ng-content>\n </div>\n</div>\n", styles: [".aui-number-input{display:flex;width:var(--aui-form-item-width-s);border:1px solid rgb(var(--aui-color-n-7));border-radius:var(--aui-border-radius-m);background-color:rgb(var(--aui-color-main-bg));color:rgb(var(--aui-color-main-text))}.aui-number-input--small .aui-number-input__decrease.aui-button,.aui-number-input--small .aui-number-input__increase.aui-button{width:26px;height:26px}.aui-number-input--small .aui-number-input__angleDecrease.aui-button,.aui-number-input--small .aui-number-input__angleIncrease.aui-button{width:28px;height:13px}.aui-number-input:hover{border-color:rgb(var(--aui-color-primary))}.aui-number-input:hover .angle-container{visibility:visible}.aui-number-input.isFocus{border-color:rgb(var(--aui-color-primary))}:root .aui-number-input.isFocus{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-number-input.isFocus{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-number-input.isFocus{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-number-input.isFocus{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-number-input.isDisabled{border:1px solid rgb(var(--aui-color-n-7))}.aui-number-input.isDisabled:hover{cursor:not-allowed}.aui-number-input.isDisabled .aui-number-input__input{color:rgb(var(--aui-color-n-6))}.aui-number-input.isDisabled .aui-number-input__input:hover{cursor:not-allowed}.aui-number-input.hasBefore{border-radius:0 var(--aui-border-radius-m) var(--aui-border-radius-m) 0}.aui-number-input.hasAfter{border-radius:var(--aui-border-radius-m) 0 0 var(--aui-border-radius-m)}.aui-number-input.hasBeforeAndAfter{border-radius:unset}.aui-number-input__decrease.aui-button,.aui-number-input__increase.aui-button{width:30px;height:30px}.aui-number-input__decrease.aui-button aui-icon,.aui-number-input__increase.aui-button aui-icon{font-size:var(--aui-font-size-s)}.aui-number-input__decrease.aui-button .aui-button__content,.aui-number-input__increase.aui-button .aui-button__content{padding:unset}.aui-number-input__decrease.aui-button{border-style:none solid none none}.aui-number-input__increase.aui-button{border-style:none none none solid}.aui-number-input .angle-container{display:flex;flex-direction:column;visibility:hidden;border-left:1px solid rgb(var(--aui-color-n-7))}.aui-number-input .angle-container .separation{border-top:1px solid rgb(var(--aui-color-n-7))}.aui-number-input__angleDecrease.aui-button,.aui-number-input__angleIncrease.aui-button{width:30px;height:15px;border:unset;margin-left:unset!important}.aui-number-input__angleDecrease.aui-button aui-icon,.aui-number-input__angleIncrease.aui-button aui-icon{font-size:var(--aui-font-size-s)}.aui-number-input__angleDecrease.aui-button .aui-button__content,.aui-number-input__angleIncrease.aui-button .aui-button__content{padding:unset}.aui-number-input__input{min-width:0;line-height:var(--aui-line-height-m);border:unset;margin:unset;padding:0 var(--aui-spacing-m);background-color:transparent;color:rgb(var(--aui-color-main-text))}.aui-number-input__input:focus{border:unset}.aui-number-input__input:focus-visible{outline:unset}.aui-number-input__inner-wrapper{display:flex;height:100%}.aui-number-input__addon{display:flex;align-items:center;flex-shrink:0;padding:0 var(--aui-inline-padding-xs);border:1px solid rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-n-8))}.aui-number-input__addon--before{border-right:none;border-radius:var(--aui-border-radius-m) 0 0 var(--aui-border-radius-m)}.aui-number-input__addon--after{border-left:none;border-radius:0 var(--aui-border-radius-m) var(--aui-border-radius-m) 0}aui-number-input.ng-invalid.ng-dirty,.ng-submitted aui-number-input.ng-invalid{border-color:rgb(var(--aui-color-red))}\n"], components: [{ type: ButtonComponent, selector: "button[aui-button]", inputs: ["aui-button", "size", "plain", "loading", "round", "square"] }, { type: IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: ClickOutsideDirective, selector: "[auiClickOutside]", outputs: ["auiClickOutside"], exportAs: ["auiClickOutside"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], pipes: { "async": i2.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
4760
4760
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: NumberInputComponent, decorators: [{
|
|
4761
4761
|
type: Component,
|
|
4762
4762
|
args: [{ selector: 'aui-number-input', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, preserveWhitespaces: false, providers: [
|
|
@@ -4765,7 +4765,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
|
|
|
4765
4765
|
useExisting: forwardRef(() => NumberInputComponent),
|
|
4766
4766
|
multi: true,
|
|
4767
4767
|
},
|
|
4768
|
-
], template: "<div [class]=\"bem.element('inner-wrapper')\">\n <div\n *ngIf=\"hasAddonBefore$ | async\"\n [class]=\"bem.element('addon', 'before')\"\n >\n <ng-content select=\"[auiInputAddonBefore]\"></ng-content>\n </div>\n <div\n [class]=\"bem.block(size)\"\n [ngClass]=\"{\n isFocus: isFocus,\n isDisabled: disabled,\n hasBefore: hasAddonBefore$ | async,\n hasAfter: hasAddonAfter$ | async,\n hasBeforeAndAfter: (hasAddonBefore$ | async) && (hasAddonAfter$ | async)\n }\"\n auiClickOutside\n (auiClickOutside)=\"isFocus = false\"\n >\n <button\n *ngIf=\"controls && !angleControls\"\n aui-button\n type=\"button\"\n [ngClass]=\"bem.element('decrease')\"\n [disabled]=\"disabled || model <= min\"\n (click)=\"takeOneStep(false); isFocus = true\"\n >\n <aui-icon icon=\"minus\"></aui-icon>\n </button>\n <input\n #inputRef\n autocomplete=\"off\"\n (change)=\"inputChanged($any($event).target.value)\"\n [disabled]=\"disabled\"\n [ngClass]=\"bem.element('input')\"\n [placeholder]=\"placeholder\"\n (focus)=\"isFocus = true\"\n (blur)=\"isFocus = false\"\n [ngStyle]=\"{ 'text-align': angleControls ? 'left' : 'center' }\"\n />\n <button\n *ngIf=\"controls && !angleControls\"\n aui-button\n type=\"button\"\n [ngClass]=\"bem.element('increase')\"\n [disabled]=\"disabled || model >= max\"\n (click)=\"takeOneStep(true); isFocus = true\"\n >\n <aui-icon icon=\"plus\"></aui-icon>\n </button>\n <div class=\"angle-container\">\n <button\n *ngIf=\"controls && angleControls\"\n aui-button\n type=\"button\"\n size=\"mini\"\n [ngClass]=\"bem.element('angleIncrease')\"\n [disabled]=\"disabled || model >= max\"\n (click)=\"takeOneStep(true); isFocus = true\"\n >\n <aui-icon icon=\"angle_up\"></aui-icon>\n </button>\n <div class=\"separation\"></div>\n <button\n *ngIf=\"controls && angleControls\"\n aui-button\n type=\"button\"\n size=\"mini\"\n [ngClass]=\"bem.element('angleDecrease')\"\n [disabled]=\"disabled || model <= min\"\n (click)=\"takeOneStep(false); isFocus = true\"\n >\n <aui-icon icon=\"angle_down\"></aui-icon>\n </button>\n </div>\n </div>\n <div\n *ngIf=\"hasAddonAfter$ | async\"\n [class]=\"bem.element('addon', 'after')\"\n >\n <ng-content select=\"[auiInputAddonAfter]\"></ng-content>\n </div>\n</div>\n", styles: [".aui-number-input{display:flex;width:var(--aui-form-item-width-s);border:1px solid rgb(var(--aui-color-n-7));border-radius:var(--aui-border-radius-m);background-color:rgb(var(--aui-color-main-bg));color:rgb(var(--aui-color-main-text))}.aui-number-input--small .aui-number-input__decrease.aui-button,.aui-number-input--small .aui-number-input__increase.aui-button{width:26px;height:26px}.aui-number-input--small .aui-number-input__angleDecrease.aui-button,.aui-number-input--small .aui-number-input__angleIncrease.aui-button{width:28px;height:13px}.aui-number-input:hover{border-color:rgb(var(--aui-color-primary))}.aui-number-input:hover .angle-container{visibility:visible}.aui-number-input.isFocus{border-color:rgb(var(--aui-color-primary))}:root .aui-number-input.isFocus{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-number-input.isFocus{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-number-input.isFocus{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-number-input.isFocus{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-number-input.isDisabled{border:1px solid rgb(var(--aui-color-n-7))}.aui-number-input.isDisabled:hover{cursor:not-allowed}.aui-number-input.isDisabled .aui-number-input__input{color:rgb(var(--aui-color-n-6))}.aui-number-input.isDisabled .aui-number-input__input:hover{cursor:not-allowed}.aui-number-input.hasBefore{border-radius:0 var(--aui-border-radius-m) var(--aui-border-radius-m) 0}.aui-number-input.hasAfter{border-radius:var(--aui-border-radius-m) 0 0 var(--aui-border-radius-m)}.aui-number-input.hasBeforeAndAfter{border-radius:unset}.aui-number-input__decrease.aui-button,.aui-number-input__increase.aui-button{width:30px;height:30px}.aui-number-input__decrease.aui-button aui-icon,.aui-number-input__increase.aui-button aui-icon{font-size:var(--aui-font-size-s)}.aui-number-input__decrease.aui-button .aui-button__content,.aui-number-input__increase.aui-button .aui-button__content{padding:unset}.aui-number-input__decrease.aui-button{border-style:none solid none none}.aui-number-input__increase.aui-button{border-style:none none none solid}.aui-number-input .angle-container{display:flex;flex-direction:column;visibility:hidden;border-left:1px solid rgb(var(--aui-color-n-7))}.aui-number-input .angle-container .separation{border-top:1px solid rgb(var(--aui-color-n-7))}.aui-number-input__angleDecrease.aui-button,.aui-number-input__angleIncrease.aui-button{width:30px;height:15px;border:unset;margin-left:unset!important}.aui-number-input__angleDecrease.aui-button aui-icon,.aui-number-input__angleIncrease.aui-button aui-icon{font-size:var(--aui-font-size-s)}.aui-number-input__angleDecrease.aui-button .aui-button__content,.aui-number-input__angleIncrease.aui-button .aui-button__content{padding:unset}.aui-number-input__input{min-width:0;line-height:var(--aui-line-height-m);border:unset;margin:unset;padding:0 var(--aui-spacing-
|
|
4768
|
+
], template: "<div [class]=\"bem.element('inner-wrapper')\">\n <div\n *ngIf=\"hasAddonBefore$ | async\"\n [class]=\"bem.element('addon', 'before')\"\n >\n <ng-content select=\"[auiInputAddonBefore]\"></ng-content>\n </div>\n <div\n [class]=\"bem.block(size)\"\n [ngClass]=\"{\n isFocus: isFocus,\n isDisabled: disabled,\n hasBefore: hasAddonBefore$ | async,\n hasAfter: hasAddonAfter$ | async,\n hasBeforeAndAfter: (hasAddonBefore$ | async) && (hasAddonAfter$ | async)\n }\"\n auiClickOutside\n (auiClickOutside)=\"isFocus = false\"\n >\n <button\n *ngIf=\"controls && !angleControls\"\n aui-button\n type=\"button\"\n [ngClass]=\"bem.element('decrease')\"\n [disabled]=\"disabled || model <= min\"\n (click)=\"takeOneStep(false); isFocus = true\"\n >\n <aui-icon icon=\"minus\"></aui-icon>\n </button>\n <input\n #inputRef\n autocomplete=\"off\"\n (change)=\"inputChanged($any($event).target.value)\"\n [disabled]=\"disabled\"\n [ngClass]=\"bem.element('input')\"\n [placeholder]=\"placeholder\"\n (focus)=\"isFocus = true\"\n (blur)=\"isFocus = false\"\n [ngStyle]=\"{ 'text-align': angleControls ? 'left' : 'center' }\"\n />\n <button\n *ngIf=\"controls && !angleControls\"\n aui-button\n type=\"button\"\n [ngClass]=\"bem.element('increase')\"\n [disabled]=\"disabled || model >= max\"\n (click)=\"takeOneStep(true); isFocus = true\"\n >\n <aui-icon icon=\"plus\"></aui-icon>\n </button>\n <div class=\"angle-container\">\n <button\n *ngIf=\"controls && angleControls\"\n aui-button\n type=\"button\"\n size=\"mini\"\n [ngClass]=\"bem.element('angleIncrease')\"\n [disabled]=\"disabled || model >= max\"\n (click)=\"takeOneStep(true); isFocus = true\"\n >\n <aui-icon icon=\"angle_up\"></aui-icon>\n </button>\n <div class=\"separation\"></div>\n <button\n *ngIf=\"controls && angleControls\"\n aui-button\n type=\"button\"\n size=\"mini\"\n [ngClass]=\"bem.element('angleDecrease')\"\n [disabled]=\"disabled || model <= min\"\n (click)=\"takeOneStep(false); isFocus = true\"\n >\n <aui-icon icon=\"angle_down\"></aui-icon>\n </button>\n </div>\n </div>\n <div\n *ngIf=\"hasAddonAfter$ | async\"\n [class]=\"bem.element('addon', 'after')\"\n >\n <ng-content select=\"[auiInputAddonAfter]\"></ng-content>\n </div>\n</div>\n", styles: [".aui-number-input{display:flex;width:var(--aui-form-item-width-s);border:1px solid rgb(var(--aui-color-n-7));border-radius:var(--aui-border-radius-m);background-color:rgb(var(--aui-color-main-bg));color:rgb(var(--aui-color-main-text))}.aui-number-input--small .aui-number-input__decrease.aui-button,.aui-number-input--small .aui-number-input__increase.aui-button{width:26px;height:26px}.aui-number-input--small .aui-number-input__angleDecrease.aui-button,.aui-number-input--small .aui-number-input__angleIncrease.aui-button{width:28px;height:13px}.aui-number-input:hover{border-color:rgb(var(--aui-color-primary))}.aui-number-input:hover .angle-container{visibility:visible}.aui-number-input.isFocus{border-color:rgb(var(--aui-color-primary))}:root .aui-number-input.isFocus{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-number-input.isFocus{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-number-input.isFocus{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-number-input.isFocus{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-number-input.isDisabled{border:1px solid rgb(var(--aui-color-n-7))}.aui-number-input.isDisabled:hover{cursor:not-allowed}.aui-number-input.isDisabled .aui-number-input__input{color:rgb(var(--aui-color-n-6))}.aui-number-input.isDisabled .aui-number-input__input:hover{cursor:not-allowed}.aui-number-input.hasBefore{border-radius:0 var(--aui-border-radius-m) var(--aui-border-radius-m) 0}.aui-number-input.hasAfter{border-radius:var(--aui-border-radius-m) 0 0 var(--aui-border-radius-m)}.aui-number-input.hasBeforeAndAfter{border-radius:unset}.aui-number-input__decrease.aui-button,.aui-number-input__increase.aui-button{width:30px;height:30px}.aui-number-input__decrease.aui-button aui-icon,.aui-number-input__increase.aui-button aui-icon{font-size:var(--aui-font-size-s)}.aui-number-input__decrease.aui-button .aui-button__content,.aui-number-input__increase.aui-button .aui-button__content{padding:unset}.aui-number-input__decrease.aui-button{border-style:none solid none none}.aui-number-input__increase.aui-button{border-style:none none none solid}.aui-number-input .angle-container{display:flex;flex-direction:column;visibility:hidden;border-left:1px solid rgb(var(--aui-color-n-7))}.aui-number-input .angle-container .separation{border-top:1px solid rgb(var(--aui-color-n-7))}.aui-number-input__angleDecrease.aui-button,.aui-number-input__angleIncrease.aui-button{width:30px;height:15px;border:unset;margin-left:unset!important}.aui-number-input__angleDecrease.aui-button aui-icon,.aui-number-input__angleIncrease.aui-button aui-icon{font-size:var(--aui-font-size-s)}.aui-number-input__angleDecrease.aui-button .aui-button__content,.aui-number-input__angleIncrease.aui-button .aui-button__content{padding:unset}.aui-number-input__input{min-width:0;line-height:var(--aui-line-height-m);border:unset;margin:unset;padding:0 var(--aui-spacing-m);background-color:transparent;color:rgb(var(--aui-color-main-text))}.aui-number-input__input:focus{border:unset}.aui-number-input__input:focus-visible{outline:unset}.aui-number-input__inner-wrapper{display:flex;height:100%}.aui-number-input__addon{display:flex;align-items:center;flex-shrink:0;padding:0 var(--aui-inline-padding-xs);border:1px solid rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-n-8))}.aui-number-input__addon--before{border-right:none;border-radius:var(--aui-border-radius-m) 0 0 var(--aui-border-radius-m)}.aui-number-input__addon--after{border-left:none;border-radius:0 var(--aui-border-radius-m) var(--aui-border-radius-m) 0}aui-number-input.ng-invalid.ng-dirty,.ng-submitted aui-number-input.ng-invalid{border-color:rgb(var(--aui-color-red))}\n"] }]
|
|
4769
4769
|
}], propDecorators: { size: [{
|
|
4770
4770
|
type: Input
|
|
4771
4771
|
}], min: [{
|
package/fesm2020/alauda-ui.mjs
CHANGED
|
@@ -4712,7 +4712,7 @@ NumberInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
|
|
|
4712
4712
|
useExisting: forwardRef(() => NumberInputComponent),
|
|
4713
4713
|
multi: true,
|
|
4714
4714
|
},
|
|
4715
|
-
], queries: [{ propertyName: "addonBeforeRefs", predicate: InputAddonBeforeDirective }, { propertyName: "addonAfterRefs", predicate: InputAddonAfterDirective }], viewQueries: [{ propertyName: "inputRef", first: true, predicate: ["inputRef"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: "<div [class]=\"bem.element('inner-wrapper')\">\n <div\n *ngIf=\"hasAddonBefore$ | async\"\n [class]=\"bem.element('addon', 'before')\"\n >\n <ng-content select=\"[auiInputAddonBefore]\"></ng-content>\n </div>\n <div\n [class]=\"bem.block(size)\"\n [ngClass]=\"{\n isFocus: isFocus,\n isDisabled: disabled,\n hasBefore: hasAddonBefore$ | async,\n hasAfter: hasAddonAfter$ | async,\n hasBeforeAndAfter: (hasAddonBefore$ | async) && (hasAddonAfter$ | async)\n }\"\n auiClickOutside\n (auiClickOutside)=\"isFocus = false\"\n >\n <button\n *ngIf=\"controls && !angleControls\"\n aui-button\n type=\"button\"\n [ngClass]=\"bem.element('decrease')\"\n [disabled]=\"disabled || model <= min\"\n (click)=\"takeOneStep(false); isFocus = true\"\n >\n <aui-icon icon=\"minus\"></aui-icon>\n </button>\n <input\n #inputRef\n autocomplete=\"off\"\n (change)=\"inputChanged($any($event).target.value)\"\n [disabled]=\"disabled\"\n [ngClass]=\"bem.element('input')\"\n [placeholder]=\"placeholder\"\n (focus)=\"isFocus = true\"\n (blur)=\"isFocus = false\"\n [ngStyle]=\"{ 'text-align': angleControls ? 'left' : 'center' }\"\n />\n <button\n *ngIf=\"controls && !angleControls\"\n aui-button\n type=\"button\"\n [ngClass]=\"bem.element('increase')\"\n [disabled]=\"disabled || model >= max\"\n (click)=\"takeOneStep(true); isFocus = true\"\n >\n <aui-icon icon=\"plus\"></aui-icon>\n </button>\n <div class=\"angle-container\">\n <button\n *ngIf=\"controls && angleControls\"\n aui-button\n type=\"button\"\n size=\"mini\"\n [ngClass]=\"bem.element('angleIncrease')\"\n [disabled]=\"disabled || model >= max\"\n (click)=\"takeOneStep(true); isFocus = true\"\n >\n <aui-icon icon=\"angle_up\"></aui-icon>\n </button>\n <div class=\"separation\"></div>\n <button\n *ngIf=\"controls && angleControls\"\n aui-button\n type=\"button\"\n size=\"mini\"\n [ngClass]=\"bem.element('angleDecrease')\"\n [disabled]=\"disabled || model <= min\"\n (click)=\"takeOneStep(false); isFocus = true\"\n >\n <aui-icon icon=\"angle_down\"></aui-icon>\n </button>\n </div>\n </div>\n <div\n *ngIf=\"hasAddonAfter$ | async\"\n [class]=\"bem.element('addon', 'after')\"\n >\n <ng-content select=\"[auiInputAddonAfter]\"></ng-content>\n </div>\n</div>\n", styles: [".aui-number-input{display:flex;width:var(--aui-form-item-width-s);border:1px solid rgb(var(--aui-color-n-7));border-radius:var(--aui-border-radius-m);background-color:rgb(var(--aui-color-main-bg));color:rgb(var(--aui-color-main-text))}.aui-number-input--small .aui-number-input__decrease.aui-button,.aui-number-input--small .aui-number-input__increase.aui-button{width:26px;height:26px}.aui-number-input--small .aui-number-input__angleDecrease.aui-button,.aui-number-input--small .aui-number-input__angleIncrease.aui-button{width:28px;height:13px}.aui-number-input:hover{border-color:rgb(var(--aui-color-primary))}.aui-number-input:hover .angle-container{visibility:visible}.aui-number-input.isFocus{border-color:rgb(var(--aui-color-primary))}:root .aui-number-input.isFocus{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-number-input.isFocus{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-number-input.isFocus{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-number-input.isFocus{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-number-input.isDisabled{border:1px solid rgb(var(--aui-color-n-7))}.aui-number-input.isDisabled:hover{cursor:not-allowed}.aui-number-input.isDisabled .aui-number-input__input{color:rgb(var(--aui-color-n-6))}.aui-number-input.isDisabled .aui-number-input__input:hover{cursor:not-allowed}.aui-number-input.hasBefore{border-radius:0 var(--aui-border-radius-m) var(--aui-border-radius-m) 0}.aui-number-input.hasAfter{border-radius:var(--aui-border-radius-m) 0 0 var(--aui-border-radius-m)}.aui-number-input.hasBeforeAndAfter{border-radius:unset}.aui-number-input__decrease.aui-button,.aui-number-input__increase.aui-button{width:30px;height:30px}.aui-number-input__decrease.aui-button aui-icon,.aui-number-input__increase.aui-button aui-icon{font-size:var(--aui-font-size-s)}.aui-number-input__decrease.aui-button .aui-button__content,.aui-number-input__increase.aui-button .aui-button__content{padding:unset}.aui-number-input__decrease.aui-button{border-style:none solid none none}.aui-number-input__increase.aui-button{border-style:none none none solid}.aui-number-input .angle-container{display:flex;flex-direction:column;visibility:hidden;border-left:1px solid rgb(var(--aui-color-n-7))}.aui-number-input .angle-container .separation{border-top:1px solid rgb(var(--aui-color-n-7))}.aui-number-input__angleDecrease.aui-button,.aui-number-input__angleIncrease.aui-button{width:30px;height:15px;border:unset;margin-left:unset!important}.aui-number-input__angleDecrease.aui-button aui-icon,.aui-number-input__angleIncrease.aui-button aui-icon{font-size:var(--aui-font-size-s)}.aui-number-input__angleDecrease.aui-button .aui-button__content,.aui-number-input__angleIncrease.aui-button .aui-button__content{padding:unset}.aui-number-input__input{min-width:0;line-height:var(--aui-line-height-m);border:unset;margin:unset;padding:0 var(--aui-spacing-
|
|
4715
|
+
], queries: [{ propertyName: "addonBeforeRefs", predicate: InputAddonBeforeDirective }, { propertyName: "addonAfterRefs", predicate: InputAddonAfterDirective }], viewQueries: [{ propertyName: "inputRef", first: true, predicate: ["inputRef"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: "<div [class]=\"bem.element('inner-wrapper')\">\n <div\n *ngIf=\"hasAddonBefore$ | async\"\n [class]=\"bem.element('addon', 'before')\"\n >\n <ng-content select=\"[auiInputAddonBefore]\"></ng-content>\n </div>\n <div\n [class]=\"bem.block(size)\"\n [ngClass]=\"{\n isFocus: isFocus,\n isDisabled: disabled,\n hasBefore: hasAddonBefore$ | async,\n hasAfter: hasAddonAfter$ | async,\n hasBeforeAndAfter: (hasAddonBefore$ | async) && (hasAddonAfter$ | async)\n }\"\n auiClickOutside\n (auiClickOutside)=\"isFocus = false\"\n >\n <button\n *ngIf=\"controls && !angleControls\"\n aui-button\n type=\"button\"\n [ngClass]=\"bem.element('decrease')\"\n [disabled]=\"disabled || model <= min\"\n (click)=\"takeOneStep(false); isFocus = true\"\n >\n <aui-icon icon=\"minus\"></aui-icon>\n </button>\n <input\n #inputRef\n autocomplete=\"off\"\n (change)=\"inputChanged($any($event).target.value)\"\n [disabled]=\"disabled\"\n [ngClass]=\"bem.element('input')\"\n [placeholder]=\"placeholder\"\n (focus)=\"isFocus = true\"\n (blur)=\"isFocus = false\"\n [ngStyle]=\"{ 'text-align': angleControls ? 'left' : 'center' }\"\n />\n <button\n *ngIf=\"controls && !angleControls\"\n aui-button\n type=\"button\"\n [ngClass]=\"bem.element('increase')\"\n [disabled]=\"disabled || model >= max\"\n (click)=\"takeOneStep(true); isFocus = true\"\n >\n <aui-icon icon=\"plus\"></aui-icon>\n </button>\n <div class=\"angle-container\">\n <button\n *ngIf=\"controls && angleControls\"\n aui-button\n type=\"button\"\n size=\"mini\"\n [ngClass]=\"bem.element('angleIncrease')\"\n [disabled]=\"disabled || model >= max\"\n (click)=\"takeOneStep(true); isFocus = true\"\n >\n <aui-icon icon=\"angle_up\"></aui-icon>\n </button>\n <div class=\"separation\"></div>\n <button\n *ngIf=\"controls && angleControls\"\n aui-button\n type=\"button\"\n size=\"mini\"\n [ngClass]=\"bem.element('angleDecrease')\"\n [disabled]=\"disabled || model <= min\"\n (click)=\"takeOneStep(false); isFocus = true\"\n >\n <aui-icon icon=\"angle_down\"></aui-icon>\n </button>\n </div>\n </div>\n <div\n *ngIf=\"hasAddonAfter$ | async\"\n [class]=\"bem.element('addon', 'after')\"\n >\n <ng-content select=\"[auiInputAddonAfter]\"></ng-content>\n </div>\n</div>\n", styles: [".aui-number-input{display:flex;width:var(--aui-form-item-width-s);border:1px solid rgb(var(--aui-color-n-7));border-radius:var(--aui-border-radius-m);background-color:rgb(var(--aui-color-main-bg));color:rgb(var(--aui-color-main-text))}.aui-number-input--small .aui-number-input__decrease.aui-button,.aui-number-input--small .aui-number-input__increase.aui-button{width:26px;height:26px}.aui-number-input--small .aui-number-input__angleDecrease.aui-button,.aui-number-input--small .aui-number-input__angleIncrease.aui-button{width:28px;height:13px}.aui-number-input:hover{border-color:rgb(var(--aui-color-primary))}.aui-number-input:hover .angle-container{visibility:visible}.aui-number-input.isFocus{border-color:rgb(var(--aui-color-primary))}:root .aui-number-input.isFocus{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-number-input.isFocus{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-number-input.isFocus{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-number-input.isFocus{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-number-input.isDisabled{border:1px solid rgb(var(--aui-color-n-7))}.aui-number-input.isDisabled:hover{cursor:not-allowed}.aui-number-input.isDisabled .aui-number-input__input{color:rgb(var(--aui-color-n-6))}.aui-number-input.isDisabled .aui-number-input__input:hover{cursor:not-allowed}.aui-number-input.hasBefore{border-radius:0 var(--aui-border-radius-m) var(--aui-border-radius-m) 0}.aui-number-input.hasAfter{border-radius:var(--aui-border-radius-m) 0 0 var(--aui-border-radius-m)}.aui-number-input.hasBeforeAndAfter{border-radius:unset}.aui-number-input__decrease.aui-button,.aui-number-input__increase.aui-button{width:30px;height:30px}.aui-number-input__decrease.aui-button aui-icon,.aui-number-input__increase.aui-button aui-icon{font-size:var(--aui-font-size-s)}.aui-number-input__decrease.aui-button .aui-button__content,.aui-number-input__increase.aui-button .aui-button__content{padding:unset}.aui-number-input__decrease.aui-button{border-style:none solid none none}.aui-number-input__increase.aui-button{border-style:none none none solid}.aui-number-input .angle-container{display:flex;flex-direction:column;visibility:hidden;border-left:1px solid rgb(var(--aui-color-n-7))}.aui-number-input .angle-container .separation{border-top:1px solid rgb(var(--aui-color-n-7))}.aui-number-input__angleDecrease.aui-button,.aui-number-input__angleIncrease.aui-button{width:30px;height:15px;border:unset;margin-left:unset!important}.aui-number-input__angleDecrease.aui-button aui-icon,.aui-number-input__angleIncrease.aui-button aui-icon{font-size:var(--aui-font-size-s)}.aui-number-input__angleDecrease.aui-button .aui-button__content,.aui-number-input__angleIncrease.aui-button .aui-button__content{padding:unset}.aui-number-input__input{min-width:0;line-height:var(--aui-line-height-m);border:unset;margin:unset;padding:0 var(--aui-spacing-m);background-color:transparent;color:rgb(var(--aui-color-main-text))}.aui-number-input__input:focus{border:unset}.aui-number-input__input:focus-visible{outline:unset}.aui-number-input__inner-wrapper{display:flex;height:100%}.aui-number-input__addon{display:flex;align-items:center;flex-shrink:0;padding:0 var(--aui-inline-padding-xs);border:1px solid rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-n-8))}.aui-number-input__addon--before{border-right:none;border-radius:var(--aui-border-radius-m) 0 0 var(--aui-border-radius-m)}.aui-number-input__addon--after{border-left:none;border-radius:0 var(--aui-border-radius-m) var(--aui-border-radius-m) 0}aui-number-input.ng-invalid.ng-dirty,.ng-submitted aui-number-input.ng-invalid{border-color:rgb(var(--aui-color-red))}\n"], components: [{ type: ButtonComponent, selector: "button[aui-button]", inputs: ["aui-button", "size", "plain", "loading", "round", "square"] }, { type: IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: ClickOutsideDirective, selector: "[auiClickOutside]", outputs: ["auiClickOutside"], exportAs: ["auiClickOutside"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], pipes: { "async": i2.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
4716
4716
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: NumberInputComponent, decorators: [{
|
|
4717
4717
|
type: Component,
|
|
4718
4718
|
args: [{ selector: 'aui-number-input', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, preserveWhitespaces: false, providers: [
|
|
@@ -4721,7 +4721,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
|
|
|
4721
4721
|
useExisting: forwardRef(() => NumberInputComponent),
|
|
4722
4722
|
multi: true,
|
|
4723
4723
|
},
|
|
4724
|
-
], template: "<div [class]=\"bem.element('inner-wrapper')\">\n <div\n *ngIf=\"hasAddonBefore$ | async\"\n [class]=\"bem.element('addon', 'before')\"\n >\n <ng-content select=\"[auiInputAddonBefore]\"></ng-content>\n </div>\n <div\n [class]=\"bem.block(size)\"\n [ngClass]=\"{\n isFocus: isFocus,\n isDisabled: disabled,\n hasBefore: hasAddonBefore$ | async,\n hasAfter: hasAddonAfter$ | async,\n hasBeforeAndAfter: (hasAddonBefore$ | async) && (hasAddonAfter$ | async)\n }\"\n auiClickOutside\n (auiClickOutside)=\"isFocus = false\"\n >\n <button\n *ngIf=\"controls && !angleControls\"\n aui-button\n type=\"button\"\n [ngClass]=\"bem.element('decrease')\"\n [disabled]=\"disabled || model <= min\"\n (click)=\"takeOneStep(false); isFocus = true\"\n >\n <aui-icon icon=\"minus\"></aui-icon>\n </button>\n <input\n #inputRef\n autocomplete=\"off\"\n (change)=\"inputChanged($any($event).target.value)\"\n [disabled]=\"disabled\"\n [ngClass]=\"bem.element('input')\"\n [placeholder]=\"placeholder\"\n (focus)=\"isFocus = true\"\n (blur)=\"isFocus = false\"\n [ngStyle]=\"{ 'text-align': angleControls ? 'left' : 'center' }\"\n />\n <button\n *ngIf=\"controls && !angleControls\"\n aui-button\n type=\"button\"\n [ngClass]=\"bem.element('increase')\"\n [disabled]=\"disabled || model >= max\"\n (click)=\"takeOneStep(true); isFocus = true\"\n >\n <aui-icon icon=\"plus\"></aui-icon>\n </button>\n <div class=\"angle-container\">\n <button\n *ngIf=\"controls && angleControls\"\n aui-button\n type=\"button\"\n size=\"mini\"\n [ngClass]=\"bem.element('angleIncrease')\"\n [disabled]=\"disabled || model >= max\"\n (click)=\"takeOneStep(true); isFocus = true\"\n >\n <aui-icon icon=\"angle_up\"></aui-icon>\n </button>\n <div class=\"separation\"></div>\n <button\n *ngIf=\"controls && angleControls\"\n aui-button\n type=\"button\"\n size=\"mini\"\n [ngClass]=\"bem.element('angleDecrease')\"\n [disabled]=\"disabled || model <= min\"\n (click)=\"takeOneStep(false); isFocus = true\"\n >\n <aui-icon icon=\"angle_down\"></aui-icon>\n </button>\n </div>\n </div>\n <div\n *ngIf=\"hasAddonAfter$ | async\"\n [class]=\"bem.element('addon', 'after')\"\n >\n <ng-content select=\"[auiInputAddonAfter]\"></ng-content>\n </div>\n</div>\n", styles: [".aui-number-input{display:flex;width:var(--aui-form-item-width-s);border:1px solid rgb(var(--aui-color-n-7));border-radius:var(--aui-border-radius-m);background-color:rgb(var(--aui-color-main-bg));color:rgb(var(--aui-color-main-text))}.aui-number-input--small .aui-number-input__decrease.aui-button,.aui-number-input--small .aui-number-input__increase.aui-button{width:26px;height:26px}.aui-number-input--small .aui-number-input__angleDecrease.aui-button,.aui-number-input--small .aui-number-input__angleIncrease.aui-button{width:28px;height:13px}.aui-number-input:hover{border-color:rgb(var(--aui-color-primary))}.aui-number-input:hover .angle-container{visibility:visible}.aui-number-input.isFocus{border-color:rgb(var(--aui-color-primary))}:root .aui-number-input.isFocus{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-number-input.isFocus{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-number-input.isFocus{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-number-input.isFocus{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-number-input.isDisabled{border:1px solid rgb(var(--aui-color-n-7))}.aui-number-input.isDisabled:hover{cursor:not-allowed}.aui-number-input.isDisabled .aui-number-input__input{color:rgb(var(--aui-color-n-6))}.aui-number-input.isDisabled .aui-number-input__input:hover{cursor:not-allowed}.aui-number-input.hasBefore{border-radius:0 var(--aui-border-radius-m) var(--aui-border-radius-m) 0}.aui-number-input.hasAfter{border-radius:var(--aui-border-radius-m) 0 0 var(--aui-border-radius-m)}.aui-number-input.hasBeforeAndAfter{border-radius:unset}.aui-number-input__decrease.aui-button,.aui-number-input__increase.aui-button{width:30px;height:30px}.aui-number-input__decrease.aui-button aui-icon,.aui-number-input__increase.aui-button aui-icon{font-size:var(--aui-font-size-s)}.aui-number-input__decrease.aui-button .aui-button__content,.aui-number-input__increase.aui-button .aui-button__content{padding:unset}.aui-number-input__decrease.aui-button{border-style:none solid none none}.aui-number-input__increase.aui-button{border-style:none none none solid}.aui-number-input .angle-container{display:flex;flex-direction:column;visibility:hidden;border-left:1px solid rgb(var(--aui-color-n-7))}.aui-number-input .angle-container .separation{border-top:1px solid rgb(var(--aui-color-n-7))}.aui-number-input__angleDecrease.aui-button,.aui-number-input__angleIncrease.aui-button{width:30px;height:15px;border:unset;margin-left:unset!important}.aui-number-input__angleDecrease.aui-button aui-icon,.aui-number-input__angleIncrease.aui-button aui-icon{font-size:var(--aui-font-size-s)}.aui-number-input__angleDecrease.aui-button .aui-button__content,.aui-number-input__angleIncrease.aui-button .aui-button__content{padding:unset}.aui-number-input__input{min-width:0;line-height:var(--aui-line-height-m);border:unset;margin:unset;padding:0 var(--aui-spacing-
|
|
4724
|
+
], template: "<div [class]=\"bem.element('inner-wrapper')\">\n <div\n *ngIf=\"hasAddonBefore$ | async\"\n [class]=\"bem.element('addon', 'before')\"\n >\n <ng-content select=\"[auiInputAddonBefore]\"></ng-content>\n </div>\n <div\n [class]=\"bem.block(size)\"\n [ngClass]=\"{\n isFocus: isFocus,\n isDisabled: disabled,\n hasBefore: hasAddonBefore$ | async,\n hasAfter: hasAddonAfter$ | async,\n hasBeforeAndAfter: (hasAddonBefore$ | async) && (hasAddonAfter$ | async)\n }\"\n auiClickOutside\n (auiClickOutside)=\"isFocus = false\"\n >\n <button\n *ngIf=\"controls && !angleControls\"\n aui-button\n type=\"button\"\n [ngClass]=\"bem.element('decrease')\"\n [disabled]=\"disabled || model <= min\"\n (click)=\"takeOneStep(false); isFocus = true\"\n >\n <aui-icon icon=\"minus\"></aui-icon>\n </button>\n <input\n #inputRef\n autocomplete=\"off\"\n (change)=\"inputChanged($any($event).target.value)\"\n [disabled]=\"disabled\"\n [ngClass]=\"bem.element('input')\"\n [placeholder]=\"placeholder\"\n (focus)=\"isFocus = true\"\n (blur)=\"isFocus = false\"\n [ngStyle]=\"{ 'text-align': angleControls ? 'left' : 'center' }\"\n />\n <button\n *ngIf=\"controls && !angleControls\"\n aui-button\n type=\"button\"\n [ngClass]=\"bem.element('increase')\"\n [disabled]=\"disabled || model >= max\"\n (click)=\"takeOneStep(true); isFocus = true\"\n >\n <aui-icon icon=\"plus\"></aui-icon>\n </button>\n <div class=\"angle-container\">\n <button\n *ngIf=\"controls && angleControls\"\n aui-button\n type=\"button\"\n size=\"mini\"\n [ngClass]=\"bem.element('angleIncrease')\"\n [disabled]=\"disabled || model >= max\"\n (click)=\"takeOneStep(true); isFocus = true\"\n >\n <aui-icon icon=\"angle_up\"></aui-icon>\n </button>\n <div class=\"separation\"></div>\n <button\n *ngIf=\"controls && angleControls\"\n aui-button\n type=\"button\"\n size=\"mini\"\n [ngClass]=\"bem.element('angleDecrease')\"\n [disabled]=\"disabled || model <= min\"\n (click)=\"takeOneStep(false); isFocus = true\"\n >\n <aui-icon icon=\"angle_down\"></aui-icon>\n </button>\n </div>\n </div>\n <div\n *ngIf=\"hasAddonAfter$ | async\"\n [class]=\"bem.element('addon', 'after')\"\n >\n <ng-content select=\"[auiInputAddonAfter]\"></ng-content>\n </div>\n</div>\n", styles: [".aui-number-input{display:flex;width:var(--aui-form-item-width-s);border:1px solid rgb(var(--aui-color-n-7));border-radius:var(--aui-border-radius-m);background-color:rgb(var(--aui-color-main-bg));color:rgb(var(--aui-color-main-text))}.aui-number-input--small .aui-number-input__decrease.aui-button,.aui-number-input--small .aui-number-input__increase.aui-button{width:26px;height:26px}.aui-number-input--small .aui-number-input__angleDecrease.aui-button,.aui-number-input--small .aui-number-input__angleIncrease.aui-button{width:28px;height:13px}.aui-number-input:hover{border-color:rgb(var(--aui-color-primary))}.aui-number-input:hover .angle-container{visibility:visible}.aui-number-input.isFocus{border-color:rgb(var(--aui-color-primary))}:root .aui-number-input.isFocus{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-number-input.isFocus{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-number-input.isFocus{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-number-input.isFocus{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-number-input.isDisabled{border:1px solid rgb(var(--aui-color-n-7))}.aui-number-input.isDisabled:hover{cursor:not-allowed}.aui-number-input.isDisabled .aui-number-input__input{color:rgb(var(--aui-color-n-6))}.aui-number-input.isDisabled .aui-number-input__input:hover{cursor:not-allowed}.aui-number-input.hasBefore{border-radius:0 var(--aui-border-radius-m) var(--aui-border-radius-m) 0}.aui-number-input.hasAfter{border-radius:var(--aui-border-radius-m) 0 0 var(--aui-border-radius-m)}.aui-number-input.hasBeforeAndAfter{border-radius:unset}.aui-number-input__decrease.aui-button,.aui-number-input__increase.aui-button{width:30px;height:30px}.aui-number-input__decrease.aui-button aui-icon,.aui-number-input__increase.aui-button aui-icon{font-size:var(--aui-font-size-s)}.aui-number-input__decrease.aui-button .aui-button__content,.aui-number-input__increase.aui-button .aui-button__content{padding:unset}.aui-number-input__decrease.aui-button{border-style:none solid none none}.aui-number-input__increase.aui-button{border-style:none none none solid}.aui-number-input .angle-container{display:flex;flex-direction:column;visibility:hidden;border-left:1px solid rgb(var(--aui-color-n-7))}.aui-number-input .angle-container .separation{border-top:1px solid rgb(var(--aui-color-n-7))}.aui-number-input__angleDecrease.aui-button,.aui-number-input__angleIncrease.aui-button{width:30px;height:15px;border:unset;margin-left:unset!important}.aui-number-input__angleDecrease.aui-button aui-icon,.aui-number-input__angleIncrease.aui-button aui-icon{font-size:var(--aui-font-size-s)}.aui-number-input__angleDecrease.aui-button .aui-button__content,.aui-number-input__angleIncrease.aui-button .aui-button__content{padding:unset}.aui-number-input__input{min-width:0;line-height:var(--aui-line-height-m);border:unset;margin:unset;padding:0 var(--aui-spacing-m);background-color:transparent;color:rgb(var(--aui-color-main-text))}.aui-number-input__input:focus{border:unset}.aui-number-input__input:focus-visible{outline:unset}.aui-number-input__inner-wrapper{display:flex;height:100%}.aui-number-input__addon{display:flex;align-items:center;flex-shrink:0;padding:0 var(--aui-inline-padding-xs);border:1px solid rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-n-8))}.aui-number-input__addon--before{border-right:none;border-radius:var(--aui-border-radius-m) 0 0 var(--aui-border-radius-m)}.aui-number-input__addon--after{border-left:none;border-radius:0 var(--aui-border-radius-m) var(--aui-border-radius-m) 0}aui-number-input.ng-invalid.ng-dirty,.ng-submitted aui-number-input.ng-invalid{border-color:rgb(var(--aui-color-red))}\n"] }]
|
|
4725
4725
|
}], propDecorators: { size: [{
|
|
4726
4726
|
type: Input
|
|
4727
4727
|
}], min: [{
|
package/package.json
CHANGED