@alauda/ui 6.5.7-beta.0 → 6.5.7-beta.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2020/autocomplete/autocomplete.component.mjs +2 -2
- package/esm2020/icon/icons.mjs +2 -2
- package/esm2020/input/number-input/number-input.component.mjs +2 -2
- package/esm2020/paginator/paginator.component.mjs +2 -2
- package/esm2020/scrolling/virtual-for-of.directive.mjs +2 -14
- package/esm2020/select/base-select.mjs +88 -185
- package/esm2020/select/index.mjs +2 -2
- package/esm2020/select/multi-select/multi-select.component.mjs +47 -26
- package/esm2020/select/option/option.component.mjs +112 -0
- package/esm2020/select/option-group/option-group.component.mjs +6 -13
- package/esm2020/select/select.component.mjs +18 -22
- package/esm2020/select/select.module.mjs +3 -14
- package/esm2020/select/select.types.mjs +1 -1
- package/esm2020/select/validators.mjs +4 -7
- package/esm2020/tooltip/base-tooltip.mjs +2 -5
- package/esm2020/tree-select/tree-select.component.mjs +5 -5
- package/fesm2015/alauda-ui.mjs +899 -1039
- package/fesm2015/alauda-ui.mjs.map +1 -1
- package/fesm2020/alauda-ui.mjs +904 -1040
- package/fesm2020/alauda-ui.mjs.map +1 -1
- package/icon/icons.d.ts +1 -1
- package/package.json +1 -1
- package/select/base-select.d.ts +27 -55
- package/select/index.d.ts +1 -1
- package/select/multi-select/multi-select.component.d.ts +5 -3
- package/select/option/option.component.d.ts +45 -0
- package/select/option-group/option-group.component.d.ts +3 -4
- package/select/select.component.d.ts +6 -6
- package/select/select.module.d.ts +13 -16
- package/select/select.types.d.ts +2 -8
- package/tooltip/base-tooltip.d.ts +1 -1
- package/esm2020/select/option-item/option-item.component.mjs +0 -104
- package/esm2020/select/option.component.mjs +0 -46
- package/select/option-item/option-item.component.d.ts +0 -41
- package/select/option.component.d.ts +0 -16
|
@@ -66,7 +66,7 @@ NumberInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
|
|
|
66
66
|
useExisting: forwardRef(() => NumberInputComponent),
|
|
67
67
|
multi: true,
|
|
68
68
|
},
|
|
69
|
-
], 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\n [class]=\"bem.block(size)\"\n [ngClass]=\"{\n isFocused: isFocus,\n isDisabled: disabled,\n hasBefore: hasAddonBefore$ | async,\n hasAfter: hasAddonAfter$ | async\n }\"\n>\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.element('inner')\"\n auiClickOutside\n (auiClickOutside)=\"isFocus = false\"\n >\n <button\n *ngIf=\"controls && !angleControls\"\n type=\"button\"\n [ngClass]=\"bem.element('control', '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 type=\"button\"\n [ngClass]=\"bem.element('control', 'increase')\"\n [disabled]=\"disabled || model >= max\"\n (click)=\"takeOneStep(true); isFocus = true\"\n >\n <aui-icon icon=\"plus\"></aui-icon>\n </button>\n <div\n *ngIf=\"controls && angleControls\"\n class=\"aui-number-input__controls\"\n >\n <button\n type=\"button\"\n [ngClass]=\"bem.element('control', 'angle-up')\"\n [disabled]=\"disabled || model >= max\"\n (click)=\"takeOneStep(true); isFocus = true\"\n >\n <aui-icon icon=\"angle_up\"></aui-icon>\n </button>\n <button\n type=\"button\"\n [ngClass]=\"bem.element('control', 'angle-down')\"\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:inline-flex;height:var(--aui-inline-height-m);color:rgb(var(--aui-color-main-text));background-color:rgb(var(--aui-color-main-bg));border-radius:var(--aui-border-radius-m)}.aui-number-input--small{height:var(--aui-inline-height-s)}.aui-number-input--small .aui-number-input__inner{width:132px}.aui-number-input--small .aui-number-input__control{width:var(--aui-inline-height-s)
|
|
69
|
+
], 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\n [class]=\"bem.block(size)\"\n [ngClass]=\"{\n isFocused: isFocus,\n isDisabled: disabled,\n hasBefore: hasAddonBefore$ | async,\n hasAfter: hasAddonAfter$ | async\n }\"\n>\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.element('inner')\"\n auiClickOutside\n (auiClickOutside)=\"isFocus = false\"\n >\n <button\n *ngIf=\"controls && !angleControls\"\n type=\"button\"\n [ngClass]=\"bem.element('control', '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 type=\"button\"\n [ngClass]=\"bem.element('control', 'increase')\"\n [disabled]=\"disabled || model >= max\"\n (click)=\"takeOneStep(true); isFocus = true\"\n >\n <aui-icon icon=\"plus\"></aui-icon>\n </button>\n <div\n *ngIf=\"controls && angleControls\"\n class=\"aui-number-input__controls\"\n >\n <button\n type=\"button\"\n [ngClass]=\"bem.element('control', 'angle-up')\"\n [disabled]=\"disabled || model >= max\"\n (click)=\"takeOneStep(true); isFocus = true\"\n >\n <aui-icon icon=\"angle_up\"></aui-icon>\n </button>\n <button\n type=\"button\"\n [ngClass]=\"bem.element('control', 'angle-down')\"\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:inline-flex;height:var(--aui-inline-height-m);color:rgb(var(--aui-color-main-text));background-color:rgb(var(--aui-color-main-bg));border-radius:var(--aui-border-radius-m)}.aui-number-input--small{height:var(--aui-inline-height-s)}.aui-number-input--small .aui-number-input__inner{width:132px}.aui-number-input--small .aui-number-input__control{width:var(--aui-inline-height-s)}.aui-number-input--small .aui-number-input__control--angle-up,.aui-number-input--small .aui-number-input__control--angle-down{width:calc(var(--aui-inline-height-s) - 2px)}.aui-number-input__inner{display:flex;width:var(--aui-form-item-width-s);height:100%;border:1px solid rgb(var(--aui-color-n-7));border-radius:var(--aui-border-radius-m);color:inherit;background-color:inherit;z-index:1}.aui-number-input__inner:hover{border-color:rgb(var(--aui-color-primary))}.aui-number-input__input{margin:0;padding:0 calc(var(--aui-spacing-m) + 1px);min-width:0;height:100%;border:0;border-radius:inherit;background-color:inherit;color:inherit;-webkit-text-fill-color:inherit;cursor:inherit;outline:none}.aui-number-input:hover:not(.isDisabled) .aui-number-input__inner .aui-number-input__controls{display:flex}.aui-number-input.isFocused .aui-number-input__inner{border-color:rgb(var(--aui-color-primary))}:root .aui-number-input.isFocused .aui-number-input__inner{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-number-input.isFocused .aui-number-input__inner{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.isFocused .aui-number-input__inner{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-number-input.isFocused .aui-number-input__inner{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-number-input.isDisabled{color:rgb(var(--aui-color-disabled-text));background-color:rgb(var(--aui-color-n-8));cursor:not-allowed}.aui-number-input.isDisabled .aui-number-input__inner{border:1px solid rgb(var(--aui-color-n-7))}.aui-number-input.hasBefore .aui-number-input__inner{border-radius:0 var(--aui-border-radius-m) var(--aui-border-radius-m) 0}.aui-number-input.hasAfter .aui-number-input__inner{border-radius:var(--aui-border-radius-m) 0 0 var(--aui-border-radius-m)}.aui-number-input.hasBefore.hasAfter .aui-number-input__inner{border-radius:0}.aui-number-input:not(.hasAfter) .aui-number-input__control--angle-up{border-top-right-radius:var(--aui-border-radius-m)}.aui-number-input:not(.hasAfter) .aui-number-input__control--angle-down{border-bottom-right-radius:var(--aui-border-radius-m)}.aui-number-input__control{flex-shrink:0;width:calc(var(--aui-inline-height-m) - 2px);border:none;color:rgb(var(--aui-color-main-text));background-color:rgb(var(--aui-color-main-bg));background-clip:padding-box;cursor:pointer;outline:none;position:relative;height:100%;font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s);font-weight:var(--aui-font-weight-normal)}.aui-number-input__control:hover{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-number-input__control:active{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-5))}:root .aui-number-input__control:focus-visible{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-number-input__control:focus-visible{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__control:focus-visible{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-number-input__control:focus-visible{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-number-input__control[disabled]{color:rgb(var(--aui-color-disabled-text));background-color:rgb(var(--aui-color-n-8));cursor:not-allowed}.aui-number-input__control:before{content:\"\";display:block;position:absolute;top:0;left:-1px;width:0;height:100%;border-right:1px solid rgb(var(--aui-color-border))}.aui-number-input__control--decrease{border-radius:var(--aui-border-radius-m) 0 0 var(--aui-border-radius-m)}.aui-number-input__control--decrease:before{left:100%}.aui-number-input__control--increase{border-radius:0 var(--aui-border-radius-m) var(--aui-border-radius-m) 0}.aui-number-input__control--angle-up,.aui-number-input__control--angle-down{width:calc(var(--aui-inline-height-m) - 2px);height:calc(50% - .5px)!important;border:none}.aui-number-input__control--angle-up:focus,.aui-number-input__control--angle-down:focus{z-index:1}.aui-number-input__control--angle-down{margin-top:1px}.aui-number-input__controls{display:none;flex-direction:column;border-left:1px solid rgb(var(--aui-color-border));position:relative}.aui-number-input__controls:after{content:\"\";display:block;width:100%;height:1px;position:absolute;left:0;top:50%;transform:translateY(-50%);background-color:rgb(var(--aui-color-border))}.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));font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal)}.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 .aui-number-input__inner,.ng-submitted aui-number-input.ng-invalid .aui-number-input__inner{border-color:rgb(var(--aui-color-red))}\n"], components: [{ type: i1.IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.ClickOutsideDirective, selector: "[auiClickOutside]", outputs: ["auiClickOutside"], exportAs: ["auiClickOutside"] }, { type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], pipes: { "async": i2.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
70
70
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: NumberInputComponent, decorators: [{
|
|
71
71
|
type: Component,
|
|
72
72
|
args: [{ selector: 'aui-number-input', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, preserveWhitespaces: false, providers: [
|
|
@@ -75,7 +75,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
|
|
|
75
75
|
useExisting: forwardRef(() => NumberInputComponent),
|
|
76
76
|
multi: true,
|
|
77
77
|
},
|
|
78
|
-
], template: "<div\n [class]=\"bem.block(size)\"\n [ngClass]=\"{\n isFocused: isFocus,\n isDisabled: disabled,\n hasBefore: hasAddonBefore$ | async,\n hasAfter: hasAddonAfter$ | async\n }\"\n>\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.element('inner')\"\n auiClickOutside\n (auiClickOutside)=\"isFocus = false\"\n >\n <button\n *ngIf=\"controls && !angleControls\"\n type=\"button\"\n [ngClass]=\"bem.element('control', '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 type=\"button\"\n [ngClass]=\"bem.element('control', 'increase')\"\n [disabled]=\"disabled || model >= max\"\n (click)=\"takeOneStep(true); isFocus = true\"\n >\n <aui-icon icon=\"plus\"></aui-icon>\n </button>\n <div\n *ngIf=\"controls && angleControls\"\n class=\"aui-number-input__controls\"\n >\n <button\n type=\"button\"\n [ngClass]=\"bem.element('control', 'angle-up')\"\n [disabled]=\"disabled || model >= max\"\n (click)=\"takeOneStep(true); isFocus = true\"\n >\n <aui-icon icon=\"angle_up\"></aui-icon>\n </button>\n <button\n type=\"button\"\n [ngClass]=\"bem.element('control', 'angle-down')\"\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:inline-flex;height:var(--aui-inline-height-m);color:rgb(var(--aui-color-main-text));background-color:rgb(var(--aui-color-main-bg));border-radius:var(--aui-border-radius-m)}.aui-number-input--small{height:var(--aui-inline-height-s)}.aui-number-input--small .aui-number-input__inner{width:132px}.aui-number-input--small .aui-number-input__control{width:var(--aui-inline-height-s)
|
|
78
|
+
], template: "<div\n [class]=\"bem.block(size)\"\n [ngClass]=\"{\n isFocused: isFocus,\n isDisabled: disabled,\n hasBefore: hasAddonBefore$ | async,\n hasAfter: hasAddonAfter$ | async\n }\"\n>\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.element('inner')\"\n auiClickOutside\n (auiClickOutside)=\"isFocus = false\"\n >\n <button\n *ngIf=\"controls && !angleControls\"\n type=\"button\"\n [ngClass]=\"bem.element('control', '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 type=\"button\"\n [ngClass]=\"bem.element('control', 'increase')\"\n [disabled]=\"disabled || model >= max\"\n (click)=\"takeOneStep(true); isFocus = true\"\n >\n <aui-icon icon=\"plus\"></aui-icon>\n </button>\n <div\n *ngIf=\"controls && angleControls\"\n class=\"aui-number-input__controls\"\n >\n <button\n type=\"button\"\n [ngClass]=\"bem.element('control', 'angle-up')\"\n [disabled]=\"disabled || model >= max\"\n (click)=\"takeOneStep(true); isFocus = true\"\n >\n <aui-icon icon=\"angle_up\"></aui-icon>\n </button>\n <button\n type=\"button\"\n [ngClass]=\"bem.element('control', 'angle-down')\"\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:inline-flex;height:var(--aui-inline-height-m);color:rgb(var(--aui-color-main-text));background-color:rgb(var(--aui-color-main-bg));border-radius:var(--aui-border-radius-m)}.aui-number-input--small{height:var(--aui-inline-height-s)}.aui-number-input--small .aui-number-input__inner{width:132px}.aui-number-input--small .aui-number-input__control{width:var(--aui-inline-height-s)}.aui-number-input--small .aui-number-input__control--angle-up,.aui-number-input--small .aui-number-input__control--angle-down{width:calc(var(--aui-inline-height-s) - 2px)}.aui-number-input__inner{display:flex;width:var(--aui-form-item-width-s);height:100%;border:1px solid rgb(var(--aui-color-n-7));border-radius:var(--aui-border-radius-m);color:inherit;background-color:inherit;z-index:1}.aui-number-input__inner:hover{border-color:rgb(var(--aui-color-primary))}.aui-number-input__input{margin:0;padding:0 calc(var(--aui-spacing-m) + 1px);min-width:0;height:100%;border:0;border-radius:inherit;background-color:inherit;color:inherit;-webkit-text-fill-color:inherit;cursor:inherit;outline:none}.aui-number-input:hover:not(.isDisabled) .aui-number-input__inner .aui-number-input__controls{display:flex}.aui-number-input.isFocused .aui-number-input__inner{border-color:rgb(var(--aui-color-primary))}:root .aui-number-input.isFocused .aui-number-input__inner{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-number-input.isFocused .aui-number-input__inner{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.isFocused .aui-number-input__inner{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-number-input.isFocused .aui-number-input__inner{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-number-input.isDisabled{color:rgb(var(--aui-color-disabled-text));background-color:rgb(var(--aui-color-n-8));cursor:not-allowed}.aui-number-input.isDisabled .aui-number-input__inner{border:1px solid rgb(var(--aui-color-n-7))}.aui-number-input.hasBefore .aui-number-input__inner{border-radius:0 var(--aui-border-radius-m) var(--aui-border-radius-m) 0}.aui-number-input.hasAfter .aui-number-input__inner{border-radius:var(--aui-border-radius-m) 0 0 var(--aui-border-radius-m)}.aui-number-input.hasBefore.hasAfter .aui-number-input__inner{border-radius:0}.aui-number-input:not(.hasAfter) .aui-number-input__control--angle-up{border-top-right-radius:var(--aui-border-radius-m)}.aui-number-input:not(.hasAfter) .aui-number-input__control--angle-down{border-bottom-right-radius:var(--aui-border-radius-m)}.aui-number-input__control{flex-shrink:0;width:calc(var(--aui-inline-height-m) - 2px);border:none;color:rgb(var(--aui-color-main-text));background-color:rgb(var(--aui-color-main-bg));background-clip:padding-box;cursor:pointer;outline:none;position:relative;height:100%;font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s);font-weight:var(--aui-font-weight-normal)}.aui-number-input__control:hover{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-number-input__control:active{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-5))}:root .aui-number-input__control:focus-visible{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-number-input__control:focus-visible{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__control:focus-visible{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-number-input__control:focus-visible{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-number-input__control[disabled]{color:rgb(var(--aui-color-disabled-text));background-color:rgb(var(--aui-color-n-8));cursor:not-allowed}.aui-number-input__control:before{content:\"\";display:block;position:absolute;top:0;left:-1px;width:0;height:100%;border-right:1px solid rgb(var(--aui-color-border))}.aui-number-input__control--decrease{border-radius:var(--aui-border-radius-m) 0 0 var(--aui-border-radius-m)}.aui-number-input__control--decrease:before{left:100%}.aui-number-input__control--increase{border-radius:0 var(--aui-border-radius-m) var(--aui-border-radius-m) 0}.aui-number-input__control--angle-up,.aui-number-input__control--angle-down{width:calc(var(--aui-inline-height-m) - 2px);height:calc(50% - .5px)!important;border:none}.aui-number-input__control--angle-up:focus,.aui-number-input__control--angle-down:focus{z-index:1}.aui-number-input__control--angle-down{margin-top:1px}.aui-number-input__controls{display:none;flex-direction:column;border-left:1px solid rgb(var(--aui-color-border));position:relative}.aui-number-input__controls:after{content:\"\";display:block;width:100%;height:1px;position:absolute;left:0;top:50%;transform:translateY(-50%);background-color:rgb(var(--aui-color-border))}.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));font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal)}.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 .aui-number-input__inner,.ng-submitted aui-number-input.ng-invalid .aui-number-input__inner{border-color:rgb(var(--aui-color-red))}\n"] }]
|
|
79
79
|
}], propDecorators: { size: [{
|
|
80
80
|
type: Input
|
|
81
81
|
}], min: [{
|
|
@@ -5,7 +5,7 @@ import * as i1 from "./paginator-intl";
|
|
|
5
5
|
import * as i2 from "../button/button.component";
|
|
6
6
|
import * as i3 from "../icon/icon.component";
|
|
7
7
|
import * as i4 from "../select/select.component";
|
|
8
|
-
import * as i5 from "../select/option.component";
|
|
8
|
+
import * as i5 from "../select/option/option.component";
|
|
9
9
|
import * as i6 from "../input/input.component";
|
|
10
10
|
import * as i7 from "@angular/common";
|
|
11
11
|
/**
|
|
@@ -97,7 +97,7 @@ export class PaginatorComponent {
|
|
|
97
97
|
}
|
|
98
98
|
}
|
|
99
99
|
PaginatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: PaginatorComponent, deps: [{ token: i1.PaginatorIntl }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
100
|
-
PaginatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: PaginatorComponent, selector: "aui-paginator", inputs: { pageIndex: "pageIndex", currentPage: "currentPage", pageSize: "pageSize", pageSizeOptions: "pageSizeOptions", total: "total", length: "length", layout: "layout", disabled: "disabled" }, outputs: { currentPageChange: "currentPageChange", pageSizeChange: "pageSizeChange" }, ngImport: i0, template: "<div [class]=\"bem.block()\">\n <div\n *ngFor=\"let layout of getLayoutArr()\"\n [class]=\"bem.element('layout')\"\n >\n <div\n *ngIf=\"layout === 'pager'\"\n [class]=\"bem.element('pager')\"\n >\n <button\n [ngClass]=\"bem.element('navigator')\"\n aui-button\n [disabled]=\"disabled || currentPage <= 1\"\n (click)=\"navigate(-1)\"\n >\n <aui-icon icon=\"angle_left\"></aui-icon>\n </button>\n <button\n [ngClass]=\"bem.element('page')\"\n [aui-button]=\"currentPage === 1 ? 'primary' : 'default'\"\n [plain]=\"!(currentPage === 1)\"\n [disabled]=\"disabled\"\n (click)=\"jumpTo(1)\"\n >\n 1\n </button>\n <button\n *ngIf=\"pageCount > 7 && currentPage > 4\"\n [ngClass]=\"bem.element('fast-navigator')\"\n aui-button\n [disabled]=\"disabled\"\n (click)=\"navigate(-5)\"\n >\n <aui-icon icon=\"ellipsis_s\"></aui-icon>\n <aui-icon icon=\"angles_left\"></aui-icon>\n </button>\n <button\n *ngFor=\"let page of getCenterPages(); trackBy: trackByIndex\"\n [ngClass]=\"bem.element('page')\"\n [aui-button]=\"currentPage === page ? 'primary' : 'default'\"\n [plain]=\"!(currentPage === page)\"\n [disabled]=\"disabled\"\n (click)=\"jumpTo(page)\"\n >\n {{ page }}\n </button>\n <button\n *ngIf=\"pageCount > 7 && currentPage < pageCount - 3\"\n [ngClass]=\"bem.element('fast-navigator')\"\n aui-button\n [disabled]=\"disabled\"\n (click)=\"navigate(5)\"\n >\n <aui-icon icon=\"ellipsis_s\"></aui-icon>\n <aui-icon icon=\"angles_right\"></aui-icon>\n </button>\n <button\n *ngIf=\"pageCount > 1\"\n [ngClass]=\"bem.element('page')\"\n [aui-button]=\"currentPage === pageCount ? 'primary' : 'default'\"\n [plain]=\"!(currentPage === pageCount)\"\n [disabled]=\"disabled\"\n (click)=\"jumpTo(pageCount)\"\n >\n {{ pageCount }}\n </button>\n <button\n aui-button\n [ngClass]=\"bem.element('navigator')\"\n [disabled]=\"disabled || currentPage >= pageCount\"\n (click)=\"navigate(1)\"\n >\n <aui-icon icon=\"angle_right\"></aui-icon>\n </button>\n </div>\n <div\n *ngIf=\"layout === 'total'\"\n [class]=\"bem.element('total')\"\n >\n {{ intl.getTotalLabel(total) }}\n </div>\n <div\n *ngIf=\"layout === 'sizes'\"\n [class]=\"bem.element('sizes')\"\n >\n <aui-select\n [disabled]=\"disabled\"\n [value]=\"pageSize\"\n [filterable]=\"false\"\n (valueChange)=\"changePageSize($event)\"\n >\n <aui-option\n *ngFor=\"let size of pageSizeOptions\"\n [value]=\"size\"\n >\n {{ size }}\n </aui-option>\n </aui-select>\n <span>{{ intl.itemsPerPageLabel }}</span>\n </div>\n <div\n *ngIf=\"layout === 'jumper'\"\n [class]=\"bem.element('jumper')\"\n >\n <span *ngIf=\"intl.jumperLabelPrefix\">{{ intl.jumperLabelPrefix }}</span>\n <input\n aui-input\n type=\"number\"\n min=\"1\"\n [max]=\"pageCount\"\n [value]=\"currentPage\"\n [disabled]=\"disabled\"\n (keydown)=\"onKeydown($event)\"\n />\n <span *ngIf=\"intl.jumperLabelSuffix\">{{ intl.jumperLabelSuffix }}</span>\n </div>\n <div\n *ngIf=\"layout === 'content'\"\n [class]=\"bem.element('content')\"\n >\n <ng-content></ng-content>\n </div>\n </div>\n</div>\n", styles: [".aui-paginator{display:inline-flex;align-items:center;white-space:nowrap;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal)}.aui-paginator .aui-button{width:var(--aui-line-height-xl);height:var(--aui-line-height-xl);border:unset}.aui-paginator .aui-button--default{background-color:transparent}.aui-paginator .aui-button .aui-button__content{padding:unset}.aui-paginator__fast-navigator[hidden]{display:none}.aui-paginator__fast-navigator .aui-icon{margin:0}.aui-paginator__fast-navigator aui-icon:last-child{display:none}.aui-paginator__fast-navigator:hover aui-icon:first-child{display:none}.aui-paginator__fast-navigator:hover aui-icon:last-child{display:inline}.aui-paginator__sizes{display:inline-flex;align-items:center}.aui-paginator__sizes .aui-select{width:80px;margin-right:var(--aui-spacing-s)}.aui-paginator__jumper .aui-input{width:80px}.aui-paginator__jumper span+input{margin-left:var(--aui-spacing-m)}.aui-paginator__jumper input+span{margin-left:var(--aui-spacing-s)}.aui-paginator__navigator.aui-button{background-color:rgb(var(--aui-color-n-8))}.aui-paginator__navigator.aui-button aui-icon{font-size:var(--aui-icon-size-m)}.aui-paginator__navigator.aui-button:hover{background-color:rgb(var(--aui-color-p-6))}.aui-paginator__pager{border:1px solid rgb(var(--aui-color-n-7));padding:3px;border-radius:var(--aui-border-radius-m);background-color:rgb(var(--aui-color-main-bg))}.aui-paginator__layout{display:inline-block}.aui-paginator__layout+.aui-paginator__layout{margin-left:var(--aui-spacing-l)}\n"], components: [{ type: i2.ButtonComponent, selector: "button[aui-button]", inputs: ["aui-button", "size", "plain", "loading", "round", "square"] }, { type: i3.IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }, { type: i4.SelectComponent, selector: "aui-select" }, { type: i5.OptionComponent, selector: "aui-option", inputs: ["label", "
|
|
100
|
+
PaginatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: PaginatorComponent, selector: "aui-paginator", inputs: { pageIndex: "pageIndex", currentPage: "currentPage", pageSize: "pageSize", pageSizeOptions: "pageSizeOptions", total: "total", length: "length", layout: "layout", disabled: "disabled" }, outputs: { currentPageChange: "currentPageChange", pageSizeChange: "pageSizeChange" }, ngImport: i0, template: "<div [class]=\"bem.block()\">\n <div\n *ngFor=\"let layout of getLayoutArr()\"\n [class]=\"bem.element('layout')\"\n >\n <div\n *ngIf=\"layout === 'pager'\"\n [class]=\"bem.element('pager')\"\n >\n <button\n [ngClass]=\"bem.element('navigator')\"\n aui-button\n [disabled]=\"disabled || currentPage <= 1\"\n (click)=\"navigate(-1)\"\n >\n <aui-icon icon=\"angle_left\"></aui-icon>\n </button>\n <button\n [ngClass]=\"bem.element('page')\"\n [aui-button]=\"currentPage === 1 ? 'primary' : 'default'\"\n [plain]=\"!(currentPage === 1)\"\n [disabled]=\"disabled\"\n (click)=\"jumpTo(1)\"\n >\n 1\n </button>\n <button\n *ngIf=\"pageCount > 7 && currentPage > 4\"\n [ngClass]=\"bem.element('fast-navigator')\"\n aui-button\n [disabled]=\"disabled\"\n (click)=\"navigate(-5)\"\n >\n <aui-icon icon=\"ellipsis_s\"></aui-icon>\n <aui-icon icon=\"angles_left\"></aui-icon>\n </button>\n <button\n *ngFor=\"let page of getCenterPages(); trackBy: trackByIndex\"\n [ngClass]=\"bem.element('page')\"\n [aui-button]=\"currentPage === page ? 'primary' : 'default'\"\n [plain]=\"!(currentPage === page)\"\n [disabled]=\"disabled\"\n (click)=\"jumpTo(page)\"\n >\n {{ page }}\n </button>\n <button\n *ngIf=\"pageCount > 7 && currentPage < pageCount - 3\"\n [ngClass]=\"bem.element('fast-navigator')\"\n aui-button\n [disabled]=\"disabled\"\n (click)=\"navigate(5)\"\n >\n <aui-icon icon=\"ellipsis_s\"></aui-icon>\n <aui-icon icon=\"angles_right\"></aui-icon>\n </button>\n <button\n *ngIf=\"pageCount > 1\"\n [ngClass]=\"bem.element('page')\"\n [aui-button]=\"currentPage === pageCount ? 'primary' : 'default'\"\n [plain]=\"!(currentPage === pageCount)\"\n [disabled]=\"disabled\"\n (click)=\"jumpTo(pageCount)\"\n >\n {{ pageCount }}\n </button>\n <button\n aui-button\n [ngClass]=\"bem.element('navigator')\"\n [disabled]=\"disabled || currentPage >= pageCount\"\n (click)=\"navigate(1)\"\n >\n <aui-icon icon=\"angle_right\"></aui-icon>\n </button>\n </div>\n <div\n *ngIf=\"layout === 'total'\"\n [class]=\"bem.element('total')\"\n >\n {{ intl.getTotalLabel(total) }}\n </div>\n <div\n *ngIf=\"layout === 'sizes'\"\n [class]=\"bem.element('sizes')\"\n >\n <aui-select\n [disabled]=\"disabled\"\n [value]=\"pageSize\"\n [filterable]=\"false\"\n (valueChange)=\"changePageSize($event)\"\n >\n <aui-option\n *ngFor=\"let size of pageSizeOptions\"\n [value]=\"size\"\n >\n {{ size }}\n </aui-option>\n </aui-select>\n <span>{{ intl.itemsPerPageLabel }}</span>\n </div>\n <div\n *ngIf=\"layout === 'jumper'\"\n [class]=\"bem.element('jumper')\"\n >\n <span *ngIf=\"intl.jumperLabelPrefix\">{{ intl.jumperLabelPrefix }}</span>\n <input\n aui-input\n type=\"number\"\n min=\"1\"\n [max]=\"pageCount\"\n [value]=\"currentPage\"\n [disabled]=\"disabled\"\n (keydown)=\"onKeydown($event)\"\n />\n <span *ngIf=\"intl.jumperLabelSuffix\">{{ intl.jumperLabelSuffix }}</span>\n </div>\n <div\n *ngIf=\"layout === 'content'\"\n [class]=\"bem.element('content')\"\n >\n <ng-content></ng-content>\n </div>\n </div>\n</div>\n", styles: [".aui-paginator{display:inline-flex;align-items:center;white-space:nowrap;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal)}.aui-paginator .aui-button{width:var(--aui-line-height-xl);height:var(--aui-line-height-xl);border:unset}.aui-paginator .aui-button--default{background-color:transparent}.aui-paginator .aui-button .aui-button__content{padding:unset}.aui-paginator__fast-navigator[hidden]{display:none}.aui-paginator__fast-navigator .aui-icon{margin:0}.aui-paginator__fast-navigator aui-icon:last-child{display:none}.aui-paginator__fast-navigator:hover aui-icon:first-child{display:none}.aui-paginator__fast-navigator:hover aui-icon:last-child{display:inline}.aui-paginator__sizes{display:inline-flex;align-items:center}.aui-paginator__sizes .aui-select{width:80px;margin-right:var(--aui-spacing-s)}.aui-paginator__jumper .aui-input{width:80px}.aui-paginator__jumper span+input{margin-left:var(--aui-spacing-m)}.aui-paginator__jumper input+span{margin-left:var(--aui-spacing-s)}.aui-paginator__navigator.aui-button{background-color:rgb(var(--aui-color-n-8))}.aui-paginator__navigator.aui-button aui-icon{font-size:var(--aui-icon-size-m)}.aui-paginator__navigator.aui-button:hover{background-color:rgb(var(--aui-color-p-6))}.aui-paginator__pager{border:1px solid rgb(var(--aui-color-n-7));padding:3px;border-radius:var(--aui-border-radius-m);background-color:rgb(var(--aui-color-main-bg))}.aui-paginator__layout{display:inline-block}.aui-paginator__layout+.aui-paginator__layout{margin-left:var(--aui-spacing-l)}\n"], components: [{ type: i2.ButtonComponent, selector: "button[aui-button]", inputs: ["aui-button", "size", "plain", "loading", "round", "square"] }, { type: i3.IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }, { type: i4.SelectComponent, selector: "aui-select" }, { type: i5.OptionComponent, selector: "aui-option", inputs: ["label", "labelContext", "value", "disabled"] }, { type: i6.InputComponent, selector: "input[aui-input],textarea[aui-input]", inputs: ["size", "disabled"] }], directives: [{ type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
101
101
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: PaginatorComponent, decorators: [{
|
|
102
102
|
type: Component,
|
|
103
103
|
args: [{ selector: 'aui-paginator', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, preserveWhitespaces: false, template: "<div [class]=\"bem.block()\">\n <div\n *ngFor=\"let layout of getLayoutArr()\"\n [class]=\"bem.element('layout')\"\n >\n <div\n *ngIf=\"layout === 'pager'\"\n [class]=\"bem.element('pager')\"\n >\n <button\n [ngClass]=\"bem.element('navigator')\"\n aui-button\n [disabled]=\"disabled || currentPage <= 1\"\n (click)=\"navigate(-1)\"\n >\n <aui-icon icon=\"angle_left\"></aui-icon>\n </button>\n <button\n [ngClass]=\"bem.element('page')\"\n [aui-button]=\"currentPage === 1 ? 'primary' : 'default'\"\n [plain]=\"!(currentPage === 1)\"\n [disabled]=\"disabled\"\n (click)=\"jumpTo(1)\"\n >\n 1\n </button>\n <button\n *ngIf=\"pageCount > 7 && currentPage > 4\"\n [ngClass]=\"bem.element('fast-navigator')\"\n aui-button\n [disabled]=\"disabled\"\n (click)=\"navigate(-5)\"\n >\n <aui-icon icon=\"ellipsis_s\"></aui-icon>\n <aui-icon icon=\"angles_left\"></aui-icon>\n </button>\n <button\n *ngFor=\"let page of getCenterPages(); trackBy: trackByIndex\"\n [ngClass]=\"bem.element('page')\"\n [aui-button]=\"currentPage === page ? 'primary' : 'default'\"\n [plain]=\"!(currentPage === page)\"\n [disabled]=\"disabled\"\n (click)=\"jumpTo(page)\"\n >\n {{ page }}\n </button>\n <button\n *ngIf=\"pageCount > 7 && currentPage < pageCount - 3\"\n [ngClass]=\"bem.element('fast-navigator')\"\n aui-button\n [disabled]=\"disabled\"\n (click)=\"navigate(5)\"\n >\n <aui-icon icon=\"ellipsis_s\"></aui-icon>\n <aui-icon icon=\"angles_right\"></aui-icon>\n </button>\n <button\n *ngIf=\"pageCount > 1\"\n [ngClass]=\"bem.element('page')\"\n [aui-button]=\"currentPage === pageCount ? 'primary' : 'default'\"\n [plain]=\"!(currentPage === pageCount)\"\n [disabled]=\"disabled\"\n (click)=\"jumpTo(pageCount)\"\n >\n {{ pageCount }}\n </button>\n <button\n aui-button\n [ngClass]=\"bem.element('navigator')\"\n [disabled]=\"disabled || currentPage >= pageCount\"\n (click)=\"navigate(1)\"\n >\n <aui-icon icon=\"angle_right\"></aui-icon>\n </button>\n </div>\n <div\n *ngIf=\"layout === 'total'\"\n [class]=\"bem.element('total')\"\n >\n {{ intl.getTotalLabel(total) }}\n </div>\n <div\n *ngIf=\"layout === 'sizes'\"\n [class]=\"bem.element('sizes')\"\n >\n <aui-select\n [disabled]=\"disabled\"\n [value]=\"pageSize\"\n [filterable]=\"false\"\n (valueChange)=\"changePageSize($event)\"\n >\n <aui-option\n *ngFor=\"let size of pageSizeOptions\"\n [value]=\"size\"\n >\n {{ size }}\n </aui-option>\n </aui-select>\n <span>{{ intl.itemsPerPageLabel }}</span>\n </div>\n <div\n *ngIf=\"layout === 'jumper'\"\n [class]=\"bem.element('jumper')\"\n >\n <span *ngIf=\"intl.jumperLabelPrefix\">{{ intl.jumperLabelPrefix }}</span>\n <input\n aui-input\n type=\"number\"\n min=\"1\"\n [max]=\"pageCount\"\n [value]=\"currentPage\"\n [disabled]=\"disabled\"\n (keydown)=\"onKeydown($event)\"\n />\n <span *ngIf=\"intl.jumperLabelSuffix\">{{ intl.jumperLabelSuffix }}</span>\n </div>\n <div\n *ngIf=\"layout === 'content'\"\n [class]=\"bem.element('content')\"\n >\n <ng-content></ng-content>\n </div>\n </div>\n</div>\n", styles: [".aui-paginator{display:inline-flex;align-items:center;white-space:nowrap;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal)}.aui-paginator .aui-button{width:var(--aui-line-height-xl);height:var(--aui-line-height-xl);border:unset}.aui-paginator .aui-button--default{background-color:transparent}.aui-paginator .aui-button .aui-button__content{padding:unset}.aui-paginator__fast-navigator[hidden]{display:none}.aui-paginator__fast-navigator .aui-icon{margin:0}.aui-paginator__fast-navigator aui-icon:last-child{display:none}.aui-paginator__fast-navigator:hover aui-icon:first-child{display:none}.aui-paginator__fast-navigator:hover aui-icon:last-child{display:inline}.aui-paginator__sizes{display:inline-flex;align-items:center}.aui-paginator__sizes .aui-select{width:80px;margin-right:var(--aui-spacing-s)}.aui-paginator__jumper .aui-input{width:80px}.aui-paginator__jumper span+input{margin-left:var(--aui-spacing-m)}.aui-paginator__jumper input+span{margin-left:var(--aui-spacing-s)}.aui-paginator__navigator.aui-button{background-color:rgb(var(--aui-color-n-8))}.aui-paginator__navigator.aui-button aui-icon{font-size:var(--aui-icon-size-m)}.aui-paginator__navigator.aui-button:hover{background-color:rgb(var(--aui-color-p-6))}.aui-paginator__pager{border:1px solid rgb(var(--aui-color-n-7));padding:3px;border-radius:var(--aui-border-radius-m);background-color:rgb(var(--aui-color-main-bg))}.aui-paginator__layout{display:inline-block}.aui-paginator__layout+.aui-paginator__layout{margin-left:var(--aui-spacing-l)}\n"] }]
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { _RecycleViewRepeaterStrategy, _VIEW_REPEATER_STRATEGY, } from '@angular/cdk/collections';
|
|
2
1
|
import { CdkVirtualForOf, } from '@angular/cdk/scrolling';
|
|
3
2
|
import { Directive, Input, } from '@angular/core';
|
|
4
3
|
import * as i0 from "@angular/core";
|
|
@@ -17,22 +16,11 @@ export class VirtualForOfDirective extends CdkVirtualForOf {
|
|
|
17
16
|
}
|
|
18
17
|
}
|
|
19
18
|
VirtualForOfDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: VirtualForOfDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
20
|
-
VirtualForOfDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.8", type: VirtualForOfDirective, selector: "[auiVirtualFor][auiVirtualForOf]", inputs: { auiVirtualForOf: "auiVirtualForOf", auiVirtualForTrackBy: "auiVirtualForTrackBy", auiVirtualForTemplate: "auiVirtualForTemplate", auiVirtualForTemplateCacheSize: "auiVirtualForTemplateCacheSize" },
|
|
21
|
-
{
|
|
22
|
-
provide: _VIEW_REPEATER_STRATEGY,
|
|
23
|
-
useClass: _RecycleViewRepeaterStrategy,
|
|
24
|
-
},
|
|
25
|
-
], usesInheritance: true, ngImport: i0 });
|
|
19
|
+
VirtualForOfDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.8", type: VirtualForOfDirective, selector: "[auiVirtualFor][auiVirtualForOf]", inputs: { auiVirtualForOf: "auiVirtualForOf", auiVirtualForTrackBy: "auiVirtualForTrackBy", auiVirtualForTemplate: "auiVirtualForTemplate", auiVirtualForTemplateCacheSize: "auiVirtualForTemplateCacheSize" }, usesInheritance: true, ngImport: i0 });
|
|
26
20
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: VirtualForOfDirective, decorators: [{
|
|
27
21
|
type: Directive,
|
|
28
22
|
args: [{
|
|
29
23
|
selector: '[auiVirtualFor][auiVirtualForOf]',
|
|
30
|
-
providers: [
|
|
31
|
-
{
|
|
32
|
-
provide: _VIEW_REPEATER_STRATEGY,
|
|
33
|
-
useClass: _RecycleViewRepeaterStrategy,
|
|
34
|
-
},
|
|
35
|
-
],
|
|
36
24
|
}]
|
|
37
25
|
}], propDecorators: { auiVirtualForOf: [{
|
|
38
26
|
type: Input
|
|
@@ -43,4 +31,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
|
|
|
43
31
|
}], auiVirtualForTemplateCacheSize: [{
|
|
44
32
|
type: Input
|
|
45
33
|
}] } });
|
|
46
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
34
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmlydHVhbC1mb3Itb2YuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3Njcm9sbGluZy92aXJ0dWFsLWZvci1vZi5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUNMLGVBQWUsR0FFaEIsTUFBTSx3QkFBd0IsQ0FBQztBQUNoQyxPQUFPLEVBQ0wsU0FBUyxFQUNULEtBQUssR0FJTixNQUFNLGVBQWUsQ0FBQzs7QUFNdkIsTUFBTSxPQUFPLHFCQUF5QixTQUFRLGVBQWtCO0lBQzlELElBQ0ksZUFBZSxDQUNqQixLQUF5RTtRQUV6RSxJQUFJLENBQUMsZUFBZSxHQUFHLEtBQUssQ0FBQztJQUMvQixDQUFDO0lBRUQsSUFDSSxvQkFBb0IsQ0FBQyxFQUFrQztRQUN6RCxJQUFJLENBQUMsb0JBQW9CLEdBQUcsRUFBRSxDQUFDO0lBQ2pDLENBQUM7SUFFRCxJQUNJLHFCQUFxQixDQUFDLEtBQTZDO1FBQ3JFLElBQUksQ0FBQyxxQkFBcUIsR0FBRyxLQUFLLENBQUM7SUFDckMsQ0FBQztJQUVELElBQ0ksOEJBQThCLENBQUMsSUFBWTtRQUM3QyxJQUFJLENBQUMsOEJBQThCLEdBQUcsSUFBSSxDQUFDO0lBQzdDLENBQUM7O2tIQXJCVSxxQkFBcUI7c0dBQXJCLHFCQUFxQjsyRkFBckIscUJBQXFCO2tCQUhqQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxrQ0FBa0M7aUJBQzdDOzhCQUdLLGVBQWU7c0JBRGxCLEtBQUs7Z0JBUUYsb0JBQW9CO3NCQUR2QixLQUFLO2dCQU1GLHFCQUFxQjtzQkFEeEIsS0FBSztnQkFNRiw4QkFBOEI7c0JBRGpDLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEYXRhU291cmNlIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2NvbGxlY3Rpb25zJztcbmltcG9ydCB7XG4gIENka1ZpcnR1YWxGb3JPZixcbiAgQ2RrVmlydHVhbEZvck9mQ29udGV4dCxcbn0gZnJvbSAnQGFuZ3VsYXIvY2RrL3Njcm9sbGluZyc7XG5pbXBvcnQge1xuICBEaXJlY3RpdmUsXG4gIElucHV0LFxuICBOZ0l0ZXJhYmxlLFxuICBUZW1wbGF0ZVJlZixcbiAgVHJhY2tCeUZ1bmN0aW9uLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE9ic2VydmFibGUgfSBmcm9tICdyeGpzJztcblxuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW2F1aVZpcnR1YWxGb3JdW2F1aVZpcnR1YWxGb3JPZl0nLFxufSlcbmV4cG9ydCBjbGFzcyBWaXJ0dWFsRm9yT2ZEaXJlY3RpdmU8VD4gZXh0ZW5kcyBDZGtWaXJ0dWFsRm9yT2Y8VD4ge1xuICBASW5wdXQoKVxuICBzZXQgYXVpVmlydHVhbEZvck9mKFxuICAgIHZhbHVlOiBEYXRhU291cmNlPFQ+IHwgT2JzZXJ2YWJsZTxUW10+IHwgTmdJdGVyYWJsZTxUPiB8IG51bGwgfCB1bmRlZmluZWQsXG4gICkge1xuICAgIHRoaXMuY2RrVmlydHVhbEZvck9mID0gdmFsdWU7XG4gIH1cblxuICBASW5wdXQoKVxuICBzZXQgYXVpVmlydHVhbEZvclRyYWNrQnkoZm46IFRyYWNrQnlGdW5jdGlvbjxUPiB8IHVuZGVmaW5lZCkge1xuICAgIHRoaXMuY2RrVmlydHVhbEZvclRyYWNrQnkgPSBmbjtcbiAgfVxuXG4gIEBJbnB1dCgpXG4gIHNldCBhdWlWaXJ0dWFsRm9yVGVtcGxhdGUodmFsdWU6IFRlbXBsYXRlUmVmPENka1ZpcnR1YWxGb3JPZkNvbnRleHQ8VD4+KSB7XG4gICAgdGhpcy5jZGtWaXJ0dWFsRm9yVGVtcGxhdGUgPSB2YWx1ZTtcbiAgfVxuXG4gIEBJbnB1dCgpXG4gIHNldCBhdWlWaXJ0dWFsRm9yVGVtcGxhdGVDYWNoZVNpemUoc2l6ZTogbnVtYmVyKSB7XG4gICAgdGhpcy5jZGtWaXJ0dWFsRm9yVGVtcGxhdGVDYWNoZVNpemUgPSBzaXplO1xuICB9XG59XG4iXX0=
|