@alauda/ui 6.1.5-beta.1 → 6.1.5-beta.2
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/alauda-ui.metadata.json +1 -1
- package/bundles/alauda-ui.umd.js +72 -68
- package/bundles/alauda-ui.umd.js.map +1 -1
- package/bundles/alauda-ui.umd.min.js +1 -1
- package/bundles/alauda-ui.umd.min.js.map +1 -1
- package/esm2015/accordion/accordion-item/accordion-item.component.js +1 -1
- package/esm2015/accordion/accordion-item/accordion-item.component.scss.ngstyle.js +1 -1
- package/esm2015/date-picker/calendar/date-picker-panel/component.js +3 -3
- package/esm2015/date-picker/calendar/date-picker-panel/component.ngfactory.js +3 -3
- package/esm2015/date-picker/calendar/date-picker-panel/style.scss.ngstyle.js +1 -1
- package/esm2015/date-picker/calendar/range-picker-panel/component.js +3 -3
- package/esm2015/date-picker/calendar/range-picker-panel/component.ngfactory.js +4 -4
- package/esm2015/date-picker/calendar/range-picker-panel/style.scss.ngstyle.js +1 -1
- package/esm2015/date-picker/trigger/trigger.component.js +1 -1
- package/esm2015/date-picker/trigger/trigger.style.scss.shim.ngstyle.js +1 -1
- package/esm2015/input/number-input/number-input.component.js +1 -1
- package/esm2015/input/number-input/number-input.component.scss.ngstyle.js +1 -1
- package/esm2015/input/tags-input/tags-input.component.js +1 -1
- package/esm2015/input/tags-input/tags-input.component.scss.ngstyle.js +1 -1
- package/esm2015/select/multi-select/multi-select.component.js +3 -3
- package/esm2015/select/multi-select/multi-select.component.ngfactory.js +25 -26
- package/esm2015/select/multi-select/multi-select.component.scss.ngstyle.js +1 -1
- package/esm2015/select/select.component.js +2 -2
- package/esm2015/select/select.component.ngfactory.js +32 -33
- package/esm2015/select/select.component.scss.ngstyle.js +1 -1
- package/esm2015/select/select.module.ngfactory.js +1 -1
- package/esm2015/time-picker/component.js +40 -30
- package/esm2015/time-picker/component.ngfactory.js +51 -58
- package/esm2015/time-picker/component.ngsummary.json +1 -1
- package/esm2015/time-picker/panel/panel.component.js +3 -3
- package/esm2015/time-picker/panel/panel.component.ngfactory.js +2 -2
- package/esm2015/time-picker/panel/panel.style.scss.ngstyle.js +1 -1
- package/esm2015/time-picker/style.scss.ngstyle.js +1 -1
- package/esm2015/time-picker/time-picker.module.ngfactory.js +1 -1
- package/esm2015/tree-select/tree-select.component.js +6 -9
- package/esm2015/tree-select/tree-select.component.ngfactory.js +28 -29
- package/esm2015/tree-select/tree-select.component.ngsummary.json +1 -1
- package/esm2015/tree-select/tree-select.component.scss.ngstyle.js +1 -1
- package/esm2015/tree-select/tree-select.module.ngfactory.js +1 -1
- package/fesm2015/alauda-ui.js +68 -60
- package/fesm2015/alauda-ui.js.map +1 -1
- package/package.json +1 -1
- package/theme/_mixin.scss +35 -0
- package/time-picker/component.d.ts +8 -10
- package/tree-select/tree-select.component.d.ts +1 -2
package/fesm2015/alauda-ui.js
CHANGED
|
@@ -3635,7 +3635,7 @@ TagsInputComponent.decorators = [
|
|
|
3635
3635
|
multi: true,
|
|
3636
3636
|
},
|
|
3637
3637
|
],
|
|
3638
|
-
styles: [".aui-input{display:inline-block;padding:0 var(--aui-inline-padding-xs);width:100%;min-width:0;border:1px solid rgb(var(--aui-color-n-7));border-radius:var(--aui-border-radius-m);background-color:rgb(var(--aui-color-n-9));color:rgb(var(--aui-color-n-1));outline:none;text-overflow:ellipsis}@-webkit-keyframes cdk-text-field-autofill-color-0{to{background:rgb(var(--aui-color-n-9));color:rgb(var(--aui-color-n-1))}}@keyframes cdk-text-field-autofill-color-0{to{background:rgb(var(--aui-color-n-9));color:rgb(var(--aui-color-n-1))}}.aui-input:-webkit-autofill{-webkit-animation:cdk-text-field-autofill-color-0 both;animation:cdk-text-field-autofill-color-0 both}.aui-input.cdk-text-field-autofill-monitored:-webkit-autofill{-webkit-animation:cdk-text-field-autofill-start 0s 1ms,cdk-text-field-autofill-color-0 both;animation:cdk-text-field-autofill-start 0s 1ms,cdk-text-field-autofill-color-0 both}.aui-input::-webkit-inner-spin-button,.aui-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.aui-input[type=number]{-moz-appearance:textfield}.aui-input::-moz-placeholder{color:rgb(var(--aui-color-n-6))}.aui-input:-ms-input-placeholder{color:rgb(var(--aui-color-n-6))}.aui-input::placeholder{color:rgb(var(--aui-color-n-6))}.aui-input:invalid,.aui-input:required{box-shadow:none}.aui-input.isFocused,.aui-input:focus,.aui-input:hover{border-color:rgb(var(--aui-color-primary))}.aui-input.isFocused,.aui-input:focus{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}.aui-input[readonly]{cursor:default}.aui-input[disabled],.aui-input[readonly]{background-color:rgb(var(--aui-color-n-8));border-color:rgb(var(--aui-color-n-7))!important}.aui-input[disabled]{color:rgb(var(--aui-color-n-6));cursor:not-allowed}.aui-input--large{height:var(--aui-inline-height-l);font-size:var(--aui-font-size-l)}.aui-input--medium{height:var(--aui-inline-height-m);font-size:var(--aui-font-size-m)}.aui-input--small{height:var(--aui-inline-height-s);font-size:var(--aui-font-size-m)}.aui-input--mini{height:var(--aui-inline-height-xs);font-size:var(--aui-font-size-s)}textarea.aui-input{padding:var(--aui-inline-padding-xxs) var(--aui-inline-padding-xs);height:calc(var(--aui-inline-padding-xxs) * 2 + var(--aui-line-height-m) * 3 + 2px);max-height:calc(var(--aui-inline-padding-xxs) * 2 + var(--aui-line-height-m) * 6 + 2px);min-height:var(--aui-inline-height-m);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);color:rgb(var(--aui-color-n-1));resize:vertical;overflow:auto}.aui-input.ng-invalid.ng-dirty,.ng-submitted .aui-input.ng-invalid{border-color:rgb(var(--aui-color-red))!important}.aui-input.ng-invalid.ng-dirty.isFocused,.aui-input.ng-invalid.ng-dirty:focus,.ng-submitted .aui-input.ng-invalid.isFocused,.ng-submitted .aui-input.ng-invalid:focus{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}", ".aui-tag{display:inline-flex;border-radius:2px;border:1px solid transparent;max-width:300px;vertical-align:middle;transition:background-color .3s ease}.aui-tag__content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aui-tag .aui-tag__close .aui-icon{margin-left:4px;border-radius:50%;cursor:pointer;transition:all .3s ease}.aui-tag--large{height:32px;line-height:30px;font-size:14px;padding:0 15px}.aui-tag--large.isRound{border-radius:16px}.aui-tag--medium{height:28px;line-height:26px;font-size:var(--aui-font-size-m);padding:0 11px}.aui-tag--medium.isRound{border-radius:14px}.aui-tag--small{height:24px;line-height:22px;font-size:12px;padding:0 7px}.aui-tag--small.isRound{border-radius:12px}.aui-tag--mini{height:20px;line-height:18px;font-size:12px;padding:0 7px}.aui-tag--mini.isRound{border-radius:10px}.aui-tag--primary{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-tag--primary.hasBorder{border-color:rgb(var(--aui-color-p-2))}.aui-tag--primary.hasBorder.allowClick:hover{border-color:rgb(var(--aui-color-p-1))}.aui-tag--primary.hasBorder.allowClick:active{border-color:rgb(var(--aui-color-p-0))}.aui-tag--primary.allowClick:hover{background-color:rgb(var(--aui-color-p-7));cursor:pointer}.aui-tag--primary.allowClick:active{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-tag--primary .aui-tag__close .aui-icon:hover{color:#e6f2fe;background-color:#007af5}.aui-tag--success{color:rgb(var(--aui-color-green));background-color:rgb(var(--aui-color-g-6))}.aui-tag--success.hasBorder{border-color:rgb(var(--aui-color-g-2))}.aui-tag--success.hasBorder.allowClick:hover{border-color:rgb(var(--aui-color-g-1))}.aui-tag--success.hasBorder.allowClick:active{border-color:rgb(var(--aui-color-g-0))}.aui-tag--success.allowClick:hover{background-color:rgb(var(--aui-color-g-7));cursor:pointer}.aui-tag--success.allowClick:active{color:rgb(var(--aui-color-green));background-color:rgb(var(--aui-color-g-6))}.aui-tag--success .aui-tag__close .aui-icon:hover{color:#e6f9ef;background-color:#00c261}.aui-tag--warning{color:rgb(var(--aui-color-yellow));background-color:rgb(var(--aui-color-y-6))}.aui-tag--warning.hasBorder{border-color:rgb(var(--aui-color-y-2))}.aui-tag--warning.hasBorder.allowClick:hover{border-color:rgb(var(--aui-color-y-1))}.aui-tag--warning.hasBorder.allowClick:active{border-color:rgb(var(--aui-color-y-0))}.aui-tag--warning.allowClick:hover{background-color:rgb(var(--aui-color-y-7));cursor:pointer}.aui-tag--warning.allowClick:active{color:rgb(var(--aui-color-yellow));background-color:rgb(var(--aui-color-y-6))}.aui-tag--warning .aui-tag__close .aui-icon:hover{color:#fef6e6;background-color:#f5a300}.aui-tag--error{color:rgb(var(--aui-color-red));background-color:rgb(var(--aui-color-r-6))}.aui-tag--error.hasBorder{border-color:rgb(var(--aui-color-r-2))}.aui-tag--error.hasBorder.allowClick:hover{border-color:rgb(var(--aui-color-r-1))}.aui-tag--error.hasBorder.allowClick:active{border-color:rgb(var(--aui-color-r-0))}.aui-tag--error.allowClick:hover{background-color:rgb(var(--aui-color-r-7));cursor:pointer}.aui-tag--error.allowClick:active{color:rgb(var(--aui-color-red));background-color:rgb(var(--aui-color-r-6))}.aui-tag--error .aui-tag__close .aui-icon:hover{color:#fde6e9;background-color:#eb0027}.aui-tag--info{color:rgb(var(--aui-color-n-2));background-color:rgb(var(--aui-color-n-8))}.aui-tag--info.hasBorder{border-color:rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-n-9))}.aui-tag--info .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-n-8));background-color:rgb(var(--aui-color-n-4))}.aui-tag.isInvalid{text-decoration:line-through}.aui-tag.isSolid,.aui-tag.isSolid .aui-tag__close .aui-icon:hover{color:#fff}.aui-tag.isSolid.aui-tag--primary{background-color:rgb(var(--aui-color-primary))}.aui-tag.isSolid.aui-tag--success{background-color:rgb(var(--aui-color-green))}.aui-tag.isSolid.aui-tag--warning{background-color:rgb(var(--aui-color-yellow))}.aui-tag.isSolid.aui-tag--error{background-color:rgb(var(--aui-color-red))}.aui-tag.isSolid.aui-tag--info{background-color:rgb(var(--aui-color-n))}.aui-tag.allowClick a{color:inherit}.aui-tag.allowClick:hover{cursor:pointer}aui-tag+aui-tag .aui-tag--large,aui-tag+aui-tag .aui-tag--medium,aui-tag+aui-tag .aui-tag--small{margin-left:8px}aui-tag+aui-tag .aui-tag--mini{margin-left:6px}", ".aui-tags-input{display:inline-block;position:relative;width:100%;color:rgb(var(--aui-color-n-1));vertical-align:middle}.aui-tags-input:hover{cursor:text}.aui-tags-input .aui-tag{max-width:100%}.aui-tags-input.isDisabled{background-color:rgb(var(--aui-color-n-8));border-color:#c8cacd;cursor:not-allowed}.aui-tags-input.isDisabled .aui-tag{color:#c8cacd;background-color:rgb(var(--aui-color-n-8))}.aui-tags-input__placeholder{display:inline-block;width:100%;color:rgb(var(--aui-color-n-6));vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:absolute;margin-left:1px}.aui-tags-input__placeholder[hidden]{display:none}.aui-tags-input__mirror{opacity:0;left:0;z-index:-99;position:absolute;padding-left:1px}.aui-tags-input--large{min-height:40px;font-size:16px;padding:5px 11px 0}.aui-tags-input--large .aui-tag{margin:0 4px 5px 0}.aui-tags-input--medium{min-height:32px;font-size:14px;padding:5px 7px 0}.aui-tags-input--medium .aui-tag{margin:0 4px 5px 0}.aui-tags-input--small{min-height:28px;font-size:14px;padding:3px 7px 0}.aui-tags-input--small .aui-tag{margin:0 4px 3px 0}.aui-tags-input--mini{min-height:24px;font-size:12px;padding:1px 5px 0}.aui-tags-input--mini .aui-tag{margin:0 4px 1px 0}.aui-tags-input__suffix{position:absolute;top:50%;right:7px;transform:translateY(-50%)}.aui-tags-input .aui-tag.aui-tags-input__input{width:1em;padding:0;border:none;outline:none;background:none;color:rgb(var(--aui-color-n-1));font-family:inherit;font-size:inherit;margin-top:-2px}.aui-tags-input .aui-tag.aui-tags-input__input--hidden{opacity:0;width:0;padding:0;margin:0;position:absolute}.ng-submitted aui-tags-input.ng-invalid .aui-input,.ng-submitted aui-tags-input.ng-invalid .aui-tags-input,aui-tags-input.ng-invalid.ng-dirty .aui-input,aui-tags-input.ng-invalid.ng-dirty .aui-tags-input{border-color:rgb(var(--aui-color-red))!important}.ng-submitted aui-tags-input.ng-invalid .aui-input .aui-tags-input__input,.ng-submitted aui-tags-input.ng-invalid .aui-tags-input .aui-tags-input__input,aui-tags-input.ng-invalid.ng-dirty .aui-input .aui-tags-input__input,aui-tags-input.ng-invalid.ng-dirty .aui-tags-input .aui-tags-input__input{color:rgb(var(--aui-color-red))}.ng-submitted aui-tags-input.ng-invalid .aui-input.isFocused,.ng-submitted aui-tags-input.ng-invalid .aui-tags-input.isFocused,aui-tags-input.ng-invalid.ng-dirty .aui-input.isFocused,aui-tags-input.ng-invalid.ng-dirty .aui-tags-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}.aui-tags-input.withHeightLimit{overflow:auto;position:static}.aui-tags-input.withHeightLimit::-webkit-scrollbar{width:4px;height:4px}.aui-tags-input.withHeightLimit::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.3)}"]
|
|
3638
|
+
styles: [".aui-input{display:inline-block;padding:0 var(--aui-inline-padding-xs);width:100%;min-width:0;border:1px solid rgb(var(--aui-color-n-7));border-radius:var(--aui-border-radius-m);background-color:rgb(var(--aui-color-n-9));color:rgb(var(--aui-color-n-1));outline:none;text-overflow:ellipsis}@-webkit-keyframes cdk-text-field-autofill-color-0{to{background:rgb(var(--aui-color-n-9));color:rgb(var(--aui-color-n-1))}}@keyframes cdk-text-field-autofill-color-0{to{background:rgb(var(--aui-color-n-9));color:rgb(var(--aui-color-n-1))}}.aui-input:-webkit-autofill{-webkit-animation:cdk-text-field-autofill-color-0 both;animation:cdk-text-field-autofill-color-0 both}.aui-input.cdk-text-field-autofill-monitored:-webkit-autofill{-webkit-animation:cdk-text-field-autofill-start 0s 1ms,cdk-text-field-autofill-color-0 both;animation:cdk-text-field-autofill-start 0s 1ms,cdk-text-field-autofill-color-0 both}.aui-input::-webkit-inner-spin-button,.aui-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.aui-input[type=number]{-moz-appearance:textfield}.aui-input::-moz-placeholder{color:rgb(var(--aui-color-n-6))}.aui-input:-ms-input-placeholder{color:rgb(var(--aui-color-n-6))}.aui-input::placeholder{color:rgb(var(--aui-color-n-6))}.aui-input:invalid,.aui-input:required{box-shadow:none}.aui-input.isFocused,.aui-input:focus,.aui-input:hover{border-color:rgb(var(--aui-color-primary))}.aui-input.isFocused,.aui-input:focus{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}.aui-input[readonly]{cursor:default}.aui-input[disabled],.aui-input[readonly]{background-color:rgb(var(--aui-color-n-8));border-color:rgb(var(--aui-color-n-7))!important}.aui-input[disabled]{color:rgb(var(--aui-color-n-6));cursor:not-allowed}.aui-input--large{height:var(--aui-inline-height-l);font-size:var(--aui-font-size-l)}.aui-input--medium{height:var(--aui-inline-height-m);font-size:var(--aui-font-size-m)}.aui-input--small{height:var(--aui-inline-height-s);font-size:var(--aui-font-size-m)}.aui-input--mini{height:var(--aui-inline-height-xs);font-size:var(--aui-font-size-s)}textarea.aui-input{padding:var(--aui-inline-padding-xxs) var(--aui-inline-padding-xs);height:calc(var(--aui-inline-padding-xxs) * 2 + var(--aui-line-height-m) * 3 + 2px);max-height:calc(var(--aui-inline-padding-xxs) * 2 + var(--aui-line-height-m) * 6 + 2px);min-height:var(--aui-inline-height-m);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);color:rgb(var(--aui-color-n-1));resize:vertical;overflow:auto}.aui-input.ng-invalid.ng-dirty,.ng-submitted .aui-input.ng-invalid{border-color:rgb(var(--aui-color-red))!important}.aui-input.ng-invalid.ng-dirty.isFocused,.aui-input.ng-invalid.ng-dirty:focus,.ng-submitted .aui-input.ng-invalid.isFocused,.ng-submitted .aui-input.ng-invalid:focus{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}", ".aui-tag{display:inline-flex;border-radius:2px;border:1px solid transparent;max-width:300px;vertical-align:middle;transition:background-color .3s ease}.aui-tag__content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aui-tag .aui-tag__close .aui-icon{margin-left:4px;border-radius:50%;cursor:pointer;transition:all .3s ease}.aui-tag--large{height:32px;line-height:30px;font-size:14px;padding:0 15px}.aui-tag--large.isRound{border-radius:16px}.aui-tag--medium{height:28px;line-height:26px;font-size:var(--aui-font-size-m);padding:0 11px}.aui-tag--medium.isRound{border-radius:14px}.aui-tag--small{height:24px;line-height:22px;font-size:12px;padding:0 7px}.aui-tag--small.isRound{border-radius:12px}.aui-tag--mini{height:20px;line-height:18px;font-size:12px;padding:0 7px}.aui-tag--mini.isRound{border-radius:10px}.aui-tag--primary{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-tag--primary.hasBorder{border-color:rgb(var(--aui-color-p-2))}.aui-tag--primary.hasBorder.allowClick:hover{border-color:rgb(var(--aui-color-p-1))}.aui-tag--primary.hasBorder.allowClick:active{border-color:rgb(var(--aui-color-p-0))}.aui-tag--primary.allowClick:hover{background-color:rgb(var(--aui-color-p-7));cursor:pointer}.aui-tag--primary.allowClick:active{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-tag--primary .aui-tag__close .aui-icon:hover{color:#e6f2fe;background-color:#007af5}.aui-tag--success{color:rgb(var(--aui-color-green));background-color:rgb(var(--aui-color-g-6))}.aui-tag--success.hasBorder{border-color:rgb(var(--aui-color-g-2))}.aui-tag--success.hasBorder.allowClick:hover{border-color:rgb(var(--aui-color-g-1))}.aui-tag--success.hasBorder.allowClick:active{border-color:rgb(var(--aui-color-g-0))}.aui-tag--success.allowClick:hover{background-color:rgb(var(--aui-color-g-7));cursor:pointer}.aui-tag--success.allowClick:active{color:rgb(var(--aui-color-green));background-color:rgb(var(--aui-color-g-6))}.aui-tag--success .aui-tag__close .aui-icon:hover{color:#e6f9ef;background-color:#00c261}.aui-tag--warning{color:rgb(var(--aui-color-yellow));background-color:rgb(var(--aui-color-y-6))}.aui-tag--warning.hasBorder{border-color:rgb(var(--aui-color-y-2))}.aui-tag--warning.hasBorder.allowClick:hover{border-color:rgb(var(--aui-color-y-1))}.aui-tag--warning.hasBorder.allowClick:active{border-color:rgb(var(--aui-color-y-0))}.aui-tag--warning.allowClick:hover{background-color:rgb(var(--aui-color-y-7));cursor:pointer}.aui-tag--warning.allowClick:active{color:rgb(var(--aui-color-yellow));background-color:rgb(var(--aui-color-y-6))}.aui-tag--warning .aui-tag__close .aui-icon:hover{color:#fef6e6;background-color:#f5a300}.aui-tag--error{color:rgb(var(--aui-color-red));background-color:rgb(var(--aui-color-r-6))}.aui-tag--error.hasBorder{border-color:rgb(var(--aui-color-r-2))}.aui-tag--error.hasBorder.allowClick:hover{border-color:rgb(var(--aui-color-r-1))}.aui-tag--error.hasBorder.allowClick:active{border-color:rgb(var(--aui-color-r-0))}.aui-tag--error.allowClick:hover{background-color:rgb(var(--aui-color-r-7));cursor:pointer}.aui-tag--error.allowClick:active{color:rgb(var(--aui-color-red));background-color:rgb(var(--aui-color-r-6))}.aui-tag--error .aui-tag__close .aui-icon:hover{color:#fde6e9;background-color:#eb0027}.aui-tag--info{color:rgb(var(--aui-color-n-2));background-color:rgb(var(--aui-color-n-8))}.aui-tag--info.hasBorder{border-color:rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-n-9))}.aui-tag--info .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-n-8));background-color:rgb(var(--aui-color-n-4))}.aui-tag.isInvalid{text-decoration:line-through}.aui-tag.isSolid,.aui-tag.isSolid .aui-tag__close .aui-icon:hover{color:#fff}.aui-tag.isSolid.aui-tag--primary{background-color:rgb(var(--aui-color-primary))}.aui-tag.isSolid.aui-tag--success{background-color:rgb(var(--aui-color-green))}.aui-tag.isSolid.aui-tag--warning{background-color:rgb(var(--aui-color-yellow))}.aui-tag.isSolid.aui-tag--error{background-color:rgb(var(--aui-color-red))}.aui-tag.isSolid.aui-tag--info{background-color:rgb(var(--aui-color-n))}.aui-tag.allowClick a{color:inherit}.aui-tag.allowClick:hover{cursor:pointer}aui-tag+aui-tag .aui-tag--large,aui-tag+aui-tag .aui-tag--medium,aui-tag+aui-tag .aui-tag--small{margin-left:8px}aui-tag+aui-tag .aui-tag--mini{margin-left:6px}", ".aui-tags-input{display:inline-block;position:relative;width:100%;color:rgb(var(--aui-color-n-1));vertical-align:middle}.aui-tags-input:hover{cursor:text}.aui-tags-input .aui-tag{max-width:100%}.aui-tags-input.isDisabled{background-color:rgb(var(--aui-color-n-8));border-color:#c8cacd;cursor:not-allowed}.aui-tags-input.isDisabled .aui-tag{color:#c8cacd;background-color:rgb(var(--aui-color-n-8))}.aui-tags-input__placeholder{display:inline-block;width:100%;color:rgb(var(--aui-color-n-6));vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:absolute;margin-left:1px}.aui-tags-input__placeholder[hidden]{display:none}.aui-tags-input__mirror{opacity:0;left:0;z-index:-99;position:absolute;padding-left:1px}.aui-tags-input--large{min-height:40px;font-size:16px;padding:5px 11px 0}.aui-tags-input--large .aui-tag{margin:0 4px 5px 0}.aui-tags-input--medium{min-height:32px;font-size:14px;padding:5px 7px 0}.aui-tags-input--medium .aui-tag{margin:0 4px 5px 0}.aui-tags-input--small{min-height:28px;font-size:14px;padding:3px 7px 0}.aui-tags-input--small .aui-tag{margin:0 4px 3px 0}.aui-tags-input--mini{min-height:24px;font-size:12px;padding:1px 5px 0}.aui-tags-input--mini .aui-tag{margin:0 4px 1px 0}.aui-tags-input__suffix{position:absolute;top:50%;right:7px;transform:translateY(-50%)}.aui-tags-input .aui-tag.aui-tags-input__input{width:1em;padding:0;border:none;outline:none;background:none;color:rgb(var(--aui-color-n-1));font-family:inherit;font-size:inherit;margin-top:-2px}.aui-tags-input .aui-tag.aui-tags-input__input--hidden{opacity:0;width:0;padding:0;margin:0;position:absolute}.ng-submitted aui-tags-input.ng-invalid .aui-input,.ng-submitted aui-tags-input.ng-invalid .aui-tags-input,aui-tags-input.ng-invalid.ng-dirty .aui-input,aui-tags-input.ng-invalid.ng-dirty .aui-tags-input{border-color:rgb(var(--aui-color-red))!important}.ng-submitted aui-tags-input.ng-invalid .aui-input.isFocused,.ng-submitted aui-tags-input.ng-invalid .aui-input:focus,.ng-submitted aui-tags-input.ng-invalid .aui-tags-input.isFocused,.ng-submitted aui-tags-input.ng-invalid .aui-tags-input:focus,aui-tags-input.ng-invalid.ng-dirty .aui-input.isFocused,aui-tags-input.ng-invalid.ng-dirty .aui-input:focus,aui-tags-input.ng-invalid.ng-dirty .aui-tags-input.isFocused,aui-tags-input.ng-invalid.ng-dirty .aui-tags-input:focus{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}.ng-submitted aui-tags-input.ng-invalid .aui-input .aui-tags-input__input,.ng-submitted aui-tags-input.ng-invalid .aui-tags-input .aui-tags-input__input,aui-tags-input.ng-invalid.ng-dirty .aui-input .aui-tags-input__input,aui-tags-input.ng-invalid.ng-dirty .aui-tags-input .aui-tags-input__input{color:rgb(var(--aui-color-red))}.aui-tags-input.withHeightLimit{overflow:auto;position:static}.aui-tags-input.withHeightLimit::-webkit-scrollbar{width:4px;height:4px}.aui-tags-input.withHeightLimit::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.3)}"]
|
|
3639
3639
|
},] }
|
|
3640
3640
|
];
|
|
3641
3641
|
TagsInputComponent.ctorParameters = () => [
|
|
@@ -3982,7 +3982,7 @@ NumberInputComponent.decorators = [
|
|
|
3982
3982
|
multi: true,
|
|
3983
3983
|
},
|
|
3984
3984
|
],
|
|
3985
|
-
styles: [".aui-number-input{display:flex;
|
|
3985
|
+
styles: [".aui-number-input{display:flex;padding:3px;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-n-9));color:rgb(var(--aui-color-n-1))}.aui-number-input--small .aui-number-input__decrease.aui-button,.aui-number-input--small .aui-number-input__increase.aui-button{width:var(--aui-line-height-m);height:var(--aui-line-height-m)}.aui-number-input.isFocus,.aui-number-input:hover{border-color:rgb(var(--aui-color-primary))}.aui-number-input.isFocus{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}.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__decrease.aui-button,.aui-number-input__increase.aui-button{background-color:rgb(var(--aui-color-n-8));border:unset;width:var(--aui-icon-size-xl);height:var(--aui-icon-size-xl)}.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__input{min-width:0;line-height:var(--aui-line-height-m);border:unset;padding:unset;margin:0 var(--aui-spacing-s);background-color:rgb(var(--aui-color-n-9));color:rgb(var(--aui-color-n-1));text-align:center}.aui-number-input__input:focus{border:unset}.aui-number-input__input:focus-visible{outline:unset}.ng-submitted aui-number-input.ng-invalid,aui-number-input.ng-invalid.ng-dirty{border-color:rgb(var(--aui-color-red))}"]
|
|
3986
3986
|
},] }
|
|
3987
3987
|
];
|
|
3988
3988
|
NumberInputComponent.propDecorators = {
|
|
@@ -5145,7 +5145,7 @@ class MultiSelectComponent extends BaseSelect {
|
|
|
5145
5145
|
MultiSelectComponent.decorators = [
|
|
5146
5146
|
{ type: Component, args: [{
|
|
5147
5147
|
selector: 'aui-multi-select',
|
|
5148
|
-
template: "<div\n [class]=\"rootClass\"\n #selectRef\n #tooltipRef=\"auiTooltip\"\n [auiTooltip]=\"templateRef\"\n [auiTooltipDisabled]=\"disabled\"\n auiTooltipTrigger=\"click\"\n auiTooltipPosition=\"bottom start\"\n auiTooltipType=\"plain\"\n (auiTooltipShow)=\"onShowOptions()\"\n (auiTooltipHide)=\"onHideOptions()\"\n (mousedown)=\"$event.preventDefault()\"\n [style.max-height]=\"maxHeight\"\n>\n <div class=\"aui-multi-select__suffix\">\n <aui-
|
|
5148
|
+
template: "<div\n [class]=\"rootClass\"\n #selectRef\n #tooltipRef=\"auiTooltip\"\n [auiTooltip]=\"templateRef\"\n [auiTooltipDisabled]=\"disabled\"\n auiTooltipTrigger=\"click\"\n auiTooltipPosition=\"bottom start\"\n auiTooltipType=\"plain\"\n (auiTooltipShow)=\"onShowOptions()\"\n (auiTooltipHide)=\"onHideOptions()\"\n (mousedown)=\"$event.preventDefault()\"\n [style.max-height]=\"maxHeight\"\n>\n <div class=\"aui-multi-select__suffix\">\n <span class=\"aui-multi-select__icon-container\">\n <aui-icon\n class=\"aui-multi-select__indicator\"\n [icon]=\"loading ? 'spinner' : 'caret_down_s'\"\n ></aui-icon>\n <aui-icon\n class=\"aui-multi-select__clear\"\n icon=\"close_small\"\n (click)=\"clearValue($event)\"\n ></aui-icon>\n </span>\n </div>\n <span\n [hidden]=\"selectedValues.length || inputRef.value.length\"\n [class]=\"bem.element('placeholder')\"\n >\n {{ placeholder }}\n </span>\n <aui-tag\n *ngFor=\"let option of selectedOptions$ | async; trackBy: trackByValue\"\n type=\"info\"\n [round]=\"true\"\n [border]=\"true\"\n [size]=\"tagSize\"\n [closeable]=\"!disabled\"\n (close)=\"removeValue(option.value)\"\n [ngClass]=\"tagClassFn && tagClassFn(option.label, option.value)\"\n >\n <ng-container\n *ngIf=\"isTemplateRef(option.label); else label\"\n [ngTemplateOutlet]=\"option.label\"\n [ngTemplateOutletContext]=\"option.labelContext\"\n ></ng-container>\n <ng-template #label>\n {{ option.label }}\n </ng-template>\n </aui-tag>\n <input\n #inputRef\n autocomplete=\"off\"\n [readonly]=\"inputReadonly\"\n [class]=\"inputClass\"\n (focus)=\"onInputFocus()\"\n (blur)=\"onInputBlur()\"\n (keydown)=\"onKeyDown($event)\"\n (input)=\"onInput($event)\"\n />\n <span #inputValueMirror [class]=\"bem.element('mirror')\">\n {{ inputValue }}\n </span>\n</div>\n\n<ng-template #templateRef>\n <div\n class=\"aui-option-container\"\n [style.minWidth]=\"containerWidth\"\n (mousedown)=\"$event.preventDefault()\"\n >\n <div #optionListRef class=\"aui-option-container__content\">\n <ng-container\n *ngIf=\"\n allowSelectAll &&\n (hasEnabledOptions$ | async) &&\n ((hasVisibleOption$ | async) ||\n (allowCreate && (customCreatedOptions$ | async).length) ||\n (allowCreate && filterString))\n \"\n >\n <div\n class=\"aui-option\"\n [class]=\"bemSelectAll.block(size$ | async)\"\n [class.isDisabled]=\"disabled\"\n [class.isSelected]=\"!!(selectAllStatus$ | async)\"\n [class.isMulti]=\"true\"\n (click)=\"onSelectAllClick()\"\n >\n <i class=\"aui-option__pointer\">\n <aui-icon\n [icon]=\"\n (selectAllStatus$ | async) === 'checked'\n ? 'check_s'\n : 'square_s'\n \"\n [hidden]=\"!(selectAllStatus$ | async)\"\n ></aui-icon>\n </i>\n {{ 'select_all' | auiI18n }}\n </div>\n <hr class=\"divider\" />\n </ng-container>\n <aui-option\n #inputtingOption\n *ngIf=\"allowCreate && filterString && !(hasMatchedOption$ | async)\"\n [value]=\"filterString\"\n >\n {{ filterString }}\n </aui-option>\n <ng-container *ngIf=\"allowCreate\">\n <aui-option\n *ngFor=\"let option of customCreatedOptions$ | async\"\n [label]=\"option.label\"\n [value]=\"option.value\"\n >\n {{ option.label }}\n </aui-option>\n </ng-container>\n <ng-content></ng-content>\n </div>\n <div\n *ngIf=\"\n !(\n (hasVisibleOption$ | async) ||\n (allowCreate && (customCreatedOptions$ | async).length) ||\n (allowCreate && filterString)\n )\n \"\n class=\"aui-option-container__placeholder\"\n >\n <ng-content select=\"aui-option-placeholder\"></ng-content>\n </div>\n </div>\n</ng-template>\n",
|
|
5149
5149
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
5150
5150
|
encapsulation: ViewEncapsulation.None,
|
|
5151
5151
|
preserveWhitespaces: false,
|
|
@@ -5160,7 +5160,7 @@ MultiSelectComponent.decorators = [
|
|
|
5160
5160
|
useExisting: MultiSelectComponent,
|
|
5161
5161
|
},
|
|
5162
5162
|
],
|
|
5163
|
-
styles: [".aui-input{display:inline-block;padding:0 var(--aui-inline-padding-xs);width:100%;min-width:0;border:1px solid rgb(var(--aui-color-n-7));border-radius:var(--aui-border-radius-m);background-color:rgb(var(--aui-color-n-9));color:rgb(var(--aui-color-n-1));outline:none;text-overflow:ellipsis}@-webkit-keyframes cdk-text-field-autofill-color-0{to{background:rgb(var(--aui-color-n-9));color:rgb(var(--aui-color-n-1))}}@keyframes cdk-text-field-autofill-color-0{to{background:rgb(var(--aui-color-n-9));color:rgb(var(--aui-color-n-1))}}.aui-input:-webkit-autofill{-webkit-animation:cdk-text-field-autofill-color-0 both;animation:cdk-text-field-autofill-color-0 both}.aui-input.cdk-text-field-autofill-monitored:-webkit-autofill{-webkit-animation:cdk-text-field-autofill-start 0s 1ms,cdk-text-field-autofill-color-0 both;animation:cdk-text-field-autofill-start 0s 1ms,cdk-text-field-autofill-color-0 both}.aui-input::-webkit-inner-spin-button,.aui-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.aui-input[type=number]{-moz-appearance:textfield}.aui-input::-moz-placeholder{color:rgb(var(--aui-color-n-6))}.aui-input:-ms-input-placeholder{color:rgb(var(--aui-color-n-6))}.aui-input::placeholder{color:rgb(var(--aui-color-n-6))}.aui-input:invalid,.aui-input:required{box-shadow:none}.aui-input.isFocused,.aui-input:focus,.aui-input:hover{border-color:rgb(var(--aui-color-primary))}.aui-input.isFocused,.aui-input:focus{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}.aui-input[readonly]{cursor:default}.aui-input[disabled],.aui-input[readonly]{background-color:rgb(var(--aui-color-n-8));border-color:rgb(var(--aui-color-n-7))!important}.aui-input[disabled]{color:rgb(var(--aui-color-n-6));cursor:not-allowed}.aui-input--large{height:var(--aui-inline-height-l);font-size:var(--aui-font-size-l)}.aui-input--medium{height:var(--aui-inline-height-m);font-size:var(--aui-font-size-m)}.aui-input--small{height:var(--aui-inline-height-s);font-size:var(--aui-font-size-m)}.aui-input--mini{height:var(--aui-inline-height-xs);font-size:var(--aui-font-size-s)}textarea.aui-input{padding:var(--aui-inline-padding-xxs) var(--aui-inline-padding-xs);height:calc(var(--aui-inline-padding-xxs) * 2 + var(--aui-line-height-m) * 3 + 2px);max-height:calc(var(--aui-inline-padding-xxs) * 2 + var(--aui-line-height-m) * 6 + 2px);min-height:var(--aui-inline-height-m);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);color:rgb(var(--aui-color-n-1));resize:vertical;overflow:auto}.aui-input.ng-invalid.ng-dirty,.ng-submitted .aui-input.ng-invalid{border-color:rgb(var(--aui-color-red))!important}.aui-input.ng-invalid.ng-dirty.isFocused,.aui-input.ng-invalid.ng-dirty:focus,.ng-submitted .aui-input.ng-invalid.isFocused,.ng-submitted .aui-input.ng-invalid:focus{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}", ".aui-tag{display:inline-flex;border-radius:2px;border:1px solid transparent;max-width:300px;vertical-align:middle;transition:background-color .3s ease}.aui-tag__content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aui-tag .aui-tag__close .aui-icon{margin-left:4px;border-radius:50%;cursor:pointer;transition:all .3s ease}.aui-tag--large{height:32px;line-height:30px;font-size:14px;padding:0 15px}.aui-tag--large.isRound{border-radius:16px}.aui-tag--medium{height:28px;line-height:26px;font-size:var(--aui-font-size-m);padding:0 11px}.aui-tag--medium.isRound{border-radius:14px}.aui-tag--small{height:24px;line-height:22px;font-size:12px;padding:0 7px}.aui-tag--small.isRound{border-radius:12px}.aui-tag--mini{height:20px;line-height:18px;font-size:12px;padding:0 7px}.aui-tag--mini.isRound{border-radius:10px}.aui-tag--primary{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-tag--primary.hasBorder{border-color:rgb(var(--aui-color-p-2))}.aui-tag--primary.hasBorder.allowClick:hover{border-color:rgb(var(--aui-color-p-1))}.aui-tag--primary.hasBorder.allowClick:active{border-color:rgb(var(--aui-color-p-0))}.aui-tag--primary.allowClick:hover{background-color:rgb(var(--aui-color-p-7));cursor:pointer}.aui-tag--primary.allowClick:active{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-tag--primary .aui-tag__close .aui-icon:hover{color:#e6f2fe;background-color:#007af5}.aui-tag--success{color:rgb(var(--aui-color-green));background-color:rgb(var(--aui-color-g-6))}.aui-tag--success.hasBorder{border-color:rgb(var(--aui-color-g-2))}.aui-tag--success.hasBorder.allowClick:hover{border-color:rgb(var(--aui-color-g-1))}.aui-tag--success.hasBorder.allowClick:active{border-color:rgb(var(--aui-color-g-0))}.aui-tag--success.allowClick:hover{background-color:rgb(var(--aui-color-g-7));cursor:pointer}.aui-tag--success.allowClick:active{color:rgb(var(--aui-color-green));background-color:rgb(var(--aui-color-g-6))}.aui-tag--success .aui-tag__close .aui-icon:hover{color:#e6f9ef;background-color:#00c261}.aui-tag--warning{color:rgb(var(--aui-color-yellow));background-color:rgb(var(--aui-color-y-6))}.aui-tag--warning.hasBorder{border-color:rgb(var(--aui-color-y-2))}.aui-tag--warning.hasBorder.allowClick:hover{border-color:rgb(var(--aui-color-y-1))}.aui-tag--warning.hasBorder.allowClick:active{border-color:rgb(var(--aui-color-y-0))}.aui-tag--warning.allowClick:hover{background-color:rgb(var(--aui-color-y-7));cursor:pointer}.aui-tag--warning.allowClick:active{color:rgb(var(--aui-color-yellow));background-color:rgb(var(--aui-color-y-6))}.aui-tag--warning .aui-tag__close .aui-icon:hover{color:#fef6e6;background-color:#f5a300}.aui-tag--error{color:rgb(var(--aui-color-red));background-color:rgb(var(--aui-color-r-6))}.aui-tag--error.hasBorder{border-color:rgb(var(--aui-color-r-2))}.aui-tag--error.hasBorder.allowClick:hover{border-color:rgb(var(--aui-color-r-1))}.aui-tag--error.hasBorder.allowClick:active{border-color:rgb(var(--aui-color-r-0))}.aui-tag--error.allowClick:hover{background-color:rgb(var(--aui-color-r-7));cursor:pointer}.aui-tag--error.allowClick:active{color:rgb(var(--aui-color-red));background-color:rgb(var(--aui-color-r-6))}.aui-tag--error .aui-tag__close .aui-icon:hover{color:#fde6e9;background-color:#eb0027}.aui-tag--info{color:rgb(var(--aui-color-n-2));background-color:rgb(var(--aui-color-n-8))}.aui-tag--info.hasBorder{border-color:rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-n-9))}.aui-tag--info .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-n-8));background-color:rgb(var(--aui-color-n-4))}.aui-tag.isInvalid{text-decoration:line-through}.aui-tag.isSolid,.aui-tag.isSolid .aui-tag__close .aui-icon:hover{color:#fff}.aui-tag.isSolid.aui-tag--primary{background-color:rgb(var(--aui-color-primary))}.aui-tag.isSolid.aui-tag--success{background-color:rgb(var(--aui-color-green))}.aui-tag.isSolid.aui-tag--warning{background-color:rgb(var(--aui-color-yellow))}.aui-tag.isSolid.aui-tag--error{background-color:rgb(var(--aui-color-red))}.aui-tag.isSolid.aui-tag--info{background-color:rgb(var(--aui-color-n))}.aui-tag.allowClick a{color:inherit}.aui-tag.allowClick:hover{cursor:pointer}aui-tag+aui-tag .aui-tag--large,aui-tag+aui-tag .aui-tag--medium,aui-tag+aui-tag .aui-tag--small{margin-left:8px}aui-tag+aui-tag .aui-tag--mini{margin-left:6px}", ".aui-option{padding:0 var(--aui-inline-padding-xs);color:rgb(var(--aui-color-n-1));background-color:rgb(var(--aui-color-n-10));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.aui-option--large{height:var(--aui-inline-height-l);line-height:var(--aui-inline-height-l);font-size:var(--aui-font-size-l)}.aui-option--medium{height:var(--aui-inline-height-m);line-height:var(--aui-inline-height-m);font-size:var(--aui-font-size-m)}.aui-option--small{height:var(--aui-inline-height-s);line-height:var(--aui-inline-height-s);font-size:var(--aui-font-size-m)}.aui-option--mini{height:var(--aui-inline-height-xs);line-height:var(--aui-inline-height-xs);font-size:var(--aui-font-size-s)}.aui-option:not(.isMulti).isSelected{color:rgb(var(--aui-color-primary))}.aui-option.isFocused,.aui-option:hover,.aui-option:not(.isMulti).isSelected{background-color:rgb(var(--aui-color-p-6))}.aui-option.isDisabled{color:rgb(var(--aui-color-n-6));background-color:rgb(var(--aui-color-n-10));cursor:not-allowed}.aui-option__pointer{display:inline-block;width:var(--aui-icon-size-m);height:var(--aui-icon-size-m);margin-right:var(--aui-spacing-m);border-radius:var(--aui-border-radius-m);border:1px solid rgb(var(--aui-color-n-7));color:rgb(var(--aui-color-n-10));background-color:rgb(var(--aui-color-n-9));position:relative;vertical-align:middle;transition:all .3s ease}.aui-option__pointer .aui-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin-left:0}.aui-option.cdk-keyboard-focused .aui-option__pointer{border-color:rgb(var(--aui-color-primary));box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}.aui-option.isSelected .aui-option__pointer{border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-primary))}.aui-option.isSelected.isDisabled .aui-option__pointer{border-color:rgb(var(--aui-color-p-4));background-color:rgb(var(--aui-color-p-4))}.aui-option.isDisabled .aui-option__label{cursor:not-allowed}.aui-option.isDisabled .aui-option__pointer{border-color:rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-n-8))}.aui-option:not(.isDisabled).isFocused .aui-option__pointer,.aui-option:not(.isDisabled):hover .aui-option__pointer{border-color:rgb(var(--aui-color-primary))}.aui-option-container{padding:8px 0;border-radius:var(--aui-border-radius-m);background-color:rgb(var(--aui-color-n-10));box-shadow:0 2px 8px 0 rgba(var(--aui-color-n-1),.2)}.aui-option-container__content{max-height:calc(var(--aui-inline-height-m) * 10);position:relative;overflow:auto}.aui-option-container__content::-webkit-scrollbar{width:4px;height:4px}.aui-option-container__content::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.3)}.aui-option-container__content .divider{border:none;border-top:1px solid rgb(var(--aui-color-n-8))}.aui-option-container__placeholder{color:rgb(var(--aui-color-n-4));font-size:var(--aui-font-size-m);text-align:center}.aui-option-container--small .aui-option-container__content{max-height:calc(var(--aui-inline-height-s) * 10)}.aui-option-container--small .aui-option-container__placeholder{font-size:var(--aui-font-size-s)}.aui-multi-select{display:inline-block;position:relative;width:100%;color:rgb(var(--aui-color-n-1));vertical-align:middle}.aui-multi-select:hover{cursor:text}.aui-multi-select .aui-tag{max-width:100%}.aui-multi-select.isDisabled{background-color:rgb(var(--aui-color-n-8));border-color:#c8cacd;cursor:not-allowed}.aui-multi-select.isDisabled .aui-tag{color:#c8cacd;background-color:rgb(var(--aui-color-n-8))}.aui-multi-select__placeholder{display:inline-block;width:100%;color:rgb(var(--aui-color-n-6));vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:absolute;margin-left:1px}.aui-multi-select__placeholder[hidden]{display:none}.aui-multi-select__mirror{opacity:0;left:0;z-index:-99;position:absolute;padding-left:1px}.aui-multi-select--large{min-height:40px;font-size:16px;padding:5px 11px 0}.aui-multi-select--large .aui-tag{margin:0 4px 5px 0}.aui-multi-select--medium{min-height:32px;font-size:14px;padding:5px 7px 0}.aui-multi-select--medium .aui-tag{margin:0 4px 5px 0}.aui-multi-select--small{min-height:28px;font-size:14px;padding:3px 7px 0}.aui-multi-select--small .aui-tag{margin:0 4px 3px 0}.aui-multi-select--mini{min-height:24px;font-size:12px;padding:1px 5px 0}.aui-multi-select--mini .aui-tag{margin:0 4px 1px 0}.aui-multi-select__suffix{right:7px}.aui-multi-select .aui-tag.aui-multi-select__input{width:1em;padding:0;border:none;outline:none;background:none;color:rgb(var(--aui-color-n-1));font-family:inherit;font-size:inherit;margin-top:-2px}.aui-multi-select .aui-tag.aui-multi-select__input--hidden{opacity:0;width:0;padding:0;margin:0;position:absolute}.ng-submitted aui-multi-select.ng-invalid .aui-input,.ng-submitted aui-multi-select.ng-invalid .aui-tags-input,aui-multi-select.ng-invalid.ng-dirty .aui-input,aui-multi-select.ng-invalid.ng-dirty .aui-tags-input{border-color:rgb(var(--aui-color-red))!important}.ng-submitted aui-multi-select.ng-invalid .aui-input .aui-tags-input__input,.ng-submitted aui-multi-select.ng-invalid .aui-tags-input .aui-tags-input__input,aui-multi-select.ng-invalid.ng-dirty .aui-input .aui-tags-input__input,aui-multi-select.ng-invalid.ng-dirty .aui-tags-input .aui-tags-input__input{color:rgb(var(--aui-color-red))}.ng-submitted aui-multi-select.ng-invalid .aui-input.isFocused,.ng-submitted aui-multi-select.ng-invalid .aui-tags-input.isFocused,aui-multi-select.ng-invalid.ng-dirty .aui-input.isFocused,aui-multi-select.ng-invalid.ng-dirty .aui-tags-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}.aui-multi-select--large{padding-right:calc(var(--aui-font-size-m) * 1 + var(--aui-inline-padding-xs) + var(--aui-spacing-m) * 1)}.aui-multi-select--large .aui-multi-select__suffix{right:calc(1px + var(--aui-inline-padding-xs))}.aui-multi-select--large.isClearable{padding-right:calc(var(--aui-font-size-m) * 2 + var(--aui-inline-padding-xs) + var(--aui-spacing-m) * 2)}.aui-multi-select--medium{padding-right:calc(var(--aui-font-size-m) * 1 + var(--aui-inline-padding-xs) + var(--aui-spacing-m) * 1)}.aui-multi-select--medium .aui-multi-select__suffix{right:calc(1px + var(--aui-inline-padding-xs))}.aui-multi-select--medium.isClearable{padding-right:calc(var(--aui-font-size-m) * 2 + var(--aui-inline-padding-xs) + var(--aui-spacing-m) * 2)}.aui-multi-select--small{padding-right:calc(var(--aui-font-size-s) * 1 + var(--aui-inline-padding-xs) + var(--aui-spacing-m) * 1)}.aui-multi-select--small .aui-multi-select__suffix{right:calc(1px + var(--aui-inline-padding-xs))}.aui-multi-select--small.isClearable{padding-right:calc(var(--aui-font-size-s) * 2 + var(--aui-inline-padding-xs) + var(--aui-spacing-m) * 2)}.aui-multi-select--mini{padding-right:calc(var(--aui-font-size-s) * 1 + var(--aui-inline-padding-xs) + var(--aui-spacing-m) * 1)}.aui-multi-select--mini .aui-multi-select__suffix{right:calc(1px + var(--aui-inline-padding-xs))}.aui-multi-select--mini.isClearable{padding-right:calc(var(--aui-font-size-s) * 2 + var(--aui-inline-padding-xs) + var(--aui-spacing-m) * 2)}.aui-multi-select__suffix{position:absolute;top:50%;transform:translateY(-50%)}.aui-multi-select__clear .aui-icon{border-radius:50%;color:rgb(var(--aui-color-n-4));cursor:pointer;transition:all .3s ease}.aui-multi-select__clear .aui-icon:hover{color:#fff;background-color:rgb(var(--aui-color-n-4))}.aui-multi-select__indicator{color:rgb(var(--aui-color-n-4));cursor:default}.aui-multi-select.withHeightLimit{overflow:auto;position:static}.aui-multi-select.withHeightLimit::-webkit-scrollbar{width:4px;height:4px}.aui-multi-select.withHeightLimit::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.3)}.aui-multi-select:not(.isDisabled) .aui-icon-caret_down_s{fill:rgb(var(--aui-color-n-2))}.aui-multi-select .aui-tag--info{background-color:rgb(var(--aui-color-n-10))}"]
|
|
5163
|
+
styles: [".aui-input{display:inline-block;padding:0 var(--aui-inline-padding-xs);width:100%;min-width:0;border:1px solid rgb(var(--aui-color-n-7));border-radius:var(--aui-border-radius-m);background-color:rgb(var(--aui-color-n-9));color:rgb(var(--aui-color-n-1));outline:none;text-overflow:ellipsis}@-webkit-keyframes cdk-text-field-autofill-color-0{to{background:rgb(var(--aui-color-n-9));color:rgb(var(--aui-color-n-1))}}@keyframes cdk-text-field-autofill-color-0{to{background:rgb(var(--aui-color-n-9));color:rgb(var(--aui-color-n-1))}}.aui-input:-webkit-autofill{-webkit-animation:cdk-text-field-autofill-color-0 both;animation:cdk-text-field-autofill-color-0 both}.aui-input.cdk-text-field-autofill-monitored:-webkit-autofill{-webkit-animation:cdk-text-field-autofill-start 0s 1ms,cdk-text-field-autofill-color-0 both;animation:cdk-text-field-autofill-start 0s 1ms,cdk-text-field-autofill-color-0 both}.aui-input::-webkit-inner-spin-button,.aui-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.aui-input[type=number]{-moz-appearance:textfield}.aui-input::-moz-placeholder{color:rgb(var(--aui-color-n-6))}.aui-input:-ms-input-placeholder{color:rgb(var(--aui-color-n-6))}.aui-input::placeholder{color:rgb(var(--aui-color-n-6))}.aui-input:invalid,.aui-input:required{box-shadow:none}.aui-input.isFocused,.aui-input:focus,.aui-input:hover{border-color:rgb(var(--aui-color-primary))}.aui-input.isFocused,.aui-input:focus{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}.aui-input[readonly]{cursor:default}.aui-input[disabled],.aui-input[readonly]{background-color:rgb(var(--aui-color-n-8));border-color:rgb(var(--aui-color-n-7))!important}.aui-input[disabled]{color:rgb(var(--aui-color-n-6));cursor:not-allowed}.aui-input--large{height:var(--aui-inline-height-l);font-size:var(--aui-font-size-l)}.aui-input--medium{height:var(--aui-inline-height-m);font-size:var(--aui-font-size-m)}.aui-input--small{height:var(--aui-inline-height-s);font-size:var(--aui-font-size-m)}.aui-input--mini{height:var(--aui-inline-height-xs);font-size:var(--aui-font-size-s)}textarea.aui-input{padding:var(--aui-inline-padding-xxs) var(--aui-inline-padding-xs);height:calc(var(--aui-inline-padding-xxs) * 2 + var(--aui-line-height-m) * 3 + 2px);max-height:calc(var(--aui-inline-padding-xxs) * 2 + var(--aui-line-height-m) * 6 + 2px);min-height:var(--aui-inline-height-m);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);color:rgb(var(--aui-color-n-1));resize:vertical;overflow:auto}.aui-input.ng-invalid.ng-dirty,.ng-submitted .aui-input.ng-invalid{border-color:rgb(var(--aui-color-red))!important}.aui-input.ng-invalid.ng-dirty.isFocused,.aui-input.ng-invalid.ng-dirty:focus,.ng-submitted .aui-input.ng-invalid.isFocused,.ng-submitted .aui-input.ng-invalid:focus{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}", ".aui-tag{display:inline-flex;border-radius:2px;border:1px solid transparent;max-width:300px;vertical-align:middle;transition:background-color .3s ease}.aui-tag__content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aui-tag .aui-tag__close .aui-icon{margin-left:4px;border-radius:50%;cursor:pointer;transition:all .3s ease}.aui-tag--large{height:32px;line-height:30px;font-size:14px;padding:0 15px}.aui-tag--large.isRound{border-radius:16px}.aui-tag--medium{height:28px;line-height:26px;font-size:var(--aui-font-size-m);padding:0 11px}.aui-tag--medium.isRound{border-radius:14px}.aui-tag--small{height:24px;line-height:22px;font-size:12px;padding:0 7px}.aui-tag--small.isRound{border-radius:12px}.aui-tag--mini{height:20px;line-height:18px;font-size:12px;padding:0 7px}.aui-tag--mini.isRound{border-radius:10px}.aui-tag--primary{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-tag--primary.hasBorder{border-color:rgb(var(--aui-color-p-2))}.aui-tag--primary.hasBorder.allowClick:hover{border-color:rgb(var(--aui-color-p-1))}.aui-tag--primary.hasBorder.allowClick:active{border-color:rgb(var(--aui-color-p-0))}.aui-tag--primary.allowClick:hover{background-color:rgb(var(--aui-color-p-7));cursor:pointer}.aui-tag--primary.allowClick:active{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-tag--primary .aui-tag__close .aui-icon:hover{color:#e6f2fe;background-color:#007af5}.aui-tag--success{color:rgb(var(--aui-color-green));background-color:rgb(var(--aui-color-g-6))}.aui-tag--success.hasBorder{border-color:rgb(var(--aui-color-g-2))}.aui-tag--success.hasBorder.allowClick:hover{border-color:rgb(var(--aui-color-g-1))}.aui-tag--success.hasBorder.allowClick:active{border-color:rgb(var(--aui-color-g-0))}.aui-tag--success.allowClick:hover{background-color:rgb(var(--aui-color-g-7));cursor:pointer}.aui-tag--success.allowClick:active{color:rgb(var(--aui-color-green));background-color:rgb(var(--aui-color-g-6))}.aui-tag--success .aui-tag__close .aui-icon:hover{color:#e6f9ef;background-color:#00c261}.aui-tag--warning{color:rgb(var(--aui-color-yellow));background-color:rgb(var(--aui-color-y-6))}.aui-tag--warning.hasBorder{border-color:rgb(var(--aui-color-y-2))}.aui-tag--warning.hasBorder.allowClick:hover{border-color:rgb(var(--aui-color-y-1))}.aui-tag--warning.hasBorder.allowClick:active{border-color:rgb(var(--aui-color-y-0))}.aui-tag--warning.allowClick:hover{background-color:rgb(var(--aui-color-y-7));cursor:pointer}.aui-tag--warning.allowClick:active{color:rgb(var(--aui-color-yellow));background-color:rgb(var(--aui-color-y-6))}.aui-tag--warning .aui-tag__close .aui-icon:hover{color:#fef6e6;background-color:#f5a300}.aui-tag--error{color:rgb(var(--aui-color-red));background-color:rgb(var(--aui-color-r-6))}.aui-tag--error.hasBorder{border-color:rgb(var(--aui-color-r-2))}.aui-tag--error.hasBorder.allowClick:hover{border-color:rgb(var(--aui-color-r-1))}.aui-tag--error.hasBorder.allowClick:active{border-color:rgb(var(--aui-color-r-0))}.aui-tag--error.allowClick:hover{background-color:rgb(var(--aui-color-r-7));cursor:pointer}.aui-tag--error.allowClick:active{color:rgb(var(--aui-color-red));background-color:rgb(var(--aui-color-r-6))}.aui-tag--error .aui-tag__close .aui-icon:hover{color:#fde6e9;background-color:#eb0027}.aui-tag--info{color:rgb(var(--aui-color-n-2));background-color:rgb(var(--aui-color-n-8))}.aui-tag--info.hasBorder{border-color:rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-n-9))}.aui-tag--info .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-n-8));background-color:rgb(var(--aui-color-n-4))}.aui-tag.isInvalid{text-decoration:line-through}.aui-tag.isSolid,.aui-tag.isSolid .aui-tag__close .aui-icon:hover{color:#fff}.aui-tag.isSolid.aui-tag--primary{background-color:rgb(var(--aui-color-primary))}.aui-tag.isSolid.aui-tag--success{background-color:rgb(var(--aui-color-green))}.aui-tag.isSolid.aui-tag--warning{background-color:rgb(var(--aui-color-yellow))}.aui-tag.isSolid.aui-tag--error{background-color:rgb(var(--aui-color-red))}.aui-tag.isSolid.aui-tag--info{background-color:rgb(var(--aui-color-n))}.aui-tag.allowClick a{color:inherit}.aui-tag.allowClick:hover{cursor:pointer}aui-tag+aui-tag .aui-tag--large,aui-tag+aui-tag .aui-tag--medium,aui-tag+aui-tag .aui-tag--small{margin-left:8px}aui-tag+aui-tag .aui-tag--mini{margin-left:6px}", ".aui-option{padding:0 var(--aui-inline-padding-xs);color:rgb(var(--aui-color-n-1));background-color:rgb(var(--aui-color-n-10));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.aui-option--large{height:var(--aui-inline-height-l);line-height:var(--aui-inline-height-l);font-size:var(--aui-font-size-l)}.aui-option--medium{height:var(--aui-inline-height-m);line-height:var(--aui-inline-height-m);font-size:var(--aui-font-size-m)}.aui-option--small{height:var(--aui-inline-height-s);line-height:var(--aui-inline-height-s);font-size:var(--aui-font-size-m)}.aui-option--mini{height:var(--aui-inline-height-xs);line-height:var(--aui-inline-height-xs);font-size:var(--aui-font-size-s)}.aui-option:not(.isMulti).isSelected{color:rgb(var(--aui-color-primary))}.aui-option.isFocused,.aui-option:hover,.aui-option:not(.isMulti).isSelected{background-color:rgb(var(--aui-color-p-6))}.aui-option.isDisabled{color:rgb(var(--aui-color-n-6));background-color:rgb(var(--aui-color-n-10));cursor:not-allowed}.aui-option__pointer{display:inline-block;width:var(--aui-icon-size-m);height:var(--aui-icon-size-m);margin-right:var(--aui-spacing-m);border-radius:var(--aui-border-radius-m);border:1px solid rgb(var(--aui-color-n-7));color:rgb(var(--aui-color-n-10));background-color:rgb(var(--aui-color-n-9));position:relative;vertical-align:middle;transition:all .3s ease}.aui-option__pointer .aui-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin-left:0}.aui-option.cdk-keyboard-focused .aui-option__pointer{border-color:rgb(var(--aui-color-primary));box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}.aui-option.isSelected .aui-option__pointer{border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-primary))}.aui-option.isSelected.isDisabled .aui-option__pointer{border-color:rgb(var(--aui-color-p-4));background-color:rgb(var(--aui-color-p-4))}.aui-option.isDisabled .aui-option__label{cursor:not-allowed}.aui-option.isDisabled .aui-option__pointer{border-color:rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-n-8))}.aui-option:not(.isDisabled).isFocused .aui-option__pointer,.aui-option:not(.isDisabled):hover .aui-option__pointer{border-color:rgb(var(--aui-color-primary))}.aui-option-container{padding:8px 0;border-radius:var(--aui-border-radius-m);background-color:rgb(var(--aui-color-n-10));box-shadow:0 2px 8px 0 rgba(var(--aui-color-n-1),.2)}.aui-option-container__content{max-height:calc(var(--aui-inline-height-m) * 10);position:relative;overflow:auto}.aui-option-container__content::-webkit-scrollbar{width:4px;height:4px}.aui-option-container__content::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.3)}.aui-option-container__content .divider{border:none;border-top:1px solid rgb(var(--aui-color-n-8))}.aui-option-container__placeholder{color:rgb(var(--aui-color-n-4));font-size:var(--aui-font-size-m);text-align:center}.aui-option-container--small .aui-option-container__content{max-height:calc(var(--aui-inline-height-s) * 10)}.aui-option-container--small .aui-option-container__placeholder{font-size:var(--aui-font-size-s)}.aui-multi-select{display:inline-block;position:relative;width:100%;color:rgb(var(--aui-color-n-1));vertical-align:middle}.aui-multi-select:hover{cursor:text}.aui-multi-select .aui-tag{max-width:100%}.aui-multi-select.isDisabled{background-color:rgb(var(--aui-color-n-8));border-color:#c8cacd;cursor:not-allowed}.aui-multi-select.isDisabled .aui-tag{color:#c8cacd;background-color:rgb(var(--aui-color-n-8))}.aui-multi-select__placeholder{display:inline-block;width:100%;color:rgb(var(--aui-color-n-6));vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:absolute;margin-left:1px}.aui-multi-select__placeholder[hidden]{display:none}.aui-multi-select__mirror{opacity:0;left:0;z-index:-99;position:absolute;padding-left:1px}.aui-multi-select--large{min-height:40px;font-size:16px;padding:5px 11px 0}.aui-multi-select--large .aui-tag{margin:0 4px 5px 0}.aui-multi-select--medium{min-height:32px;font-size:14px;padding:5px 7px 0}.aui-multi-select--medium .aui-tag{margin:0 4px 5px 0}.aui-multi-select--small{min-height:28px;font-size:14px;padding:3px 7px 0}.aui-multi-select--small .aui-tag{margin:0 4px 3px 0}.aui-multi-select--mini{min-height:24px;font-size:12px;padding:1px 5px 0}.aui-multi-select--mini .aui-tag{margin:0 4px 1px 0}.aui-multi-select__suffix{right:7px}.aui-multi-select .aui-tag.aui-multi-select__input{width:1em;padding:0;border:none;outline:none;background:none;color:rgb(var(--aui-color-n-1));font-family:inherit;font-size:inherit;margin-top:-2px}.aui-multi-select .aui-tag.aui-multi-select__input--hidden{opacity:0;width:0;padding:0;margin:0;position:absolute}.ng-submitted aui-multi-select.ng-invalid .aui-input,.ng-submitted aui-multi-select.ng-invalid .aui-tags-input,aui-multi-select.ng-invalid.ng-dirty .aui-input,aui-multi-select.ng-invalid.ng-dirty .aui-tags-input{border-color:rgb(var(--aui-color-red))!important}.ng-submitted aui-multi-select.ng-invalid .aui-input.isFocused,.ng-submitted aui-multi-select.ng-invalid .aui-input:focus,.ng-submitted aui-multi-select.ng-invalid .aui-tags-input.isFocused,.ng-submitted aui-multi-select.ng-invalid .aui-tags-input:focus,aui-multi-select.ng-invalid.ng-dirty .aui-input.isFocused,aui-multi-select.ng-invalid.ng-dirty .aui-input:focus,aui-multi-select.ng-invalid.ng-dirty .aui-tags-input.isFocused,aui-multi-select.ng-invalid.ng-dirty .aui-tags-input:focus{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}.ng-submitted aui-multi-select.ng-invalid .aui-input .aui-tags-input__input,.ng-submitted aui-multi-select.ng-invalid .aui-tags-input .aui-tags-input__input,aui-multi-select.ng-invalid.ng-dirty .aui-input .aui-tags-input__input,aui-multi-select.ng-invalid.ng-dirty .aui-tags-input .aui-tags-input__input{color:rgb(var(--aui-color-red))}.aui-multi-select--large{height:var(--aui-inline-height-l);font-size:var(--aui-font-size-l);line-height:var(--aui-line-height-l);padding-right:calc(var(--aui-inline-padding-xs) * 2 + var(--aui-icon-size-l) + 1px)}.aui-multi-select--large .aui-multi-select__suffix{right:calc(var(--aui-inline-padding-xs) + 1px);font-size:var(--aui-icon-size-l)}.aui-multi-select--medium{height:var(--aui-inline-height-m);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);padding-right:calc(var(--aui-inline-padding-xs) * 2 + var(--aui-icon-size-m) + 1px)}.aui-multi-select--medium .aui-multi-select__suffix{right:calc(var(--aui-inline-padding-xs) + 1px);font-size:var(--aui-icon-size-m)}.aui-multi-select--small{height:var(--aui-inline-height-s);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);padding-right:calc(var(--aui-inline-padding-xs) * 2 + var(--aui-icon-size-m) + 1px)}.aui-multi-select--small .aui-multi-select__suffix{right:calc(var(--aui-inline-padding-xs) + 1px);font-size:var(--aui-icon-size-m)}.aui-multi-select--mini{height:var(--aui-inline-height-xs);font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s);padding-right:calc(var(--aui-inline-padding-xs) * 2 + var(--aui-icon-size-s) + 1px)}.aui-multi-select--mini .aui-multi-select__suffix{right:calc(var(--aui-inline-padding-xs) + 1px);font-size:var(--aui-icon-size-s)}.aui-multi-select__suffix{position:absolute;top:50%;transform:translateY(-50%)}.aui-multi-select__icon-container{display:block;position:relative;color:rgb(var(--aui-color-n-4))}.aui-multi-select__clear{display:none}.aui-multi-select__clear .aui-icon{border-radius:50%;color:rgb(var(--aui-color-n-4));cursor:pointer;transition:all .3s ease}.aui-multi-select__clear .aui-icon:hover{color:#fff;background-color:rgb(var(--aui-color-n-4))}.aui-multi-select.isClearable:not(.isDisabled):hover .aui-multi-select__indicator{display:none}.aui-multi-select.isClearable:not(.isDisabled):hover .aui-multi-select__clear{display:flex}.aui-multi-select.withHeightLimit{overflow:auto;position:static}.aui-multi-select.withHeightLimit::-webkit-scrollbar{width:4px;height:4px}.aui-multi-select.withHeightLimit::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.3)}.aui-multi-select .aui-tag--info{background-color:rgb(var(--aui-color-n-10))}"]
|
|
5164
5164
|
},] }
|
|
5165
5165
|
];
|
|
5166
5166
|
MultiSelectComponent.ctorParameters = () => [
|
|
@@ -5277,7 +5277,7 @@ class SelectComponent extends BaseSelect {
|
|
|
5277
5277
|
SelectComponent.decorators = [
|
|
5278
5278
|
{ type: Component, args: [{
|
|
5279
5279
|
selector: 'aui-select',
|
|
5280
|
-
template: "<div\n [class]=\"rootClass\"\n [class.isDisabled]=\"disabled\"\n [class.isClearable]=\"isClearable(hasSelected$ | async)\"\n [class.isFilterable]=\"filterable\"\n [class.isOpened]=\"opened\"\n #selectRef\n #tooltipRef=\"auiTooltip\"\n [auiTooltip]=\"templateRef\"\n [auiTooltipDisabled]=\"disabled\"\n auiTooltipTrigger=\"click\"\n auiTooltipPosition=\"bottom start\"\n auiTooltipType=\"plain\"\n (auiTooltipShow)=\"onShowOptions()\"\n (auiTooltipHide)=\"onHideOptions()\"\n>\n <aui-input-group>\n <input\n #inputRef\n class=\"aui-select__input\"\n autocomplete=\"off\"\n aui-input\n [disabled]=\"disabled\"\n [size]=\"size\"\n [readonly]=\"inputReadonly\"\n [placeholder]=\"!(hasSelected$ | async) ? placeholder : ''\"\n (input)=\"onInput($event)\"\n (keydown)=\"onKeyDown($event)\"\n (blur)=\"closeOption()\"\n />\n <aui-
|
|
5280
|
+
template: "<div\n [class]=\"rootClass\"\n [class.isDisabled]=\"disabled\"\n [class.isClearable]=\"isClearable(hasSelected$ | async)\"\n [class.isFilterable]=\"filterable\"\n [class.isOpened]=\"opened\"\n #selectRef\n #tooltipRef=\"auiTooltip\"\n [auiTooltip]=\"templateRef\"\n [auiTooltipDisabled]=\"disabled\"\n auiTooltipTrigger=\"click\"\n auiTooltipPosition=\"bottom start\"\n auiTooltipType=\"plain\"\n (auiTooltipShow)=\"onShowOptions()\"\n (auiTooltipHide)=\"onHideOptions()\"\n>\n <aui-input-group>\n <input\n #inputRef\n class=\"aui-select__input\"\n autocomplete=\"off\"\n aui-input\n [disabled]=\"disabled\"\n [size]=\"size\"\n [readonly]=\"inputReadonly\"\n [placeholder]=\"!(hasSelected$ | async) ? placeholder : ''\"\n (input)=\"onInput($event)\"\n (keydown)=\"onKeyDown($event)\"\n (blur)=\"closeOption()\"\n />\n <span auiInputSuffix class=\"aui-select__icon-container\">\n <aui-icon\n class=\"aui-select__indicator\"\n [icon]=\"loading ? 'spinner' : 'caret_down_s'\"\n ></aui-icon>\n <aui-icon\n class=\"aui-select__clear\"\n icon=\"close_small\"\n (click)=\"clearValue($event)\"\n ></aui-icon>\n </span>\n <div\n *ngIf=\"(selectedOption$ | async) && !filterString\"\n class=\"aui-select__label-container aui-input aui-input--{{ size }}\"\n [attr.disabled]=\"disabled ? true : null\"\n >\n <div class=\"aui-select__label\">\n <ng-container *ngIf=\"(selectedOption$ | async).label as optionLabel\">\n <ng-container\n *ngIf=\"isTemplateRef(optionLabel); else label\"\n [ngTemplateOutlet]=\"optionLabel\"\n [ngTemplateOutletContext]=\"(selectedOption$ | async).labelContext\"\n ></ng-container>\n <ng-template #label>{{ optionLabel }}</ng-template>\n </ng-container>\n </div>\n </div>\n </aui-input-group>\n</div>\n\n<ng-template #templateRef>\n <div\n [class]=\"containerClass\"\n [style.minWidth]=\"containerWidth\"\n (mousedown)=\"$event.preventDefault()\"\n >\n <div #optionListRef class=\"aui-option-container__content\">\n <aui-option\n #inputtingOption\n *ngIf=\"allowCreate && filterString && !(hasMatchedOption$ | async)\"\n [value]=\"filterString\"\n >\n {{ filterString }}\n </aui-option>\n <ng-container *ngIf=\"allowCreate\">\n <aui-option\n *ngFor=\"let option of customCreatedOptions$ | async\"\n [label]=\"option.label\"\n [value]=\"option.value\"\n >\n {{ option.label }}\n </aui-option>\n </ng-container>\n <ng-content></ng-content>\n </div>\n <div\n *ngIf=\"\n !(\n (hasVisibleOption$ | async) ||\n (allowCreate && (customCreatedOptions$ | async).length) ||\n (allowCreate && filterString)\n )\n \"\n class=\"aui-option-container__placeholder\"\n >\n <ng-content select=\"aui-option-placeholder\"></ng-content>\n </div>\n </div>\n</ng-template>\n",
|
|
5281
5281
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
5282
5282
|
encapsulation: ViewEncapsulation.None,
|
|
5283
5283
|
preserveWhitespaces: false,
|
|
@@ -5292,7 +5292,7 @@ SelectComponent.decorators = [
|
|
|
5292
5292
|
useExisting: SelectComponent,
|
|
5293
5293
|
},
|
|
5294
5294
|
],
|
|
5295
|
-
styles: [".aui-option-container{padding:8px 0;border-radius:var(--aui-border-radius-m);background-color:rgb(var(--aui-color-n-10));box-shadow:0 2px 8px 0 rgba(var(--aui-color-n-1),.2)}.aui-option-container__content{max-height:calc(var(--aui-inline-height-m) * 10);position:relative;overflow:auto}.aui-option-container__content::-webkit-scrollbar{width:4px;height:4px}.aui-option-container__content::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.3)}.aui-option-container__content .divider{border:none;border-top:1px solid rgb(var(--aui-color-n-8))}.aui-option-container__placeholder{color:rgb(var(--aui-color-n-4));font-size:var(--aui-font-size-m);text-align:center}.aui-option-container--small .aui-option-container__content{max-height:calc(var(--aui-inline-height-s) * 10)}.aui-option-container--small .aui-option-container__placeholder{font-size:var(--aui-font-size-s)}.aui-select{display:inline-block;position:relative;width:100%}.aui-select__clear .aui-icon{border-radius:50%;color:rgb(var(--aui-color-n-4));cursor:pointer;transition:all .3s ease}.aui-select__clear .aui-icon:hover{color:#fff;background-color:rgb(var(--aui-color-n-4))}.aui-select__label-container.aui-input{position:absolute;top:0;left:0;display:inline-flex;align-items:center;pointer-events:none;background-color:transparent;border-color:transparent}.aui-select.isFilterable.isOpened .aui-select__label-container.aui-input{color:rgb(var(--aui-color-n-4))}.aui-select__label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aui-
|
|
5295
|
+
styles: [".aui-option-container{padding:8px 0;border-radius:var(--aui-border-radius-m);background-color:rgb(var(--aui-color-n-10));box-shadow:0 2px 8px 0 rgba(var(--aui-color-n-1),.2)}.aui-option-container__content{max-height:calc(var(--aui-inline-height-m) * 10);position:relative;overflow:auto}.aui-option-container__content::-webkit-scrollbar{width:4px;height:4px}.aui-option-container__content::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.3)}.aui-option-container__content .divider{border:none;border-top:1px solid rgb(var(--aui-color-n-8))}.aui-option-container__placeholder{color:rgb(var(--aui-color-n-4));font-size:var(--aui-font-size-m);text-align:center}.aui-option-container--small .aui-option-container__content{max-height:calc(var(--aui-inline-height-s) * 10)}.aui-option-container--small .aui-option-container__placeholder{font-size:var(--aui-font-size-s)}.aui-select{display:inline-block;position:relative;width:100%}.aui-select__icon-container{display:block;position:relative;color:rgb(var(--aui-color-n-4))}.aui-select__clear{display:none}.aui-select__clear .aui-icon{border-radius:50%;color:rgb(var(--aui-color-n-4));cursor:pointer;transition:all .3s ease}.aui-select__clear .aui-icon:hover{color:#fff;background-color:rgb(var(--aui-color-n-4))}.aui-select.isClearable:not(.isDisabled):hover .aui-select__indicator{display:none}.aui-select.isClearable:not(.isDisabled):hover .aui-select__clear{display:flex}.aui-select__label-container.aui-input{position:absolute;top:0;left:0;display:inline-flex;align-items:center;pointer-events:none;background-color:transparent;border-color:transparent}.aui-select.isFilterable.isOpened .aui-select__label-container.aui-input{color:rgb(var(--aui-color-n-4))}.aui-select__label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aui-select__input.aui-input[readonly]{background-color:rgb(var(--aui-color-n-9));border-color:rgb(var(--aui-color-n-7))!important;cursor:text}.aui-select__input.aui-input[readonly]:focus{border-color:rgb(var(--aui-color-primary))}.aui-select__input.aui-input[disabled]{background-color:rgb(var(--aui-color-n-8));border-color:rgb(var(--aui-color-n-7))}.ng-submitted aui-select.ng-invalid .aui-input,aui-select.ng-invalid.ng-dirty .aui-input{border-color:rgb(var(--aui-color-red))!important}.ng-submitted aui-select.ng-invalid .aui-input.isFocused,.ng-submitted aui-select.ng-invalid .aui-input:focus,aui-select.ng-invalid.ng-dirty .aui-input.isFocused,aui-select.ng-invalid.ng-dirty .aui-input:focus{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}"]
|
|
5296
5296
|
},] }
|
|
5297
5297
|
];
|
|
5298
5298
|
SelectComponent.propDecorators = {
|
|
@@ -7193,6 +7193,9 @@ class TreeSelectComponent extends CommonFormControl {
|
|
|
7193
7193
|
set leafOnly(val) {
|
|
7194
7194
|
this._leafOnly = coerceAttrBoolean(val);
|
|
7195
7195
|
}
|
|
7196
|
+
get isClearable() {
|
|
7197
|
+
return !this.disabled && this.clearable && this.getInputValue();
|
|
7198
|
+
}
|
|
7196
7199
|
get opened() {
|
|
7197
7200
|
return this.tooltipRef.isCreated;
|
|
7198
7201
|
}
|
|
@@ -7209,9 +7212,6 @@ class TreeSelectComponent extends CommonFormControl {
|
|
|
7209
7212
|
this.filterChange.emit(val);
|
|
7210
7213
|
}
|
|
7211
7214
|
}
|
|
7212
|
-
get rootClass() {
|
|
7213
|
-
return `aui-tree-select ${this.displayClearable() ? 'isClearable' : ''}`;
|
|
7214
|
-
}
|
|
7215
7215
|
openNodes() {
|
|
7216
7216
|
this.tooltipRef.createTooltip();
|
|
7217
7217
|
}
|
|
@@ -7287,9 +7287,6 @@ class TreeSelectComponent extends CommonFormControl {
|
|
|
7287
7287
|
getInputValue() {
|
|
7288
7288
|
return this.filterable && this.opened ? '' : this.displayText;
|
|
7289
7289
|
}
|
|
7290
|
-
displayClearable() {
|
|
7291
|
-
return !this.disabled && this.clearable && this.getInputValue();
|
|
7292
|
-
}
|
|
7293
7290
|
flatNodesData(nodes = []) {
|
|
7294
7291
|
return nodes.reduce((prevValue, currentNode) => prevValue.concat(currentNode, this.flatNodesData(currentNode.children)), []);
|
|
7295
7292
|
}
|
|
@@ -7309,7 +7306,7 @@ class TreeSelectComponent extends CommonFormControl {
|
|
|
7309
7306
|
TreeSelectComponent.decorators = [
|
|
7310
7307
|
{ type: Component, args: [{
|
|
7311
7308
|
selector: 'aui-tree-select',
|
|
7312
|
-
template: "<div\n
|
|
7309
|
+
template: "<div\n class=\"aui-tree-select\"\n [class.isDisabled]=\"disabled\"\n [class.isClearable]=\"isClearable\"\n #selectRef\n #tooltipRef=\"auiTooltip\"\n [auiTooltip]=\"templateRef\"\n [auiTooltipDisabled]=\"disabled\"\n auiTooltipTrigger=\"click\"\n auiTooltipPosition=\"bottom start\"\n auiTooltipType=\"plain\"\n (auiTooltipShow)=\"onShowNodes()\"\n (auiTooltipHide)=\"onHideNodes()\"\n>\n <aui-input-group>\n <input\n #inputRef\n class=\"aui-tree-select__input\"\n autocomplete=\"off\"\n aui-input\n [value]=\"getInputValue()\"\n [disabled]=\"disabled\"\n [placeholder]=\"getPlaceholder()\"\n [readonly]=\"inputReadonly\"\n (input)=\"onInput($event)\"\n (blur)=\"closeNodes()\"\n (keydown)=\"onKeyDown($event)\"\n />\n <span auiInputSuffix class=\"aui-tree-select__icon-container\">\n <aui-icon\n class=\"aui-tree-select__indicator\"\n [icon]=\"loading ? 'spinner' : 'caret_down_s'\"\n ></aui-icon>\n <aui-icon\n class=\"aui-tree-select__clear\"\n icon=\"close_small\"\n (click)=\"clearValue($event)\"\n ></aui-icon>\n </span>\n </aui-input-group>\n</div>\n\n<ng-template #templateRef>\n <div\n class=\"aui-tree-node-container\"\n [style.minWidth]=\"containerWidth\"\n (mousedown)=\"$event.preventDefault()\"\n >\n <div #nodeListRef class=\"aui-tree-node-container__content\">\n <aui-tree-node\n *ngFor=\"let data of nodesData; trackBy: trackByLabel\"\n [nodeData]=\"data\"\n [leafOnly]=\"leafOnly\"\n ></aui-tree-node>\n </div>\n <div\n *ngIf=\"!getVisibleNodeCount()\"\n class=\"aui-tree-node-container__placeholder\"\n >\n <ng-content select=\"aui-tree-node-placeholder\"></ng-content>\n </div>\n </div>\n</ng-template>\n",
|
|
7313
7310
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
7314
7311
|
encapsulation: ViewEncapsulation.None,
|
|
7315
7312
|
preserveWhitespaces: false,
|
|
@@ -7320,7 +7317,7 @@ TreeSelectComponent.decorators = [
|
|
|
7320
7317
|
multi: true,
|
|
7321
7318
|
},
|
|
7322
7319
|
],
|
|
7323
|
-
styles: [".aui-tree-node-container{padding:8px 0;border-radius:var(--aui-border-radius-m);background-color:rgb(var(--aui-color-n-10));box-shadow:0 2px 8px 0 rgba(var(--aui-color-n-1),.2)}.aui-tree-node-container__content{max-height:calc(var(--aui-inline-height-s) * 10);position:relative;overflow:auto}.aui-tree-node-container__content::-webkit-scrollbar{width:4px;height:4px}.aui-tree-node-container__content::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.3)}.aui-tree-node-container__content .divider{border:none;border-top:1px solid rgb(var(--aui-color-n-8))}.aui-tree-node-container__placeholder{color:rgb(var(--aui-color-n-4));font-size:var(--aui-font-size-m);text-align:center}.aui-tree-node-container--small .aui-tree-node-container__content{max-height:calc(var(--aui-inline-height-s) * 10)}.aui-tree-node-container--small .aui-tree-node-container__placeholder{font-size:var(--aui-font-size-s)}.aui-tree-select{display:inline-block;position:relative;width:100%}.aui-tree-
|
|
7320
|
+
styles: [".aui-tree-node-container{padding:8px 0;border-radius:var(--aui-border-radius-m);background-color:rgb(var(--aui-color-n-10));box-shadow:0 2px 8px 0 rgba(var(--aui-color-n-1),.2)}.aui-tree-node-container__content{max-height:calc(var(--aui-inline-height-s) * 10);position:relative;overflow:auto}.aui-tree-node-container__content::-webkit-scrollbar{width:4px;height:4px}.aui-tree-node-container__content::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.3)}.aui-tree-node-container__content .divider{border:none;border-top:1px solid rgb(var(--aui-color-n-8))}.aui-tree-node-container__placeholder{color:rgb(var(--aui-color-n-4));font-size:var(--aui-font-size-m);text-align:center}.aui-tree-node-container--small .aui-tree-node-container__content{max-height:calc(var(--aui-inline-height-s) * 10)}.aui-tree-node-container--small .aui-tree-node-container__placeholder{font-size:var(--aui-font-size-s)}.aui-tree-select{display:inline-block;position:relative;width:100%}.aui-tree-select__icon-container{display:block;position:relative;color:rgb(var(--aui-color-n-4))}.aui-tree-select__clear{display:none}.aui-tree-select__clear .aui-icon{border-radius:50%;color:rgb(var(--aui-color-n-4));cursor:pointer;transition:all .3s ease}.aui-tree-select__clear .aui-icon:hover{color:#fff;background-color:rgb(var(--aui-color-n-4))}.aui-tree-select.isClearable:not(.isDisabled):hover .aui-tree-select__indicator{display:none}.aui-tree-select.isClearable:not(.isDisabled):hover .aui-tree-select__clear{display:flex}.aui-tree-select:not(.isDisabled):hover .aui-input{border-color:rgb(var(--aui-color-primary))}.aui-tree-select__input.aui-input[readonly]:not([disabled]){background-color:rgb(var(--aui-color-n-9));cursor:text}.ng-submitted aui-tree-select.ng-invalid .aui-input,aui-tree-select.ng-invalid.ng-dirty .aui-input{border-color:rgb(var(--aui-color-red))!important}.ng-submitted aui-tree-select.ng-invalid .aui-input.isFocused,.ng-submitted aui-tree-select.ng-invalid .aui-input:focus,aui-tree-select.ng-invalid.ng-dirty .aui-input.isFocused,aui-tree-select.ng-invalid.ng-dirty .aui-input:focus{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}"]
|
|
7324
7321
|
},] }
|
|
7325
7322
|
];
|
|
7326
7323
|
TreeSelectComponent.propDecorators = {
|
|
@@ -8251,7 +8248,7 @@ AccordionItemComponent.decorators = [
|
|
|
8251
8248
|
]),
|
|
8252
8249
|
],
|
|
8253
8250
|
viewProviders: [AccordionItemComponent],
|
|
8254
|
-
styles: [".aui-accordion-item{display:block;padding:20px;border:1px solid rgb(var(--aui-color-n-
|
|
8251
|
+
styles: [".aui-accordion-item{display:block;padding:20px;border:1px solid rgb(var(--aui-color-n-7));border-radius:var(--aui-border-radius-l);background-color:rgb(var(--aui-color-n-10))}.aui-accordion-item__expand-button{display:inline-flex;justify-content:center;align-items:center;width:var(--aui-icon-size-m);height:var(--aui-icon-size-m);font-size:var(--aui-icon-size-m);line-height:var(--aui-icon-size-m);color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6));border-radius:50%;border:none;cursor:pointer;transition:transform .1s ease-in-out}.aui-accordion-item__expand-button aui-icon{display:block;width:var(--aui-icon-size-m);height:var(--aui-icon-size-m)}.aui-accordion-item__expand-button:hover{background-color:rgb(var(--aui-color-p-7))}.aui-accordion-item__expand-button:active{background-color:rgb(var(--aui-color-p-5))}.aui-accordion-item__expand-button.isExpanded{transform:rotate(90deg);color:rgb(var(--aui-color-n-10));background-color:rgb(var(--aui-color-primary))}.aui-accordion-item__expand-button.isExpanded:hover{background-color:rgb(var(--aui-color-p-1))}.aui-accordion-item__expand-button.isExpanded:active{background-color:rgb(var(--aui-color-p-0))}.aui-accordion-item__expand-button.isExpanded[disabled],.aui-accordion-item__expand-button[disabled]{background-color:rgb(var(--aui-color-n-8));color:rgb(var(--aui-color-n-6));cursor:not-allowed}.aui-accordion-item__expand-button:first-child{margin-right:20px}.aui-accordion-item__expand-button:last-child{margin-left:20px}.aui-accordion-item__header{display:inline-flex;align-items:center;width:100%;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);color:rgb(var(--aui-color-n-1))}.aui-accordion-item__header-content{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aui-accordion-item__body,.aui-accordion-item__content{border-radius:var(--aui-border-radius-l);overflow:hidden}.aui-accordion-item__content{margin-top:16px}.aui-accordion-item__content.hasBackground{padding:16px;background-color:rgb(var(--aui-color-n-9))}aui-accordion-item+aui-accordion-item .aui-accordion-item{margin-top:var(--aui-spacing-m)}"]
|
|
8255
8252
|
},] }
|
|
8256
8253
|
];
|
|
8257
8254
|
AccordionItemComponent.ctorParameters = () => [
|
|
@@ -9097,7 +9094,6 @@ function isTimePickerModel(item) {
|
|
|
9097
9094
|
}
|
|
9098
9095
|
|
|
9099
9096
|
dayjs.extend(customParseFormat);
|
|
9100
|
-
const bem$3 = buildBem('aui-time-picker');
|
|
9101
9097
|
class TimePickerComponent extends CommonFormControl {
|
|
9102
9098
|
constructor() {
|
|
9103
9099
|
super(...arguments);
|
|
@@ -9109,16 +9105,10 @@ class TimePickerComponent extends CommonFormControl {
|
|
|
9109
9105
|
this.hourStep = 1;
|
|
9110
9106
|
this.minuteStep = 1;
|
|
9111
9107
|
this.secondStep = 1;
|
|
9112
|
-
this.
|
|
9113
|
-
this.
|
|
9108
|
+
this.open = new EventEmitter();
|
|
9109
|
+
this.close = new EventEmitter();
|
|
9114
9110
|
this.timeValue = null;
|
|
9115
9111
|
this.timeFormatValue = '';
|
|
9116
|
-
this.focused = false;
|
|
9117
|
-
this.hovered = false;
|
|
9118
|
-
this.bem = bem$3;
|
|
9119
|
-
}
|
|
9120
|
-
get rootClass() {
|
|
9121
|
-
return `${bem$3.element('container')} ${this.focused ? 'isFocused' : ''} ${this.disabled ? 'disabled' : ''}`;
|
|
9122
9112
|
}
|
|
9123
9113
|
writeValue(value) {
|
|
9124
9114
|
super.writeValue(value);
|
|
@@ -9141,12 +9131,9 @@ class TimePickerComponent extends CommonFormControl {
|
|
|
9141
9131
|
this.cdr.markForCheck();
|
|
9142
9132
|
}
|
|
9143
9133
|
changeFromPanel(value) {
|
|
9144
|
-
// sync input value
|
|
9145
9134
|
this.timeFormatValue = value === null || value === void 0 ? void 0 : value.format(this.format);
|
|
9146
|
-
this.cdr.markForCheck();
|
|
9147
9135
|
}
|
|
9148
9136
|
changeFromInput(source) {
|
|
9149
|
-
// sync panel value
|
|
9150
9137
|
if (!source) {
|
|
9151
9138
|
this.timeValue = null;
|
|
9152
9139
|
}
|
|
@@ -9157,30 +9144,48 @@ class TimePickerComponent extends CommonFormControl {
|
|
|
9157
9144
|
}
|
|
9158
9145
|
}
|
|
9159
9146
|
}
|
|
9160
|
-
|
|
9147
|
+
onKeyDown(event) {
|
|
9148
|
+
switch (event.key) {
|
|
9149
|
+
case 'Enter':
|
|
9150
|
+
this.openPanel();
|
|
9151
|
+
event.stopPropagation();
|
|
9152
|
+
event.preventDefault();
|
|
9153
|
+
break;
|
|
9154
|
+
case 'Escape':
|
|
9155
|
+
this.closePanel();
|
|
9156
|
+
event.stopPropagation();
|
|
9157
|
+
event.preventDefault();
|
|
9158
|
+
break;
|
|
9159
|
+
}
|
|
9160
|
+
}
|
|
9161
|
+
onBlur() {
|
|
9161
9162
|
if (this.onTouched) {
|
|
9162
9163
|
this.onTouched();
|
|
9163
9164
|
}
|
|
9164
|
-
// dateFormatValue may need reset
|
|
9165
9165
|
this.setValue(this.timeValue);
|
|
9166
9166
|
this.submit();
|
|
9167
9167
|
}
|
|
9168
|
-
|
|
9169
|
-
if (this.
|
|
9168
|
+
openPanel() {
|
|
9169
|
+
if (this.tooltipRef.isCreated) {
|
|
9170
9170
|
return;
|
|
9171
9171
|
}
|
|
9172
|
-
this.
|
|
9173
|
-
this.
|
|
9172
|
+
this.tooltipRef.createTooltip();
|
|
9173
|
+
this.open.next();
|
|
9174
9174
|
}
|
|
9175
|
-
|
|
9175
|
+
closePanel() {
|
|
9176
|
+
if (!this.tooltipRef.isCreated) {
|
|
9177
|
+
return;
|
|
9178
|
+
}
|
|
9179
|
+
this.tooltipRef.disposeTooltip();
|
|
9180
|
+
this.close.next();
|
|
9181
|
+
}
|
|
9182
|
+
clearValue(event) {
|
|
9176
9183
|
this.setValue(null);
|
|
9177
9184
|
this.submit();
|
|
9185
|
+
event.stopPropagation();
|
|
9186
|
+
event.preventDefault();
|
|
9178
9187
|
}
|
|
9179
9188
|
submit(close = true, value) {
|
|
9180
|
-
if (close) {
|
|
9181
|
-
this.tooltip.disposeTooltip();
|
|
9182
|
-
this.openChange.next(false);
|
|
9183
|
-
}
|
|
9184
9189
|
const refer = value !== null && value !== void 0 ? value : this.timeValue;
|
|
9185
9190
|
this.emitValue(refer
|
|
9186
9191
|
? {
|
|
@@ -9189,12 +9194,15 @@ class TimePickerComponent extends CommonFormControl {
|
|
|
9189
9194
|
hour: refer.hour(),
|
|
9190
9195
|
}
|
|
9191
9196
|
: null);
|
|
9197
|
+
if (close) {
|
|
9198
|
+
this.closePanel();
|
|
9199
|
+
}
|
|
9192
9200
|
}
|
|
9193
9201
|
}
|
|
9194
9202
|
TimePickerComponent.decorators = [
|
|
9195
9203
|
{ type: Component, args: [{
|
|
9196
9204
|
selector: 'aui-time-picker',
|
|
9197
|
-
template: "<div\n
|
|
9205
|
+
template: "<div\n class=\"aui-time-picker\"\n [class.isDisabled]=\"disabled\"\n [class.isClearable]=\"clearable && timeFormatValue\"\n #tooltipRef=\"auiTooltip\"\n [auiTooltip]=\"template\"\n auiTooltipType=\"plain\"\n auiTooltipTrigger=\"click\"\n auiTooltipPosition=\"bottom start\"\n [auiTooltipDisabled]=\"disabled\"\n (auiTooltipShow)=\"open.emit()\"\n (auiTooltipHide)=\"close.emit()\"\n>\n <aui-input-group>\n <input\n aui-input\n autocomplete=\"off\"\n [size]=\"size\"\n [placeholder]=\"placeholder\"\n [disabled]=\"disabled\"\n [(ngModel)]=\"timeFormatValue\"\n (ngModelChange)=\"changeFromInput($event)\"\n (keydown)=\"onKeyDown($event)\"\n (blur)=\"onBlur()\"\n />\n <span\n *ngIf=\"showIcon\"\n auiInputSuffix\n class=\"aui-time-picker__icon-container\"\n >\n <aui-icon class=\"aui-time-picker__indicator\" icon=\"time\"></aui-icon>\n <aui-icon\n class=\"aui-time-picker__clear\"\n icon=\"close_small\"\n (click)=\"clearValue($event)\"\n ></aui-icon>\n </span>\n </aui-input-group>\n</div>\n\n<ng-template #template>\n <aui-time-picker-panel\n [disabled]=\"disabled\"\n [disableHours]=\"disableHours\"\n [disableMinutes]=\"disableMinutes\"\n [disableSeconds]=\"disableSeconds\"\n [hourStep]=\"hourStep\"\n [minuteStep]=\"minuteStep\"\n [secondStep]=\"secondStep\"\n [format]=\"format\"\n [footerTemplate]=\"footerTemplate\"\n [(ngModel)]=\"timeValue\"\n (ngModelChange)=\"changeFromPanel($event)\"\n (confirm)=\"submit()\"\n (click)=\"$event.stopPropagation()\"\n (mousedown)=\"$event.preventDefault()\"\n ></aui-time-picker-panel>\n</ng-template>\n",
|
|
9198
9206
|
encapsulation: ViewEncapsulation.None,
|
|
9199
9207
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
9200
9208
|
providers: [
|
|
@@ -9204,7 +9212,7 @@ TimePickerComponent.decorators = [
|
|
|
9204
9212
|
multi: true,
|
|
9205
9213
|
},
|
|
9206
9214
|
],
|
|
9207
|
-
styles: ["
|
|
9215
|
+
styles: [".aui-time-picker{display:inline-block;position:relative;width:var(--aui-form-item-width-s)}.aui-time-picker__icon-container{display:block;position:relative;color:rgb(var(--aui-color-n-4))}.aui-time-picker__clear{display:none}.aui-time-picker__clear .aui-icon{border-radius:50%;color:rgb(var(--aui-color-n-4));cursor:pointer;transition:all .3s ease}.aui-time-picker__clear .aui-icon:hover{color:#fff;background-color:rgb(var(--aui-color-n-4))}.aui-time-picker.isClearable:not(.isDisabled):hover .aui-time-picker__indicator{display:none}.aui-time-picker.isClearable:not(.isDisabled):hover .aui-time-picker__clear{display:flex}.ng-submitted aui-time-picker.ng-invalid .aui-input,aui-time-picker.ng-invalid.ng-dirty .aui-input{border-color:rgb(var(--aui-color-red))!important}.ng-submitted aui-time-picker.ng-invalid .aui-input.isFocused,.ng-submitted aui-time-picker.ng-invalid .aui-input:focus,aui-time-picker.ng-invalid.ng-dirty .aui-input.isFocused,aui-time-picker.ng-invalid.ng-dirty .aui-input:focus{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}"]
|
|
9208
9216
|
},] }
|
|
9209
9217
|
];
|
|
9210
9218
|
TimePickerComponent.propDecorators = {
|
|
@@ -9220,9 +9228,9 @@ TimePickerComponent.propDecorators = {
|
|
|
9220
9228
|
minuteStep: [{ type: Input }],
|
|
9221
9229
|
secondStep: [{ type: Input }],
|
|
9222
9230
|
footerTemplate: [{ type: Input }],
|
|
9223
|
-
|
|
9224
|
-
|
|
9225
|
-
|
|
9231
|
+
open: [{ type: Output }],
|
|
9232
|
+
close: [{ type: Output }],
|
|
9233
|
+
tooltipRef: [{ type: ViewChild, args: ['tooltipRef',] }]
|
|
9226
9234
|
};
|
|
9227
9235
|
|
|
9228
9236
|
const ɵ0$1 = (_, index) => index;
|
|
@@ -9234,7 +9242,7 @@ const SECOND_ITEMS = Array.from({ length: 60 }).map(ɵ2);
|
|
|
9234
9242
|
const CONTROL_ITEM_HEIGHT = 28;
|
|
9235
9243
|
|
|
9236
9244
|
const TIME_PICKER_COLUMN_WIDTH = 80;
|
|
9237
|
-
const bem$
|
|
9245
|
+
const bem$3 = buildBem('aui-time-picker-panel');
|
|
9238
9246
|
class TimePickerPanelComponent extends CommonFormControl {
|
|
9239
9247
|
constructor(cdr) {
|
|
9240
9248
|
super(cdr);
|
|
@@ -9249,7 +9257,7 @@ class TimePickerPanelComponent extends CommonFormControl {
|
|
|
9249
9257
|
this.SECOND_ITEM_CONFIG = SECOND_ITEMS;
|
|
9250
9258
|
this.CONTROL_ITEM_HEIGHT = CONTROL_ITEM_HEIGHT;
|
|
9251
9259
|
this.ComponentSize = ComponentSize;
|
|
9252
|
-
this.bem = bem$
|
|
9260
|
+
this.bem = bem$3;
|
|
9253
9261
|
this.enabledColumns = 0;
|
|
9254
9262
|
// 用于控制初次滚动，是否展示滚动动画效果
|
|
9255
9263
|
this.firstScrolled = false;
|
|
@@ -9402,7 +9410,7 @@ class TimePickerPanelComponent extends CommonFormControl {
|
|
|
9402
9410
|
TimePickerPanelComponent.decorators = [
|
|
9403
9411
|
{ type: Component, args: [{
|
|
9404
9412
|
selector: 'aui-time-picker-panel',
|
|
9405
|
-
template: "<div
|
|
9413
|
+
template: "<div *ngIf=\"enabledColumns\" [class]=\"bem.block()\" [style.width.px]=\"totalWidth\">\n <div [class]=\"bem.element('content')\">\n <div [class]=\"bem.element('column')\" #hourRef *ngIf=\"hourEnabled\">\n <ul>\n <li\n *ngFor=\"let item of getControlTypeConfig(TimePickerControlType.Hour)\"\n [class]=\"bem.element('cell')\"\n [style.height.px]=\"CONTROL_ITEM_HEIGHT\"\n [ngClass]=\"{\n disabled: isDisabled(item, TimePickerControlType.Hour),\n selected: matchValue(\n item,\n TimePickerControlType.Hour,\n snapshot.value\n )\n }\"\n (click)=\"selectValue(item, TimePickerControlType.Hour)\"\n >\n {{ item | number: '2.0-0' }}\n </li>\n </ul>\n <div [class]=\"bem.element('column-strut')\"></div>\n </div>\n <div [class]=\"bem.element('column')\" #minuteRef *ngIf=\"minuteEnabled\">\n <ul>\n <li\n *ngFor=\"\n let item of getControlTypeConfig(TimePickerControlType.Minute);\n trackBy: trackBy\n \"\n [class]=\"bem.element('cell')\"\n [style.height.px]=\"CONTROL_ITEM_HEIGHT\"\n [ngClass]=\"{\n disabled: isDisabled(item, TimePickerControlType.Minute),\n selected: matchValue(\n item,\n TimePickerControlType.Minute,\n snapshot.value\n )\n }\"\n (click)=\"selectValue(item, TimePickerControlType.Minute)\"\n >\n {{ item | number: '2.0-0' }}\n </li>\n </ul>\n <div [class]=\"bem.element('column-strut')\"></div>\n </div>\n <div [class]=\"bem.element('column')\" #secondRef *ngIf=\"secondEnabled\">\n <ul>\n <li\n *ngFor=\"\n let item of getControlTypeConfig(TimePickerControlType.Second)\n \"\n [class]=\"bem.element('cell')\"\n [style.height.px]=\"CONTROL_ITEM_HEIGHT\"\n [ngClass]=\"{\n disabled: isDisabled(item, TimePickerControlType.Second),\n selected: matchValue(\n item,\n TimePickerControlType.Second,\n snapshot.value\n )\n }\"\n (click)=\"selectValue(item, TimePickerControlType.Second)\"\n >\n {{ item | number: '2.0-0' }}\n </li>\n </ul>\n <div [class]=\"bem.element('column-strut')\"></div>\n </div>\n </div>\n\n <ng-container *ngIf=\"!footerTemplate; else customFooter\">\n <div [class]=\"bem.element('footer')\">\n <button\n aui-button=\"inline\"\n (click)=\"selectNow()\"\n [size]=\"ComponentSize.Small\"\n >\n {{ 'now' | auiI18n }}\n </button>\n <button\n aui-button=\"primary\"\n [size]=\"ComponentSize.Small\"\n (click)=\"$event.stopImmediatePropagation(); confirm.next()\"\n >\n {{ 'confirm' | auiI18n }}\n </button>\n </div>\n </ng-container>\n <ng-template #customFooter>\n <ng-container\n [ngTemplateOutlet]=\"footerTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: this }\"\n ></ng-container>\n </ng-template>\n</div>\n",
|
|
9406
9414
|
encapsulation: ViewEncapsulation.None,
|
|
9407
9415
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
9408
9416
|
providers: [
|
|
@@ -9415,7 +9423,7 @@ TimePickerPanelComponent.decorators = [
|
|
|
9415
9423
|
host: {
|
|
9416
9424
|
mousedown: '$event.preventDefault()',
|
|
9417
9425
|
},
|
|
9418
|
-
styles: [".aui-time-picker-
|
|
9426
|
+
styles: [".aui-time-picker-panel{display:flex;flex-direction:column;background-color:rgb(var(--aui-color-n-10));border-radius:var(--aui-border-radius-m);overflow:hidden;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);box-shadow:0 2px 8px 0 rgba(var(--aui-color-n-1),.2)}.aui-time-picker-panel li,.aui-time-picker-panel ul{border:none}.aui-time-picker-panel__content{display:flex;flex-direction:row;height:252px;border-bottom:1px solid rgb(var(--aui-color-n-8))}.aui-time-picker-panel__footer{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:9px}.aui-time-picker-panel__column{overflow:hidden;flex:1;text-align:center;align-self:stretch}.aui-time-picker-panel__column:hover{overflow-y:auto}.aui-time-picker-panel__column ul{min-height:252px;list-style:none;padding:0;margin:0}.aui-time-picker-panel__column-strut{height:224px;width:1px;visibility:hidden}.aui-time-picker-panel__column+.aui-time-picker-panel__column{border-left:1px solid rgb(var(--aui-color-n-8))}.aui-time-picker-panel__cell{flex:none;height:28px;line-height:28px;width:100%;cursor:pointer}.aui-time-picker-panel__cell:hover{background-color:rgb(var(--aui-color-p-6));color:rgb(var(--aui-color-primary))}.aui-time-picker-panel__cell.selected{background-color:rgb(var(--aui-color-p-7));color:rgb(var(--aui-color-primary));font-weight:var(--aui-font-weight-bold)}.aui-time-picker-panel__cell.disabled{background-color:rgb(var(--aui-color-n-8));color:#c8cacd;cursor:not-allowed}"]
|
|
9419
9427
|
},] }
|
|
9420
9428
|
];
|
|
9421
9429
|
TimePickerPanelComponent.ctorParameters = () => [
|
|
@@ -9526,7 +9534,7 @@ class DatePickerPanelComponent extends CommonFormControl {
|
|
|
9526
9534
|
DatePickerPanelComponent.decorators = [
|
|
9527
9535
|
{ type: Component, args: [{
|
|
9528
9536
|
selector: 'aui-date-picker-panel',
|
|
9529
|
-
template: "<div class=\"aui-date-picker-panel__wrapper\">\n <aui-calendar-header\n [dateNavRange]=\"navRange\"\n [anchor]=\"anchor\"\n [minAvail]=\"minDate\"\n [maxAvail]=\"maxDate\"\n [style.margin-inline.px]=\"4\"\n (navRangeChange)=\"navRange = $event\"\n (anchorChange)=\"anchor = $event\"\n ></aui-calendar-header>\n\n <aui-picker-panel\n [style.margin]=\"'16px 0'\"\n [anchor]=\"anchor\"\n [navRange]=\"navRange\"\n [disabledDate]=\"disabledDate\"\n [weekStartDay]=\"weekStartDay\"\n [minDate]=\"minDate\"\n [maxDate]=\"maxDate\"\n [type]=\"type\"\n [matchDates]=\"[selectedDate]\"\n (select)=\"panelValueChange($event)\"\n ></aui-picker-panel>\n\n <ng-container\n *ngIf=\"extraFooter\"\n [ngTemplateOutlet]=\"extraFooter\"\n [ngTemplateOutletContext]=\"{ context: this }\"\n ></ng-container>\n\n <ng-container *ngIf=\"showFooter\">\n <aui-calendar-footer\n (clear)=\"clear.next()\"\n (confirm)=\"confirmValue()\"\n [clearable]=\"clearable\"\n [clearText]=\"clearText\"\n *ngIf=\"showTime; else today\"\n >\n <ng-container\n *ngIf=\"footerTemplate; else default\"\n [ngTemplateOutlet]=\"footerTemplate\"\n [ngTemplateOutletContext]=\"{ context: this }\"\n ></ng-container>\n\n <ng-template #default>\n <aui-time-picker\n *ngIf=\"currentNavType === DatePickerType.Day && showTime\"\n [showIcon]=\"false\"\n size=\"small\"\n [(ngModel)]=\"selectedTime\"\n [disableHours]=\"getDisabledTimeFn(selectedDate, 'hours')\"\n [disableMinutes]=\"getDisabledTimeFn(selectedDate, 'minutes')\"\n [disableSeconds]=\"getDisabledTimeFn(selectedDate, 'seconds')\"\n
|
|
9537
|
+
template: "<div class=\"aui-date-picker-panel__wrapper\">\n <aui-calendar-header\n [dateNavRange]=\"navRange\"\n [anchor]=\"anchor\"\n [minAvail]=\"minDate\"\n [maxAvail]=\"maxDate\"\n [style.margin-inline.px]=\"4\"\n (navRangeChange)=\"navRange = $event\"\n (anchorChange)=\"anchor = $event\"\n ></aui-calendar-header>\n\n <aui-picker-panel\n [style.margin]=\"'16px 0'\"\n [anchor]=\"anchor\"\n [navRange]=\"navRange\"\n [disabledDate]=\"disabledDate\"\n [weekStartDay]=\"weekStartDay\"\n [minDate]=\"minDate\"\n [maxDate]=\"maxDate\"\n [type]=\"type\"\n [matchDates]=\"[selectedDate]\"\n (select)=\"panelValueChange($event)\"\n ></aui-picker-panel>\n\n <ng-container\n *ngIf=\"extraFooter\"\n [ngTemplateOutlet]=\"extraFooter\"\n [ngTemplateOutletContext]=\"{ context: this }\"\n ></ng-container>\n\n <ng-container *ngIf=\"showFooter\">\n <aui-calendar-footer\n (clear)=\"clear.next()\"\n (confirm)=\"confirmValue()\"\n [clearable]=\"clearable\"\n [clearText]=\"clearText\"\n *ngIf=\"showTime; else today\"\n >\n <ng-container\n *ngIf=\"footerTemplate; else default\"\n [ngTemplateOutlet]=\"footerTemplate\"\n [ngTemplateOutletContext]=\"{ context: this }\"\n ></ng-container>\n\n <ng-template #default>\n <aui-time-picker\n *ngIf=\"currentNavType === DatePickerType.Day && showTime\"\n [showIcon]=\"false\"\n size=\"small\"\n [(ngModel)]=\"selectedTime\"\n [disableHours]=\"getDisabledTimeFn(selectedDate, 'hours')\"\n [disableMinutes]=\"getDisabledTimeFn(selectedDate, 'minutes')\"\n [disableSeconds]=\"getDisabledTimeFn(selectedDate, 'seconds')\"\n tooltipPosition=\"top start\"\n (ngModelChange)=\"timeDateChange($event)\"\n [placeholder]=\"'select_time' | auiI18n\"\n ></aui-time-picker>\n </ng-template>\n </aui-calendar-footer>\n\n <ng-template #today>\n <aui-calendar-footer\n *ngIf=\"type === DatePickerType.Day\"\n [clearable]=\"false\"\n [customAction]=\"todayBtn\"\n >\n </aui-calendar-footer>\n <ng-template #todayBtn>\n <button aui-button=\"inline\" (click)=\"setToday()\">\n {{ 'today' | auiI18n }}\n </button>\n </ng-template>\n </ng-template>\n </ng-container>\n</div>\n",
|
|
9530
9538
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
9531
9539
|
encapsulation: ViewEncapsulation.None,
|
|
9532
9540
|
providers: [
|
|
@@ -9536,7 +9544,7 @@ DatePickerPanelComponent.decorators = [
|
|
|
9536
9544
|
multi: true,
|
|
9537
9545
|
},
|
|
9538
9546
|
],
|
|
9539
|
-
styles: [".aui-date-picker-panel__wrapper{display:flex;flex-direction:column;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m)}"]
|
|
9547
|
+
styles: [".aui-date-picker-panel__wrapper{display:flex;flex-direction:column;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m)}.aui-date-picker-panel__wrapper .aui-time-picker{width:88px}"]
|
|
9540
9548
|
},] }
|
|
9541
9549
|
];
|
|
9542
9550
|
DatePickerPanelComponent.propDecorators = {
|
|
@@ -9580,14 +9588,14 @@ CalendarFooterComponent.propDecorators = {
|
|
|
9580
9588
|
clear: [{ type: Output }]
|
|
9581
9589
|
};
|
|
9582
9590
|
|
|
9583
|
-
const bem$
|
|
9591
|
+
const bem$4 = buildBem('aui-calendar-header');
|
|
9584
9592
|
class CalendarHeaderComponent {
|
|
9585
9593
|
constructor() {
|
|
9586
9594
|
this.dateNavRange = DateNavRange.Month;
|
|
9587
9595
|
this.anchor = dayjs();
|
|
9588
9596
|
this.navRangeChange = new EventEmitter();
|
|
9589
9597
|
this.anchorChange = new EventEmitter();
|
|
9590
|
-
this.bem = bem$
|
|
9598
|
+
this.bem = bem$4;
|
|
9591
9599
|
this.DateNavRange = DateNavRange;
|
|
9592
9600
|
this.clickNav = (range) => {
|
|
9593
9601
|
if (![DateNavRange.Month, DateNavRange.Year].includes(range)) {
|
|
@@ -9675,7 +9683,7 @@ CalendarHeaderComponent.propDecorators = {
|
|
|
9675
9683
|
};
|
|
9676
9684
|
|
|
9677
9685
|
dayjs.extend(isBetween);
|
|
9678
|
-
const bem$
|
|
9686
|
+
const bem$5 = buildBem('aui-picker-panel');
|
|
9679
9687
|
class PickerPanelComponent {
|
|
9680
9688
|
constructor(cdr) {
|
|
9681
9689
|
this.cdr = cdr;
|
|
@@ -9684,7 +9692,7 @@ class PickerPanelComponent {
|
|
|
9684
9692
|
this._weekStartDay = 0;
|
|
9685
9693
|
this.select = new EventEmitter();
|
|
9686
9694
|
this.hovered = new EventEmitter();
|
|
9687
|
-
this.bem = bem$
|
|
9695
|
+
this.bem = bem$5;
|
|
9688
9696
|
this.DateNavRange = DateNavRange;
|
|
9689
9697
|
this.weekDefs = [
|
|
9690
9698
|
'sunday',
|
|
@@ -9811,7 +9819,7 @@ PickerPanelComponent.propDecorators = {
|
|
|
9811
9819
|
hovered: [{ type: Output }]
|
|
9812
9820
|
};
|
|
9813
9821
|
|
|
9814
|
-
const bem$
|
|
9822
|
+
const bem$6 = buildBem('aui-date-range-picker-panel');
|
|
9815
9823
|
class DateRangePickerPanelComponent extends CommonFormControl {
|
|
9816
9824
|
constructor() {
|
|
9817
9825
|
super(...arguments);
|
|
@@ -9826,7 +9834,7 @@ class DateRangePickerPanelComponent extends CommonFormControl {
|
|
|
9826
9834
|
this.weekStartDay = 0;
|
|
9827
9835
|
this.clear = new EventEmitter();
|
|
9828
9836
|
this.confirm = new EventEmitter();
|
|
9829
|
-
this.bem = bem$
|
|
9837
|
+
this.bem = bem$6;
|
|
9830
9838
|
this.Side = Side;
|
|
9831
9839
|
this.DatePickerType = DatePickerType;
|
|
9832
9840
|
this.leftDateRange = DateNavRange.Month;
|
|
@@ -9969,7 +9977,7 @@ class DateRangePickerPanelComponent extends CommonFormControl {
|
|
|
9969
9977
|
DateRangePickerPanelComponent.decorators = [
|
|
9970
9978
|
{ type: Component, args: [{
|
|
9971
9979
|
selector: 'aui-date-range-picker-panel',
|
|
9972
|
-
template: "<div [class]=\"bem.element('container')\">\n <div [class]=\"bem.element('header')\">\n <aui-calendar-header\n [dateNavRange]=\"leftDateRange\"\n [anchor]=\"leftAnchor\"\n (navRangeChange)=\"calendarRangeChange($event, Side.Left)\"\n (anchorChange)=\"leftAnchor = $event\"\n [maxAvail]=\"maxHeaderAvail\"\n [minAvail]=\"minDate\"\n ></aui-calendar-header>\n <aui-calendar-header\n [dateNavRange]=\"rightDateRange\"\n [anchor]=\"rightAnchor\"\n (navRangeChange)=\"calendarRangeChange($event, Side.Right)\"\n (anchorChange)=\"rightAnchor = $event\"\n [minAvail]=\"minHeaderAvail\"\n [maxAvail]=\"maxDate\"\n ></aui-calendar-header>\n </div>\n <div [class]=\"bem.element('body')\">\n <aui-picker-panel\n class=\"panel__wrapper\"\n [navRange]=\"leftDateRange\"\n [type]=\"DatePickerType.Day\"\n [anchor]=\"leftAnchor\"\n [matchDates]=\"matchValues\"\n [minDate]=\"minDate\"\n [maxDate]=\"maxDate\"\n [disabledDate]=\"getDateDisabledFn(Side.Left, rightAnchor)\"\n [weekStartDay]=\"weekStartDay\"\n (hovered)=\"hoverItem($event)\"\n (select)=\"selectPickerPanel($event, Side.Left)\"\n ></aui-picker-panel>\n <aui-picker-panel\n class=\"panel__wrapper\"\n [navRange]=\"rightDateRange\"\n [type]=\"DatePickerType.Day\"\n [anchor]=\"rightAnchor\"\n [weekStartDay]=\"weekStartDay\"\n [matchDates]=\"matchValues\"\n [minDate]=\"minDate\"\n [maxDate]=\"maxDate\"\n [disabledDate]=\"getDateDisabledFn(Side.Right, leftAnchor)\"\n (hovered)=\"hoverItem($event)\"\n (select)=\"selectPickerPanel($event, Side.Right)\"\n ></aui-picker-panel>\n </div>\n\n <aui-calendar-footer\n [class]=\"bem.element('footer')\"\n [clearable]=\"clearable\"\n [clearText]=\"clearText\"\n (clear)=\"clear.next()\"\n (confirm)=\"confirmValue(rangeValue)\"\n *ngIf=\"showFooter && showTime\"\n >\n <div [class]=\"bem.element('footer-content')\" *ngIf=\"showTime\">\n <ng-container\n [ngTemplateOutlet]=\"datePlaceholder\"\n [ngTemplateOutletContext]=\"{\n placeholder: 'start_date' | auiI18n,\n value: rangeValue[0]\n }\"\n ></ng-container>\n <aui-time-picker\n [showIcon]=\"false\"\n [(ngModel)]=\"startTime\"\n size=\"small\"\n (ngModelChange)=\"timeChange($event)\"\n [disableHours]=\"leftDisabledTimeFn(rangeValue[0], 'hours')\"\n [disableMinutes]=\"leftDisabledTimeFn(rangeValue[0], 'minutes')\"\n [disableSeconds]=\"leftDisabledTimeFn(rangeValue[0], 'seconds')\"\n [placeholder]=\"'select_time' | auiI18n\"\n tooltipPosition=\"top start\"\n
|
|
9980
|
+
template: "<div [class]=\"bem.element('container')\">\n <div [class]=\"bem.element('header')\">\n <aui-calendar-header\n [dateNavRange]=\"leftDateRange\"\n [anchor]=\"leftAnchor\"\n (navRangeChange)=\"calendarRangeChange($event, Side.Left)\"\n (anchorChange)=\"leftAnchor = $event\"\n [maxAvail]=\"maxHeaderAvail\"\n [minAvail]=\"minDate\"\n ></aui-calendar-header>\n <aui-calendar-header\n [dateNavRange]=\"rightDateRange\"\n [anchor]=\"rightAnchor\"\n (navRangeChange)=\"calendarRangeChange($event, Side.Right)\"\n (anchorChange)=\"rightAnchor = $event\"\n [minAvail]=\"minHeaderAvail\"\n [maxAvail]=\"maxDate\"\n ></aui-calendar-header>\n </div>\n <div [class]=\"bem.element('body')\">\n <aui-picker-panel\n class=\"panel__wrapper\"\n [navRange]=\"leftDateRange\"\n [type]=\"DatePickerType.Day\"\n [anchor]=\"leftAnchor\"\n [matchDates]=\"matchValues\"\n [minDate]=\"minDate\"\n [maxDate]=\"maxDate\"\n [disabledDate]=\"getDateDisabledFn(Side.Left, rightAnchor)\"\n [weekStartDay]=\"weekStartDay\"\n (hovered)=\"hoverItem($event)\"\n (select)=\"selectPickerPanel($event, Side.Left)\"\n ></aui-picker-panel>\n <aui-picker-panel\n class=\"panel__wrapper\"\n [navRange]=\"rightDateRange\"\n [type]=\"DatePickerType.Day\"\n [anchor]=\"rightAnchor\"\n [weekStartDay]=\"weekStartDay\"\n [matchDates]=\"matchValues\"\n [minDate]=\"minDate\"\n [maxDate]=\"maxDate\"\n [disabledDate]=\"getDateDisabledFn(Side.Right, leftAnchor)\"\n (hovered)=\"hoverItem($event)\"\n (select)=\"selectPickerPanel($event, Side.Right)\"\n ></aui-picker-panel>\n </div>\n\n <aui-calendar-footer\n [class]=\"bem.element('footer')\"\n [clearable]=\"clearable\"\n [clearText]=\"clearText\"\n (clear)=\"clear.next()\"\n (confirm)=\"confirmValue(rangeValue)\"\n *ngIf=\"showFooter && showTime\"\n >\n <div [class]=\"bem.element('footer-content')\" *ngIf=\"showTime\">\n <ng-container\n [ngTemplateOutlet]=\"datePlaceholder\"\n [ngTemplateOutletContext]=\"{\n placeholder: 'start_date' | auiI18n,\n value: rangeValue[0]\n }\"\n ></ng-container>\n <aui-time-picker\n [showIcon]=\"false\"\n [(ngModel)]=\"startTime\"\n size=\"small\"\n (ngModelChange)=\"timeChange($event)\"\n [disableHours]=\"leftDisabledTimeFn(rangeValue[0], 'hours')\"\n [disableMinutes]=\"leftDisabledTimeFn(rangeValue[0], 'minutes')\"\n [disableSeconds]=\"leftDisabledTimeFn(rangeValue[0], 'seconds')\"\n [placeholder]=\"'select_time' | auiI18n\"\n tooltipPosition=\"top start\"\n ></aui-time-picker>\n\n <span class=\"placeholder separator\">{{ 'to' | auiI18n }}</span>\n <ng-container\n [ngTemplateOutlet]=\"datePlaceholder\"\n [ngTemplateOutletContext]=\"{\n placeholder: 'end_date' | auiI18n,\n value: rangeValue[1]\n }\"\n ></ng-container>\n <aui-time-picker\n [showIcon]=\"false\"\n size=\"small\"\n [(ngModel)]=\"endTime\"\n [disableHours]=\"rightDisabledTimeFn(rangeValue[1], 'hours')\"\n [disableMinutes]=\"rightDisabledTimeFn(rangeValue[1], 'minutes')\"\n [disableSeconds]=\"rightDisabledTimeFn(rangeValue[1], 'seconds')\"\n (ngModelChange)=\"timeChange($event)\"\n [placeholder]=\"'select_time' | auiI18n\"\n tooltipPosition=\"top start\"\n ></aui-time-picker>\n </div>\n </aui-calendar-footer>\n</div>\n\n<ng-template #datePlaceholder let-placeholder=\"placeholder\" let-value=\"value\">\n <span *ngIf=\"!value\" class=\"placeholder date-holder\">{{ placeholder }}</span>\n <span *ngIf=\"value\" class=\"date-value date-holder\">{{\n value | date: FOOTER_DATE_FORMAT\n }}</span>\n</ng-template>\n",
|
|
9973
9981
|
encapsulation: ViewEncapsulation.None,
|
|
9974
9982
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
9975
9983
|
providers: [
|
|
@@ -9979,7 +9987,7 @@ DateRangePickerPanelComponent.decorators = [
|
|
|
9979
9987
|
multi: true,
|
|
9980
9988
|
},
|
|
9981
9989
|
],
|
|
9982
|
-
styles: [".aui-date-range-picker-panel__container{display:flex;flex-direction:column;width:524px;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m)}.aui-date-range-picker-panel__container .placeholder{color:rgb(var(--aui-color-n-6))}.aui-date-range-picker-panel__container .placeholder.separator{margin-inline:12px}.aui-date-range-picker-panel__container .date-value{color:rgb(var(--aui-color-n-1))}.aui-date-range-picker-panel__container .date-holder{display:inline-block;margin-right:8px;width:82px}.aui-date-range-picker-panel__container .panel__wrapper{width:246px;display:flex;justify-content:center}.aui-date-range-picker-panel__header{display:flex;justify-content:space-between}.aui-date-range-picker-panel__header aui-calendar-header{flex:0 0 246px}.aui-date-range-picker-panel__body{display:flex;justify-content:space-between;margin:16px 0}.aui-date-range-picker-panel__footer .time-picker{width:88px
|
|
9990
|
+
styles: [".aui-date-range-picker-panel__container{display:flex;flex-direction:column;width:524px;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m)}.aui-date-range-picker-panel__container .placeholder{color:rgb(var(--aui-color-n-6))}.aui-date-range-picker-panel__container .placeholder.separator{margin-inline:12px}.aui-date-range-picker-panel__container .date-value{color:rgb(var(--aui-color-n-1))}.aui-date-range-picker-panel__container .date-holder{display:inline-block;margin-right:8px;width:82px}.aui-date-range-picker-panel__container .panel__wrapper{width:246px;display:flex;justify-content:center}.aui-date-range-picker-panel__header{display:flex;justify-content:space-between}.aui-date-range-picker-panel__header aui-calendar-header{flex:0 0 246px}.aui-date-range-picker-panel__body{display:flex;justify-content:space-between;margin:16px 0}.aui-date-range-picker-panel__footer .aui-time-picker{width:88px}.aui-date-range-picker-panel__footer-content{display:flex;align-items:center;height:100%}"]
|
|
9983
9991
|
},] }
|
|
9984
9992
|
];
|
|
9985
9993
|
DateRangePickerPanelComponent.propDecorators = {
|
|
@@ -10135,7 +10143,7 @@ RangePickerComponent.propDecorators = {
|
|
|
10135
10143
|
openChange: [{ type: Output }]
|
|
10136
10144
|
};
|
|
10137
10145
|
|
|
10138
|
-
const bem$
|
|
10146
|
+
const bem$7 = buildBem('aui-date-picker-trigger');
|
|
10139
10147
|
class DatePickerTriggerComponent {
|
|
10140
10148
|
constructor() {
|
|
10141
10149
|
this.format = 'YYYY-MM-DD';
|
|
@@ -10147,7 +10155,7 @@ class DatePickerTriggerComponent {
|
|
|
10147
10155
|
this.leftFocus = false;
|
|
10148
10156
|
this.rightFocus = false;
|
|
10149
10157
|
this.hovered = false;
|
|
10150
|
-
this.bem = bem$
|
|
10158
|
+
this.bem = bem$7;
|
|
10151
10159
|
this.focusInput = this.focusInput.bind(this);
|
|
10152
10160
|
}
|
|
10153
10161
|
get isFocus() {
|
|
@@ -10173,7 +10181,7 @@ DatePickerTriggerComponent.decorators = [
|
|
|
10173
10181
|
// tslint:disable-next-line: validate-decorators
|
|
10174
10182
|
encapsulation: ViewEncapsulation.Emulated,
|
|
10175
10183
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
10176
|
-
styles: ["aui-date-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container,aui-date-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container,aui-range-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container,aui-range-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container{border-color:rgb(var(--aui-color-red))!important}aui-date-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container.isFocused,aui-date-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container.isFocused,aui-range-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container.isFocused,aui-range-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}:host{display:block}.aui-date-picker-trigger__container{display:flex;flex-direction:row;align-items:center;box-sizing:border-box;border:1px solid #c8cacd;position:relative;width:100%;background-color:rgb(var(--aui-color-n-9));border-radius:var(--aui-border-radius-m)}.aui-date-picker-trigger__container:hover:not(.disabled){border-color:rgb(var(--aui-color-primary));cursor:pointer}.aui-date-picker-trigger__container .aui-input--medium{height:30px}.aui-date-picker-trigger__container .aui-input--large{height:38px}.aui-date-picker-trigger__container .aui-input--small{height:26px}.aui-date-picker-trigger__container .aui-input--mini{height:22px}.aui-date-picker-trigger__container.isFocused:not(.disabled){border-color:rgb(var(--aui-color-primary));box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}.aui-date-picker-trigger__container .aui-input{border:none;background-color:transparent!important}.aui-date-picker-trigger__container .aui-input:hover{cursor:pointer}.aui-date-picker-trigger__container .aui-input:focus{outline:none;box-shadow:none}.aui-date-picker-trigger__container.disabled{background:rgb(var(--aui-color-n-8));border:1px solid #c8cacd!important}.aui-date-picker-trigger__container.disabled .aui-input{background:transparent;cursor:not-allowed;color:rgb(var(--aui-color-n-7))}.aui-date-picker-trigger__container.disabled:hover{cursor:not-allowed}.aui-date-picker-trigger__content{flex:1;display:flex;align-items:center}.aui-date-picker-trigger__content .placeholder{color:rgb(var(--aui-color-n-6))}.aui-date-picker-trigger__addon{color:rgb(var(--aui-color-n-4));margin-right:8px;font-size:16px;width:16px;height:16px;line-height:16px}.aui-date-picker-trigger__addon .clear{display:inline-flex;border-radius:50%;color:rgb(var(--aui-color-n-4));cursor:pointer;transition:all .3s ease}.aui-date-picker-trigger__addon .clear:hover{color:#fff;background-color:rgb(var(--aui-color-n-4))}"]
|
|
10184
|
+
styles: ["aui-date-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container,aui-date-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container,aui-range-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container,aui-range-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container{border-color:rgb(var(--aui-color-red))!important}aui-date-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container.isFocused,aui-date-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container:focus,aui-date-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container.isFocused,aui-date-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container:focus,aui-range-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container.isFocused,aui-range-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container:focus,aui-range-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container.isFocused,aui-range-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container:focus{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}:host{display:block}.aui-date-picker-trigger__container{display:flex;flex-direction:row;align-items:center;box-sizing:border-box;border:1px solid #c8cacd;position:relative;width:100%;background-color:rgb(var(--aui-color-n-9));border-radius:var(--aui-border-radius-m)}.aui-date-picker-trigger__container:hover:not(.disabled){border-color:rgb(var(--aui-color-primary));cursor:pointer}.aui-date-picker-trigger__container .aui-input--medium{height:30px}.aui-date-picker-trigger__container .aui-input--large{height:38px}.aui-date-picker-trigger__container .aui-input--small{height:26px}.aui-date-picker-trigger__container .aui-input--mini{height:22px}.aui-date-picker-trigger__container.isFocused:not(.disabled){border-color:rgb(var(--aui-color-primary));box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}.aui-date-picker-trigger__container .aui-input{border:none;background-color:transparent!important}.aui-date-picker-trigger__container .aui-input:hover{cursor:pointer}.aui-date-picker-trigger__container .aui-input:focus{outline:none;box-shadow:none}.aui-date-picker-trigger__container.disabled{background:rgb(var(--aui-color-n-8));border:1px solid #c8cacd!important}.aui-date-picker-trigger__container.disabled .aui-input{background:transparent;cursor:not-allowed;color:rgb(var(--aui-color-n-7))}.aui-date-picker-trigger__container.disabled:hover{cursor:not-allowed}.aui-date-picker-trigger__content{flex:1;display:flex;align-items:center}.aui-date-picker-trigger__content .placeholder{color:rgb(var(--aui-color-n-6))}.aui-date-picker-trigger__addon{color:rgb(var(--aui-color-n-4));margin-right:8px;font-size:16px;width:16px;height:16px;line-height:16px}.aui-date-picker-trigger__addon .clear{display:inline-flex;border-radius:50%;color:rgb(var(--aui-color-n-4));cursor:pointer;transition:all .3s ease}.aui-date-picker-trigger__addon .clear:hover{color:#fff;background-color:rgb(var(--aui-color-n-4))}"]
|
|
10177
10185
|
},] }
|
|
10178
10186
|
];
|
|
10179
10187
|
DatePickerTriggerComponent.ctorParameters = () => [];
|