@indigina/ui-kit 1.1.389 → 1.1.390
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.
|
@@ -19,7 +19,7 @@ import { TranslateService, TranslateModule, TranslatePipe } from '@ngx-translate
|
|
|
19
19
|
import * as i1$3 from '@progress/kendo-angular-dropdowns';
|
|
20
20
|
import { DropDownListModule, DropDownsModule, MultiSelectComponent, KENDO_DROPDOWNS } from '@progress/kendo-angular-dropdowns';
|
|
21
21
|
import * as i1$4 from '@progress/kendo-angular-dateinputs';
|
|
22
|
-
import { DateInputsModule, DateRangePopupComponent, DateRangeService, TimePickerModule, DateTimePickerModule } from '@progress/kendo-angular-dateinputs';
|
|
22
|
+
import { DateInputsModule, DateRangePopupComponent, DateRangeService, TimePickerComponent, TimePickerModule, DateTimePickerModule } from '@progress/kendo-angular-dateinputs';
|
|
23
23
|
import { trigger, transition, style, animate, state } from '@angular/animations';
|
|
24
24
|
import { v4 } from 'uuid';
|
|
25
25
|
import { DefaultGlobalConfig, TOAST_CONFIG, ToastrModule, ToastrService } from 'ngx-toastr';
|
|
@@ -3378,6 +3378,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
|
|
|
3378
3378
|
|
|
3379
3379
|
class KitTimepickerComponent {
|
|
3380
3380
|
constructor() {
|
|
3381
|
+
this.kendoTimepicker = viewChild(TimePickerComponent, ...(ngDevMode ? [{ debugName: "kendoTimepicker" }] : []));
|
|
3381
3382
|
/**
|
|
3382
3383
|
* Defines a value that is going to be applied as a timepicker label
|
|
3383
3384
|
*/
|
|
@@ -3449,6 +3450,9 @@ class KitTimepickerComponent {
|
|
|
3449
3450
|
popupClass: 'kit-timepicker-popup',
|
|
3450
3451
|
};
|
|
3451
3452
|
}
|
|
3453
|
+
toggle(open) {
|
|
3454
|
+
this.kendoTimepicker()?.toggle(open);
|
|
3455
|
+
}
|
|
3452
3456
|
onChange(_value) {
|
|
3453
3457
|
}
|
|
3454
3458
|
onTouched() {
|
|
@@ -3480,7 +3484,7 @@ class KitTimepickerComponent {
|
|
|
3480
3484
|
provide: NG_VALUE_ACCESSOR,
|
|
3481
3485
|
useExisting: forwardRef(() => KitTimepickerComponent),
|
|
3482
3486
|
multi: true,
|
|
3483
|
-
}], ngImport: i0, template: "<div class=\"kit-timepicker\"\n [class.disabled]=\"disabled()\"\n [class.invalid]=\"invalid()\">\n @if (label()) {\n <kit-input-label class=\"label\"\n [text]=\"label()\"\n [for]=\"$any(timepicker)\"\n ></kit-input-label>\n }\n\n <kendo-timepicker #timepicker\n [title]=\"label()\"\n [placeholder]=\"placeholder()\"\n [min]=\"min()\"\n [max]=\"max()\"\n [format]=\"longFormatEnabled() && longTimeFormat || shortTimeFormat\"\n [disabled]=\"disabled()\"\n [value]=\"defaultValue()\"\n [popupSettings]=\"timepickerPopupSettings\"\n (open)=\"popupOpened.emit()\"\n (close)=\"popupClosed.emit()\"\n (valueChange)=\"onInputChange($event)\"\n (blur)=\"onInputBlur()\">\n <kendo-timepicker-messages [accept]=\"applyButtonText()\"\n [cancel]=\"cancelButtonText()\"\n ></kendo-timepicker-messages>\n </kendo-timepicker>\n\n @if (messageText()) {\n <kit-input-message [icon]=\"messageIcon()\"\n [message]=\"messageText()\"\n ></kit-input-message>\n }\n</div>\n", styles: [".kit-timepicker .label{display:block;margin-bottom:4px}.kit-timepicker:hover .k-timepicker{border-color:var(--ui-kit-color-hover)}.kit-timepicker .k-timepicker{height:40px;width:100%;font-size:14px;font-weight:400;border-radius:8px;border:1px solid var(--ui-kit-color-grey-11);background-color:var(--ui-kit-color-white)}.kit-timepicker .k-timepicker.k-focus{border-color:var(--ui-kit-color-main);box-shadow:0 0 0 2px var(--ui-kit-color-focus)}.kit-timepicker .k-timepicker.k-focus .k-input-inner{box-shadow:none}.kit-timepicker .k-timepicker.k-focus .k-input-button{color:var(--ui-kit-color-main)}.kit-timepicker .k-dateinput{box-shadow:none}.kit-timepicker .k-input-inner{padding:0 0 0 12px;color:var(--ui-kit-color-grey-10);line-height:1}.kit-timepicker .k-input-inner::placeholder{color:var(--ui-kit-color-grey-12)}.kit-timepicker .k-input-inner::selection{color:var(--ui-kit-color-white);background:var(--ui-kit-color-main)}.kit-timepicker .k-input-button{padding:0 8px;width:auto;color:var(--ui-kit-color-grey-12);border:none;background:none;transition:none}.kit-timepicker .k-input-button .k-button-icon{width:20px;height:20px}.kit-timepicker .k-input-button:hover{color:var(--ui-kit-color-hover)}.kit-timepicker.disabled .k-timepicker{border-color:var(--ui-kit-color-grey-12)}.kit-timepicker.disabled .k-input-inner,.kit-timepicker.disabled .k-input-button{color:var(--ui-kit-color-grey-12);background-color:var(--ui-kit-color-grey-13)}.kit-timepicker.invalid .k-timepicker{border-color:var(--ui-kit-color-red-1)}.kit-timepicker.invalid .k-input-button{color:var(--ui-kit-color-red-1)}.kit-timepicker-popup.k-popup{margin-top:10px;padding:8px;width:296px;border:none;border-radius:8px;box-shadow:0 9px 28px 8px #0000000d,0 3px 6px -4px #0000001f,0 6px 16px #00000014;background-color:var(--ui-kit-color-white)}.kit-timepicker-popup.k-popup .k-time-header{padding:0 0 10px;color:var(--ui-kit-color-grey-10);font-size:14px;border-bottom:1px solid var(--ui-kit-color-grey-11)}.kit-timepicker-popup.k-popup .k-time-header .k-time-now{color:var(--ui-kit-color-grey-10)}.kit-timepicker-popup.k-popup .k-time-header .k-time-now:hover{color:var(--ui-kit-color-hover)}.kit-timepicker-popup.k-popup .k-time-header .k-time-now:hover:before{opacity:0}.kit-timepicker-popup.k-popup .k-time-header .k-title,.kit-timepicker-popup.k-popup .k-time-header .k-time-now{padding:6px 8px;font-weight:400;line-height:20px}.kit-timepicker-popup.k-popup .k-time-list-container{justify-content:center;padding:10px 0;gap:20px}.kit-timepicker-popup.k-popup .k-reset{display:flex;flex-direction:column;align-items:center;width:auto}.kit-timepicker-popup.k-popup .k-time-list-wrapper{flex-grow:0;padding:0;height:208px;min-width:auto}.kit-timepicker-popup.k-popup .k-time-list-wrapper .k-title{display:flex;align-items:center;justify-content:center;color:var(--ui-kit-color-main);font-size:14px;font-weight:400;height:24px}.kit-timepicker-popup.k-popup .k-time-list-wrapper:before,.kit-timepicker-popup.k-popup .k-time-list-wrapper:after{display:none}.kit-timepicker-popup.k-popup .k-time-list:before,.kit-timepicker-popup.k-popup .k-time-list:after{display:none}.kit-timepicker-popup.k-popup .k-item{display:flex;align-items:center;justify-content:center;padding:5px 0;height:24px;width:38px;color:var(--ui-kit-color-grey-12);font-size:16px;font-weight:400;line-height:22px}.kit-timepicker-popup.k-popup .k-item[aria-selected=true]{padding:10px 0;color:var(--ui-kit-color-main)}.kit-timepicker-popup.k-popup .k-time-separator{top:16px;color:var(--ui-kit-color-grey-10);font-size:16px}.kit-timepicker-popup.k-popup .k-time-highlight{top:50%;height:34px;border-color:var(--ui-kit-color-grey-12);transform:none}.kit-timepicker-popup.k-popup .k-time-footer{margin-top:0;padding:12px;justify-content:center;border-top:1px solid #006890}.kit-timepicker-popup.k-popup .k-time-footer .k-button{margin:0 5px;width:110px;height:30px;flex:0 0 auto;font-size:14px;font-weight:400;border-radius:4px;border:none;color:#27282a;background:#dadde3}.kit-timepicker-popup.k-popup .k-time-footer .k-time-accept{color:var(--ui-kit-color-white);background:var(--ui-kit-color-main)}.kit-timepicker-popup.k-popup .k-actions{margin:0;padding:10px 0 0;flex-direction:row-reverse;justify-content:flex-start;border-top:1px solid var(--ui-kit-color-grey-11)}.kit-timepicker-popup.k-popup .k-actions .k-button{padding:0 19px;height:32px;width:auto;font-size:14px;font-weight:400;border-radius:6px;border:1px solid var(--ui-kit-color-grey-11);transition:none}.kit-timepicker-popup.k-popup .k-actions .k-button.k-time-cancel{background:var(--ui-kit-color-white)}.kit-timepicker-popup.k-popup .k-actions .k-button.k-time-cancel:hover{color:var(--ui-kit-color-hover);border-color:var(--ui-kit-color-hover)}.kit-timepicker-popup.k-popup .k-actions .k-button.k-time-cancel:active{border-color:var(--ui-kit-color-grey-11)}.kit-timepicker-popup.k-popup .k-actions .k-button.k-time-accept{border-color:transparent;background:var(--ui-kit-color-main)}.kit-timepicker-popup.k-popup .k-actions .k-button.k-time-accept:hover{background:var(--ui-kit-color-hover)}.kit-timepicker-popup.k-popup .k-actions .k-button.k-time-accept:active{background:var(--ui-kit-color-main)}.kit-timepicker-popup.k-popup .k-actions .k-button.k-time-accept:disabled{color:var(--ui-kit-color-grey-12);border:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-grey-13)}\n"], dependencies: [{ kind: "ngmodule", type: TimePickerModule }, { kind: "component", type: i1$4.TimePickerCustomMessagesComponent, selector: "kendo-timepicker-messages" }, { kind: "component", type: i1$4.TimePickerComponent, selector: "kendo-timepicker", inputs: ["focusableId", "disabled", "readonly", "readOnlyInput", "clearButton", "format", "formatPlaceholder", "placeholder", "min", "max", "incompleteDateValidation", "autoSwitchParts", "autoSwitchKeys", "enableMouseWheel", "allowCaretMode", "cancelButton", "nowButton", "steps", "popupSettings", "tabindex", "tabIndex", "adaptiveTitle", "adaptiveSubtitle", "rangeValidation", "adaptiveMode", "value", "size", "rounded", "fillMode", "inputAttributes"], outputs: ["valueChange", "focus", "blur", "open", "close", "escape"], exportAs: ["kendo-timepicker"] }, { kind: "component", type: KitInputLabelComponent, selector: "kit-input-label", inputs: ["text", "for", "tooltip"] }, { kind: "ngmodule", type: DateTimePickerModule }, { kind: "component", type: KitInputMessageComponent, selector: "kit-input-message", inputs: ["icon", "message"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
3487
|
+
}], viewQueries: [{ propertyName: "kendoTimepicker", first: true, predicate: TimePickerComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"kit-timepicker\"\n [class.disabled]=\"disabled()\"\n [class.invalid]=\"invalid()\">\n @if (label()) {\n <kit-input-label class=\"label\"\n [text]=\"label()\"\n [for]=\"$any(timepicker)\"\n ></kit-input-label>\n }\n\n <kendo-timepicker #timepicker\n [title]=\"label()\"\n [placeholder]=\"placeholder()\"\n [min]=\"min()\"\n [max]=\"max()\"\n [format]=\"longFormatEnabled() && longTimeFormat || shortTimeFormat\"\n [disabled]=\"disabled()\"\n [value]=\"defaultValue()\"\n [popupSettings]=\"timepickerPopupSettings\"\n (open)=\"popupOpened.emit()\"\n (close)=\"popupClosed.emit()\"\n (valueChange)=\"onInputChange($event)\"\n (blur)=\"onInputBlur()\">\n <kendo-timepicker-messages [accept]=\"applyButtonText()\"\n [cancel]=\"cancelButtonText()\"\n ></kendo-timepicker-messages>\n </kendo-timepicker>\n\n @if (messageText()) {\n <kit-input-message [icon]=\"messageIcon()\"\n [message]=\"messageText()\"\n ></kit-input-message>\n }\n</div>\n", styles: [".kit-timepicker .label{display:block;margin-bottom:4px}.kit-timepicker:hover .k-timepicker{border-color:var(--ui-kit-color-hover)}.kit-timepicker .k-timepicker{height:40px;width:100%;font-size:14px;font-weight:400;border-radius:8px;border:1px solid var(--ui-kit-color-grey-11);background-color:var(--ui-kit-color-white)}.kit-timepicker .k-timepicker.k-focus{border-color:var(--ui-kit-color-main);box-shadow:0 0 0 2px var(--ui-kit-color-focus)}.kit-timepicker .k-timepicker.k-focus .k-input-inner{box-shadow:none}.kit-timepicker .k-timepicker.k-focus .k-input-button{color:var(--ui-kit-color-main)}.kit-timepicker .k-dateinput{box-shadow:none}.kit-timepicker .k-input-inner{padding:0 0 0 12px;color:var(--ui-kit-color-grey-10);line-height:1}.kit-timepicker .k-input-inner::placeholder{color:var(--ui-kit-color-grey-12)}.kit-timepicker .k-input-inner::selection{color:var(--ui-kit-color-white);background:var(--ui-kit-color-main)}.kit-timepicker .k-input-button{padding:0 8px;width:auto;color:var(--ui-kit-color-grey-12);border:none;background:none;transition:none}.kit-timepicker .k-input-button .k-button-icon{width:20px;height:20px}.kit-timepicker .k-input-button:hover{color:var(--ui-kit-color-hover)}.kit-timepicker.disabled .k-timepicker{border-color:var(--ui-kit-color-grey-12)}.kit-timepicker.disabled .k-input-inner,.kit-timepicker.disabled .k-input-button{color:var(--ui-kit-color-grey-12);background-color:var(--ui-kit-color-grey-13)}.kit-timepicker.invalid .k-timepicker{border-color:var(--ui-kit-color-red-1)}.kit-timepicker.invalid .k-input-button{color:var(--ui-kit-color-red-1)}.kit-timepicker-popup.k-popup{margin-top:10px;padding:8px;width:296px;border:none;border-radius:8px;box-shadow:0 9px 28px 8px #0000000d,0 3px 6px -4px #0000001f,0 6px 16px #00000014;background-color:var(--ui-kit-color-white)}.kit-timepicker-popup.k-popup .k-time-header{padding:0 0 10px;color:var(--ui-kit-color-grey-10);font-size:14px;border-bottom:1px solid var(--ui-kit-color-grey-11)}.kit-timepicker-popup.k-popup .k-time-header .k-time-now{color:var(--ui-kit-color-grey-10)}.kit-timepicker-popup.k-popup .k-time-header .k-time-now:hover{color:var(--ui-kit-color-hover)}.kit-timepicker-popup.k-popup .k-time-header .k-time-now:hover:before{opacity:0}.kit-timepicker-popup.k-popup .k-time-header .k-title,.kit-timepicker-popup.k-popup .k-time-header .k-time-now{padding:6px 8px;font-weight:400;line-height:20px}.kit-timepicker-popup.k-popup .k-time-list-container{justify-content:center;padding:10px 0;gap:20px}.kit-timepicker-popup.k-popup .k-reset{display:flex;flex-direction:column;align-items:center;width:auto}.kit-timepicker-popup.k-popup .k-time-list-wrapper{flex-grow:0;padding:0;height:208px;min-width:auto}.kit-timepicker-popup.k-popup .k-time-list-wrapper .k-title{display:flex;align-items:center;justify-content:center;color:var(--ui-kit-color-main);font-size:14px;font-weight:400;height:24px}.kit-timepicker-popup.k-popup .k-time-list-wrapper:before,.kit-timepicker-popup.k-popup .k-time-list-wrapper:after{display:none}.kit-timepicker-popup.k-popup .k-time-list:before,.kit-timepicker-popup.k-popup .k-time-list:after{display:none}.kit-timepicker-popup.k-popup .k-item{display:flex;align-items:center;justify-content:center;padding:5px 0;height:24px;width:38px;color:var(--ui-kit-color-grey-12);font-size:16px;font-weight:400;line-height:22px}.kit-timepicker-popup.k-popup .k-item[aria-selected=true]{padding:10px 0;color:var(--ui-kit-color-main)}.kit-timepicker-popup.k-popup .k-time-separator{top:16px;color:var(--ui-kit-color-grey-10);font-size:16px}.kit-timepicker-popup.k-popup .k-time-highlight{top:50%;height:34px;border-color:var(--ui-kit-color-grey-12);transform:none}.kit-timepicker-popup.k-popup .k-time-footer{margin-top:0;padding:12px;justify-content:center;border-top:1px solid #006890}.kit-timepicker-popup.k-popup .k-time-footer .k-button{margin:0 5px;width:110px;height:30px;flex:0 0 auto;font-size:14px;font-weight:400;border-radius:4px;border:none;color:#27282a;background:#dadde3}.kit-timepicker-popup.k-popup .k-time-footer .k-time-accept{color:var(--ui-kit-color-white);background:var(--ui-kit-color-main)}.kit-timepicker-popup.k-popup .k-actions{margin:0;padding:10px 0 0;flex-direction:row-reverse;justify-content:flex-start;border-top:1px solid var(--ui-kit-color-grey-11)}.kit-timepicker-popup.k-popup .k-actions .k-button{padding:0 19px;height:32px;width:auto;font-size:14px;font-weight:400;border-radius:6px;border:1px solid var(--ui-kit-color-grey-11);transition:none}.kit-timepicker-popup.k-popup .k-actions .k-button.k-time-cancel{background:var(--ui-kit-color-white)}.kit-timepicker-popup.k-popup .k-actions .k-button.k-time-cancel:hover{color:var(--ui-kit-color-hover);border-color:var(--ui-kit-color-hover)}.kit-timepicker-popup.k-popup .k-actions .k-button.k-time-cancel:active{border-color:var(--ui-kit-color-grey-11)}.kit-timepicker-popup.k-popup .k-actions .k-button.k-time-accept{border-color:transparent;background:var(--ui-kit-color-main)}.kit-timepicker-popup.k-popup .k-actions .k-button.k-time-accept:hover{background:var(--ui-kit-color-hover)}.kit-timepicker-popup.k-popup .k-actions .k-button.k-time-accept:active{background:var(--ui-kit-color-main)}.kit-timepicker-popup.k-popup .k-actions .k-button.k-time-accept:disabled{color:var(--ui-kit-color-grey-12);border:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-grey-13)}\n"], dependencies: [{ kind: "ngmodule", type: TimePickerModule }, { kind: "component", type: i1$4.TimePickerCustomMessagesComponent, selector: "kendo-timepicker-messages" }, { kind: "component", type: i1$4.TimePickerComponent, selector: "kendo-timepicker", inputs: ["focusableId", "disabled", "readonly", "readOnlyInput", "clearButton", "format", "formatPlaceholder", "placeholder", "min", "max", "incompleteDateValidation", "autoSwitchParts", "autoSwitchKeys", "enableMouseWheel", "allowCaretMode", "cancelButton", "nowButton", "steps", "popupSettings", "tabindex", "tabIndex", "adaptiveTitle", "adaptiveSubtitle", "rangeValidation", "adaptiveMode", "value", "size", "rounded", "fillMode", "inputAttributes"], outputs: ["valueChange", "focus", "blur", "open", "close", "escape"], exportAs: ["kendo-timepicker"] }, { kind: "component", type: KitInputLabelComponent, selector: "kit-input-label", inputs: ["text", "for", "tooltip"] }, { kind: "ngmodule", type: DateTimePickerModule }, { kind: "component", type: KitInputMessageComponent, selector: "kit-input-message", inputs: ["icon", "message"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
3484
3488
|
}
|
|
3485
3489
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: KitTimepickerComponent, decorators: [{
|
|
3486
3490
|
type: Component,
|
|
@@ -3494,7 +3498,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
|
|
|
3494
3498
|
DateTimePickerModule,
|
|
3495
3499
|
KitInputMessageComponent,
|
|
3496
3500
|
], template: "<div class=\"kit-timepicker\"\n [class.disabled]=\"disabled()\"\n [class.invalid]=\"invalid()\">\n @if (label()) {\n <kit-input-label class=\"label\"\n [text]=\"label()\"\n [for]=\"$any(timepicker)\"\n ></kit-input-label>\n }\n\n <kendo-timepicker #timepicker\n [title]=\"label()\"\n [placeholder]=\"placeholder()\"\n [min]=\"min()\"\n [max]=\"max()\"\n [format]=\"longFormatEnabled() && longTimeFormat || shortTimeFormat\"\n [disabled]=\"disabled()\"\n [value]=\"defaultValue()\"\n [popupSettings]=\"timepickerPopupSettings\"\n (open)=\"popupOpened.emit()\"\n (close)=\"popupClosed.emit()\"\n (valueChange)=\"onInputChange($event)\"\n (blur)=\"onInputBlur()\">\n <kendo-timepicker-messages [accept]=\"applyButtonText()\"\n [cancel]=\"cancelButtonText()\"\n ></kendo-timepicker-messages>\n </kendo-timepicker>\n\n @if (messageText()) {\n <kit-input-message [icon]=\"messageIcon()\"\n [message]=\"messageText()\"\n ></kit-input-message>\n }\n</div>\n", styles: [".kit-timepicker .label{display:block;margin-bottom:4px}.kit-timepicker:hover .k-timepicker{border-color:var(--ui-kit-color-hover)}.kit-timepicker .k-timepicker{height:40px;width:100%;font-size:14px;font-weight:400;border-radius:8px;border:1px solid var(--ui-kit-color-grey-11);background-color:var(--ui-kit-color-white)}.kit-timepicker .k-timepicker.k-focus{border-color:var(--ui-kit-color-main);box-shadow:0 0 0 2px var(--ui-kit-color-focus)}.kit-timepicker .k-timepicker.k-focus .k-input-inner{box-shadow:none}.kit-timepicker .k-timepicker.k-focus .k-input-button{color:var(--ui-kit-color-main)}.kit-timepicker .k-dateinput{box-shadow:none}.kit-timepicker .k-input-inner{padding:0 0 0 12px;color:var(--ui-kit-color-grey-10);line-height:1}.kit-timepicker .k-input-inner::placeholder{color:var(--ui-kit-color-grey-12)}.kit-timepicker .k-input-inner::selection{color:var(--ui-kit-color-white);background:var(--ui-kit-color-main)}.kit-timepicker .k-input-button{padding:0 8px;width:auto;color:var(--ui-kit-color-grey-12);border:none;background:none;transition:none}.kit-timepicker .k-input-button .k-button-icon{width:20px;height:20px}.kit-timepicker .k-input-button:hover{color:var(--ui-kit-color-hover)}.kit-timepicker.disabled .k-timepicker{border-color:var(--ui-kit-color-grey-12)}.kit-timepicker.disabled .k-input-inner,.kit-timepicker.disabled .k-input-button{color:var(--ui-kit-color-grey-12);background-color:var(--ui-kit-color-grey-13)}.kit-timepicker.invalid .k-timepicker{border-color:var(--ui-kit-color-red-1)}.kit-timepicker.invalid .k-input-button{color:var(--ui-kit-color-red-1)}.kit-timepicker-popup.k-popup{margin-top:10px;padding:8px;width:296px;border:none;border-radius:8px;box-shadow:0 9px 28px 8px #0000000d,0 3px 6px -4px #0000001f,0 6px 16px #00000014;background-color:var(--ui-kit-color-white)}.kit-timepicker-popup.k-popup .k-time-header{padding:0 0 10px;color:var(--ui-kit-color-grey-10);font-size:14px;border-bottom:1px solid var(--ui-kit-color-grey-11)}.kit-timepicker-popup.k-popup .k-time-header .k-time-now{color:var(--ui-kit-color-grey-10)}.kit-timepicker-popup.k-popup .k-time-header .k-time-now:hover{color:var(--ui-kit-color-hover)}.kit-timepicker-popup.k-popup .k-time-header .k-time-now:hover:before{opacity:0}.kit-timepicker-popup.k-popup .k-time-header .k-title,.kit-timepicker-popup.k-popup .k-time-header .k-time-now{padding:6px 8px;font-weight:400;line-height:20px}.kit-timepicker-popup.k-popup .k-time-list-container{justify-content:center;padding:10px 0;gap:20px}.kit-timepicker-popup.k-popup .k-reset{display:flex;flex-direction:column;align-items:center;width:auto}.kit-timepicker-popup.k-popup .k-time-list-wrapper{flex-grow:0;padding:0;height:208px;min-width:auto}.kit-timepicker-popup.k-popup .k-time-list-wrapper .k-title{display:flex;align-items:center;justify-content:center;color:var(--ui-kit-color-main);font-size:14px;font-weight:400;height:24px}.kit-timepicker-popup.k-popup .k-time-list-wrapper:before,.kit-timepicker-popup.k-popup .k-time-list-wrapper:after{display:none}.kit-timepicker-popup.k-popup .k-time-list:before,.kit-timepicker-popup.k-popup .k-time-list:after{display:none}.kit-timepicker-popup.k-popup .k-item{display:flex;align-items:center;justify-content:center;padding:5px 0;height:24px;width:38px;color:var(--ui-kit-color-grey-12);font-size:16px;font-weight:400;line-height:22px}.kit-timepicker-popup.k-popup .k-item[aria-selected=true]{padding:10px 0;color:var(--ui-kit-color-main)}.kit-timepicker-popup.k-popup .k-time-separator{top:16px;color:var(--ui-kit-color-grey-10);font-size:16px}.kit-timepicker-popup.k-popup .k-time-highlight{top:50%;height:34px;border-color:var(--ui-kit-color-grey-12);transform:none}.kit-timepicker-popup.k-popup .k-time-footer{margin-top:0;padding:12px;justify-content:center;border-top:1px solid #006890}.kit-timepicker-popup.k-popup .k-time-footer .k-button{margin:0 5px;width:110px;height:30px;flex:0 0 auto;font-size:14px;font-weight:400;border-radius:4px;border:none;color:#27282a;background:#dadde3}.kit-timepicker-popup.k-popup .k-time-footer .k-time-accept{color:var(--ui-kit-color-white);background:var(--ui-kit-color-main)}.kit-timepicker-popup.k-popup .k-actions{margin:0;padding:10px 0 0;flex-direction:row-reverse;justify-content:flex-start;border-top:1px solid var(--ui-kit-color-grey-11)}.kit-timepicker-popup.k-popup .k-actions .k-button{padding:0 19px;height:32px;width:auto;font-size:14px;font-weight:400;border-radius:6px;border:1px solid var(--ui-kit-color-grey-11);transition:none}.kit-timepicker-popup.k-popup .k-actions .k-button.k-time-cancel{background:var(--ui-kit-color-white)}.kit-timepicker-popup.k-popup .k-actions .k-button.k-time-cancel:hover{color:var(--ui-kit-color-hover);border-color:var(--ui-kit-color-hover)}.kit-timepicker-popup.k-popup .k-actions .k-button.k-time-cancel:active{border-color:var(--ui-kit-color-grey-11)}.kit-timepicker-popup.k-popup .k-actions .k-button.k-time-accept{border-color:transparent;background:var(--ui-kit-color-main)}.kit-timepicker-popup.k-popup .k-actions .k-button.k-time-accept:hover{background:var(--ui-kit-color-hover)}.kit-timepicker-popup.k-popup .k-actions .k-button.k-time-accept:active{background:var(--ui-kit-color-main)}.kit-timepicker-popup.k-popup .k-actions .k-button.k-time-accept:disabled{color:var(--ui-kit-color-grey-12);border:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-grey-13)}\n"] }]
|
|
3497
|
-
}], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], defaultValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultValue", required: false }] }, { type: i0.Output, args: ["defaultValueChange"] }], longFormatEnabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "longFormatEnabled", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }, { type: i0.Output, args: ["disabledChange"] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], min: [{ type: i0.Input, args: [{ isSignal: true, alias: "min", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], applyButtonText: [{ type: i0.Input, args: [{ isSignal: true, alias: "applyButtonText", required: false }] }], cancelButtonText: [{ type: i0.Input, args: [{ isSignal: true, alias: "cancelButtonText", required: false }] }], messageIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "messageIcon", required: false }] }], messageText: [{ type: i0.Input, args: [{ isSignal: true, alias: "messageText", required: false }] }], popupOpened: [{ type: i0.Output, args: ["popupOpened"] }], popupClosed: [{ type: i0.Output, args: ["popupClosed"] }], changed: [{ type: i0.Output, args: ["changed"] }], blured: [{ type: i0.Output, args: ["blured"] }] } });
|
|
3501
|
+
}], propDecorators: { kendoTimepicker: [{ type: i0.ViewChild, args: [i0.forwardRef(() => TimePickerComponent), { isSignal: true }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], defaultValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultValue", required: false }] }, { type: i0.Output, args: ["defaultValueChange"] }], longFormatEnabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "longFormatEnabled", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }, { type: i0.Output, args: ["disabledChange"] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], min: [{ type: i0.Input, args: [{ isSignal: true, alias: "min", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], applyButtonText: [{ type: i0.Input, args: [{ isSignal: true, alias: "applyButtonText", required: false }] }], cancelButtonText: [{ type: i0.Input, args: [{ isSignal: true, alias: "cancelButtonText", required: false }] }], messageIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "messageIcon", required: false }] }], messageText: [{ type: i0.Input, args: [{ isSignal: true, alias: "messageText", required: false }] }], popupOpened: [{ type: i0.Output, args: ["popupOpened"] }], popupClosed: [{ type: i0.Output, args: ["popupClosed"] }], changed: [{ type: i0.Output, args: ["changed"] }], blured: [{ type: i0.Output, args: ["blured"] }] } });
|
|
3498
3502
|
|
|
3499
3503
|
var KitSkeletonShape;
|
|
3500
3504
|
(function (KitSkeletonShape) {
|