@indigina/ui-kit 1.1.91 → 1.1.92

package/esm2022/lib/components/kit-datetimepicker/kit-datetimepicker.component.mjs

@@ -94,7 +94,7 @@ export class KitDatetimepickerComponent {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => KitDatetimepickerComponent),
                 multi: true,
-            }], viewQueries: [{ propertyName: "datetimepicker", first: true, predicate: ["datetimepicker"], descendants: true }], ngImport: i0, template: "<div class=\"kit-datetimepicker\"\n     [class.disabled]=\"disabled\"\n     [class.invalid]=\"invalid\">\n  @if (label) {\n    <kit-input-label class=\"label\"\n                     [text]=\"label\"\n                     [for]=\"$any(datetimepicker)\"\n    ></kit-input-label>\n  }\n  <div class=\"datetimepicker-wrap\">\n    <kendo-datetimepicker #datetimepicker\n                          calendarType=\"classic\"\n                          [placeholder]=\"placeholder\"\n                          [format]=\"format\"\n                          [disabled]=\"disabled\"\n                          [popupSettings]=\"datetimepickerPopupSettings\"\n                          [value]=\"defaultDate\"\n                          [min]=\"min\"\n                          [max]=\"max\"\n                          [focusedDate]=\"defaultDate\"\n                          (valueChange)=\"onValueChange($event)\"\n                          (blur)=\"onBlur()\">\n      <kendo-datetimepicker-messages [accept]=\"applyButtonText\"\n                                     [cancel]=\"cancelButtonText\"\n                                     [now]=\"nowButtonText\"\n      ></kendo-datetimepicker-messages>\n    </kendo-datetimepicker>\n    <button class=\"toggle-btn\"\n            [disabled]=\"disabled\"\n            (click)=\"onPopupToggle()\">\n      <kit-svg-icon class=\"button-icon\"\n                    [icon]=\"icon\"\n      ></kit-svg-icon>\n    </button>\n  </div>\n  @if (messageText) {\n    <kit-input-message [icon]=\"messageIcon\"\n                       [message]=\"messageText\"\n    ></kit-input-message>\n  }\n</div>\n", styles: [".kit-datetimepicker .label{display:block;margin-bottom:4px}.kit-datetimepicker .datetimepicker-wrap{position:relative}.kit-datetimepicker:hover .k-datetimepicker{border-color:var(--ui-kit-color-hover)}.kit-datetimepicker .k-datetimepicker{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-datetimepicker .k-datetimepicker.k-focus{border-color:var(--ui-kit-color-main);box-shadow:0 0 0 2px var(--ui-kit-color-focus)}.kit-datetimepicker .k-datetimepicker.k-focus+.toggle-btn .button-icon{stroke:var(--ui-kit-color-main)}.kit-datetimepicker .k-dateinput{box-shadow:none}.kit-datetimepicker .k-input-inner{padding:0 36px 0 12px;color:var(--ui-kit-color-grey-10);line-height:1}.kit-datetimepicker .k-input-inner::placeholder{color:var(--ui-kit-color-grey-12)}.kit-datetimepicker .k-input-inner::selection{color:var(--ui-kit-color-white);background:var(--ui-kit-color-main)}.kit-datetimepicker .toggle-btn{position:absolute;top:0;right:0;padding:0 12px 0 8px;height:100%;border:none;background:none;cursor:pointer;z-index:1}.kit-datetimepicker .toggle-btn .button-icon{display:block;width:16px;height:16px;fill:transparent;stroke:var(--ui-kit-color-grey-12)}.kit-datetimepicker .toggle-btn:hover .button-icon{stroke:var(--ui-kit-color-hover)}.kit-datetimepicker.disabled .k-datetimepicker{border-color:var(--ui-kit-color-grey-12)}.kit-datetimepicker.disabled .k-input-inner{color:var(--ui-kit-color-grey-12);background-color:var(--ui-kit-color-grey-13)}.kit-datetimepicker.disabled .toggle-btn{cursor:default}.kit-datetimepicker.disabled .toggle-btn .button-icon{stroke:var(--ui-kit-color-grey-12)}.kit-datetimepicker.invalid .k-datetimepicker{border-color:var(--ui-kit-color-red-1)}.kit-datetimepicker.invalid .toggle-btn{cursor:default}.kit-datetimepicker.invalid .toggle-btn .button-icon{stroke:var(--ui-kit-color-red-1)}.kit-datetimepicker.invalid .k-dateinput{border-color:var(--ui-kit-color-red-1)}.kit-datetimepicker .k-input-button{display:none}.kit-datetimepicker-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-datetimepicker-popup.k-popup .k-datetime-buttongroup{margin-bottom:10px;padding:0}.kit-datetimepicker-popup.k-popup .k-datetime-buttongroup .k-button-group{gap:10px;width:auto}.kit-datetimepicker-popup.k-popup .k-datetime-buttongroup .k-button{padding:0 11px;height:46px;color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:400;border:none;border-bottom:2px solid transparent;border-radius:0;background:var(--ui-kit-color-white);transition:none}.kit-datetimepicker-popup.k-popup .k-datetime-buttongroup .k-button.k-active{color:var(--ui-kit-color-main);border-bottom-color:var(--ui-kit-color-main)}.kit-datetimepicker-popup.k-popup .k-datetime-buttongroup .k-button:hover{color:var(--ui-kit-color-main)}.kit-datetimepicker-popup.k-popup .k-datetime-wrap{width:280px}.kit-datetimepicker-popup.k-popup .k-datetime-time-wrap,.kit-datetimepicker-popup.k-popup .k-datetime-calendar-wrap{flex-basis:280px}.kit-datetimepicker-popup.k-popup .k-calendar-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-datetimepicker-popup.k-popup .k-calendar-table{display:flex;flex-direction:column;gap:6px;padding:3px 8px}.kit-datetimepicker-popup.k-popup .k-calendar-title{padding:6px 8px;color:var(--ui-kit-color-grey-10);font-weight:400;line-height:20px;border-radius:4px;border:none}.kit-datetimepicker-popup.k-popup .k-calendar-title:hover{background:var(--ui-kit-color-grey-13)}.kit-datetimepicker-popup.k-popup .k-calendar-nav-today{display:flex;align-items:center;padding:0 8px;color:var(--ui-kit-color-grey-10)}.kit-datetimepicker-popup.k-popup .k-calendar-nav-today:hover{color:var(--ui-kit-color-hover)}.kit-datetimepicker-popup.k-popup .k-calendar-nav-today:hover:before{opacity:0}.kit-datetimepicker-popup.k-popup .k-calendar-nav-prev,.kit-datetimepicker-popup.k-popup .k-calendar-nav-next{padding:0;width:32px;height:32px;color:var(--ui-kit-color-grey-12)}.kit-datetimepicker-popup.k-popup .k-calendar-nav-prev:before,.kit-datetimepicker-popup.k-popup .k-calendar-nav-next:before{opacity:0}.kit-datetimepicker-popup.k-popup .k-calendar-nav-prev:hover,.kit-datetimepicker-popup.k-popup .k-calendar-nav-next:hover{color:var(--ui-kit-color-hover)}.kit-datetimepicker-popup.k-popup .k-link{padding:0;width:54px;height:24px;color:var(--ui-kit-color-grey-10);border-radius:6px}.kit-datetimepicker-popup.k-popup .k-calendar-view{margin:0;padding:10px 0;gap:32px;width:auto;box-sizing:border-box}.kit-datetimepicker-popup.k-popup .k-calendar-tr{display:flex;gap:16px}.kit-datetimepicker-popup.k-popup .k-calendar-tbody{display:flex;flex-direction:column;row-gap:16px}.kit-datetimepicker-popup.k-popup .k-calendar-th{width:24px;height:22px;color:var(--ui-kit-color-main);font-size:14px;text-transform:capitalize}.kit-datetimepicker-popup.k-popup .k-calendar-td{width:auto;height:auto;border-radius:6px}.kit-datetimepicker-popup.k-popup .k-calendar-td.k-today .k-link{color:var(--ui-kit-color-main);background:var(--ui-kit-color-grey-13)}.kit-datetimepicker-popup.k-popup .k-calendar-td.k-other-month .k-link{color:var(--ui-kit-color-grey-12)}.kit-datetimepicker-popup.k-popup .k-calendar-td.k-focus .k-link{box-shadow:none}.kit-datetimepicker-popup.k-popup .k-calendar-td:hover .k-link{border:none;background:var(--ui-kit-color-grey-13)}.kit-datetimepicker-popup.k-popup .k-calendar-td:focus .k-link{box-shadow:none}.kit-datetimepicker-popup.k-popup .k-calendar-monthview .k-link{width:24px}.kit-datetimepicker-popup.k-popup .k-calendar-monthview .k-calendar-tbody{row-gap:6px}.kit-datetimepicker-popup.k-popup .k-calendar-monthview .k-calendar-td.k-today .k-link{color:var(--ui-kit-color-grey-10);border:1px solid var(--ui-kit-color-main);background:var(--ui-kit-color-white)}.kit-datetimepicker-popup.k-popup .k-calendar-monthview .k-calendar-td.k-selected .k-link{color:var(--ui-kit-color-white);border:none;background:var(--ui-kit-color-main);box-shadow:none}.kit-datetimepicker-popup.k-popup .k-timeselector{height:100%}.kit-datetimepicker-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-datetimepicker-popup.k-popup .k-time-header .k-title,.kit-datetimepicker-popup.k-popup .k-time-header .k-time-now{padding:6px 8px;font-weight:400;line-height:20px}.kit-datetimepicker-popup.k-popup .k-time-header .k-time-now{color:var(--ui-kit-color-grey-10)}.kit-datetimepicker-popup.k-popup .k-time-header .k-time-now:hover{color:var(--ui-kit-color-hover)}.kit-datetimepicker-popup.k-popup .k-time-header .k-time-now:hover:before{opacity:0}.kit-datetimepicker-popup.k-popup .k-time-list-container{justify-content:center;padding:10px 0;gap:20px}.kit-datetimepicker-popup.k-popup .k-reset{display:flex;flex-direction:column;align-items:center;width:auto}.kit-datetimepicker-popup.k-popup .k-time-list-wrapper{flex-grow:0;padding:0;height:208px;min-width:auto}.kit-datetimepicker-popup.k-popup .k-time-list-wrapper:before,.kit-datetimepicker-popup.k-popup .k-time-list-wrapper:after{display:none}.kit-datetimepicker-popup.k-popup .k-time-list-wrapper .k-title{display:flex;align-items:center;justify-content:flex-end;color:var(--ui-kit-color-main);font-size:14px;font-weight:400;height:24px}.kit-datetimepicker-popup.k-popup .k-time-list:before,.kit-datetimepicker-popup.k-popup .k-time-list:after{display:none}.kit-datetimepicker-popup.k-popup .k-time-list .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}.kit-datetimepicker-popup.k-popup .k-time-list .k-item[aria-selected=true]{padding:10px 0;color:var(--ui-kit-color-main)}.kit-datetimepicker-popup.k-popup .k-time-highlight{top:50%;height:34px;border-color:var(--ui-kit-color-grey-12);transform:none}.kit-datetimepicker-popup.k-popup .k-time-separator{top:16px;color:var(--ui-kit-color-grey-10);font-size:16px}.kit-datetimepicker-popup.k-popup .k-actions{margin:0;padding:10px 0 0;flex-direction:row-reverse;border-top:1px solid var(--ui-kit-color-grey-11)}.kit-datetimepicker-popup.k-popup .k-actions .k-button{flex:none;padding:0 19px;height:32px;font-size:14px;font-weight:400;border-radius:6px;border:1px solid var(--ui-kit-color-grey-11);transition:none}.kit-datetimepicker-popup.k-popup .k-actions .k-button.k-time-accept{border-color:transparent;background:var(--ui-kit-color-main)}.kit-datetimepicker-popup.k-popup .k-actions .k-button.k-time-accept:hover{background:var(--ui-kit-color-hover)}.kit-datetimepicker-popup.k-popup .k-actions .k-button.k-time-accept:active{background:var(--ui-kit-color-main)}.kit-datetimepicker-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)}.kit-datetimepicker-popup.k-popup .k-actions .k-button.k-time-cancel{background:var(--ui-kit-color-white)}.kit-datetimepicker-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-datetimepicker-popup.k-popup .k-actions .k-button.k-time-cancel:active{border-color:var(--ui-kit-color-grey-11)}\n"], dependencies: [{ kind: "component", type: i1.DateTimePickerCustomMessagesComponent, selector: "kendo-datetimepicker-messages" }, { kind: "component", type: i1.DateTimePickerComponent, selector: "kendo-datetimepicker", inputs: ["focusableId", "weekDaysFormat", "showOtherMonthDays", "value", "format", "twoDigitYearMax", "tabindex", "disabledDates", "popupSettings", "title", "subtitle", "disabled", "readonly", "readOnlyInput", "cancelButton", "formatPlaceholder", "placeholder", "steps", "focusedDate", "calendarType", "animateCalendarNavigation", "weekNumber", "min", "max", "rangeValidation", "disabledDatesValidation", "incompleteDateValidation", "autoCorrectParts", "autoSwitchParts", "autoSwitchKeys", "enableMouseWheel", "allowCaretMode", "clearButton", "autoFill", "adaptiveMode", "inputAttributes", "defaultTab", "size", "rounded", "fillMode", "headerTemplate", "footerTemplate", "footer"], outputs: ["valueChange", "open", "close", "focus", "blur", "escape"], exportAs: ["kendo-datetimepicker"] }, { kind: "component", type: i2.KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "component", type: i3.KitInputMessageComponent, selector: "kit-input-message", inputs: ["icon", "message"] }, { kind: "component", type: i4.KitInputLabelComponent, selector: "kit-input-label", inputs: ["text", "for", "tooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+            }], viewQueries: [{ propertyName: "datetimepicker", first: true, predicate: ["datetimepicker"], descendants: true }], ngImport: i0, template: "<div class=\"kit-datetimepicker\"\n     [class.disabled]=\"disabled\"\n     [class.invalid]=\"invalid\">\n  @if (label) {\n    <kit-input-label class=\"label\"\n                     [text]=\"label\"\n                     [for]=\"$any(datetimepicker)\"\n    ></kit-input-label>\n  }\n  <div class=\"datetimepicker-wrap\">\n    <kendo-datetimepicker #datetimepicker\n                          calendarType=\"classic\"\n                          [placeholder]=\"placeholder\"\n                          [format]=\"format\"\n                          [disabled]=\"disabled\"\n                          [popupSettings]=\"datetimepickerPopupSettings\"\n                          [value]=\"defaultDate\"\n                          [min]=\"min\"\n                          [max]=\"max\"\n                          [focusedDate]=\"defaultDate\"\n                          (valueChange)=\"onValueChange($event)\"\n                          (blur)=\"onBlur()\">\n      <kendo-datetimepicker-messages [accept]=\"applyButtonText\"\n                                     [cancel]=\"cancelButtonText\"\n                                     [now]=\"nowButtonText\"\n      ></kendo-datetimepicker-messages>\n    </kendo-datetimepicker>\n    <button class=\"toggle-btn\"\n            [disabled]=\"disabled\"\n            (click)=\"onPopupToggle()\">\n      <kit-svg-icon class=\"button-icon\"\n                    [icon]=\"icon\"\n      ></kit-svg-icon>\n    </button>\n  </div>\n  @if (messageText) {\n    <kit-input-message [icon]=\"messageIcon\"\n                       [message]=\"messageText\"\n    ></kit-input-message>\n  }\n</div>\n", styles: [".kit-datetimepicker .label{display:block;margin-bottom:4px}.kit-datetimepicker .datetimepicker-wrap{position:relative}.kit-datetimepicker:hover .k-datetimepicker{border-color:var(--ui-kit-color-hover)}.kit-datetimepicker .k-datetimepicker{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-datetimepicker .k-datetimepicker.k-focus{border-color:var(--ui-kit-color-main);box-shadow:0 0 0 2px var(--ui-kit-color-focus)}.kit-datetimepicker .k-datetimepicker.k-focus+.toggle-btn .button-icon{fill:var(--ui-kit-color-main)}.kit-datetimepicker .k-dateinput{box-shadow:none}.kit-datetimepicker .k-input-inner{padding:0 36px 0 12px;color:var(--ui-kit-color-grey-10);line-height:1}.kit-datetimepicker .k-input-inner::placeholder{color:var(--ui-kit-color-grey-12)}.kit-datetimepicker .k-input-inner::selection{color:var(--ui-kit-color-white);background:var(--ui-kit-color-main)}.kit-datetimepicker .toggle-btn{position:absolute;top:0;right:0;padding:0 12px 0 8px;height:100%;border:none;background:none;cursor:pointer;z-index:1}.kit-datetimepicker .toggle-btn .button-icon{display:block;width:16px;height:16px;stroke:none;fill:var(--ui-kit-color-grey-12)}.kit-datetimepicker .toggle-btn:hover .button-icon{fill:var(--ui-kit-color-hover)}.kit-datetimepicker.disabled .k-datetimepicker{border-color:var(--ui-kit-color-grey-12)}.kit-datetimepicker.disabled .k-input-inner{color:var(--ui-kit-color-grey-12);background-color:var(--ui-kit-color-grey-13)}.kit-datetimepicker.disabled .toggle-btn{cursor:default}.kit-datetimepicker.disabled .toggle-btn .button-icon{fill:var(--ui-kit-color-grey-12)}.kit-datetimepicker.invalid .k-datetimepicker{border-color:var(--ui-kit-color-red-1)}.kit-datetimepicker.invalid .toggle-btn{cursor:default}.kit-datetimepicker.invalid .toggle-btn .button-icon{fill:var(--ui-kit-color-red-1)}.kit-datetimepicker.invalid .k-dateinput{border-color:var(--ui-kit-color-red-1)}.kit-datetimepicker .k-input-button{display:none}.kit-datetimepicker-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-datetimepicker-popup.k-popup .k-datetime-buttongroup{margin-bottom:10px;padding:0}.kit-datetimepicker-popup.k-popup .k-datetime-buttongroup .k-button-group{gap:10px;width:auto}.kit-datetimepicker-popup.k-popup .k-datetime-buttongroup .k-button{padding:0 11px;height:46px;color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:400;border:none;border-bottom:2px solid transparent;border-radius:0;background:var(--ui-kit-color-white);transition:none}.kit-datetimepicker-popup.k-popup .k-datetime-buttongroup .k-button.k-active{color:var(--ui-kit-color-main);border-bottom-color:var(--ui-kit-color-main)}.kit-datetimepicker-popup.k-popup .k-datetime-buttongroup .k-button:hover{color:var(--ui-kit-color-main)}.kit-datetimepicker-popup.k-popup .k-datetime-wrap{width:280px}.kit-datetimepicker-popup.k-popup .k-datetime-time-wrap,.kit-datetimepicker-popup.k-popup .k-datetime-calendar-wrap{flex-basis:280px}.kit-datetimepicker-popup.k-popup .k-calendar-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-datetimepicker-popup.k-popup .k-calendar-table{display:flex;flex-direction:column;gap:6px;padding:3px 8px}.kit-datetimepicker-popup.k-popup .k-calendar-title{padding:6px 8px;color:var(--ui-kit-color-grey-10);font-weight:400;line-height:20px;border-radius:4px;border:none}.kit-datetimepicker-popup.k-popup .k-calendar-title:hover{background:var(--ui-kit-color-grey-13)}.kit-datetimepicker-popup.k-popup .k-calendar-nav-today{display:flex;align-items:center;padding:0 8px;color:var(--ui-kit-color-grey-10)}.kit-datetimepicker-popup.k-popup .k-calendar-nav-today:hover{color:var(--ui-kit-color-hover)}.kit-datetimepicker-popup.k-popup .k-calendar-nav-today:hover:before{opacity:0}.kit-datetimepicker-popup.k-popup .k-calendar-nav-prev,.kit-datetimepicker-popup.k-popup .k-calendar-nav-next{padding:0;width:32px;height:32px;color:var(--ui-kit-color-grey-12)}.kit-datetimepicker-popup.k-popup .k-calendar-nav-prev:before,.kit-datetimepicker-popup.k-popup .k-calendar-nav-next:before{opacity:0}.kit-datetimepicker-popup.k-popup .k-calendar-nav-prev:hover,.kit-datetimepicker-popup.k-popup .k-calendar-nav-next:hover{color:var(--ui-kit-color-hover)}.kit-datetimepicker-popup.k-popup .k-link{padding:0;width:54px;height:24px;color:var(--ui-kit-color-grey-10);border-radius:6px}.kit-datetimepicker-popup.k-popup .k-calendar-view{margin:0;padding:10px 0;gap:32px;width:auto;box-sizing:border-box}.kit-datetimepicker-popup.k-popup .k-calendar-tr{display:flex;gap:16px}.kit-datetimepicker-popup.k-popup .k-calendar-tbody{display:flex;flex-direction:column;row-gap:16px}.kit-datetimepicker-popup.k-popup .k-calendar-th{width:24px;height:22px;color:var(--ui-kit-color-main);font-size:14px;text-transform:capitalize}.kit-datetimepicker-popup.k-popup .k-calendar-td{width:auto;height:auto;border-radius:6px}.kit-datetimepicker-popup.k-popup .k-calendar-td.k-today .k-link{color:var(--ui-kit-color-main);background:var(--ui-kit-color-grey-13)}.kit-datetimepicker-popup.k-popup .k-calendar-td.k-other-month .k-link{color:var(--ui-kit-color-grey-12)}.kit-datetimepicker-popup.k-popup .k-calendar-td.k-focus .k-link{box-shadow:none}.kit-datetimepicker-popup.k-popup .k-calendar-td:hover .k-link{border:none;background:var(--ui-kit-color-grey-13)}.kit-datetimepicker-popup.k-popup .k-calendar-td:focus .k-link{box-shadow:none}.kit-datetimepicker-popup.k-popup .k-calendar-monthview .k-link{width:24px}.kit-datetimepicker-popup.k-popup .k-calendar-monthview .k-calendar-tbody{row-gap:6px}.kit-datetimepicker-popup.k-popup .k-calendar-monthview .k-calendar-td.k-today .k-link{color:var(--ui-kit-color-grey-10);border:1px solid var(--ui-kit-color-main);background:var(--ui-kit-color-white)}.kit-datetimepicker-popup.k-popup .k-calendar-monthview .k-calendar-td.k-selected .k-link{color:var(--ui-kit-color-white);border:none;background:var(--ui-kit-color-main);box-shadow:none}.kit-datetimepicker-popup.k-popup .k-timeselector{height:100%}.kit-datetimepicker-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-datetimepicker-popup.k-popup .k-time-header .k-title,.kit-datetimepicker-popup.k-popup .k-time-header .k-time-now{padding:6px 8px;font-weight:400;line-height:20px}.kit-datetimepicker-popup.k-popup .k-time-header .k-time-now{color:var(--ui-kit-color-grey-10)}.kit-datetimepicker-popup.k-popup .k-time-header .k-time-now:hover{color:var(--ui-kit-color-hover)}.kit-datetimepicker-popup.k-popup .k-time-header .k-time-now:hover:before{opacity:0}.kit-datetimepicker-popup.k-popup .k-time-list-container{justify-content:center;padding:10px 0;gap:20px}.kit-datetimepicker-popup.k-popup .k-reset{display:flex;flex-direction:column;align-items:center;width:auto}.kit-datetimepicker-popup.k-popup .k-time-list-wrapper{flex-grow:0;padding:0;height:208px;min-width:auto}.kit-datetimepicker-popup.k-popup .k-time-list-wrapper:before,.kit-datetimepicker-popup.k-popup .k-time-list-wrapper:after{display:none}.kit-datetimepicker-popup.k-popup .k-time-list-wrapper .k-title{display:flex;align-items:center;justify-content:flex-end;color:var(--ui-kit-color-main);font-size:14px;font-weight:400;height:24px}.kit-datetimepicker-popup.k-popup .k-time-list:before,.kit-datetimepicker-popup.k-popup .k-time-list:after{display:none}.kit-datetimepicker-popup.k-popup .k-time-list .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}.kit-datetimepicker-popup.k-popup .k-time-list .k-item[aria-selected=true]{padding:10px 0;color:var(--ui-kit-color-main)}.kit-datetimepicker-popup.k-popup .k-time-highlight{top:50%;height:34px;border-color:var(--ui-kit-color-grey-12);transform:none}.kit-datetimepicker-popup.k-popup .k-time-separator{top:16px;color:var(--ui-kit-color-grey-10);font-size:16px}.kit-datetimepicker-popup.k-popup .k-actions{margin:0;padding:10px 0 0;flex-direction:row-reverse;border-top:1px solid var(--ui-kit-color-grey-11)}.kit-datetimepicker-popup.k-popup .k-actions .k-button{flex:none;padding:0 19px;height:32px;font-size:14px;font-weight:400;border-radius:6px;border:1px solid var(--ui-kit-color-grey-11);transition:none}.kit-datetimepicker-popup.k-popup .k-actions .k-button.k-time-accept{border-color:transparent;background:var(--ui-kit-color-main)}.kit-datetimepicker-popup.k-popup .k-actions .k-button.k-time-accept:hover{background:var(--ui-kit-color-hover)}.kit-datetimepicker-popup.k-popup .k-actions .k-button.k-time-accept:active{background:var(--ui-kit-color-main)}.kit-datetimepicker-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)}.kit-datetimepicker-popup.k-popup .k-actions .k-button.k-time-cancel{background:var(--ui-kit-color-white)}.kit-datetimepicker-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-datetimepicker-popup.k-popup .k-actions .k-button.k-time-cancel:active{border-color:var(--ui-kit-color-grey-11)}\n"], dependencies: [{ kind: "component", type: i1.DateTimePickerCustomMessagesComponent, selector: "kendo-datetimepicker-messages" }, { kind: "component", type: i1.DateTimePickerComponent, selector: "kendo-datetimepicker", inputs: ["focusableId", "weekDaysFormat", "showOtherMonthDays", "value", "format", "twoDigitYearMax", "tabindex", "disabledDates", "popupSettings", "title", "subtitle", "disabled", "readonly", "readOnlyInput", "cancelButton", "formatPlaceholder", "placeholder", "steps", "focusedDate", "calendarType", "animateCalendarNavigation", "weekNumber", "min", "max", "rangeValidation", "disabledDatesValidation", "incompleteDateValidation", "autoCorrectParts", "autoSwitchParts", "autoSwitchKeys", "enableMouseWheel", "allowCaretMode", "clearButton", "autoFill", "adaptiveMode", "inputAttributes", "defaultTab", "size", "rounded", "fillMode", "headerTemplate", "footerTemplate", "footer"], outputs: ["valueChange", "open", "close", "focus", "blur", "escape"], exportAs: ["kendo-datetimepicker"] }, { kind: "component", type: i2.KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "component", type: i3.KitInputMessageComponent, selector: "kit-input-message", inputs: ["icon", "message"] }, { kind: "component", type: i4.KitInputLabelComponent, selector: "kit-input-label", inputs: ["text", "for", "tooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KitDatetimepickerComponent, decorators: [{
             type: Component,
@@ -102,7 +102,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImpor
                             provide: NG_VALUE_ACCESSOR,
                             useExisting: forwardRef(() => KitDatetimepickerComponent),
                             multi: true,
-                        }], template: "<div class=\"kit-datetimepicker\"\n     [class.disabled]=\"disabled\"\n     [class.invalid]=\"invalid\">\n  @if (label) {\n    <kit-input-label class=\"label\"\n                     [text]=\"label\"\n                     [for]=\"$any(datetimepicker)\"\n    ></kit-input-label>\n  }\n  <div class=\"datetimepicker-wrap\">\n    <kendo-datetimepicker #datetimepicker\n                          calendarType=\"classic\"\n                          [placeholder]=\"placeholder\"\n                          [format]=\"format\"\n                          [disabled]=\"disabled\"\n                          [popupSettings]=\"datetimepickerPopupSettings\"\n                          [value]=\"defaultDate\"\n                          [min]=\"min\"\n                          [max]=\"max\"\n                          [focusedDate]=\"defaultDate\"\n                          (valueChange)=\"onValueChange($event)\"\n                          (blur)=\"onBlur()\">\n      <kendo-datetimepicker-messages [accept]=\"applyButtonText\"\n                                     [cancel]=\"cancelButtonText\"\n                                     [now]=\"nowButtonText\"\n      ></kendo-datetimepicker-messages>\n    </kendo-datetimepicker>\n    <button class=\"toggle-btn\"\n            [disabled]=\"disabled\"\n            (click)=\"onPopupToggle()\">\n      <kit-svg-icon class=\"button-icon\"\n                    [icon]=\"icon\"\n      ></kit-svg-icon>\n    </button>\n  </div>\n  @if (messageText) {\n    <kit-input-message [icon]=\"messageIcon\"\n                       [message]=\"messageText\"\n    ></kit-input-message>\n  }\n</div>\n", styles: [".kit-datetimepicker .label{display:block;margin-bottom:4px}.kit-datetimepicker .datetimepicker-wrap{position:relative}.kit-datetimepicker:hover .k-datetimepicker{border-color:var(--ui-kit-color-hover)}.kit-datetimepicker .k-datetimepicker{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-datetimepicker .k-datetimepicker.k-focus{border-color:var(--ui-kit-color-main);box-shadow:0 0 0 2px var(--ui-kit-color-focus)}.kit-datetimepicker .k-datetimepicker.k-focus+.toggle-btn .button-icon{stroke:var(--ui-kit-color-main)}.kit-datetimepicker .k-dateinput{box-shadow:none}.kit-datetimepicker .k-input-inner{padding:0 36px 0 12px;color:var(--ui-kit-color-grey-10);line-height:1}.kit-datetimepicker .k-input-inner::placeholder{color:var(--ui-kit-color-grey-12)}.kit-datetimepicker .k-input-inner::selection{color:var(--ui-kit-color-white);background:var(--ui-kit-color-main)}.kit-datetimepicker .toggle-btn{position:absolute;top:0;right:0;padding:0 12px 0 8px;height:100%;border:none;background:none;cursor:pointer;z-index:1}.kit-datetimepicker .toggle-btn .button-icon{display:block;width:16px;height:16px;fill:transparent;stroke:var(--ui-kit-color-grey-12)}.kit-datetimepicker .toggle-btn:hover .button-icon{stroke:var(--ui-kit-color-hover)}.kit-datetimepicker.disabled .k-datetimepicker{border-color:var(--ui-kit-color-grey-12)}.kit-datetimepicker.disabled .k-input-inner{color:var(--ui-kit-color-grey-12);background-color:var(--ui-kit-color-grey-13)}.kit-datetimepicker.disabled .toggle-btn{cursor:default}.kit-datetimepicker.disabled .toggle-btn .button-icon{stroke:var(--ui-kit-color-grey-12)}.kit-datetimepicker.invalid .k-datetimepicker{border-color:var(--ui-kit-color-red-1)}.kit-datetimepicker.invalid .toggle-btn{cursor:default}.kit-datetimepicker.invalid .toggle-btn .button-icon{stroke:var(--ui-kit-color-red-1)}.kit-datetimepicker.invalid .k-dateinput{border-color:var(--ui-kit-color-red-1)}.kit-datetimepicker .k-input-button{display:none}.kit-datetimepicker-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-datetimepicker-popup.k-popup .k-datetime-buttongroup{margin-bottom:10px;padding:0}.kit-datetimepicker-popup.k-popup .k-datetime-buttongroup .k-button-group{gap:10px;width:auto}.kit-datetimepicker-popup.k-popup .k-datetime-buttongroup .k-button{padding:0 11px;height:46px;color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:400;border:none;border-bottom:2px solid transparent;border-radius:0;background:var(--ui-kit-color-white);transition:none}.kit-datetimepicker-popup.k-popup .k-datetime-buttongroup .k-button.k-active{color:var(--ui-kit-color-main);border-bottom-color:var(--ui-kit-color-main)}.kit-datetimepicker-popup.k-popup .k-datetime-buttongroup .k-button:hover{color:var(--ui-kit-color-main)}.kit-datetimepicker-popup.k-popup .k-datetime-wrap{width:280px}.kit-datetimepicker-popup.k-popup .k-datetime-time-wrap,.kit-datetimepicker-popup.k-popup .k-datetime-calendar-wrap{flex-basis:280px}.kit-datetimepicker-popup.k-popup .k-calendar-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-datetimepicker-popup.k-popup .k-calendar-table{display:flex;flex-direction:column;gap:6px;padding:3px 8px}.kit-datetimepicker-popup.k-popup .k-calendar-title{padding:6px 8px;color:var(--ui-kit-color-grey-10);font-weight:400;line-height:20px;border-radius:4px;border:none}.kit-datetimepicker-popup.k-popup .k-calendar-title:hover{background:var(--ui-kit-color-grey-13)}.kit-datetimepicker-popup.k-popup .k-calendar-nav-today{display:flex;align-items:center;padding:0 8px;color:var(--ui-kit-color-grey-10)}.kit-datetimepicker-popup.k-popup .k-calendar-nav-today:hover{color:var(--ui-kit-color-hover)}.kit-datetimepicker-popup.k-popup .k-calendar-nav-today:hover:before{opacity:0}.kit-datetimepicker-popup.k-popup .k-calendar-nav-prev,.kit-datetimepicker-popup.k-popup .k-calendar-nav-next{padding:0;width:32px;height:32px;color:var(--ui-kit-color-grey-12)}.kit-datetimepicker-popup.k-popup .k-calendar-nav-prev:before,.kit-datetimepicker-popup.k-popup .k-calendar-nav-next:before{opacity:0}.kit-datetimepicker-popup.k-popup .k-calendar-nav-prev:hover,.kit-datetimepicker-popup.k-popup .k-calendar-nav-next:hover{color:var(--ui-kit-color-hover)}.kit-datetimepicker-popup.k-popup .k-link{padding:0;width:54px;height:24px;color:var(--ui-kit-color-grey-10);border-radius:6px}.kit-datetimepicker-popup.k-popup .k-calendar-view{margin:0;padding:10px 0;gap:32px;width:auto;box-sizing:border-box}.kit-datetimepicker-popup.k-popup .k-calendar-tr{display:flex;gap:16px}.kit-datetimepicker-popup.k-popup .k-calendar-tbody{display:flex;flex-direction:column;row-gap:16px}.kit-datetimepicker-popup.k-popup .k-calendar-th{width:24px;height:22px;color:var(--ui-kit-color-main);font-size:14px;text-transform:capitalize}.kit-datetimepicker-popup.k-popup .k-calendar-td{width:auto;height:auto;border-radius:6px}.kit-datetimepicker-popup.k-popup .k-calendar-td.k-today .k-link{color:var(--ui-kit-color-main);background:var(--ui-kit-color-grey-13)}.kit-datetimepicker-popup.k-popup .k-calendar-td.k-other-month .k-link{color:var(--ui-kit-color-grey-12)}.kit-datetimepicker-popup.k-popup .k-calendar-td.k-focus .k-link{box-shadow:none}.kit-datetimepicker-popup.k-popup .k-calendar-td:hover .k-link{border:none;background:var(--ui-kit-color-grey-13)}.kit-datetimepicker-popup.k-popup .k-calendar-td:focus .k-link{box-shadow:none}.kit-datetimepicker-popup.k-popup .k-calendar-monthview .k-link{width:24px}.kit-datetimepicker-popup.k-popup .k-calendar-monthview .k-calendar-tbody{row-gap:6px}.kit-datetimepicker-popup.k-popup .k-calendar-monthview .k-calendar-td.k-today .k-link{color:var(--ui-kit-color-grey-10);border:1px solid var(--ui-kit-color-main);background:var(--ui-kit-color-white)}.kit-datetimepicker-popup.k-popup .k-calendar-monthview .k-calendar-td.k-selected .k-link{color:var(--ui-kit-color-white);border:none;background:var(--ui-kit-color-main);box-shadow:none}.kit-datetimepicker-popup.k-popup .k-timeselector{height:100%}.kit-datetimepicker-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-datetimepicker-popup.k-popup .k-time-header .k-title,.kit-datetimepicker-popup.k-popup .k-time-header .k-time-now{padding:6px 8px;font-weight:400;line-height:20px}.kit-datetimepicker-popup.k-popup .k-time-header .k-time-now{color:var(--ui-kit-color-grey-10)}.kit-datetimepicker-popup.k-popup .k-time-header .k-time-now:hover{color:var(--ui-kit-color-hover)}.kit-datetimepicker-popup.k-popup .k-time-header .k-time-now:hover:before{opacity:0}.kit-datetimepicker-popup.k-popup .k-time-list-container{justify-content:center;padding:10px 0;gap:20px}.kit-datetimepicker-popup.k-popup .k-reset{display:flex;flex-direction:column;align-items:center;width:auto}.kit-datetimepicker-popup.k-popup .k-time-list-wrapper{flex-grow:0;padding:0;height:208px;min-width:auto}.kit-datetimepicker-popup.k-popup .k-time-list-wrapper:before,.kit-datetimepicker-popup.k-popup .k-time-list-wrapper:after{display:none}.kit-datetimepicker-popup.k-popup .k-time-list-wrapper .k-title{display:flex;align-items:center;justify-content:flex-end;color:var(--ui-kit-color-main);font-size:14px;font-weight:400;height:24px}.kit-datetimepicker-popup.k-popup .k-time-list:before,.kit-datetimepicker-popup.k-popup .k-time-list:after{display:none}.kit-datetimepicker-popup.k-popup .k-time-list .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}.kit-datetimepicker-popup.k-popup .k-time-list .k-item[aria-selected=true]{padding:10px 0;color:var(--ui-kit-color-main)}.kit-datetimepicker-popup.k-popup .k-time-highlight{top:50%;height:34px;border-color:var(--ui-kit-color-grey-12);transform:none}.kit-datetimepicker-popup.k-popup .k-time-separator{top:16px;color:var(--ui-kit-color-grey-10);font-size:16px}.kit-datetimepicker-popup.k-popup .k-actions{margin:0;padding:10px 0 0;flex-direction:row-reverse;border-top:1px solid var(--ui-kit-color-grey-11)}.kit-datetimepicker-popup.k-popup .k-actions .k-button{flex:none;padding:0 19px;height:32px;font-size:14px;font-weight:400;border-radius:6px;border:1px solid var(--ui-kit-color-grey-11);transition:none}.kit-datetimepicker-popup.k-popup .k-actions .k-button.k-time-accept{border-color:transparent;background:var(--ui-kit-color-main)}.kit-datetimepicker-popup.k-popup .k-actions .k-button.k-time-accept:hover{background:var(--ui-kit-color-hover)}.kit-datetimepicker-popup.k-popup .k-actions .k-button.k-time-accept:active{background:var(--ui-kit-color-main)}.kit-datetimepicker-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)}.kit-datetimepicker-popup.k-popup .k-actions .k-button.k-time-cancel{background:var(--ui-kit-color-white)}.kit-datetimepicker-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-datetimepicker-popup.k-popup .k-actions .k-button.k-time-cancel:active{border-color:var(--ui-kit-color-grey-11)}\n"] }]
+                        }], template: "<div class=\"kit-datetimepicker\"\n     [class.disabled]=\"disabled\"\n     [class.invalid]=\"invalid\">\n  @if (label) {\n    <kit-input-label class=\"label\"\n                     [text]=\"label\"\n                     [for]=\"$any(datetimepicker)\"\n    ></kit-input-label>\n  }\n  <div class=\"datetimepicker-wrap\">\n    <kendo-datetimepicker #datetimepicker\n                          calendarType=\"classic\"\n                          [placeholder]=\"placeholder\"\n                          [format]=\"format\"\n                          [disabled]=\"disabled\"\n                          [popupSettings]=\"datetimepickerPopupSettings\"\n                          [value]=\"defaultDate\"\n                          [min]=\"min\"\n                          [max]=\"max\"\n                          [focusedDate]=\"defaultDate\"\n                          (valueChange)=\"onValueChange($event)\"\n                          (blur)=\"onBlur()\">\n      <kendo-datetimepicker-messages [accept]=\"applyButtonText\"\n                                     [cancel]=\"cancelButtonText\"\n                                     [now]=\"nowButtonText\"\n      ></kendo-datetimepicker-messages>\n    </kendo-datetimepicker>\n    <button class=\"toggle-btn\"\n            [disabled]=\"disabled\"\n            (click)=\"onPopupToggle()\">\n      <kit-svg-icon class=\"button-icon\"\n                    [icon]=\"icon\"\n      ></kit-svg-icon>\n    </button>\n  </div>\n  @if (messageText) {\n    <kit-input-message [icon]=\"messageIcon\"\n                       [message]=\"messageText\"\n    ></kit-input-message>\n  }\n</div>\n", styles: [".kit-datetimepicker .label{display:block;margin-bottom:4px}.kit-datetimepicker .datetimepicker-wrap{position:relative}.kit-datetimepicker:hover .k-datetimepicker{border-color:var(--ui-kit-color-hover)}.kit-datetimepicker .k-datetimepicker{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-datetimepicker .k-datetimepicker.k-focus{border-color:var(--ui-kit-color-main);box-shadow:0 0 0 2px var(--ui-kit-color-focus)}.kit-datetimepicker .k-datetimepicker.k-focus+.toggle-btn .button-icon{fill:var(--ui-kit-color-main)}.kit-datetimepicker .k-dateinput{box-shadow:none}.kit-datetimepicker .k-input-inner{padding:0 36px 0 12px;color:var(--ui-kit-color-grey-10);line-height:1}.kit-datetimepicker .k-input-inner::placeholder{color:var(--ui-kit-color-grey-12)}.kit-datetimepicker .k-input-inner::selection{color:var(--ui-kit-color-white);background:var(--ui-kit-color-main)}.kit-datetimepicker .toggle-btn{position:absolute;top:0;right:0;padding:0 12px 0 8px;height:100%;border:none;background:none;cursor:pointer;z-index:1}.kit-datetimepicker .toggle-btn .button-icon{display:block;width:16px;height:16px;stroke:none;fill:var(--ui-kit-color-grey-12)}.kit-datetimepicker .toggle-btn:hover .button-icon{fill:var(--ui-kit-color-hover)}.kit-datetimepicker.disabled .k-datetimepicker{border-color:var(--ui-kit-color-grey-12)}.kit-datetimepicker.disabled .k-input-inner{color:var(--ui-kit-color-grey-12);background-color:var(--ui-kit-color-grey-13)}.kit-datetimepicker.disabled .toggle-btn{cursor:default}.kit-datetimepicker.disabled .toggle-btn .button-icon{fill:var(--ui-kit-color-grey-12)}.kit-datetimepicker.invalid .k-datetimepicker{border-color:var(--ui-kit-color-red-1)}.kit-datetimepicker.invalid .toggle-btn{cursor:default}.kit-datetimepicker.invalid .toggle-btn .button-icon{fill:var(--ui-kit-color-red-1)}.kit-datetimepicker.invalid .k-dateinput{border-color:var(--ui-kit-color-red-1)}.kit-datetimepicker .k-input-button{display:none}.kit-datetimepicker-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-datetimepicker-popup.k-popup .k-datetime-buttongroup{margin-bottom:10px;padding:0}.kit-datetimepicker-popup.k-popup .k-datetime-buttongroup .k-button-group{gap:10px;width:auto}.kit-datetimepicker-popup.k-popup .k-datetime-buttongroup .k-button{padding:0 11px;height:46px;color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:400;border:none;border-bottom:2px solid transparent;border-radius:0;background:var(--ui-kit-color-white);transition:none}.kit-datetimepicker-popup.k-popup .k-datetime-buttongroup .k-button.k-active{color:var(--ui-kit-color-main);border-bottom-color:var(--ui-kit-color-main)}.kit-datetimepicker-popup.k-popup .k-datetime-buttongroup .k-button:hover{color:var(--ui-kit-color-main)}.kit-datetimepicker-popup.k-popup .k-datetime-wrap{width:280px}.kit-datetimepicker-popup.k-popup .k-datetime-time-wrap,.kit-datetimepicker-popup.k-popup .k-datetime-calendar-wrap{flex-basis:280px}.kit-datetimepicker-popup.k-popup .k-calendar-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-datetimepicker-popup.k-popup .k-calendar-table{display:flex;flex-direction:column;gap:6px;padding:3px 8px}.kit-datetimepicker-popup.k-popup .k-calendar-title{padding:6px 8px;color:var(--ui-kit-color-grey-10);font-weight:400;line-height:20px;border-radius:4px;border:none}.kit-datetimepicker-popup.k-popup .k-calendar-title:hover{background:var(--ui-kit-color-grey-13)}.kit-datetimepicker-popup.k-popup .k-calendar-nav-today{display:flex;align-items:center;padding:0 8px;color:var(--ui-kit-color-grey-10)}.kit-datetimepicker-popup.k-popup .k-calendar-nav-today:hover{color:var(--ui-kit-color-hover)}.kit-datetimepicker-popup.k-popup .k-calendar-nav-today:hover:before{opacity:0}.kit-datetimepicker-popup.k-popup .k-calendar-nav-prev,.kit-datetimepicker-popup.k-popup .k-calendar-nav-next{padding:0;width:32px;height:32px;color:var(--ui-kit-color-grey-12)}.kit-datetimepicker-popup.k-popup .k-calendar-nav-prev:before,.kit-datetimepicker-popup.k-popup .k-calendar-nav-next:before{opacity:0}.kit-datetimepicker-popup.k-popup .k-calendar-nav-prev:hover,.kit-datetimepicker-popup.k-popup .k-calendar-nav-next:hover{color:var(--ui-kit-color-hover)}.kit-datetimepicker-popup.k-popup .k-link{padding:0;width:54px;height:24px;color:var(--ui-kit-color-grey-10);border-radius:6px}.kit-datetimepicker-popup.k-popup .k-calendar-view{margin:0;padding:10px 0;gap:32px;width:auto;box-sizing:border-box}.kit-datetimepicker-popup.k-popup .k-calendar-tr{display:flex;gap:16px}.kit-datetimepicker-popup.k-popup .k-calendar-tbody{display:flex;flex-direction:column;row-gap:16px}.kit-datetimepicker-popup.k-popup .k-calendar-th{width:24px;height:22px;color:var(--ui-kit-color-main);font-size:14px;text-transform:capitalize}.kit-datetimepicker-popup.k-popup .k-calendar-td{width:auto;height:auto;border-radius:6px}.kit-datetimepicker-popup.k-popup .k-calendar-td.k-today .k-link{color:var(--ui-kit-color-main);background:var(--ui-kit-color-grey-13)}.kit-datetimepicker-popup.k-popup .k-calendar-td.k-other-month .k-link{color:var(--ui-kit-color-grey-12)}.kit-datetimepicker-popup.k-popup .k-calendar-td.k-focus .k-link{box-shadow:none}.kit-datetimepicker-popup.k-popup .k-calendar-td:hover .k-link{border:none;background:var(--ui-kit-color-grey-13)}.kit-datetimepicker-popup.k-popup .k-calendar-td:focus .k-link{box-shadow:none}.kit-datetimepicker-popup.k-popup .k-calendar-monthview .k-link{width:24px}.kit-datetimepicker-popup.k-popup .k-calendar-monthview .k-calendar-tbody{row-gap:6px}.kit-datetimepicker-popup.k-popup .k-calendar-monthview .k-calendar-td.k-today .k-link{color:var(--ui-kit-color-grey-10);border:1px solid var(--ui-kit-color-main);background:var(--ui-kit-color-white)}.kit-datetimepicker-popup.k-popup .k-calendar-monthview .k-calendar-td.k-selected .k-link{color:var(--ui-kit-color-white);border:none;background:var(--ui-kit-color-main);box-shadow:none}.kit-datetimepicker-popup.k-popup .k-timeselector{height:100%}.kit-datetimepicker-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-datetimepicker-popup.k-popup .k-time-header .k-title,.kit-datetimepicker-popup.k-popup .k-time-header .k-time-now{padding:6px 8px;font-weight:400;line-height:20px}.kit-datetimepicker-popup.k-popup .k-time-header .k-time-now{color:var(--ui-kit-color-grey-10)}.kit-datetimepicker-popup.k-popup .k-time-header .k-time-now:hover{color:var(--ui-kit-color-hover)}.kit-datetimepicker-popup.k-popup .k-time-header .k-time-now:hover:before{opacity:0}.kit-datetimepicker-popup.k-popup .k-time-list-container{justify-content:center;padding:10px 0;gap:20px}.kit-datetimepicker-popup.k-popup .k-reset{display:flex;flex-direction:column;align-items:center;width:auto}.kit-datetimepicker-popup.k-popup .k-time-list-wrapper{flex-grow:0;padding:0;height:208px;min-width:auto}.kit-datetimepicker-popup.k-popup .k-time-list-wrapper:before,.kit-datetimepicker-popup.k-popup .k-time-list-wrapper:after{display:none}.kit-datetimepicker-popup.k-popup .k-time-list-wrapper .k-title{display:flex;align-items:center;justify-content:flex-end;color:var(--ui-kit-color-main);font-size:14px;font-weight:400;height:24px}.kit-datetimepicker-popup.k-popup .k-time-list:before,.kit-datetimepicker-popup.k-popup .k-time-list:after{display:none}.kit-datetimepicker-popup.k-popup .k-time-list .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}.kit-datetimepicker-popup.k-popup .k-time-list .k-item[aria-selected=true]{padding:10px 0;color:var(--ui-kit-color-main)}.kit-datetimepicker-popup.k-popup .k-time-highlight{top:50%;height:34px;border-color:var(--ui-kit-color-grey-12);transform:none}.kit-datetimepicker-popup.k-popup .k-time-separator{top:16px;color:var(--ui-kit-color-grey-10);font-size:16px}.kit-datetimepicker-popup.k-popup .k-actions{margin:0;padding:10px 0 0;flex-direction:row-reverse;border-top:1px solid var(--ui-kit-color-grey-11)}.kit-datetimepicker-popup.k-popup .k-actions .k-button{flex:none;padding:0 19px;height:32px;font-size:14px;font-weight:400;border-radius:6px;border:1px solid var(--ui-kit-color-grey-11);transition:none}.kit-datetimepicker-popup.k-popup .k-actions .k-button.k-time-accept{border-color:transparent;background:var(--ui-kit-color-main)}.kit-datetimepicker-popup.k-popup .k-actions .k-button.k-time-accept:hover{background:var(--ui-kit-color-hover)}.kit-datetimepicker-popup.k-popup .k-actions .k-button.k-time-accept:active{background:var(--ui-kit-color-main)}.kit-datetimepicker-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)}.kit-datetimepicker-popup.k-popup .k-actions .k-button.k-time-cancel{background:var(--ui-kit-color-white)}.kit-datetimepicker-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-datetimepicker-popup.k-popup .k-actions .k-button.k-time-cancel:active{border-color:var(--ui-kit-color-grey-11)}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { label: [{
                 type: Input
             }], placeholder: [{

package/esm2022/lib/components/kit-file-card/kit-file-card.component.mjs

@@ -65,7 +65,7 @@ export class KitFileCardComponent {
         return browserViewableFileTypes.includes(fileType);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KitFileCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: KitFileCardComponent, selector: "kit-file-card", inputs: { title: "title", type: "type", label: "label", fileType: "fileType", date: "date", name: "name" }, outputs: { viewButtonClicked: "viewButtonClicked", downloadButtonClicked: "downloadButtonClicked" }, queries: [{ propertyName: "customMessages", first: true, predicate: KitFileCardMessagesComponent, descendants: true }], ngImport: i0, template: "<div class=\"kit-file-card\"\n     [ngClass]=\"type\">\n  <div class=\"kit-file-card-header\">\n    <div class=\"card-title\">{{ title }}</div>\n    <div class=\"card-type\">{{ label }}</div>\n  </div>\n  <div class=\"kit-file-card-content\">\n    <kit-svg-icon class=\"card-icon\"\n                  [icon]=\"getFileIconByExtension(fileType)\">\n    </kit-svg-icon>\n    <div class=\"card-main\">\n      <div class=\"card-main-item\">\n        <div class=\"item-label\">{{ customMessages?.createDate ?? createDateLabel }}</div>\n        <div class=\"item-value\">{{ date | date: dateFormat }}</div>\n      </div>\n      <div class=\"card-main-item\">\n        <div class=\"item-label\">{{ customMessages?.createdBy ?? createdByLabel }}</div>\n        <div class=\"item-value\">{{ name }}</div>\n      </div>\n    </div>\n  </div>\n  <div class=\"kit-file-card-action\">\n    @if (hasViewFileButton(fileType)) {\n      <kit-button class=\"action-button\"\n                  [label]=\"customMessages?.viewButtonLabel ?? viewButtonLabel\"\n                  [icon]=\"kitSvgIcon.EYE\"\n                  [type]=\"kitButtonType.GHOST\"\n                  [iconPosition]=\"kitButtonIconPosition.LEADING\"\n                  (clicked)=\"viewButtonClicked.emit()\"\n      ></kit-button>\n    }\n    <kit-button class=\"action-button\"\n                [label]=\"customMessages?.downloadButtonLabel ?? downloadButtonLabel\"\n                [icon]=\"kitSvgIcon.DOWNLOAD\"\n                [type]=\"kitButtonType.GHOST\"\n                [iconPosition]=\"kitButtonIconPosition.LEADING\"\n                (clicked)=\"downloadButtonClicked.emit()\"\n    ></kit-button>\n  </div>\n  <ng-content></ng-content>\n</div>\n", styles: [".kit-file-card{padding:25px;color:var(--ui-kit-color-grey-10);border-radius:10px;border:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white)}.kit-file-card-header{display:flex;flex-direction:column;gap:10px;padding-bottom:10px;border-bottom:1px solid var(--ui-kit-color-grey-11)}.kit-file-card .card-title{font-size:16px;font-weight:400}.kit-file-card .card-type{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;padding:0 8px;height:20px;font-size:12px;font-weight:500;color:var(--ui-kit-color-main);border:1px solid var(--ui-kit-color-main);border-radius:4px}.kit-file-card-content{display:flex;gap:24px;padding:17px 0}.kit-file-card .card-icon{width:78px;height:100px}.kit-file-card .card-main{display:flex;flex-direction:column;gap:12px}.kit-file-card .card-main-item{line-height:22px}.kit-file-card .card-main .item-label{color:var(--ui-kit-color-grey-14);font-size:13px}.kit-file-card .card-main .item-value{font-size:16px}.kit-file-card-action{display:flex;gap:15px;padding-top:15px;border-top:1px solid var(--ui-kit-color-grey-11)}.kit-file-card-action .action-button{flex:1}.kit-file-card .action-button ::ng-deep .k-button{width:100%}.kit-file-card.invoice .card-type{color:var(--ui-kit-color-blue);border-color:var(--ui-kit-color-blue);background-color:var(--ui-kit-color-blue-1)}.kit-file-card.packing-list .card-type{color:var(--ui-kit-color-purple);border-color:var(--ui-kit-color-purple);background-color:var(--ui-kit-color-purple-1)}.kit-file-card.airwaybill .card-type{color:var(--ui-kit-color-teal);border-color:var(--ui-kit-color-teal);background-color:var(--ui-kit-color-teal-1)}.kit-file-card.booking .card-type{color:var(--ui-kit-color-orange-2);border-color:var(--ui-kit-color-orange-2);background-color:var(--ui-kit-color-orange-3)}.kit-file-card.custom-clearance .card-type{color:var(--ui-kit-color-green-1);border-color:var(--ui-kit-color-green-1);background-color:var(--ui-kit-color-green-4)}.kit-file-card.fumigation .card-type{color:var(--ui-kit-color-grey-10);border-color:var(--ui-kit-color-grey-10);background-color:var(--ui-kit-color-grey-16)}.kit-file-card.housebill .card-type{color:var(--ui-kit-color-red-1);border-color:var(--ui-kit-color-red-1);background-color:var(--ui-kit-color-red-3)}.kit-file-card.msds .card-type{color:var(--ui-kit-color-pink);border-color:var(--ui-kit-color-pink);background-color:var(--ui-kit-color-pink-1)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2.KitButtonComponent, selector: "kit-button", inputs: ["disabled", "label", "type", "icon", "iconType", "kind", "iconPosition", "buttonClass"], outputs: ["clicked"] }, { kind: "component", type: i3.KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "pipe", type: i1.DatePipe, name: "date" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: KitFileCardComponent, selector: "kit-file-card", inputs: { title: "title", type: "type", label: "label", fileType: "fileType", date: "date", name: "name" }, outputs: { viewButtonClicked: "viewButtonClicked", downloadButtonClicked: "downloadButtonClicked" }, queries: [{ propertyName: "customMessages", first: true, predicate: KitFileCardMessagesComponent, descendants: true }], ngImport: i0, template: "<div class=\"kit-file-card\"\n     [ngClass]=\"type\">\n  <div class=\"kit-file-card-header\">\n    <div class=\"card-title\">{{ title }}</div>\n    <div class=\"card-type\">{{ label }}</div>\n  </div>\n  <div class=\"kit-file-card-content\">\n    <kit-svg-icon class=\"card-icon\"\n                  [icon]=\"getFileIconByExtension(fileType)\">\n    </kit-svg-icon>\n    <div class=\"card-main\">\n      <div class=\"card-main-item\">\n        <div class=\"item-label\">{{ customMessages?.createDate ?? createDateLabel }}</div>\n        <div class=\"item-value\">{{ date | date: dateFormat }}</div>\n      </div>\n      <div class=\"card-main-item\">\n        <div class=\"item-label\">{{ customMessages?.createdBy ?? createdByLabel }}</div>\n        <div class=\"item-value\">{{ name }}</div>\n      </div>\n    </div>\n  </div>\n  <div class=\"kit-file-card-action\">\n    @if (hasViewFileButton(fileType)) {\n      <kit-button class=\"action-button\"\n                  [label]=\"customMessages?.viewButtonLabel ?? viewButtonLabel\"\n                  [icon]=\"kitSvgIcon.EYE\"\n                  [type]=\"kitButtonType.GHOST\"\n                  [iconPosition]=\"kitButtonIconPosition.LEADING\"\n                  (clicked)=\"viewButtonClicked.emit()\"\n      ></kit-button>\n    }\n    <kit-button class=\"action-button\"\n                [label]=\"customMessages?.downloadButtonLabel ?? downloadButtonLabel\"\n                [icon]=\"kitSvgIcon.DOWNLOAD\"\n                [type]=\"kitButtonType.GHOST\"\n                [iconPosition]=\"kitButtonIconPosition.LEADING\"\n                (clicked)=\"downloadButtonClicked.emit()\"\n    ></kit-button>\n  </div>\n  <ng-content></ng-content>\n</div>\n", styles: [".kit-file-card{padding:25px;color:var(--ui-kit-color-grey-10);border-radius:10px;border:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white)}.kit-file-card-header{display:flex;flex-direction:column;gap:10px;padding-bottom:10px;border-bottom:1px solid var(--ui-kit-color-grey-11)}.kit-file-card .card-title{font-size:16px;font-weight:400}.kit-file-card .card-type{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;padding:0 8px;height:20px;font-size:12px;font-weight:500;color:var(--ui-kit-color-main);border:1px solid var(--ui-kit-color-main);border-radius:4px}.kit-file-card-content{display:flex;gap:24px;padding:17px 0}.kit-file-card .card-icon{width:78px;height:100px}.kit-file-card .card-main{display:flex;flex-direction:column;gap:12px}.kit-file-card .card-main-item{line-height:22px}.kit-file-card .card-main .item-label{color:var(--ui-kit-color-grey-14);font-size:13px}.kit-file-card .card-main .item-value{font-size:16px}.kit-file-card-action{display:flex;gap:15px;padding-top:15px;border-top:1px solid var(--ui-kit-color-grey-11)}.kit-file-card-action .action-button{flex:1}.kit-file-card .action-button ::ng-deep .k-button{width:100%}.kit-file-card.invoice .card-type{color:var(--ui-kit-color-blue);border-color:var(--ui-kit-color-blue);background-color:var(--ui-kit-color-blue-1)}.kit-file-card.packing-list .card-type{color:var(--ui-kit-color-purple);border-color:var(--ui-kit-color-purple);background-color:var(--ui-kit-color-purple-1)}.kit-file-card.airwaybill .card-type{color:var(--ui-kit-color-teal);border-color:var(--ui-kit-color-teal);background-color:var(--ui-kit-color-teal-1)}.kit-file-card.booking .card-type{color:var(--ui-kit-color-orange-2);border-color:var(--ui-kit-color-orange-2);background-color:var(--ui-kit-color-orange-3)}.kit-file-card.custom-clearance .card-type{color:var(--ui-kit-color-green-1);border-color:var(--ui-kit-color-green-1);background-color:var(--ui-kit-color-green-4)}.kit-file-card.fumigation .card-type{color:var(--ui-kit-color-grey-10);border-color:var(--ui-kit-color-grey-10);background-color:var(--ui-kit-color-grey-16)}.kit-file-card.housebill .card-type{color:var(--ui-kit-color-red-1);border-color:var(--ui-kit-color-red-1);background-color:var(--ui-kit-color-red-3)}.kit-file-card.msds .card-type{color:var(--ui-kit-color-pink);border-color:var(--ui-kit-color-pink);background-color:var(--ui-kit-color-pink-1)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2.KitButtonComponent, selector: "kit-button", inputs: ["disabled", "label", "type", "icon", "iconType", "kind", "iconPosition", "buttonClass", "active"], outputs: ["clicked"] }, { kind: "component", type: i3.KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "pipe", type: i1.DatePipe, name: "date" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KitFileCardComponent, decorators: [{
             type: Component,

package/esm2022/lib/components/kit-file-upload/kit-file-upload.component.mjs

@@ -63,7 +63,7 @@ export class KitFileUploadComponent {
         return files;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KitFileUploadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: KitFileUploadComponent, selector: "kit-file-upload", inputs: { saveUrl: "saveUrl", files: "files", selectFilesLabel: "selectFilesLabel", dropzoneLabel: "dropzoneLabel", restrictions: "restrictions", restrictionsErrorMessages: "restrictionsErrorMessages", hasActionButton: "hasActionButton", actionButtonLabel: "actionButtonLabel" }, outputs: { fileDownloaded: "fileDownloaded", filesSelected: "filesSelected", actionButtonClicked: "actionButtonClicked" }, ngImport: i0, template: "<div class=\"kit-file-upload\">\n  <kendo-upload [saveUrl]=\"saveUrl\"\n                [withCredentials]=\"false\"\n                [restrictions]=\"restrictions\"\n                [autoUpload]=\"false\"\n                [(ngModel)]=\"files\"\n                (select)=\"onFilesSelect($event.files)\">\n    <kendo-upload-messages [select]=\"selectFilesLabel\"\n                           [dropFilesHere]=\"dropzoneLabel\"\n    ></kendo-upload-messages>\n\n    <ng-template kendoUploadFileTemplate let-files>\n      <ng-container *ngIf=\"getTypedFiles(files); let files\">\n        <ng-container *ngFor=\"let file of files\">\n          <div class=\"file-info\">\n            <div class=\"file-name\" [title]=\"file.name\">\n              {{ file.name }}\n            </div>\n\n            <div *ngFor=\"let error of file.validationErrors\" class=\"file-validation-message\">\n              {{ getValidationError(error) }}\n            </div>\n          </div>\n          <button *ngIf=\"!file.validationErrors\" class=\"download-button\">\n            <kit-svg-icon class=\"download-button-icon\"\n                          [icon]=\"KitSvgIcon.DOWNLOAD\"\n                          (click)=\"onFileDownload(file)\"\n            ></kit-svg-icon>\n          </button>\n        </ng-container>\n      </ng-container>\n    </ng-template>\n  </kendo-upload>\n\n  <div *ngIf=\"hasActionButton\" class=\"kit-file-upload-action\">\n    <kit-button [label]=\"actionButtonLabel\"\n                [icon]=\"KitSvgIcon.DOWNLOAD\"\n                [iconType]=\"KitSvgIconType.STROKE\"\n                [kind]=\"KitButtonKind.SMALL\"\n                (clicked)=\"onActionButtonClick()\"\n    ></kit-button>\n  </div>\n</div>\n", styles: [".kit-file-upload .k-upload{display:flex;flex-direction:column;gap:8px;border:none}.kit-file-upload .k-upload .k-upload-button{position:relative;padding:0;display:flex;align-items:center;min-width:initial;gap:6px;color:var(--ui-kit-color-main);font-weight:500;font-size:14px;border:none;background:none}.kit-file-upload .k-upload .k-upload-button:focus{box-shadow:none}.kit-file-upload .k-upload .k-upload-button:hover .k-button-text{text-decoration:underline}.kit-file-upload .k-upload .k-upload-button:after{content:\"\\e11e\";display:inline-block;position:static;opacity:1;line-height:1;font-size:16px;font-family:WebComponentsIcons,sans-serif}.kit-file-upload .k-upload .k-dropzone{padding:12px 10px;border:2px dashed transparent;background:none}.kit-file-upload .k-upload .k-dropzone.k-hover{border-color:var(--ui-kit-color-main);background:none}.kit-file-upload .k-upload .k-upload-status{display:none}.kit-file-upload .k-upload .k-upload-status+.k-dropzone-hint{display:block}.kit-file-upload .k-upload .k-upload-files{display:flex;flex-direction:column;gap:8px;max-height:initial;border:none}.kit-file-upload .k-upload .k-upload-files .k-file{align-items:center;padding:10px;border:none;background:var(--ui-kit-color-grey-8)}.kit-file-upload .k-upload .k-upload-files .k-file.k-focus{box-shadow:none}.kit-file-upload .k-upload .file-info{flex:1;min-width:0}.kit-file-upload .k-upload .file-name{color:var(--ui-kit-color-cobalt-darkest);font-size:14px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.kit-file-upload .k-upload .file-validation-message{color:var(--ui-kit-color-red);font-size:12px}.kit-file-upload .k-upload .download-button{margin-left:10px;padding:0;border:none;background:none;cursor:pointer}.kit-file-upload .k-upload .download-button:hover .download-button-icon{stroke:var(--ui-kit-color-main)}.kit-file-upload .k-upload .download-button-icon{display:block;width:24px;height:24px;stroke:var(--ui-kit-color-grey-7);fill:none}.kit-file-upload .k-upload .k-actions{display:none}.kit-file-upload-action{display:flex;justify-content:flex-end;margin-top:8px}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.UploadComponent, selector: "kendo-upload", inputs: ["autoUpload", "batch", "withCredentials", "saveField", "saveHeaders", "saveMethod", "saveUrl", "responseType", "removeField", "removeHeaders", "removeMethod", "removeUrl", "chunkable", "concurrent", "showFileList", "tabIndex", "actionsLayout"], outputs: ["cancel", "clear", "complete", "error", "pause", "resume", "success", "upload", "uploadProgress", "valueChange"], exportAs: ["kendoUpload"] }, { kind: "directive", type: i2.FileTemplateDirective, selector: "[kendoUploadFileTemplate], [kendoFileSelectFileTemplate]" }, { kind: "component", type: i2.CustomMessagesComponent, selector: "kendo-upload-messages, kendo-fileselect-messages, kendo-uploaddropzone-messages" }, { kind: "component", type: i3.KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i5.KitButtonComponent, selector: "kit-button", inputs: ["disabled", "label", "type", "icon", "iconType", "kind", "iconPosition", "buttonClass"], outputs: ["clicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: KitFileUploadComponent, selector: "kit-file-upload", inputs: { saveUrl: "saveUrl", files: "files", selectFilesLabel: "selectFilesLabel", dropzoneLabel: "dropzoneLabel", restrictions: "restrictions", restrictionsErrorMessages: "restrictionsErrorMessages", hasActionButton: "hasActionButton", actionButtonLabel: "actionButtonLabel" }, outputs: { fileDownloaded: "fileDownloaded", filesSelected: "filesSelected", actionButtonClicked: "actionButtonClicked" }, ngImport: i0, template: "<div class=\"kit-file-upload\">\n  <kendo-upload [saveUrl]=\"saveUrl\"\n                [withCredentials]=\"false\"\n                [restrictions]=\"restrictions\"\n                [autoUpload]=\"false\"\n                [(ngModel)]=\"files\"\n                (select)=\"onFilesSelect($event.files)\">\n    <kendo-upload-messages [select]=\"selectFilesLabel\"\n                           [dropFilesHere]=\"dropzoneLabel\"\n    ></kendo-upload-messages>\n\n    <ng-template kendoUploadFileTemplate let-files>\n      <ng-container *ngIf=\"getTypedFiles(files); let files\">\n        <ng-container *ngFor=\"let file of files\">\n          <div class=\"file-info\">\n            <div class=\"file-name\" [title]=\"file.name\">\n              {{ file.name }}\n            </div>\n\n            <div *ngFor=\"let error of file.validationErrors\" class=\"file-validation-message\">\n              {{ getValidationError(error) }}\n            </div>\n          </div>\n          <button *ngIf=\"!file.validationErrors\" class=\"download-button\">\n            <kit-svg-icon class=\"download-button-icon\"\n                          [icon]=\"KitSvgIcon.DOWNLOAD\"\n                          (click)=\"onFileDownload(file)\"\n            ></kit-svg-icon>\n          </button>\n        </ng-container>\n      </ng-container>\n    </ng-template>\n  </kendo-upload>\n\n  <div *ngIf=\"hasActionButton\" class=\"kit-file-upload-action\">\n    <kit-button [label]=\"actionButtonLabel\"\n                [icon]=\"KitSvgIcon.DOWNLOAD\"\n                [iconType]=\"KitSvgIconType.STROKE\"\n                [kind]=\"KitButtonKind.SMALL\"\n                (clicked)=\"onActionButtonClick()\"\n    ></kit-button>\n  </div>\n</div>\n", styles: [".kit-file-upload .k-upload{display:flex;flex-direction:column;gap:8px;border:none}.kit-file-upload .k-upload .k-upload-button{position:relative;padding:0;display:flex;align-items:center;min-width:initial;gap:6px;color:var(--ui-kit-color-main);font-weight:500;font-size:14px;border:none;background:none}.kit-file-upload .k-upload .k-upload-button:focus{box-shadow:none}.kit-file-upload .k-upload .k-upload-button:hover .k-button-text{text-decoration:underline}.kit-file-upload .k-upload .k-upload-button:after{content:\"\\e11e\";display:inline-block;position:static;opacity:1;line-height:1;font-size:16px;font-family:WebComponentsIcons,sans-serif}.kit-file-upload .k-upload .k-dropzone{padding:12px 10px;border:2px dashed transparent;background:none}.kit-file-upload .k-upload .k-dropzone.k-hover{border-color:var(--ui-kit-color-main);background:none}.kit-file-upload .k-upload .k-upload-status{display:none}.kit-file-upload .k-upload .k-upload-status+.k-dropzone-hint{display:block}.kit-file-upload .k-upload .k-upload-files{display:flex;flex-direction:column;gap:8px;max-height:initial;border:none}.kit-file-upload .k-upload .k-upload-files .k-file{align-items:center;padding:10px;border:none;background:var(--ui-kit-color-grey-8)}.kit-file-upload .k-upload .k-upload-files .k-file.k-focus{box-shadow:none}.kit-file-upload .k-upload .file-info{flex:1;min-width:0}.kit-file-upload .k-upload .file-name{color:var(--ui-kit-color-cobalt-darkest);font-size:14px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.kit-file-upload .k-upload .file-validation-message{color:var(--ui-kit-color-red);font-size:12px}.kit-file-upload .k-upload .download-button{margin-left:10px;padding:0;border:none;background:none;cursor:pointer}.kit-file-upload .k-upload .download-button:hover .download-button-icon{stroke:var(--ui-kit-color-main)}.kit-file-upload .k-upload .download-button-icon{display:block;width:24px;height:24px;stroke:var(--ui-kit-color-grey-7);fill:none}.kit-file-upload .k-upload .k-actions{display:none}.kit-file-upload-action{display:flex;justify-content:flex-end;margin-top:8px}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.UploadComponent, selector: "kendo-upload", inputs: ["autoUpload", "batch", "withCredentials", "saveField", "saveHeaders", "saveMethod", "saveUrl", "responseType", "removeField", "removeHeaders", "removeMethod", "removeUrl", "chunkable", "concurrent", "showFileList", "tabIndex", "actionsLayout"], outputs: ["cancel", "clear", "complete", "error", "pause", "resume", "success", "upload", "uploadProgress", "valueChange"], exportAs: ["kendoUpload"] }, { kind: "directive", type: i2.FileTemplateDirective, selector: "[kendoUploadFileTemplate], [kendoFileSelectFileTemplate]" }, { kind: "component", type: i2.CustomMessagesComponent, selector: "kendo-upload-messages, kendo-fileselect-messages, kendo-uploaddropzone-messages" }, { kind: "component", type: i3.KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i5.KitButtonComponent, selector: "kit-button", inputs: ["disabled", "label", "type", "icon", "iconType", "kind", "iconPosition", "buttonClass", "active"], outputs: ["clicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KitFileUploadComponent, decorators: [{
             type: Component,

package/esm2022/lib/components/kit-popup/kit-popup.component.mjs

@@ -1,5 +1,6 @@
 import { ChangeDetectionStrategy, Component, ElementRef, HostListener, Input, signal, } from '@angular/core';
 import { KitPopupAlignHorizontal, KitPopupAlignVertical } from './kit-popup.model';
+import { PopupModule } from '@progress/kendo-angular-popup';
 import * as i0 from "@angular/core";
 import * as i1 from "@progress/kendo-angular-popup";
 export class KitPopupComponent {
@@ -21,7 +22,7 @@ export class KitPopupComponent {
          * Defines the horizontal position of the popup
          */
         this.popupHorizontalAlign = KitPopupAlignHorizontal.LEFT;
-        this.isPopupOpen = signal(false);
+        this.visible = signal(false);
         this.anchorAlign = {
             horizontal: this.anchorHorizontalAlign,
             vertical: KitPopupAlignVertical.BOTTOM,
@@ -31,32 +32,42 @@ export class KitPopupComponent {
             vertical: KitPopupAlignVertical.TOP,
         };
     }
-    ngOnInit() {
-        this.anchorAlign.horizontal = this.anchorHorizontalAlign;
-        this.popupAlign.horizontal = this.popupHorizontalAlign;
-    }
     documentClick(event) {
         if (!this.closeOnOutsideClick) {
             return;
         }
-        const element = this.anchor instanceof ElementRef && this.anchor.nativeElement || this.anchor;
-        if (!this.elementRef?.nativeElement.contains(event.target) && !element.contains(event.target)) {
-            this.closePopup();
-            element.classList.remove('popup-active');
+        if (!this.elementRef?.nativeElement.contains(event.target) && !this.anchorElement.contains(event.target)) {
+            this.hide();
         }
     }
-    openPopup() {
-        this.isPopupOpen.set(true);
+    ngOnInit() {
+        this.anchorAlign.horizontal = this.anchorHorizontalAlign;
+        this.popupAlign.horizontal = this.popupHorizontalAlign;
+    }
+    get anchorElement() {
+        return this.anchor instanceof ElementRef && this.anchor.nativeElement || this.anchor;
+    }
+    toggle() {
+        if (!this.visible()) {
+            this.visible.set(true);
+            this.anchorElement.classList.add('popup-active');
+        }
+        else {
+            this.hide();
+        }
     }
-    closePopup() {
-        this.isPopupOpen.set(false);
+    hide() {
+        this.anchorElement.classList.remove('popup-active');
+        this.visible.set(false);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KitPopupComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: KitPopupComponent, selector: "kit-popup", inputs: { anchor: "anchor", closeOnOutsideClick: "closeOnOutsideClick", anchorHorizontalAlign: "anchorHorizontalAlign", popupHorizontalAlign: "popupHorizontalAlign" }, host: { listeners: { "document:click": "documentClick($event)" } }, ngImport: i0, template: "@if (isPopupOpen()) {\n  <kendo-popup class=\"kit-popup\"\n               [anchor]=\"anchor\"\n               [popupAlign]=\"popupAlign\"\n               [anchorAlign]=\"anchorAlign\">\n    <ng-content\n    ></ng-content>\n  </kendo-popup>\n}\n", styles: ["::ng-deep .kit-popup .k-popup{margin-top:10px;color:var(--ui-kit-color-black);border:none;border-radius:8px;background:var(--ui-kit-color-white);box-shadow:0 10px 15px #0000001a,0 4px 6px #0000000d}\n"], dependencies: [{ kind: "component", type: i1.PopupComponent, selector: "kendo-popup", inputs: ["animate", "anchor", "anchorAlign", "collision", "popupAlign", "copyAnchorStyles", "popupClass", "positionMode", "offset", "margin"], outputs: ["anchorViewportLeave", "close", "open", "positionChange"], exportAs: ["kendo-popup"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: KitPopupComponent, isStandalone: true, selector: "kit-popup", inputs: { anchor: "anchor", closeOnOutsideClick: "closeOnOutsideClick", anchorHorizontalAlign: "anchorHorizontalAlign", popupHorizontalAlign: "popupHorizontalAlign" }, host: { listeners: { "document:click": "documentClick($event)" } }, ngImport: i0, template: "@if (visible()) {\n  <kendo-popup class=\"kit-popup\"\n               [anchor]=\"anchor\"\n               [popupAlign]=\"popupAlign\"\n               [anchorAlign]=\"anchorAlign\">\n    <ng-content\n    ></ng-content>\n  </kendo-popup>\n}\n", styles: ["::ng-deep .kit-popup .k-popup{margin-top:10px;color:var(--ui-kit-color-black);border:none;border-radius:8px;background:var(--ui-kit-color-white);box-shadow:0 10px 15px #0000001a,0 4px 6px #0000000d}\n"], dependencies: [{ kind: "ngmodule", type: PopupModule }, { kind: "component", type: i1.PopupComponent, selector: "kendo-popup", inputs: ["animate", "anchor", "anchorAlign", "collision", "popupAlign", "copyAnchorStyles", "popupClass", "positionMode", "offset", "margin"], outputs: ["anchorViewportLeave", "close", "open", "positionChange"], exportAs: ["kendo-popup"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KitPopupComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kit-popup', changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (isPopupOpen()) {\n  <kendo-popup class=\"kit-popup\"\n               [anchor]=\"anchor\"\n               [popupAlign]=\"popupAlign\"\n               [anchorAlign]=\"anchorAlign\">\n    <ng-content\n    ></ng-content>\n  </kendo-popup>\n}\n", styles: ["::ng-deep .kit-popup .k-popup{margin-top:10px;color:var(--ui-kit-color-black);border:none;border-radius:8px;background:var(--ui-kit-color-white);box-shadow:0 10px 15px #0000001a,0 4px 6px #0000000d}\n"] }]
+            args: [{ selector: 'kit-popup', standalone: true, imports: [
+                        PopupModule,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (visible()) {\n  <kendo-popup class=\"kit-popup\"\n               [anchor]=\"anchor\"\n               [popupAlign]=\"popupAlign\"\n               [anchorAlign]=\"anchorAlign\">\n    <ng-content\n    ></ng-content>\n  </kendo-popup>\n}\n", styles: ["::ng-deep .kit-popup .k-popup{margin-top:10px;color:var(--ui-kit-color-black);border:none;border-radius:8px;background:var(--ui-kit-color-white);box-shadow:0 10px 15px #0000001a,0 4px 6px #0000000d}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { anchor: [{
                 type: Input
             }], closeOnOutsideClick: [{
@@ -69,4 +80,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImpor
                 type: HostListener,
                 args: ['document:click', ['$event']]
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LXBvcHVwLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpLWtpdC9zcmMvbGliL2NvbXBvbmVudHMva2l0LXBvcHVwL2tpdC1wb3B1cC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC1wb3B1cC9raXQtcG9wdXAuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsVUFBVSxFQUNWLFlBQVksRUFDWixLQUFLLEVBQ0wsTUFBTSxHQUVQLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBaUIsdUJBQXVCLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQzs7O0FBUWxHLE1BQU0sT0FBTyxpQkFBaUI7SUErQjVCLFlBQ1UsVUFBc0I7UUFBdEIsZUFBVSxHQUFWLFVBQVUsQ0FBWTtRQS9CaEM7O1dBRUc7UUFDTSxXQUFNLEdBQW9DLElBQUksQ0FBQztRQUV4RDs7V0FFRztRQUNNLHdCQUFtQixHQUFZLElBQUksQ0FBQztRQUU3Qzs7V0FFRztRQUNNLDBCQUFxQixHQUE0Qix1QkFBdUIsQ0FBQyxJQUFJLENBQUM7UUFFdkY7O1dBRUc7UUFDTSx5QkFBb0IsR0FBNEIsdUJBQXVCLENBQUMsSUFBSSxDQUFDO1FBRTdFLGdCQUFXLEdBQTRCLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUNyRCxnQkFBVyxHQUFrQjtZQUNwQyxVQUFVLEVBQUUsSUFBSSxDQUFDLHFCQUFxQjtZQUN0QyxRQUFRLEVBQUUscUJBQXFCLENBQUMsTUFBTTtTQUN2QyxDQUFDO1FBQ08sZUFBVSxHQUFrQjtZQUNuQyxVQUFVLEVBQUUsSUFBSSxDQUFDLG9CQUFvQjtZQUNyQyxRQUFRLEVBQUUscUJBQXFCLENBQUMsR0FBRztTQUNwQyxDQUFDO0lBS0YsQ0FBQztJQUVELFFBQVE7UUFDTixJQUFJLENBQUMsV0FBVyxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUMscUJBQXFCLENBQUM7UUFDekQsSUFBSSxDQUFDLFVBQVUsQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDLG9CQUFvQixDQUFDO0lBQ3pELENBQUM7SUFHRCxhQUFhLENBQUMsS0FBWTtRQUN4QixJQUFJLENBQUMsSUFBSSxDQUFDLG1CQUFtQixFQUFFLENBQUM7WUFDOUIsT0FBTztRQUNULENBQUM7UUFFRCxNQUFNLE9BQU8sR0FBZ0IsSUFBSSxDQUFDLE1BQU0sWUFBWSxVQUFVLElBQUksSUFBSSxDQUFDLE1BQU0sQ0FBQyxhQUFhLElBQUksSUFBSSxDQUFDLE1BQU0sQ0FBQztRQUMzRyxJQUFJLENBQUMsSUFBSSxDQUFDLFVBQVUsRUFBRSxhQUFhLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQVEsS0FBSyxDQUFDLE1BQU0sQ0FBQyxFQUFFLENBQUM7WUFDckcsSUFBSSxDQUFDLFVBQVUsRUFBRSxDQUFDO1lBQ2xCLE9BQU8sQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUFDLGNBQWMsQ0FBQyxDQUFDO1FBQzNDLENBQUM7SUFDSCxDQUFDO0lBRUQsU0FBUztRQUNQLElBQUksQ0FBQyxXQUFXLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQzdCLENBQUM7SUFFRCxVQUFVO1FBQ1IsSUFBSSxDQUFDLFdBQVcsQ0FBQyxHQUFHLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDOUIsQ0FBQzs4R0E1RFUsaUJBQWlCO2tHQUFqQixpQkFBaUIsNlJDakI5QixzUEFTQTs7MkZEUWEsaUJBQWlCO2tCQU43QixTQUFTOytCQUNFLFdBQVcsbUJBR0osdUJBQXVCLENBQUMsTUFBTTsrRUFNdEMsTUFBTTtzQkFBZCxLQUFLO2dCQUtHLG1CQUFtQjtzQkFBM0IsS0FBSztnQkFLRyxxQkFBcUI7c0JBQTdCLEtBQUs7Z0JBS0csb0JBQW9CO3NCQUE1QixLQUFLO2dCQXVCTixhQUFhO3NCQURaLFlBQVk7dUJBQUMsZ0JBQWdCLEVBQUUsQ0FBQyxRQUFRLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBFbGVtZW50UmVmLFxuICBIb3N0TGlzdGVuZXIsXG4gIElucHV0LFxuICBzaWduYWwsXG4gIFdyaXRhYmxlU2lnbmFsLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEtpdFBvcHVwQWxpZ24sIEtpdFBvcHVwQWxpZ25Ib3Jpem9udGFsLCBLaXRQb3B1cEFsaWduVmVydGljYWwgfSBmcm9tICcuL2tpdC1wb3B1cC5tb2RlbCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2tpdC1wb3B1cCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9raXQtcG9wdXAuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybDogJy4va2l0LXBvcHVwLmNvbXBvbmVudC5zY3NzJyxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIEtpdFBvcHVwQ29tcG9uZW50IHtcbiAgLyoqXG4gICAqIFNwZWNpZmllcyB0aGUgZWxlbWVudCB0aGF0IHdpbGwgYmUgdXNlZCBhcyBhbiBhbmNob3IuIFRoZSBQb3B1cCBvcGVucyBuZXh0IHRvIHRoYXQgZWxlbWVudFxuICAgKi9cbiAgQElucHV0KCkgYW5jaG9yOiBFbGVtZW50UmVmIHwgSFRNTEVsZW1lbnQgfCBudWxsID0gbnVsbDtcblxuICAvKipcbiAgICogRGVmaW5lcyB3aGV0aGVyIHRvIGNsb3NlIHBvcHVwIHdoZW4gdGhlIHVzZXIgY2xpY2tzIG91dHNpZGUgaXRzIGJvdW5kYXJpZXNcbiAgICovXG4gIEBJbnB1dCgpIGNsb3NlT25PdXRzaWRlQ2xpY2s6IGJvb2xlYW4gPSB0cnVlO1xuXG4gIC8qKlxuICAgKiBEZWZpbmVzIHRoZSBob3Jpem9udGFsIHBvc2l0aW9uIG9mIHRoZSBhbmNob3IgZWxlbWVudFxuICAgKi9cbiAgQElucHV0KCkgYW5jaG9ySG9yaXpvbnRhbEFsaWduOiBLaXRQb3B1cEFsaWduSG9yaXpvbnRhbCA9IEtpdFBvcHVwQWxpZ25Ib3Jpem9udGFsLkxFRlQ7XG5cbiAgLyoqXG4gICAqIERlZmluZXMgdGhlIGhvcml6b250YWwgcG9zaXRpb24gb2YgdGhlIHBvcHVwXG4gICAqL1xuICBASW5wdXQoKSBwb3B1cEhvcml6b250YWxBbGlnbjogS2l0UG9wdXBBbGlnbkhvcml6b250YWwgPSBLaXRQb3B1cEFsaWduSG9yaXpvbnRhbC5MRUZUO1xuXG4gIHJlYWRvbmx5IGlzUG9wdXBPcGVuOiBXcml0YWJsZVNpZ25hbDxib29sZWFuPiA9IHNpZ25hbChmYWxzZSk7XG4gIHJlYWRvbmx5IGFuY2hvckFsaWduOiBLaXRQb3B1cEFsaWduID0ge1xuICAgIGhvcml6b250YWw6IHRoaXMuYW5jaG9ySG9yaXpvbnRhbEFsaWduLFxuICAgIHZlcnRpY2FsOiBLaXRQb3B1cEFsaWduVmVydGljYWwuQk9UVE9NLFxuICB9O1xuICByZWFkb25seSBwb3B1cEFsaWduOiBLaXRQb3B1cEFsaWduID0ge1xuICAgIGhvcml6b250YWw6IHRoaXMucG9wdXBIb3Jpem9udGFsQWxpZ24sXG4gICAgdmVydGljYWw6IEtpdFBvcHVwQWxpZ25WZXJ0aWNhbC5UT1AsXG4gIH07XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSBlbGVtZW50UmVmOiBFbGVtZW50UmVmLFxuICApIHtcbiAgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMuYW5jaG9yQWxpZ24uaG9yaXpvbnRhbCA9IHRoaXMuYW5jaG9ySG9yaXpvbnRhbEFsaWduO1xuICAgIHRoaXMucG9wdXBBbGlnbi5ob3Jpem9udGFsID0gdGhpcy5wb3B1cEhvcml6b250YWxBbGlnbjtcbiAgfVxuXG4gIEBIb3N0TGlzdGVuZXIoJ2RvY3VtZW50OmNsaWNrJywgWyckZXZlbnQnXSlcbiAgZG9jdW1lbnRDbGljayhldmVudDogRXZlbnQpOiB2b2lkIHtcbiAgICBpZiAoIXRoaXMuY2xvc2VPbk91dHNpZGVDbGljaykge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIGNvbnN0IGVsZW1lbnQ6IEhUTUxFbGVtZW50ID0gdGhpcy5hbmNob3IgaW5zdGFuY2VvZiBFbGVtZW50UmVmICYmIHRoaXMuYW5jaG9yLm5hdGl2ZUVsZW1lbnQgfHwgdGhpcy5hbmNob3I7XG4gICAgaWYgKCF0aGlzLmVsZW1lbnRSZWY/Lm5hdGl2ZUVsZW1lbnQuY29udGFpbnMoZXZlbnQudGFyZ2V0KSAmJiAhZWxlbWVudC5jb250YWlucyg8Tm9kZT4gZXZlbnQudGFyZ2V0KSkge1xuICAgICAgdGhpcy5jbG9zZVBvcHVwKCk7XG4gICAgICBlbGVtZW50LmNsYXNzTGlzdC5yZW1vdmUoJ3BvcHVwLWFjdGl2ZScpO1xuICAgIH1cbiAgfVxuXG4gIG9wZW5Qb3B1cCgpOiB2b2lkIHtcbiAgICB0aGlzLmlzUG9wdXBPcGVuLnNldCh0cnVlKTtcbiAgfVxuXG4gIGNsb3NlUG9wdXAoKTogdm9pZCB7XG4gICAgdGhpcy5pc1BvcHVwT3Blbi5zZXQoZmFsc2UpO1xuICB9XG59XG4iLCJAaWYgKGlzUG9wdXBPcGVuKCkpIHtcbiAgPGtlbmRvLXBvcHVwIGNsYXNzPVwia2l0LXBvcHVwXCJcbiAgICAgICAgICAgICAgIFthbmNob3JdPVwiYW5jaG9yXCJcbiAgICAgICAgICAgICAgIFtwb3B1cEFsaWduXT1cInBvcHVwQWxpZ25cIlxuICAgICAgICAgICAgICAgW2FuY2hvckFsaWduXT1cImFuY2hvckFsaWduXCI+XG4gICAgPG5nLWNvbnRlbnRcbiAgICA+PC9uZy1jb250ZW50PlxuICA8L2tlbmRvLXBvcHVwPlxufVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LXBvcHVwLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpLWtpdC9zcmMvbGliL2NvbXBvbmVudHMva2l0LXBvcHVwL2tpdC1wb3B1cC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC1wb3B1cC9raXQtcG9wdXAuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsVUFBVSxFQUNWLFlBQVksRUFDWixLQUFLLEVBRUwsTUFBTSxHQUVQLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBaUIsdUJBQXVCLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUNsRyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sK0JBQStCLENBQUM7OztBQVk1RCxNQUFNLE9BQU8saUJBQWlCO0lBK0I1QixZQUNVLFVBQXNCO1FBQXRCLGVBQVUsR0FBVixVQUFVLENBQVk7UUEvQmhDOztXQUVHO1FBQ00sV0FBTSxHQUFvQyxJQUFJLENBQUM7UUFFeEQ7O1dBRUc7UUFDTSx3QkFBbUIsR0FBWSxJQUFJLENBQUM7UUFFN0M7O1dBRUc7UUFDTSwwQkFBcUIsR0FBNEIsdUJBQXVCLENBQUMsSUFBSSxDQUFDO1FBRXZGOztXQUVHO1FBQ00seUJBQW9CLEdBQTRCLHVCQUF1QixDQUFDLElBQUksQ0FBQztRQUU3RSxZQUFPLEdBQTRCLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUNqRCxnQkFBVyxHQUFrQjtZQUNwQyxVQUFVLEVBQUUsSUFBSSxDQUFDLHFCQUFxQjtZQUN0QyxRQUFRLEVBQUUscUJBQXFCLENBQUMsTUFBTTtTQUN2QyxDQUFDO1FBQ08sZUFBVSxHQUFrQjtZQUNuQyxVQUFVLEVBQUUsSUFBSSxDQUFDLG9CQUFvQjtZQUNyQyxRQUFRLEVBQUUscUJBQXFCLENBQUMsR0FBRztTQUNwQyxDQUFDO0lBS0YsQ0FBQztJQUdELGFBQWEsQ0FBQyxLQUFZO1FBQ3hCLElBQUksQ0FBQyxJQUFJLENBQUMsbUJBQW1CLEVBQUUsQ0FBQztZQUM5QixPQUFPO1FBQ1QsQ0FBQztRQUVELElBQUksQ0FBQyxJQUFJLENBQUMsVUFBVSxFQUFFLGFBQWEsQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxRQUFRLENBQVEsS0FBSyxDQUFDLE1BQU0sQ0FBQyxFQUFFLENBQUM7WUFDaEgsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDO1FBQ2QsQ0FBQztJQUNILENBQUM7SUFFRCxRQUFRO1FBQ04sSUFBSSxDQUFDLFdBQVcsQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDLHFCQUFxQixDQUFDO1FBQ3pELElBQUksQ0FBQyxVQUFVLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQyxvQkFBb0IsQ0FBQztJQUN6RCxDQUFDO0lBRUQsSUFBSSxhQUFhO1FBQ2YsT0FBTyxJQUFJLENBQUMsTUFBTSxZQUFZLFVBQVUsSUFBSSxJQUFJLENBQUMsTUFBTSxDQUFDLGFBQWEsSUFBSSxJQUFJLENBQUMsTUFBTSxDQUFDO0lBQ3ZGLENBQUM7SUFFRCxNQUFNO1FBQ0osSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLEVBQUUsRUFBRSxDQUFDO1lBQ3BCLElBQUksQ0FBQyxPQUFPLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxDQUFDO1lBQ3ZCLElBQUksQ0FBQyxhQUFhLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FBQyxjQUFjLENBQUMsQ0FBQztRQUNuRCxDQUFDO2FBQU0sQ0FBQztZQUNOLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUNkLENBQUM7SUFDSCxDQUFDO0lBRUQsSUFBSTtRQUNGLElBQUksQ0FBQyxhQUFhLENBQUMsU0FBUyxDQUFDLE1BQU0sQ0FBQyxjQUFjLENBQUMsQ0FBQztRQUNwRCxJQUFJLENBQUMsT0FBTyxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUMxQixDQUFDOzhHQXBFVSxpQkFBaUI7a0dBQWpCLGlCQUFpQixpVEN2QjlCLGtQQVNBLGlRRFFJLFdBQVc7OzJGQU1GLGlCQUFpQjtrQkFWN0IsU0FBUzsrQkFDRSxXQUFXLGNBQ1QsSUFBSSxXQUNQO3dCQUNQLFdBQVc7cUJBQ1osbUJBR2dCLHVCQUF1QixDQUFDLE1BQU07K0VBTXRDLE1BQU07c0JBQWQsS0FBSztnQkFLRyxtQkFBbUI7c0JBQTNCLEtBQUs7Z0JBS0cscUJBQXFCO3NCQUE3QixLQUFLO2dCQUtHLG9CQUFvQjtzQkFBNUIsS0FBSztnQkFrQk4sYUFBYTtzQkFEWixZQUFZO3VCQUFDLGdCQUFnQixFQUFFLENBQUMsUUFBUSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgRWxlbWVudFJlZixcbiAgSG9zdExpc3RlbmVyLFxuICBJbnB1dCxcbiAgT25Jbml0LFxuICBzaWduYWwsXG4gIFdyaXRhYmxlU2lnbmFsLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEtpdFBvcHVwQWxpZ24sIEtpdFBvcHVwQWxpZ25Ib3Jpem9udGFsLCBLaXRQb3B1cEFsaWduVmVydGljYWwgfSBmcm9tICcuL2tpdC1wb3B1cC5tb2RlbCc7XG5pbXBvcnQgeyBQb3B1cE1vZHVsZSB9IGZyb20gJ0Bwcm9ncmVzcy9rZW5kby1hbmd1bGFyLXBvcHVwJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAna2l0LXBvcHVwJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1xuICAgIFBvcHVwTW9kdWxlLFxuICBdLFxuICB0ZW1wbGF0ZVVybDogJy4va2l0LXBvcHVwLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL2tpdC1wb3B1cC5jb21wb25lbnQuc2NzcycsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBLaXRQb3B1cENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIC8qKlxuICAgKiBTcGVjaWZpZXMgdGhlIGVsZW1lbnQgdGhhdCB3aWxsIGJlIHVzZWQgYXMgYW4gYW5jaG9yLiBUaGUgUG9wdXAgb3BlbnMgbmV4dCB0byB0aGF0IGVsZW1lbnRcbiAgICovXG4gIEBJbnB1dCgpIGFuY2hvcjogRWxlbWVudFJlZiB8IEhUTUxFbGVtZW50IHwgbnVsbCA9IG51bGw7XG5cbiAgLyoqXG4gICAqIERlZmluZXMgd2hldGhlciB0byBjbG9zZSBwb3B1cCB3aGVuIHRoZSB1c2VyIGNsaWNrcyBvdXRzaWRlIGl0cyBib3VuZGFyaWVzXG4gICAqL1xuICBASW5wdXQoKSBjbG9zZU9uT3V0c2lkZUNsaWNrOiBib29sZWFuID0gdHJ1ZTtcblxuICAvKipcbiAgICogRGVmaW5lcyB0aGUgaG9yaXpvbnRhbCBwb3NpdGlvbiBvZiB0aGUgYW5jaG9yIGVsZW1lbnRcbiAgICovXG4gIEBJbnB1dCgpIGFuY2hvckhvcml6b250YWxBbGlnbjogS2l0UG9wdXBBbGlnbkhvcml6b250YWwgPSBLaXRQb3B1cEFsaWduSG9yaXpvbnRhbC5MRUZUO1xuXG4gIC8qKlxuICAgKiBEZWZpbmVzIHRoZSBob3Jpem9udGFsIHBvc2l0aW9uIG9mIHRoZSBwb3B1cFxuICAgKi9cbiAgQElucHV0KCkgcG9wdXBIb3Jpem9udGFsQWxpZ246IEtpdFBvcHVwQWxpZ25Ib3Jpem9udGFsID0gS2l0UG9wdXBBbGlnbkhvcml6b250YWwuTEVGVDtcblxuICByZWFkb25seSB2aXNpYmxlOiBXcml0YWJsZVNpZ25hbDxib29sZWFuPiA9IHNpZ25hbChmYWxzZSk7XG4gIHJlYWRvbmx5IGFuY2hvckFsaWduOiBLaXRQb3B1cEFsaWduID0ge1xuICAgIGhvcml6b250YWw6IHRoaXMuYW5jaG9ySG9yaXpvbnRhbEFsaWduLFxuICAgIHZlcnRpY2FsOiBLaXRQb3B1cEFsaWduVmVydGljYWwuQk9UVE9NLFxuICB9O1xuICByZWFkb25seSBwb3B1cEFsaWduOiBLaXRQb3B1cEFsaWduID0ge1xuICAgIGhvcml6b250YWw6IHRoaXMucG9wdXBIb3Jpem9udGFsQWxpZ24sXG4gICAgdmVydGljYWw6IEtpdFBvcHVwQWxpZ25WZXJ0aWNhbC5UT1AsXG4gIH07XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSBlbGVtZW50UmVmOiBFbGVtZW50UmVmLFxuICApIHtcbiAgfVxuXG4gIEBIb3N0TGlzdGVuZXIoJ2RvY3VtZW50OmNsaWNrJywgWyckZXZlbnQnXSlcbiAgZG9jdW1lbnRDbGljayhldmVudDogRXZlbnQpOiB2b2lkIHtcbiAgICBpZiAoIXRoaXMuY2xvc2VPbk91dHNpZGVDbGljaykge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIGlmICghdGhpcy5lbGVtZW50UmVmPy5uYXRpdmVFbGVtZW50LmNvbnRhaW5zKGV2ZW50LnRhcmdldCkgJiYgIXRoaXMuYW5jaG9yRWxlbWVudC5jb250YWlucyg8Tm9kZT4gZXZlbnQudGFyZ2V0KSkge1xuICAgICAgdGhpcy5oaWRlKCk7XG4gICAgfVxuICB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5hbmNob3JBbGlnbi5ob3Jpem9udGFsID0gdGhpcy5hbmNob3JIb3Jpem9udGFsQWxpZ247XG4gICAgdGhpcy5wb3B1cEFsaWduLmhvcml6b250YWwgPSB0aGlzLnBvcHVwSG9yaXpvbnRhbEFsaWduO1xuICB9XG5cbiAgZ2V0IGFuY2hvckVsZW1lbnQoKTogSFRNTEVsZW1lbnQge1xuICAgIHJldHVybiB0aGlzLmFuY2hvciBpbnN0YW5jZW9mIEVsZW1lbnRSZWYgJiYgdGhpcy5hbmNob3IubmF0aXZlRWxlbWVudCB8fCB0aGlzLmFuY2hvcjtcbiAgfVxuXG4gIHRvZ2dsZSgpOiB2b2lkIHtcbiAgICBpZiAoIXRoaXMudmlzaWJsZSgpKSB7XG4gICAgICB0aGlzLnZpc2libGUuc2V0KHRydWUpO1xuICAgICAgdGhpcy5hbmNob3JFbGVtZW50LmNsYXNzTGlzdC5hZGQoJ3BvcHVwLWFjdGl2ZScpO1xuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLmhpZGUoKTtcbiAgICB9XG4gIH1cblxuICBoaWRlKCk6IHZvaWQge1xuICAgIHRoaXMuYW5jaG9yRWxlbWVudC5jbGFzc0xpc3QucmVtb3ZlKCdwb3B1cC1hY3RpdmUnKTtcbiAgICB0aGlzLnZpc2libGUuc2V0KGZhbHNlKTtcbiAgfVxufVxuIiwiQGlmICh2aXNpYmxlKCkpIHtcbiAgPGtlbmRvLXBvcHVwIGNsYXNzPVwia2l0LXBvcHVwXCJcbiAgICAgICAgICAgICAgIFthbmNob3JdPVwiYW5jaG9yXCJcbiAgICAgICAgICAgICAgIFtwb3B1cEFsaWduXT1cInBvcHVwQWxpZ25cIlxuICAgICAgICAgICAgICAgW2FuY2hvckFsaWduXT1cImFuY2hvckFsaWduXCI+XG4gICAgPG5nLWNvbnRlbnRcbiAgICA+PC9uZy1jb250ZW50PlxuICA8L2tlbmRvLXBvcHVwPlxufVxuIl19

package/esm2022/lib/components/kit-profile-menu/kit-profile-menu.component.mjs

@@ -1,14 +1,16 @@
 import { ChangeDetectionStrategy, Component, Input, ViewChild } from '@angular/core';
 import { KitAvatarSize } from '../kit-avatar/kit-avatar.const';
 import { KitSvgIcon, KitSvgIconType } from '../kit-svg-icon/kit-svg-icon.const';
+import { KitPopupComponent } from '../kit-popup/kit-popup.component';
 import { KitPopupAlignHorizontal } from '../kit-popup/kit-popup.model';
+import { KitAvatarModule } from '../kit-avatar/kit-avatar.module';
+import { KitSvgIconModule } from '../kit-svg-icon/kit-svg-icon.module';
+import { RouterLink } from '@angular/router';
+import { CommonModule } from '@angular/common';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 import * as i2 from "../kit-avatar/kit-avatar.component";
-import * as i3 from "../kit-popup/kit-popup.component";
-import * as i4 from "../kit-popup/kit-popup.directive";
-import * as i5 from "../kit-svg-icon/kit-svg-icon.component";
-import * as i6 from "@angular/router";
+import * as i3 from "../kit-svg-icon/kit-svg-icon.component";
 export class KitProfileMenuComponent {
     constructor() {
         /**
@@ -22,14 +24,20 @@ export class KitProfileMenuComponent {
     }
     onClick(item) {
         item?.action && item.action();
-        this.userMenu.closePopup();
+        this.userMenu.hide();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KitProfileMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: KitProfileMenuComponent, selector: "kit-profile-menu", inputs: { menuItems: "menuItems", userName: "userName", companyName: "companyName", avatarImageSrc: "avatarImageSrc" }, viewQueries: [{ propertyName: "userMenu", first: true, predicate: ["userMenu"], descendants: true }], ngImport: i0, template: "<div class=\"profile-menu\">\n  <button #menuButton\n          class=\"menu-button\"\n          [kitPopupTrigger]=\"userMenu\">\n    <kit-avatar [size]=\"KitAvatarSize.LARGE\"\n                [name]=\"userName\"\n                [imageSrc]=\"avatarImageSrc\"\n    ></kit-avatar>\n    <kit-svg-icon class=\"menu-button-icon\"\n                  [icon]=\"KitSvgIcon.CARET_DOWN\"\n    ></kit-svg-icon>\n  </button>\n\n  <kit-popup #userMenu\n             class=\"menu-popup\"\n             [anchor]=\"menuButton\"\n             [anchorHorizontalAlign]=\"KitPopupAlignHorizontal.RIGHT\"\n             [popupHorizontalAlign]=\"KitPopupAlignHorizontal.RIGHT\">\n    <div class=\"popup-content\">\n      <div class=\"popup-header\">\n        <kit-avatar class=\"popup-header-avatar\"\n                    [name]=\"userName\"\n                    [size]=\"KitAvatarSize.LARGE\"\n                    [imageSrc]=\"avatarImageSrc\"\n        ></kit-avatar>\n        <div class=\"popup-header-details\">\n          @if (userName) {\n            <div class=\"popup-header-name\">{{ userName }}</div>\n          }\n          @if (companyName) {\n            <div class=\"popup-header-company\">{{ companyName }}</div>\n          }\n        </div>\n      </div>\n      <div class=\"popup-menu\">\n        @for (item of menuItems; track item) {\n          <a class=\"menu-item\"\n             [ngClass]=\"item.cssClass\"\n             [routerLink]=\"item.link\"\n             (click)=\"onClick(item)\">\n            @if (item.icon) {\n              <kit-svg-icon class=\"menu-item-icon\"\n                            [icon]=\"item.icon\"\n                            [ngClass]=\"item?.iconType ?? KitSvgIconType.FILL\"\n              ></kit-svg-icon>\n            }\n            <span class=\"menu-item-text\">{{ item.title }}</span>\n          </a>\n        }\n      </div>\n    </div>\n  </kit-popup>\n</div>\n\n", styles: [".profile-menu .menu-button{display:flex;align-items:center;gap:14px;padding:0;border:none;background:none;cursor:pointer}.profile-menu .menu-button-icon{display:block;width:20px;height:20px}.profile-menu .menu-button ::ng-deep .kit-badge-content{top:4px;right:5px;border-color:var(--color-white)}.profile-menu .menu-button.popup-active .menu-button-icon{transform:rotate(180deg)}.menu-popup .popup-content{display:flex;flex-direction:column;gap:4px;padding:8px 4px;width:280px}.menu-popup .popup-header{display:flex;align-items:center;gap:14px;padding:6px 12px}.menu-popup .popup-header-details{min-width:0;font-size:14px}.menu-popup .popup-header-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.menu-popup .popup-menu{display:flex;flex-direction:column;gap:4px}.menu-popup .menu-item{display:flex;align-items:center;gap:8px;padding:6px 12px;color:var(--ui-kit-color-grey-10);border-radius:4px;text-decoration:none;cursor:pointer}.menu-popup .menu-item:hover{color:var(--ui-kit-color-main);background:var(--ui-kit-color-grey-13)}.menu-popup .menu-item-icon{display:block;width:18px;height:18px}.menu-popup .menu-item-icon.stroke{fill:none;stroke:var(--ui-kit-color-main)}.menu-popup .menu-item-icon.fill{stroke:none;fill:var(--ui-kit-color-main)}.menu-popup .menu-item-text{font-size:14px;font-weight:400}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2.KitAvatarComponent, selector: "kit-avatar", inputs: ["name", "imageSrc", "size"] }, { kind: "component", type: i3.KitPopupComponent, selector: "kit-popup", inputs: ["anchor", "closeOnOutsideClick", "anchorHorizontalAlign", "popupHorizontalAlign"] }, { kind: "directive", type: i4.KitPopupDirective, selector: "[kitPopupTrigger]", inputs: ["kitPopupTrigger"] }, { kind: "component", type: i5.KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "directive", type: i6.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: KitProfileMenuComponent, isStandalone: true, selector: "kit-profile-menu", inputs: { menuItems: "menuItems", userName: "userName", companyName: "companyName", avatarImageSrc: "avatarImageSrc" }, viewQueries: [{ propertyName: "userMenu", first: true, predicate: ["userMenu"], descendants: true }], ngImport: i0, template: "<div class=\"profile-menu\">\n  <button #menuButton\n          class=\"menu-button\"\n          (click)=\"userMenu.toggle()\">\n    <kit-avatar [size]=\"KitAvatarSize.LARGE\"\n                [name]=\"userName\"\n                [imageSrc]=\"avatarImageSrc\"\n    ></kit-avatar>\n    <kit-svg-icon class=\"menu-button-icon\"\n                  [icon]=\"KitSvgIcon.CARET_DOWN\"\n    ></kit-svg-icon>\n  </button>\n\n  <kit-popup #userMenu\n             class=\"menu-popup\"\n             [anchor]=\"menuButton\"\n             [anchorHorizontalAlign]=\"KitPopupAlignHorizontal.RIGHT\"\n             [popupHorizontalAlign]=\"KitPopupAlignHorizontal.RIGHT\">\n    <div class=\"popup-content\">\n      <div class=\"popup-header\">\n        <kit-avatar class=\"popup-header-avatar\"\n                    [name]=\"userName\"\n                    [size]=\"KitAvatarSize.LARGE\"\n                    [imageSrc]=\"avatarImageSrc\"\n        ></kit-avatar>\n        <div class=\"popup-header-details\">\n          @if (userName) {\n            <div class=\"popup-header-name\">{{ userName }}</div>\n          }\n          @if (companyName) {\n            <div class=\"popup-header-company\">{{ companyName }}</div>\n          }\n        </div>\n      </div>\n      <div class=\"popup-menu\">\n        @for (item of menuItems; track item) {\n          <a class=\"menu-item\"\n             [ngClass]=\"item.cssClass\"\n             [routerLink]=\"item.link\"\n             (click)=\"onClick(item)\">\n            @if (item.icon) {\n              <kit-svg-icon class=\"menu-item-icon\"\n                            [icon]=\"item.icon\"\n                            [ngClass]=\"item?.iconType ?? KitSvgIconType.FILL\"\n              ></kit-svg-icon>\n            }\n            <span class=\"menu-item-text\">{{ item.title }}</span>\n          </a>\n        }\n      </div>\n    </div>\n  </kit-popup>\n</div>\n\n", styles: [".profile-menu .menu-button{display:flex;align-items:center;gap:14px;padding:0;border:none;background:none;cursor:pointer}.profile-menu .menu-button-icon{display:block;width:20px;height:20px}.profile-menu .menu-button ::ng-deep .kit-badge-content{top:4px;right:5px;border-color:var(--color-white)}.profile-menu .menu-button.popup-active .menu-button-icon{transform:rotate(180deg)}.menu-popup .popup-content{display:flex;flex-direction:column;gap:4px;padding:8px 4px;width:280px}.menu-popup .popup-header{display:flex;align-items:center;gap:14px;padding:6px 12px}.menu-popup .popup-header-details{min-width:0;font-size:14px}.menu-popup .popup-header-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.menu-popup .popup-menu{display:flex;flex-direction:column;gap:4px}.menu-popup .menu-item{display:flex;align-items:center;gap:8px;padding:6px 12px;color:var(--ui-kit-color-grey-10);border-radius:4px;text-decoration:none;cursor:pointer}.menu-popup .menu-item:hover{color:var(--ui-kit-color-main);background:var(--ui-kit-color-grey-13)}.menu-popup .menu-item-icon{display:block;width:18px;height:18px}.menu-popup .menu-item-icon.stroke{fill:none;stroke:var(--ui-kit-color-main)}.menu-popup .menu-item-icon.fill{stroke:none;fill:var(--ui-kit-color-main)}.menu-popup .menu-item-text{font-size:14px;font-weight:400}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: KitAvatarModule }, { kind: "component", type: i2.KitAvatarComponent, selector: "kit-avatar", inputs: ["name", "imageSrc", "size"] }, { kind: "component", type: KitPopupComponent, selector: "kit-popup", inputs: ["anchor", "closeOnOutsideClick", "anchorHorizontalAlign", "popupHorizontalAlign"] }, { kind: "ngmodule", type: KitSvgIconModule }, { kind: "component", type: i3.KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KitProfileMenuComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kit-profile-menu', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"profile-menu\">\n  <button #menuButton\n          class=\"menu-button\"\n          [kitPopupTrigger]=\"userMenu\">\n    <kit-avatar [size]=\"KitAvatarSize.LARGE\"\n                [name]=\"userName\"\n                [imageSrc]=\"avatarImageSrc\"\n    ></kit-avatar>\n    <kit-svg-icon class=\"menu-button-icon\"\n                  [icon]=\"KitSvgIcon.CARET_DOWN\"\n    ></kit-svg-icon>\n  </button>\n\n  <kit-popup #userMenu\n             class=\"menu-popup\"\n             [anchor]=\"menuButton\"\n             [anchorHorizontalAlign]=\"KitPopupAlignHorizontal.RIGHT\"\n             [popupHorizontalAlign]=\"KitPopupAlignHorizontal.RIGHT\">\n    <div class=\"popup-content\">\n      <div class=\"popup-header\">\n        <kit-avatar class=\"popup-header-avatar\"\n                    [name]=\"userName\"\n                    [size]=\"KitAvatarSize.LARGE\"\n                    [imageSrc]=\"avatarImageSrc\"\n        ></kit-avatar>\n        <div class=\"popup-header-details\">\n          @if (userName) {\n            <div class=\"popup-header-name\">{{ userName }}</div>\n          }\n          @if (companyName) {\n            <div class=\"popup-header-company\">{{ companyName }}</div>\n          }\n        </div>\n      </div>\n      <div class=\"popup-menu\">\n        @for (item of menuItems; track item) {\n          <a class=\"menu-item\"\n             [ngClass]=\"item.cssClass\"\n             [routerLink]=\"item.link\"\n             (click)=\"onClick(item)\">\n            @if (item.icon) {\n              <kit-svg-icon class=\"menu-item-icon\"\n                            [icon]=\"item.icon\"\n                            [ngClass]=\"item?.iconType ?? KitSvgIconType.FILL\"\n              ></kit-svg-icon>\n            }\n            <span class=\"menu-item-text\">{{ item.title }}</span>\n          </a>\n        }\n      </div>\n    </div>\n  </kit-popup>\n</div>\n\n", styles: [".profile-menu .menu-button{display:flex;align-items:center;gap:14px;padding:0;border:none;background:none;cursor:pointer}.profile-menu .menu-button-icon{display:block;width:20px;height:20px}.profile-menu .menu-button ::ng-deep .kit-badge-content{top:4px;right:5px;border-color:var(--color-white)}.profile-menu .menu-button.popup-active .menu-button-icon{transform:rotate(180deg)}.menu-popup .popup-content{display:flex;flex-direction:column;gap:4px;padding:8px 4px;width:280px}.menu-popup .popup-header{display:flex;align-items:center;gap:14px;padding:6px 12px}.menu-popup .popup-header-details{min-width:0;font-size:14px}.menu-popup .popup-header-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.menu-popup .popup-menu{display:flex;flex-direction:column;gap:4px}.menu-popup .menu-item{display:flex;align-items:center;gap:8px;padding:6px 12px;color:var(--ui-kit-color-grey-10);border-radius:4px;text-decoration:none;cursor:pointer}.menu-popup .menu-item:hover{color:var(--ui-kit-color-main);background:var(--ui-kit-color-grey-13)}.menu-popup .menu-item-icon{display:block;width:18px;height:18px}.menu-popup .menu-item-icon.stroke{fill:none;stroke:var(--ui-kit-color-main)}.menu-popup .menu-item-icon.fill{stroke:none;fill:var(--ui-kit-color-main)}.menu-popup .menu-item-text{font-size:14px;font-weight:400}\n"] }]
+            args: [{ selector: 'kit-profile-menu', standalone: true, imports: [
+                        CommonModule,
+                        KitAvatarModule,
+                        KitPopupComponent,
+                        KitSvgIconModule,
+                        RouterLink,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"profile-menu\">\n  <button #menuButton\n          class=\"menu-button\"\n          (click)=\"userMenu.toggle()\">\n    <kit-avatar [size]=\"KitAvatarSize.LARGE\"\n                [name]=\"userName\"\n                [imageSrc]=\"avatarImageSrc\"\n    ></kit-avatar>\n    <kit-svg-icon class=\"menu-button-icon\"\n                  [icon]=\"KitSvgIcon.CARET_DOWN\"\n    ></kit-svg-icon>\n  </button>\n\n  <kit-popup #userMenu\n             class=\"menu-popup\"\n             [anchor]=\"menuButton\"\n             [anchorHorizontalAlign]=\"KitPopupAlignHorizontal.RIGHT\"\n             [popupHorizontalAlign]=\"KitPopupAlignHorizontal.RIGHT\">\n    <div class=\"popup-content\">\n      <div class=\"popup-header\">\n        <kit-avatar class=\"popup-header-avatar\"\n                    [name]=\"userName\"\n                    [size]=\"KitAvatarSize.LARGE\"\n                    [imageSrc]=\"avatarImageSrc\"\n        ></kit-avatar>\n        <div class=\"popup-header-details\">\n          @if (userName) {\n            <div class=\"popup-header-name\">{{ userName }}</div>\n          }\n          @if (companyName) {\n            <div class=\"popup-header-company\">{{ companyName }}</div>\n          }\n        </div>\n      </div>\n      <div class=\"popup-menu\">\n        @for (item of menuItems; track item) {\n          <a class=\"menu-item\"\n             [ngClass]=\"item.cssClass\"\n             [routerLink]=\"item.link\"\n             (click)=\"onClick(item)\">\n            @if (item.icon) {\n              <kit-svg-icon class=\"menu-item-icon\"\n                            [icon]=\"item.icon\"\n                            [ngClass]=\"item?.iconType ?? KitSvgIconType.FILL\"\n              ></kit-svg-icon>\n            }\n            <span class=\"menu-item-text\">{{ item.title }}</span>\n          </a>\n        }\n      </div>\n    </div>\n  </kit-popup>\n</div>\n\n", styles: [".profile-menu .menu-button{display:flex;align-items:center;gap:14px;padding:0;border:none;background:none;cursor:pointer}.profile-menu .menu-button-icon{display:block;width:20px;height:20px}.profile-menu .menu-button ::ng-deep .kit-badge-content{top:4px;right:5px;border-color:var(--color-white)}.profile-menu .menu-button.popup-active .menu-button-icon{transform:rotate(180deg)}.menu-popup .popup-content{display:flex;flex-direction:column;gap:4px;padding:8px 4px;width:280px}.menu-popup .popup-header{display:flex;align-items:center;gap:14px;padding:6px 12px}.menu-popup .popup-header-details{min-width:0;font-size:14px}.menu-popup .popup-header-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.menu-popup .popup-menu{display:flex;flex-direction:column;gap:4px}.menu-popup .menu-item{display:flex;align-items:center;gap:8px;padding:6px 12px;color:var(--ui-kit-color-grey-10);border-radius:4px;text-decoration:none;cursor:pointer}.menu-popup .menu-item:hover{color:var(--ui-kit-color-main);background:var(--ui-kit-color-grey-13)}.menu-popup .menu-item-icon{display:block;width:18px;height:18px}.menu-popup .menu-item-icon.stroke{fill:none;stroke:var(--ui-kit-color-main)}.menu-popup .menu-item-icon.fill{stroke:none;fill:var(--ui-kit-color-main)}.menu-popup .menu-item-text{font-size:14px;font-weight:400}\n"] }]
         }], propDecorators: { menuItems: [{
                 type: Input
             }], userName: [{
@@ -42,4 +50,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImpor
                 type: ViewChild,
                 args: ['userMenu']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LXByb2ZpbGUtbWVudS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC1wcm9maWxlLW1lbnUva2l0LXByb2ZpbGUtbWVudS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC1wcm9maWxlLW1lbnUva2l0LXByb2ZpbGUtbWVudS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDckYsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQy9ELE9BQU8sRUFBRSxVQUFVLEVBQUUsY0FBYyxFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFHaEYsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sOEJBQThCLENBQUM7Ozs7Ozs7O0FBUXZFLE1BQU0sT0FBTyx1QkFBdUI7SUFOcEM7UUFPRTs7V0FFRztRQUNNLGNBQVMsR0FBeUIsRUFBRSxDQUFDO1FBbUJyQyxrQkFBYSxHQUF5QixhQUFhLENBQUM7UUFDcEQsZUFBVSxHQUFzQixVQUFVLENBQUM7UUFDM0MsNEJBQXVCLEdBQW1DLHVCQUF1QixDQUFDO1FBQ2xGLG1CQUFjLEdBQTBCLGNBQWMsQ0FBQztLQU1qRTtJQUpDLE9BQU8sQ0FBQyxJQUF3QjtRQUM5QixJQUFJLEVBQUUsTUFBTSxJQUFJLElBQUksQ0FBQyxNQUFNLEVBQUUsQ0FBQztRQUM5QixJQUFJLENBQUMsUUFBUSxDQUFDLFVBQVUsRUFBRSxDQUFDO0lBQzdCLENBQUM7OEdBL0JVLHVCQUF1QjtrR0FBdkIsdUJBQXVCLHNSQ2JwQyw0MkRBc0RBOzsyRkR6Q2EsdUJBQXVCO2tCQU5uQyxTQUFTOytCQUNFLGtCQUFrQixtQkFHWCx1QkFBdUIsQ0FBQyxNQUFNOzhCQU10QyxTQUFTO3NCQUFqQixLQUFLO2dCQUtHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBS0csV0FBVztzQkFBbkIsS0FBSztnQkFLRyxjQUFjO3NCQUF0QixLQUFLO2dCQUVpQixRQUFRO3NCQUE5QixTQUFTO3VCQUFDLFVBQVUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbnB1dCwgVmlld0NoaWxkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBLaXRBdmF0YXJTaXplIH0gZnJvbSAnLi4va2l0LWF2YXRhci9raXQtYXZhdGFyLmNvbnN0JztcbmltcG9ydCB7IEtpdFN2Z0ljb24sIEtpdFN2Z0ljb25UeXBlIH0gZnJvbSAnLi4va2l0LXN2Zy1pY29uL2tpdC1zdmctaWNvbi5jb25zdCc7XG5pbXBvcnQgeyBLaXRQcm9maWxlTWVudUl0ZW0gfSBmcm9tICcuLi9raXQtcHJvZmlsZS1tZW51L2tpdC1wcm9maWxlLW1lbnUubW9kZWwnO1xuaW1wb3J0IHsgS2l0UG9wdXBDb21wb25lbnQgfSBmcm9tICcuLi9raXQtcG9wdXAva2l0LXBvcHVwLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBLaXRQb3B1cEFsaWduSG9yaXpvbnRhbCB9IGZyb20gJy4uL2tpdC1wb3B1cC9raXQtcG9wdXAubW9kZWwnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdraXQtcHJvZmlsZS1tZW51JyxcbiAgdGVtcGxhdGVVcmw6ICcuL2tpdC1wcm9maWxlLW1lbnUuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybDogJy4va2l0LXByb2ZpbGUtbWVudS5jb21wb25lbnQuc2NzcycsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBLaXRQcm9maWxlTWVudUNvbXBvbmVudCB7XG4gIC8qKlxuICAgKiBEZWZpbmVzIGEgbGlzdCBvZiBtZW51IGl0ZW1zXG4gICAqL1xuICBASW5wdXQoKSBtZW51SXRlbXM6IEtpdFByb2ZpbGVNZW51SXRlbVtdID0gW107XG5cbiAgLyoqXG4gICAqIERlZmluZXMgdXNlcm5hbWUgdGhhdCBnb2luZyB0byBiZSBkaXNwbGF5ZWQgbmV4dCB0byBhdmF0YXIgYW5kIHVzZWQgaW4gYXZhdGFyIGFzIGluaXRpYWxzXG4gICAqL1xuICBASW5wdXQoKSB1c2VyTmFtZT86IHN0cmluZztcblxuICAvKipcbiAgICogRGVmaW5lcyBjb21wYW55IG5hbWUgdGhhdCBnb2luZyB0byBiZSBkaXNwbGF5ZWQgbmV4dCB0byBhdmF0YXJcbiAgICovXG4gIEBJbnB1dCgpIGNvbXBhbnlOYW1lPzogc3RyaW5nO1xuXG4gIC8qKlxuICAgKiBEZWZpbmVzIHRoZSBpbWFnZSBzb3VyY2Ugb2YgdGhlIGF2YXRhclxuICAgKi9cbiAgQElucHV0KCkgYXZhdGFySW1hZ2VTcmM/OiBzdHJpbmc7XG5cbiAgQFZpZXdDaGlsZCgndXNlck1lbnUnKSB1c2VyTWVudSE6IEtpdFBvcHVwQ29tcG9uZW50O1xuXG4gIHJlYWRvbmx5IEtpdEF2YXRhclNpemU6IHR5cGVvZiBLaXRBdmF0YXJTaXplID0gS2l0QXZhdGFyU2l6ZTtcbiAgcmVhZG9ubHkgS2l0U3ZnSWNvbjogdHlwZW9mIEtpdFN2Z0ljb24gPSBLaXRTdmdJY29uO1xuICByZWFkb25seSBLaXRQb3B1cEFsaWduSG9yaXpvbnRhbDogdHlwZW9mIEtpdFBvcHVwQWxpZ25Ib3Jpem9udGFsID0gS2l0UG9wdXBBbGlnbkhvcml6b250YWw7XG4gIHJlYWRvbmx5IEtpdFN2Z0ljb25UeXBlOiB0eXBlb2YgS2l0U3ZnSWNvblR5cGUgPSBLaXRTdmdJY29uVHlwZTtcblxuICBvbkNsaWNrKGl0ZW06IEtpdFByb2ZpbGVNZW51SXRlbSk6IHZvaWQge1xuICAgIGl0ZW0/LmFjdGlvbiAmJiBpdGVtLmFjdGlvbigpO1xuICAgIHRoaXMudXNlck1lbnUuY2xvc2VQb3B1cCgpO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwicHJvZmlsZS1tZW51XCI+XG4gIDxidXR0b24gI21lbnVCdXR0b25cbiAgICAgICAgICBjbGFzcz1cIm1lbnUtYnV0dG9uXCJcbiAgICAgICAgICBba2l0UG9wdXBUcmlnZ2VyXT1cInVzZXJNZW51XCI+XG4gICAgPGtpdC1hdmF0YXIgW3NpemVdPVwiS2l0QXZhdGFyU2l6ZS5MQVJHRVwiXG4gICAgICAgICAgICAgICAgW25hbWVdPVwidXNlck5hbWVcIlxuICAgICAgICAgICAgICAgIFtpbWFnZVNyY109XCJhdmF0YXJJbWFnZVNyY1wiXG4gICAgPjwva2l0LWF2YXRhcj5cbiAgICA8a2l0LXN2Zy1pY29uIGNsYXNzPVwibWVudS1idXR0b24taWNvblwiXG4gICAgICAgICAgICAgICAgICBbaWNvbl09XCJLaXRTdmdJY29uLkNBUkVUX0RPV05cIlxuICAgID48L2tpdC1zdmctaWNvbj5cbiAgPC9idXR0b24+XG5cbiAgPGtpdC1wb3B1cCAjdXNlck1lbnVcbiAgICAgICAgICAgICBjbGFzcz1cIm1lbnUtcG9wdXBcIlxuICAgICAgICAgICAgIFthbmNob3JdPVwibWVudUJ1dHRvblwiXG4gICAgICAgICAgICAgW2FuY2hvckhvcml6b250YWxBbGlnbl09XCJLaXRQb3B1cEFsaWduSG9yaXpvbnRhbC5SSUdIVFwiXG4gICAgICAgICAgICAgW3BvcHVwSG9yaXpvbnRhbEFsaWduXT1cIktpdFBvcHVwQWxpZ25Ib3Jpem9udGFsLlJJR0hUXCI+XG4gICAgPGRpdiBjbGFzcz1cInBvcHVwLWNvbnRlbnRcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJwb3B1cC1oZWFkZXJcIj5cbiAgICAgICAgPGtpdC1hdmF0YXIgY2xhc3M9XCJwb3B1cC1oZWFkZXItYXZhdGFyXCJcbiAgICAgICAgICAgICAgICAgICAgW25hbWVdPVwidXNlck5hbWVcIlxuICAgICAgICAgICAgICAgICAgICBbc2l6ZV09XCJLaXRBdmF0YXJTaXplLkxBUkdFXCJcbiAgICAgICAgICAgICAgICAgICAgW2ltYWdlU3JjXT1cImF2YXRhckltYWdlU3JjXCJcbiAgICAgICAgPjwva2l0LWF2YXRhcj5cbiAgICAgICAgPGRpdiBjbGFzcz1cInBvcHVwLWhlYWRlci1kZXRhaWxzXCI+XG4gICAgICAgICAgQGlmICh1c2VyTmFtZSkge1xuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInBvcHVwLWhlYWRlci1uYW1lXCI+e3sgdXNlck5hbWUgfX08L2Rpdj5cbiAgICAgICAgICB9XG4gICAgICAgICAgQGlmIChjb21wYW55TmFtZSkge1xuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInBvcHVwLWhlYWRlci1jb21wYW55XCI+e3sgY29tcGFueU5hbWUgfX08L2Rpdj5cbiAgICAgICAgICB9XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgICA8ZGl2IGNsYXNzPVwicG9wdXAtbWVudVwiPlxuICAgICAgICBAZm9yIChpdGVtIG9mIG1lbnVJdGVtczsgdHJhY2sgaXRlbSkge1xuICAgICAgICAgIDxhIGNsYXNzPVwibWVudS1pdGVtXCJcbiAgICAgICAgICAgICBbbmdDbGFzc109XCJpdGVtLmNzc0NsYXNzXCJcbiAgICAgICAgICAgICBbcm91dGVyTGlua109XCJpdGVtLmxpbmtcIlxuICAgICAgICAgICAgIChjbGljayk9XCJvbkNsaWNrKGl0ZW0pXCI+XG4gICAgICAgICAgICBAaWYgKGl0ZW0uaWNvbikge1xuICAgICAgICAgICAgICA8a2l0LXN2Zy1pY29uIGNsYXNzPVwibWVudS1pdGVtLWljb25cIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtpY29uXT1cIml0ZW0uaWNvblwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgW25nQ2xhc3NdPVwiaXRlbT8uaWNvblR5cGUgPz8gS2l0U3ZnSWNvblR5cGUuRklMTFwiXG4gICAgICAgICAgICAgID48L2tpdC1zdmctaWNvbj5cbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwibWVudS1pdGVtLXRleHRcIj57eyBpdGVtLnRpdGxlIH19PC9zcGFuPlxuICAgICAgICAgIDwvYT5cbiAgICAgICAgfVxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIDwva2l0LXBvcHVwPlxuPC9kaXY+XG5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LXByb2ZpbGUtbWVudS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC1wcm9maWxlLW1lbnUva2l0LXByb2ZpbGUtbWVudS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC1wcm9maWxlLW1lbnUva2l0LXByb2ZpbGUtbWVudS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDckYsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQy9ELE9BQU8sRUFBRSxVQUFVLEVBQUUsY0FBYyxFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFFaEYsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFDckUsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDdkUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBQ2xFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUM3QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7Ozs7O0FBZ0IvQyxNQUFNLE9BQU8sdUJBQXVCO0lBZHBDO1FBZUU7O1dBRUc7UUFDTSxjQUFTLEdBQXlCLEVBQUUsQ0FBQztRQW1CckMsa0JBQWEsR0FBeUIsYUFBYSxDQUFDO1FBQ3BELGVBQVUsR0FBc0IsVUFBVSxDQUFDO1FBQzNDLDRCQUF1QixHQUFtQyx1QkFBdUIsQ0FBQztRQUNsRixtQkFBYyxHQUEwQixjQUFjLENBQUM7S0FNakU7SUFKQyxPQUFPLENBQUMsSUFBd0I7UUFDOUIsSUFBSSxFQUFFLE1BQU0sSUFBSSxJQUFJLENBQUMsTUFBTSxFQUFFLENBQUM7UUFDOUIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN2QixDQUFDOzhHQS9CVSx1QkFBdUI7a0dBQXZCLHVCQUF1QiwwU0N6QnBDLDIyREFzREEsbzJDRHZDSSxZQUFZLDRIQUNaLGVBQWUsaUpBQ2YsaUJBQWlCLGlKQUNqQixnQkFBZ0IsNklBQ2hCLFVBQVU7OzJGQU1ELHVCQUF1QjtrQkFkbkMsU0FBUzsrQkFDRSxrQkFBa0IsY0FDaEIsSUFBSSxXQUNQO3dCQUNQLFlBQVk7d0JBQ1osZUFBZTt3QkFDZixpQkFBaUI7d0JBQ2pCLGdCQUFnQjt3QkFDaEIsVUFBVTtxQkFDWCxtQkFHZ0IsdUJBQXVCLENBQUMsTUFBTTs4QkFNdEMsU0FBUztzQkFBakIsS0FBSztnQkFLRyxRQUFRO3NCQUFoQixLQUFLO2dCQUtHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBS0csY0FBYztzQkFBdEIsS0FBSztnQkFFaUIsUUFBUTtzQkFBOUIsU0FBUzt1QkFBQyxVQUFVIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5wdXQsIFZpZXdDaGlsZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgS2l0QXZhdGFyU2l6ZSB9IGZyb20gJy4uL2tpdC1hdmF0YXIva2l0LWF2YXRhci5jb25zdCc7XG5pbXBvcnQgeyBLaXRTdmdJY29uLCBLaXRTdmdJY29uVHlwZSB9IGZyb20gJy4uL2tpdC1zdmctaWNvbi9raXQtc3ZnLWljb24uY29uc3QnO1xuaW1wb3J0IHsgS2l0UHJvZmlsZU1lbnVJdGVtIH0gZnJvbSAnLi4va2l0LXByb2ZpbGUtbWVudS9raXQtcHJvZmlsZS1tZW51Lm1vZGVsJztcbmltcG9ydCB7IEtpdFBvcHVwQ29tcG9uZW50IH0gZnJvbSAnLi4va2l0LXBvcHVwL2tpdC1wb3B1cC5jb21wb25lbnQnO1xuaW1wb3J0IHsgS2l0UG9wdXBBbGlnbkhvcml6b250YWwgfSBmcm9tICcuLi9raXQtcG9wdXAva2l0LXBvcHVwLm1vZGVsJztcbmltcG9ydCB7IEtpdEF2YXRhck1vZHVsZSB9IGZyb20gJy4uL2tpdC1hdmF0YXIva2l0LWF2YXRhci5tb2R1bGUnO1xuaW1wb3J0IHsgS2l0U3ZnSWNvbk1vZHVsZSB9IGZyb20gJy4uL2tpdC1zdmctaWNvbi9raXQtc3ZnLWljb24ubW9kdWxlJztcbmltcG9ydCB7IFJvdXRlckxpbmsgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAna2l0LXByb2ZpbGUtbWVudScsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgS2l0QXZhdGFyTW9kdWxlLFxuICAgIEtpdFBvcHVwQ29tcG9uZW50LFxuICAgIEtpdFN2Z0ljb25Nb2R1bGUsXG4gICAgUm91dGVyTGluayxcbiAgXSxcbiAgdGVtcGxhdGVVcmw6ICcuL2tpdC1wcm9maWxlLW1lbnUuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybDogJy4va2l0LXByb2ZpbGUtbWVudS5jb21wb25lbnQuc2NzcycsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBLaXRQcm9maWxlTWVudUNvbXBvbmVudCB7XG4gIC8qKlxuICAgKiBEZWZpbmVzIGEgbGlzdCBvZiBtZW51IGl0ZW1zXG4gICAqL1xuICBASW5wdXQoKSBtZW51SXRlbXM6IEtpdFByb2ZpbGVNZW51SXRlbVtdID0gW107XG5cbiAgLyoqXG4gICAqIERlZmluZXMgdXNlcm5hbWUgdGhhdCBnb2luZyB0byBiZSBkaXNwbGF5ZWQgbmV4dCB0byBhdmF0YXIgYW5kIHVzZWQgaW4gYXZhdGFyIGFzIGluaXRpYWxzXG4gICAqL1xuICBASW5wdXQoKSB1c2VyTmFtZT86IHN0cmluZztcblxuICAvKipcbiAgICogRGVmaW5lcyBjb21wYW55IG5hbWUgdGhhdCBnb2luZyB0byBiZSBkaXNwbGF5ZWQgbmV4dCB0byBhdmF0YXJcbiAgICovXG4gIEBJbnB1dCgpIGNvbXBhbnlOYW1lPzogc3RyaW5nO1xuXG4gIC8qKlxuICAgKiBEZWZpbmVzIHRoZSBpbWFnZSBzb3VyY2Ugb2YgdGhlIGF2YXRhclxuICAgKi9cbiAgQElucHV0KCkgYXZhdGFySW1hZ2VTcmM/OiBzdHJpbmc7XG5cbiAgQFZpZXdDaGlsZCgndXNlck1lbnUnKSB1c2VyTWVudSE6IEtpdFBvcHVwQ29tcG9uZW50O1xuXG4gIHJlYWRvbmx5IEtpdEF2YXRhclNpemU6IHR5cGVvZiBLaXRBdmF0YXJTaXplID0gS2l0QXZhdGFyU2l6ZTtcbiAgcmVhZG9ubHkgS2l0U3ZnSWNvbjogdHlwZW9mIEtpdFN2Z0ljb24gPSBLaXRTdmdJY29uO1xuICByZWFkb25seSBLaXRQb3B1cEFsaWduSG9yaXpvbnRhbDogdHlwZW9mIEtpdFBvcHVwQWxpZ25Ib3Jpem9udGFsID0gS2l0UG9wdXBBbGlnbkhvcml6b250YWw7XG4gIHJlYWRvbmx5IEtpdFN2Z0ljb25UeXBlOiB0eXBlb2YgS2l0U3ZnSWNvblR5cGUgPSBLaXRTdmdJY29uVHlwZTtcblxuICBvbkNsaWNrKGl0ZW06IEtpdFByb2ZpbGVNZW51SXRlbSk6IHZvaWQge1xuICAgIGl0ZW0/LmFjdGlvbiAmJiBpdGVtLmFjdGlvbigpO1xuICAgIHRoaXMudXNlck1lbnUuaGlkZSgpO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwicHJvZmlsZS1tZW51XCI+XG4gIDxidXR0b24gI21lbnVCdXR0b25cbiAgICAgICAgICBjbGFzcz1cIm1lbnUtYnV0dG9uXCJcbiAgICAgICAgICAoY2xpY2spPVwidXNlck1lbnUudG9nZ2xlKClcIj5cbiAgICA8a2l0LWF2YXRhciBbc2l6ZV09XCJLaXRBdmF0YXJTaXplLkxBUkdFXCJcbiAgICAgICAgICAgICAgICBbbmFtZV09XCJ1c2VyTmFtZVwiXG4gICAgICAgICAgICAgICAgW2ltYWdlU3JjXT1cImF2YXRhckltYWdlU3JjXCJcbiAgICA+PC9raXQtYXZhdGFyPlxuICAgIDxraXQtc3ZnLWljb24gY2xhc3M9XCJtZW51LWJ1dHRvbi1pY29uXCJcbiAgICAgICAgICAgICAgICAgIFtpY29uXT1cIktpdFN2Z0ljb24uQ0FSRVRfRE9XTlwiXG4gICAgPjwva2l0LXN2Zy1pY29uPlxuICA8L2J1dHRvbj5cblxuICA8a2l0LXBvcHVwICN1c2VyTWVudVxuICAgICAgICAgICAgIGNsYXNzPVwibWVudS1wb3B1cFwiXG4gICAgICAgICAgICAgW2FuY2hvcl09XCJtZW51QnV0dG9uXCJcbiAgICAgICAgICAgICBbYW5jaG9ySG9yaXpvbnRhbEFsaWduXT1cIktpdFBvcHVwQWxpZ25Ib3Jpem9udGFsLlJJR0hUXCJcbiAgICAgICAgICAgICBbcG9wdXBIb3Jpem9udGFsQWxpZ25dPVwiS2l0UG9wdXBBbGlnbkhvcml6b250YWwuUklHSFRcIj5cbiAgICA8ZGl2IGNsYXNzPVwicG9wdXAtY29udGVudFwiPlxuICAgICAgPGRpdiBjbGFzcz1cInBvcHVwLWhlYWRlclwiPlxuICAgICAgICA8a2l0LWF2YXRhciBjbGFzcz1cInBvcHVwLWhlYWRlci1hdmF0YXJcIlxuICAgICAgICAgICAgICAgICAgICBbbmFtZV09XCJ1c2VyTmFtZVwiXG4gICAgICAgICAgICAgICAgICAgIFtzaXplXT1cIktpdEF2YXRhclNpemUuTEFSR0VcIlxuICAgICAgICAgICAgICAgICAgICBbaW1hZ2VTcmNdPVwiYXZhdGFySW1hZ2VTcmNcIlxuICAgICAgICA+PC9raXQtYXZhdGFyPlxuICAgICAgICA8ZGl2IGNsYXNzPVwicG9wdXAtaGVhZGVyLWRldGFpbHNcIj5cbiAgICAgICAgICBAaWYgKHVzZXJOYW1lKSB7XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwicG9wdXAtaGVhZGVyLW5hbWVcIj57eyB1c2VyTmFtZSB9fTwvZGl2PlxuICAgICAgICAgIH1cbiAgICAgICAgICBAaWYgKGNvbXBhbnlOYW1lKSB7XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwicG9wdXAtaGVhZGVyLWNvbXBhbnlcIj57eyBjb21wYW55TmFtZSB9fTwvZGl2PlxuICAgICAgICAgIH1cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxkaXYgY2xhc3M9XCJwb3B1cC1tZW51XCI+XG4gICAgICAgIEBmb3IgKGl0ZW0gb2YgbWVudUl0ZW1zOyB0cmFjayBpdGVtKSB7XG4gICAgICAgICAgPGEgY2xhc3M9XCJtZW51LWl0ZW1cIlxuICAgICAgICAgICAgIFtuZ0NsYXNzXT1cIml0ZW0uY3NzQ2xhc3NcIlxuICAgICAgICAgICAgIFtyb3V0ZXJMaW5rXT1cIml0ZW0ubGlua1wiXG4gICAgICAgICAgICAgKGNsaWNrKT1cIm9uQ2xpY2soaXRlbSlcIj5cbiAgICAgICAgICAgIEBpZiAoaXRlbS5pY29uKSB7XG4gICAgICAgICAgICAgIDxraXQtc3ZnLWljb24gY2xhc3M9XCJtZW51LWl0ZW0taWNvblwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgW2ljb25dPVwiaXRlbS5pY29uXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBbbmdDbGFzc109XCJpdGVtPy5pY29uVHlwZSA/PyBLaXRTdmdJY29uVHlwZS5GSUxMXCJcbiAgICAgICAgICAgICAgPjwva2l0LXN2Zy1pY29uPlxuICAgICAgICAgICAgfVxuICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJtZW51LWl0ZW0tdGV4dFwiPnt7IGl0ZW0udGl0bGUgfX08L3NwYW4+XG4gICAgICAgICAgPC9hPlxuICAgICAgICB9XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgPC9raXQtcG9wdXA+XG48L2Rpdj5cblxuIl19

package/esm2022/lib/components/kit-scroll-navigation/kit-scroll-navigation.component.mjs

@@ -55,7 +55,7 @@ export class KitScrollNavigationComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KitScrollNavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: KitScrollNavigationComponent, selector: "kit-scroll-navigation", queries: [{ propertyName: "items", predicate: KitScrollNavigationSectionComponent }], viewQueries: [{ propertyName: "content", first: true, predicate: ["content"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"kit-scroll-navigation\">\n  <div class=\"kit-scroll-navigation-items\">\n    @for (item of items; track item) {\n      <kit-button class=\"nav-item\"\n                  [class.active]=\"activeSectionIndex() === $index\"\n                  [label]=\"item.title\"\n                  [type]=\"KitButtonType.GHOST\"\n                  [kind]=\"KitButtonKind.SMALL\"\n                  (clicked)=\"scrollToSection($index)\"\n      ></kit-button>\n      @if (!$last) {\n        <kit-svg-icon class=\"nav-icon\"\n                      [icon]=\"KitSvgIcon.CHEVRON_RIGHT\"\n        ></kit-svg-icon>\n      }\n    }\n  </div>\n\n  <div #content\n       class=\"kit-scroll-navigation-content\"\n       (scroll)=\"onSectionScroll()\">\n    @for (item of items; track item) {\n      <ng-container *ngTemplateOutlet=\"item.sectionTemplate\"\n      ></ng-container>\n    }\n  </div>\n</div>\n", styles: [".kit-scroll-navigation{display:flex;flex-direction:column;gap:34px;height:100%}.kit-scroll-navigation-items{display:flex;align-items:center;gap:18px;padding-bottom:27px;border-bottom:1px solid var(--ui-kit-color-grey-11)}.kit-scroll-navigation .nav-item.active .kit-button .k-button{color:var(--ui-kit-color-white);border-color:var(--ui-kit-color-main);background:var(--ui-kit-color-main)}.kit-scroll-navigation .nav-icon{width:16px;height:16px;stroke:var(--ui-kit-color-grey-10);fill:none}.kit-scroll-navigation-content{display:flex;flex-direction:column;flex:1;gap:20px;position:relative;overflow-y:auto}.kit-scroll-navigation-section{flex-shrink:0}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.KitButtonComponent, selector: "kit-button", inputs: ["disabled", "label", "type", "icon", "iconType", "kind", "iconPosition", "buttonClass"], outputs: ["clicked"] }, { kind: "component", type: i3.KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: KitScrollNavigationComponent, selector: "kit-scroll-navigation", queries: [{ propertyName: "items", predicate: KitScrollNavigationSectionComponent }], viewQueries: [{ propertyName: "content", first: true, predicate: ["content"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"kit-scroll-navigation\">\n  <div class=\"kit-scroll-navigation-items\">\n    @for (item of items; track item) {\n      <kit-button class=\"nav-item\"\n                  [class.active]=\"activeSectionIndex() === $index\"\n                  [label]=\"item.title\"\n                  [type]=\"KitButtonType.GHOST\"\n                  [kind]=\"KitButtonKind.SMALL\"\n                  (clicked)=\"scrollToSection($index)\"\n      ></kit-button>\n      @if (!$last) {\n        <kit-svg-icon class=\"nav-icon\"\n                      [icon]=\"KitSvgIcon.CHEVRON_RIGHT\"\n        ></kit-svg-icon>\n      }\n    }\n  </div>\n\n  <div #content\n       class=\"kit-scroll-navigation-content\"\n       (scroll)=\"onSectionScroll()\">\n    @for (item of items; track item) {\n      <ng-container *ngTemplateOutlet=\"item.sectionTemplate\"\n      ></ng-container>\n    }\n  </div>\n</div>\n", styles: [".kit-scroll-navigation{display:flex;flex-direction:column;gap:34px;height:100%}.kit-scroll-navigation-items{display:flex;align-items:center;gap:18px;padding-bottom:27px;border-bottom:1px solid var(--ui-kit-color-grey-11)}.kit-scroll-navigation .nav-item.active .kit-button .k-button{color:var(--ui-kit-color-white);border-color:var(--ui-kit-color-main);background:var(--ui-kit-color-main)}.kit-scroll-navigation .nav-icon{width:16px;height:16px;stroke:var(--ui-kit-color-grey-10);fill:none}.kit-scroll-navigation-content{display:flex;flex-direction:column;flex:1;gap:20px;position:relative;overflow-y:auto}.kit-scroll-navigation-section{flex-shrink:0}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.KitButtonComponent, selector: "kit-button", inputs: ["disabled", "label", "type", "icon", "iconType", "kind", "iconPosition", "buttonClass", "active"], outputs: ["clicked"] }, { kind: "component", type: i3.KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KitScrollNavigationComponent, decorators: [{
             type: Component,

package/esm2022/lib/components/kit-search-bar/kit-search-bar.component.mjs

@@ -52,7 +52,7 @@ export class KitSearchBarComponent {
         this.closeButtonClick.emit();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KitSearchBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: KitSearchBarComponent, selector: "kit-search-bar", inputs: { placeholder: "placeholder", searchButtonLabel: "searchButtonLabel", closeButtonLabel: "closeButtonLabel" }, outputs: { changed: "changed", searchButtonClick: "searchButtonClick", closeButtonClick: "closeButtonClick" }, viewQueries: [{ propertyName: "searchTextboxElementRef", first: true, predicate: ["searchTextboxElement"], descendants: true, read: ElementRef }], ngImport: i0, template: "<div class=\"kit-search-bar\">\n  <div class=\"search-wrapper\">\n    @if (!isSearchVisible) {\n      <kit-button\n        [label]=\"searchButtonLabel\"\n        [type]=\"buttonType\"\n        [kind]=\"buttonKind\"\n        [icon]=\"buttonIcon\"\n        [iconType]=\"buttonIconType\"\n        [iconPosition]=\"buttonIconPosition\"\n        (clicked)=\"onSearchButtonClick()\"\n      ></kit-button>\n    } @else {\n      <div class=\"textbox-wrapper\">\n        <kit-textbox\n          #searchTextboxElement\n          class=\"search-textbox\"\n          [placeholder]=\"placeholder\"\n          [size]=\"kitTextboxSize.SMALL\"\n          [icon]=\"icon\"\n          (changed)=\"onSearchChange($event)\"\n        ></kit-textbox>\n        <button\n          class=\"clear-button\"\n          (click)=\"clearSearch()\"\n        >\n          <kit-svg-icon [icon]=\"clearIcon\"></kit-svg-icon>\n        </button>\n      </div>\n      <kit-button\n        [label]=\"closeButtonLabel\"\n        [type]=\"buttonCloseType\"\n        [kind]=\"buttonKind\"\n        (clicked)=\"onCloseButtonClick()\"\n      ></kit-button>\n    }\n  </div>\n</div>\n", styles: [".kit-search-bar .search-wrapper{display:flex;position:relative}.kit-search-bar .textbox-wrapper{position:relative;display:flex;flex:1;margin-right:15px}.kit-search-bar .search-textbox{flex:1}.kit-search-bar .search-textbox .kit-textbox-state-icon{display:none}.kit-search-bar .search-textbox .kit-textbox-input .kit-svg-icon{stroke:var(--ui-kit-color-grey-10);fill:none}.kit-search-bar .clear-button{position:absolute;top:50%;right:3px;transform:translateY(-50%);background:transparent;border:none;cursor:pointer;z-index:1}.kit-search-bar .clear-button .kit-svg-icon{display:block;width:16px;height:16px;stroke:var(--ui-kit-color-grey-12);fill:none}.kit-search-bar .k-button .kit-svg-icon .icon{stroke:var(--ui-kit-color-white);fill:none}\n"], dependencies: [{ kind: "component", type: i1.KitButtonComponent, selector: "kit-button", inputs: ["disabled", "label", "type", "icon", "iconType", "kind", "iconPosition", "buttonClass"], outputs: ["clicked"] }, { kind: "component", type: i2.KitTextboxComponent, selector: "kit-textbox", inputs: ["placeholder", "label", "defaultValue", "messageIcon", "messageText", "disabled", "maxlength", "state", "size", "icon"], outputs: ["blured", "changed"] }, { kind: "component", type: i3.KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: KitSearchBarComponent, selector: "kit-search-bar", inputs: { placeholder: "placeholder", searchButtonLabel: "searchButtonLabel", closeButtonLabel: "closeButtonLabel" }, outputs: { changed: "changed", searchButtonClick: "searchButtonClick", closeButtonClick: "closeButtonClick" }, viewQueries: [{ propertyName: "searchTextboxElementRef", first: true, predicate: ["searchTextboxElement"], descendants: true, read: ElementRef }], ngImport: i0, template: "<div class=\"kit-search-bar\">\n  <div class=\"search-wrapper\">\n    @if (!isSearchVisible) {\n      <kit-button\n        [label]=\"searchButtonLabel\"\n        [type]=\"buttonType\"\n        [kind]=\"buttonKind\"\n        [icon]=\"buttonIcon\"\n        [iconType]=\"buttonIconType\"\n        [iconPosition]=\"buttonIconPosition\"\n        (clicked)=\"onSearchButtonClick()\"\n      ></kit-button>\n    } @else {\n      <div class=\"textbox-wrapper\">\n        <kit-textbox\n          #searchTextboxElement\n          class=\"search-textbox\"\n          [placeholder]=\"placeholder\"\n          [size]=\"kitTextboxSize.SMALL\"\n          [icon]=\"icon\"\n          (changed)=\"onSearchChange($event)\"\n        ></kit-textbox>\n        <button\n          class=\"clear-button\"\n          (click)=\"clearSearch()\"\n        >\n          <kit-svg-icon [icon]=\"clearIcon\"></kit-svg-icon>\n        </button>\n      </div>\n      <kit-button\n        [label]=\"closeButtonLabel\"\n        [type]=\"buttonCloseType\"\n        [kind]=\"buttonKind\"\n        (clicked)=\"onCloseButtonClick()\"\n      ></kit-button>\n    }\n  </div>\n</div>\n", styles: [".kit-search-bar .search-wrapper{display:flex;position:relative}.kit-search-bar .textbox-wrapper{position:relative;display:flex;flex:1;margin-right:15px}.kit-search-bar .search-textbox{flex:1}.kit-search-bar .search-textbox .kit-textbox-state-icon{display:none}.kit-search-bar .search-textbox .kit-textbox-input .kit-svg-icon{stroke:var(--ui-kit-color-grey-10);fill:none}.kit-search-bar .clear-button{position:absolute;top:50%;right:3px;transform:translateY(-50%);background:transparent;border:none;cursor:pointer;z-index:1}.kit-search-bar .clear-button .kit-svg-icon{display:block;width:16px;height:16px;stroke:var(--ui-kit-color-grey-12);fill:none}.kit-search-bar .k-button .kit-svg-icon .icon{stroke:var(--ui-kit-color-white);fill:none}\n"], dependencies: [{ kind: "component", type: i1.KitButtonComponent, selector: "kit-button", inputs: ["disabled", "label", "type", "icon", "iconType", "kind", "iconPosition", "buttonClass", "active"], outputs: ["clicked"] }, { kind: "component", type: i2.KitTextboxComponent, selector: "kit-textbox", inputs: ["placeholder", "label", "defaultValue", "messageIcon", "messageText", "disabled", "maxlength", "state", "size", "icon"], outputs: ["blured", "changed"] }, { kind: "component", type: i3.KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KitSearchBarComponent, decorators: [{
             type: Component,

package/esm2022/lib/components/kit-svg-icon/kit-svg-icon.const.mjs

@@ -134,10 +134,11 @@ export var KitSvgIcon;
     KitSvgIcon["NOTIFICATION"] = "notification";
     KitSvgIcon["COLUMNS"] = "columns";
     KitSvgIcon["DETAILS"] = "details";
+    KitSvgIcon["FILTER"] = "filter";
 })(KitSvgIcon || (KitSvgIcon = {}));
 export var KitSvgIconType;
 (function (KitSvgIconType) {
     KitSvgIconType["FILL"] = "fill";
     KitSvgIconType["STROKE"] = "stroke";
 })(KitSvgIconType || (KitSvgIconType = {}));
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LXN2Zy1pY29uLmNvbnN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkta2l0L3NyYy9saWIvY29tcG9uZW50cy9raXQtc3ZnLWljb24va2l0LXN2Zy1pY29uLmNvbnN0LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU0sQ0FBTixJQUFZLFVBdUlYO0FBdklELFdBQVksVUFBVTtJQUNwQiwyQkFBYSxDQUFBO0lBQ2IsMkNBQTZCLENBQUE7SUFDN0IsdUNBQXlCLENBQUE7SUFDekIsNkNBQStCLENBQUE7SUFDL0IsMkJBQWEsQ0FBQTtJQUNiLDJCQUFhLENBQUE7SUFDYixtQ0FBcUIsQ0FBQTtJQUNyQixpQ0FBbUIsQ0FBQTtJQUNuQiw2QkFBZSxDQUFBO0lBQ2YsaUNBQW1CLENBQUE7SUFDbkIseUJBQVcsQ0FBQTtJQUNYLCtCQUFpQixDQUFBO0lBQ2pCLDJCQUFhLENBQUE7SUFDYixtQ0FBcUIsQ0FBQTtJQUNyQiw2QkFBZSxDQUFBO0lBQ2YsNkJBQWUsQ0FBQTtJQUNmLDJDQUE2QixDQUFBO0lBQzdCLG1DQUFxQixDQUFBO0lBQ3JCLHFDQUF1QixDQUFBO0lBQ3ZCLCtCQUFpQixDQUFBO0lBQ2pCLGtDQUFvQixDQUFBO0lBQ3BCLDJCQUFhLENBQUE7SUFDYiw2Q0FBK0IsQ0FBQTtJQUMvQiwrQkFBaUIsQ0FBQTtJQUNqQiw2QkFBZSxDQUFBO0lBQ2YsNkJBQWUsQ0FBQTtJQUNmLDJDQUE2QixDQUFBO0lBQzdCLDZCQUFlLENBQUE7SUFDZixxQ0FBdUIsQ0FBQTtJQUN2Qix5QkFBVyxDQUFBO0lBQ1gseUJBQVcsQ0FBQTtJQUNYLHlCQUFXLENBQUE7SUFDWCxpQ0FBbUIsQ0FBQTtJQUNuQiwrQkFBaUIsQ0FBQTtJQUNqQixxQ0FBdUIsQ0FBQTtJQUN2QixpQ0FBbUIsQ0FBQTtJQUNuQiwrQkFBaUIsQ0FBQTtJQUNqQiwyQkFBYSxDQUFBO0lBQ2IsNkJBQWUsQ0FBQTtJQUNmLCtCQUFpQixDQUFBO0lBQ2pCLHVDQUF5QixDQUFBO0lBQ3pCLCtDQUFpQyxDQUFBO0lBQ2pDLGlEQUFtQyxDQUFBO0lBQ25DLHVDQUF5QixDQUFBO0lBQ3pCLCtDQUFpQyxDQUFBO0lBQ2pDLDJDQUE2QixDQUFBO0lBQzdCLHlDQUEyQixDQUFBO0lBQzNCLGlFQUFtRCxDQUFBO0lBQ25ELG1FQUFxRCxDQUFBO0lBQ3JELDJCQUFhLENBQUE7SUFDYiwrQ0FBaUMsQ0FBQTtJQUNqQywrQ0FBaUMsQ0FBQTtJQUNqQywrQkFBaUIsQ0FBQTtJQUNqQiwyQ0FBNkIsQ0FBQTtJQUM3QixxREFBdUMsQ0FBQTtJQUN2Qyw2QkFBZSxDQUFBO0lBQ2YsK0JBQWlCLENBQUE7SUFDakIsMkJBQWEsQ0FBQTtJQUNiLGlEQUFtQyxDQUFBO0lBQ25DLHlDQUEyQixDQUFBO0lBQzNCLG1DQUFxQixDQUFBO0lBQ3JCLHFDQUF1QixDQUFBO0lBQ3ZCLHVFQUF5RCxDQUFBO0lBQ3pELHVEQUF5QyxDQUFBO0lBQ3pDLDJEQUE2QyxDQUFBO0lBQzdDLDJCQUFhLENBQUE7SUFDYiw2QkFBZSxDQUFBO0lBQ2YsaUNBQW1CLENBQUE7SUFDbkIsMkJBQWEsQ0FBQTtJQUNiLCtCQUFpQixDQUFBO0lBQ2pCLDZCQUFlLENBQUE7SUFDZiw2QkFBZSxDQUFBO0lBQ2YsMkJBQWEsQ0FBQTtJQUNiLDJCQUFhLENBQUE7SUFDYiwyQkFBYSxDQUFBO0lBQ2IsaUNBQW1CLENBQUE7SUFDbkIsK0JBQWlCLENBQUE7SUFDakIsK0NBQWlDLENBQUE7SUFDakMsdUNBQXlCLENBQUE7SUFDekIsMkJBQWEsQ0FBQTtJQUNiLHVDQUF5QixDQUFBO0lBQ3pCLG1DQUFxQixDQUFBO0lBQ3JCLHlDQUEyQixDQUFBO0lBQzNCLHlEQUEyQyxDQUFBO0lBQzNDLCtDQUFpQyxDQUFBO0lBQ2pDLDZEQUErQyxDQUFBO0lBQy9DLHlEQUEyQyxDQUFBO0lBQzNDLGlEQUFtQyxDQUFBO0lBQ25DLDJCQUFhLENBQUE7SUFDYiwrQ0FBaUMsQ0FBQTtJQUNqQyxpREFBbUMsQ0FBQTtJQUNuQyxtQ0FBcUIsQ0FBQTtJQUNyQiwyQ0FBNkIsQ0FBQTtJQUM3QixxQ0FBdUIsQ0FBQTtJQUN2Qiw2Q0FBK0IsQ0FBQTtJQUMvQiwyQkFBYSxDQUFBO0lBQ2IsbUNBQXFCLENBQUE7SUFDckIseUNBQTJCLENBQUE7SUFDM0IscUNBQXVCLENBQUE7SUFDdkIsbUNBQXFCLENBQUE7SUFDckIsK0NBQWlDLENBQUE7SUFDakMsK0JBQWlCLENBQUE7SUFDakIsMkRBQTZDLENBQUE7SUFDN0MsMkRBQTZDLENBQUE7SUFDN0MsNkRBQStDLENBQUE7SUFDL0MsaURBQW1DLENBQUE7SUFDbkMsaUZBQW1FLENBQUE7SUFDbkUsNkRBQStDLENBQUE7SUFDL0MsaUVBQW1ELENBQUE7SUFDbkQsK0NBQWlDLENBQUE7SUFDakMsK0VBQWlFLENBQUE7SUFDakUseUVBQTJELENBQUE7SUFDM0QsdURBQXlDLENBQUE7SUFDekMsaUZBQW1FLENBQUE7SUFDbkUsbUVBQXFELENBQUE7SUFDckQsNkVBQStELENBQUE7SUFDL0QsaUZBQW1FLENBQUE7SUFDbkUsK0VBQWlFLENBQUE7SUFDakUseUJBQVcsQ0FBQTtJQUNYLHlCQUFXLENBQUE7SUFDWCwyQkFBYSxDQUFBO0lBQ2IseUJBQVcsQ0FBQTtJQUNYLHlCQUFXLENBQUE7SUFDWCx5QkFBVyxDQUFBO0lBQ1gseUJBQVcsQ0FBQTtJQUNYLHVDQUF5QixDQUFBO0lBQ3pCLHFDQUF1QixDQUFBO0lBQ3ZCLG1DQUFxQixDQUFBO0lBQ3JCLHVDQUF5QixDQUFBO0lBQ3pCLDZCQUFlLENBQUE7SUFDZixpQ0FBbUIsQ0FBQTtJQUNuQiwyQ0FBNkIsQ0FBQTtJQUM3QixpQ0FBbUIsQ0FBQTtJQUNuQixpQ0FBbUIsQ0FBQTtBQUNyQixDQUFDLEVBdklXLFVBQVUsS0FBVixVQUFVLFFBdUlyQjtBQUVELE1BQU0sQ0FBTixJQUFZLGNBR1g7QUFIRCxXQUFZLGNBQWM7SUFDeEIsK0JBQWEsQ0FBQTtJQUNiLG1DQUFpQixDQUFBO0FBQ25CLENBQUMsRUFIVyxjQUFjLEtBQWQsY0FBYyxRQUd6QiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBlbnVtIEtpdFN2Z0ljb24ge1xuICBMT0dPID0gJ2xvZ28nLFxuICBDSEVWUk9OX0RPV04gPSAnY2hldnJvbi1kb3duJyxcbiAgQ0hFVlJPTl9VUCA9ICdjaGV2cm9uLXVwJyxcbiAgQ0hFVlJPTl9SSUdIVCA9ICdjaGV2cm9uLXJpZ2h0JyxcbiAgUExVUyA9ICdwbHVzJyxcbiAgSU5GTyA9ICdpbmZvJyxcbiAgQ0FMRU5EQVIgPSAnY2FsZW5kYXInLFxuICBXQVJOSU5HID0gJ3dhcm5pbmcnLFxuICBFUlJPUiA9ICdlcnJvcicsXG4gIFNVQ0NFU1MgPSAnc3VjY2VzcycsXG4gIEVZRSA9ICdleWUnLFxuICBTRUFSQ0ggPSAnc2VhcmNoJyxcbiAgRURJVCA9ICdlZGl0JyxcbiAgTE9DQVRJT04gPSAnbG9jYXRpb24nLFxuICBDUk9TUyA9ICdjcm9zcycsXG4gIENIRUNLID0gJ2NoZWNrJyxcbiAgQ0hFQ0tfQ0lSQ0xFID0gJ2NoZWNrLWNpcmNsZScsXG4gIERJU0tFVFRFID0gJ2Rpc2tldHRlJyxcbiAgQ0xJUEJPQVJEID0gJ2NsaXBib2FyZCcsXG4gIExBWUVSUyA9ICdsYXllcnMnLFxuICBLTkFVRiA9ICdrbmF1Zi1sb2dvJyxcbiAgSE9NRSA9ICdob21lJyxcbiAgRE9VQkxFX0NJUkNMRSA9ICdkb3VibGUtY2lyY2xlJyxcbiAgUEVOQ0lMID0gJ3BlbmNpbCcsXG4gIE9SREVSID0gJ29yZGVyJyxcbiAgUkVTRVQgPSAncmVzZXQnLFxuICBDSVJDTEVfQ1JPU1MgPSAnY2lyY2xlLWNyb3NzJyxcbiAgVFJVQ0sgPSAndHJ1Y2snLFxuICBERUxJVkVSRUQgPSAnZGVsaXZlcmVkJyxcbiAgRlRMID0gJ2Z0bCcsXG4gIExUTCA9ICdsdGwnLFxuICBPUkcgPSAnb3JnJyxcbiAgQVJDSElWRSA9ICdhcmNoaXZlJyxcbiAgTE9HT1VUID0gJ2xvZ291dCcsXG4gIENPTlRBSU5FUiA9ICdjb250YWluZXInLFxuICBDQVJSSUVSID0gJ2NhcnJpZXInLFxuICBFWFBPUlQgPSAnZXhwb3J0JyxcbiAgR0VBUiA9ICdnZWFyJyxcbiAgU1RPQ0sgPSAnc3RvY2snLFxuICBTVEFUVVMgPSAnc3RhdHVzJyxcbiAgQ0xPU0VfU0lHTiA9ICdjbG9zZS1zaWduJyxcbiAgQ0xPU0VfU0lHTl9SRUQgPSAnY2xvc2Utc2lnbi1yZWQnLFxuICBPUEVOX1NJR05fR1JFRU4gPSAnb3Blbi1zaWduLWdyZWVuJyxcbiAgQVJST1dfTEVGVCA9ICdhcnJvdy1sZWZ0JyxcbiAgV0FSTklOR19ZRUxMT1cgPSAnd2FybmluZy15ZWxsb3cnLFxuICBDSVJDTEVfTUlOVVMgPSAnY2lyY2xlLW1pbnVzJyxcbiAgQ0lSQ0xFX1BMVVMgPSAnY2lyY2xlLXBsdXMnLFxuICBUSFJFRV9DSVJDTEVfQVJST1dfTEVGVCA9ICd0aHJlZS1jaXJjbGUtYXJyb3ctbGVmdCcsXG4gIFRIUkVFX0NJUkNMRV9BUlJPV19SSUdIVCA9ICd0aHJlZS1jaXJjbGUtYXJyb3ctcmlnaHQnLFxuICBTRU5EID0gJ3NlbmQnLFxuICBDQUxFTkRBUl9DSEVDSyA9ICdjYWxlbmRhci1jaGVjaycsXG4gIENMSVBCT0FSRF9USElOID0gJ2NsaXBib2FyZC10aGluJyxcbiAgV0FMTEVUID0gJ3dhbGxldCcsXG4gIENJUkNMRV9QVUxTRSA9ICdjaXJjbGUtcHVsc2UnLFxuICBDSVJDTEVfQ1JPU1NfVEhJTiA9ICdjaXJjbGUtY3Jvc3MtdGhpbicsXG4gIFRSQVNIID0gJ3RyYXNoJyxcbiAgV1JFTkNIID0gJ3dyZW5jaCcsXG4gIFRJTUUgPSAndGltZScsXG4gIFdBUk5JTkdfREVGQVVMVCA9ICd3YXJuaW5nLWRlZmF1bHQnLFxuICBST1RBVEVfTEVGVCA9ICdyb3RhdGUtbGVmdCcsXG4gIERPV05MT0FEID0gJ2Rvd25sb2FkJyxcbiAgRklMRV9URVhUID0gJ2ZpbGUtdGV4dCcsXG4gIEFSUk9XX1VQX1JJR0hUX0ZST01fU1FVQVJFID0gJ2Fycm93LXVwLXJpZ2h0LWZyb20tc3F1YXJlJyxcbiAgQ0lSQ0xFX0VYQ0xBTUFUSU9OID0gJ2NpcmNsZS1leGNsYW1hdGlvbicsXG4gIFRSSUFOR0xFX0VYQ0xBTUFUSU9OID0gJ3RyaWFuZ2xlLWV4Y2xhbWF0aW9uJyxcbiAgU0hJUCA9ICdzaGlwJyxcbiAgQ0xPQ0sgPSAnY2xvY2snLFxuICBGQUNUT1JZID0gJ2ZhY3RvcnknLFxuICBDT1BZID0gJ2NvcHknLFxuICBHRUFSXzEgPSAnZ2Vhci0xJyxcbiAgSE9VU0UgPSAnaG91c2UnLFxuICBDSEFSVCA9ICdjaGFydCcsXG4gIENMSVAgPSAnY2xpcCcsXG4gIE1BSUwgPSAnbWFpbCcsXG4gIE1FTlUgPSAnbWVudScsXG4gIE1FU1NBR0UgPSAnbWVzc2FnZScsXG4gIFJFTE9BRCA9ICdyZWxvYWQnLFxuICBXSU5ET1dfUkVTVE9SRSA9ICd3aW5kb3ctcmVzdG9yZScsXG4gIEJBQ0tfQVJST1cgPSAnYmFjay1hcnJvdycsXG4gIFVTRVIgPSAndXNlcicsXG4gIENBUkVUX0RPV04gPSAnY2FyZXQtZG93bicsXG4gIENBUkVUX1VQID0gJ2NhcmV0LXVwJyxcbiAgSU5GT19DSVJDTEUgPSAnaW5mby1jaXJjbGUnLFxuICBDSEVDS19DSVJDTEVfRklMTEVEID0gJ2NoZWNrLWNpcmNsZS1maWxsZWQnLFxuICBXQVJOSU5HX0NJUkNMRSA9ICd3YXJuaW5nLWNpcmNsZScsXG4gIFdBUk5JTkdfQ0lSQ0xFX0ZJTExFRCA9ICd3YXJuaW5nLWNpcmNsZS1maWxsZWQnLFxuICBDTE9TRV9DSVJDTEVfRklMTEVEID0gJ2Nsb3NlLWNpcmNsZS1maWxsZWQnLFxuICBRVUVTVElPTl9DSVJDTEUgPSAncXVlc3Rpb24tY2lyY2xlJyxcbiAgU1RBUiA9ICdzdGFyJyxcbiAgU09SVF9BU0NFTkRJTkcgPSAnc29ydC1hc2NlbmRpbmcnLFxuICBTT1JUX0RFU0NFTkRJTkcgPSAnc29ydC1kZXNjZW5kaW5nJyxcbiAgUEFZTUVOVFMgPSAncGF5bWVudHMnLFxuICBTVVBQTFlfQ0hBSU4gPSAnc3VwcGx5LWNoYWluJyxcbiAgQU5BTFlUSUNTID0gJ2FuYWx5dGljcycsXG4gIENPTlRST0xfUEFORUwgPSAnY29udHJvbC1wYW5lbCcsXG4gIFNFS08gPSAnc2VrbycsXG4gIFNFS09fMzYwID0gJ3Nla28tMzYwJyxcbiAgRk9VUl9TUVVBUkUgPSAnZm91ci1zcXVhcmUnLFxuICBMT0dJU1RJQ1MgPSAnbG9naXN0aWNzJyxcbiAgUFJJTlRJTkcgPSAncHJpbnRpbmcnLFxuICBTQUxFU19DSEFOTkVMUyA9ICdzYWxlcy1jaGFubmVscycsXG4gIERFU0lHTiA9ICdkZXNpZ24nLFxuICBTSElQTUVOVFNfVE9fQVBQUk9WRSA9ICdzaGlwbWVudHMtdG8tYXBwcm92ZScsXG4gIFNISVBNRU5UU19JTl9UUkFOU0lUID0gJ3NoaXBtZW50cy1pbi10cmFuc2l0JyxcbiAgQ09OVEFJTkVSU19UT19ERUxJVkVSID0gJ2NvbnRhaW5lcnMtdG8tZGVsaXZlcicsXG4gIFNISVBNRU5UU19EUkFGVCA9ICdzaGlwbWVudHMtZHJhZnQnLFxuICBTSElQTUVOVFNfQ0FOQ0VMTEFUSU9OX1JFUVVFU1RTID0gJ3NoaXBtZW50cy1jYW5jZWxsYXRpb24tcmVxdWVzdHMnLFxuICBTSElQTUVOVFNfRk9SX1JFX0FVVEggPSAnc2hpcG1lbnRzLWZvci1yZS1hdXRoJyxcbiAgU0hJUE1FTlRTX1JFQURZX1RPX1NISVAgPSAnc2hpcG1lbnRzLXJlYWR5LXRvLXNoaXAnLFxuICBCT09LSU5HU19EUkFGVCA9ICdib29raW5ncy1kcmFmdCcsXG4gIFNISVBNRU5UU19QRU5ESU5HX0lOU1RSVUNUSU9OUyA9ICdzaGlwbWVudHMtcGVuZGluZy1pbnN0cnVjdGlvbnMnLFxuICBTSElQTUVOVFNfUEVORElOR19ET0NVTUVOVFMgPSAnc2hpcG1lbnRzLXBlbmRpbmctZG9jdW1lbnRzJyxcbiAgREVMSVZFUklFU19UT19CT09LID0gJ2RlbGl2ZXJpZXMtdG8tYm9vaycsXG4gIERFTElWRVJJRVNfUkVRVUlSRV9DT05GSVJNQVRJT04gPSAnZGVsaXZlcmllcy1yZXF1aXJlLWNvbmZpcm1hdGlvbicsXG4gIERFTElWRVJJRVNfVE9fUkVTQ0hFRFVMRSA9ICdkZWxpdmVyaWVzLXRvLXJlc2NoZWR1bGUnLFxuICBERUxJVkVSSUVTX1JFUVVJUkVfQU1FTkRNRU5UUyA9ICdkZWxpdmVyaWVzLXJlcXVpcmUtYW1lbmRtZW50cycsXG4gIERFTElWRVJJRVNfUkVRVUlSRV9DQU5DRUxMQVRJT04gPSAnZGVsaXZlcmllcy1yZXF1aXJlLWNhbmNlbGxhdGlvbicsXG4gIERFTElWRVJJRVNfUkVRVUlSRV9QT0RfQ1VTVE9NUyA9ICdkZWxpdmVyaWVzLXJlcXVpcmUtcG9kLWN1c3RvbXMnLFxuICBXTVMgPSAnd21zJyxcbiAgRENNID0gJ2RjbScsXG4gIElIVUIgPSAnaWh1YicsXG4gIFRNUyA9ICd0bXMnLFxuICBOU1MgPSAnbnNzJyxcbiAgRE1TID0gJ2RtcycsXG4gIFBNUyA9ICdwbXMnLFxuICBFWENFTF9GSUxFID0gJ2V4Y2VsLWZpbGUnLFxuICBXT1JEX0ZJTEUgPSAnd29yZC1maWxlJyxcbiAgUERGX0ZJTEUgPSAncGRmLWZpbGUnLFxuICBJTUFHRV9GSUxFID0gJ2ltYWdlLWZpbGUnLFxuICBFTVBUWSA9ICdlbXB0eScsXG4gIFBST0RVQ1QgPSAncHJvZHVjdCcsXG4gIE5PVElGSUNBVElPTiA9ICdub3RpZmljYXRpb24nLFxuICBDT0xVTU5TID0gJ2NvbHVtbnMnLFxuICBERVRBSUxTID0gJ2RldGFpbHMnLFxufVxuXG5leHBvcnQgZW51bSBLaXRTdmdJY29uVHlwZSB7XG4gIEZJTEwgPSAnZmlsbCcsXG4gIFNUUk9LRSA9ICdzdHJva2UnLFxufVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LXN2Zy1pY29uLmNvbnN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkta2l0L3NyYy9saWIvY29tcG9uZW50cy9raXQtc3ZnLWljb24va2l0LXN2Zy1pY29uLmNvbnN0LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU0sQ0FBTixJQUFZLFVBd0lYO0FBeElELFdBQVksVUFBVTtJQUNwQiwyQkFBYSxDQUFBO0lBQ2IsMkNBQTZCLENBQUE7SUFDN0IsdUNBQXlCLENBQUE7SUFDekIsNkNBQStCLENBQUE7SUFDL0IsMkJBQWEsQ0FBQTtJQUNiLDJCQUFhLENBQUE7SUFDYixtQ0FBcUIsQ0FBQTtJQUNyQixpQ0FBbUIsQ0FBQTtJQUNuQiw2QkFBZSxDQUFBO0lBQ2YsaUNBQW1CLENBQUE7SUFDbkIseUJBQVcsQ0FBQTtJQUNYLCtCQUFpQixDQUFBO0lBQ2pCLDJCQUFhLENBQUE7SUFDYixtQ0FBcUIsQ0FBQTtJQUNyQiw2QkFBZSxDQUFBO0lBQ2YsNkJBQWUsQ0FBQTtJQUNmLDJDQUE2QixDQUFBO0lBQzdCLG1DQUFxQixDQUFBO0lBQ3JCLHFDQUF1QixDQUFBO0lBQ3ZCLCtCQUFpQixDQUFBO0lBQ2pCLGtDQUFvQixDQUFBO0lBQ3BCLDJCQUFhLENBQUE7SUFDYiw2Q0FBK0IsQ0FBQTtJQUMvQiwrQkFBaUIsQ0FBQTtJQUNqQiw2QkFBZSxDQUFBO0lBQ2YsNkJBQWUsQ0FBQTtJQUNmLDJDQUE2QixDQUFBO0lBQzdCLDZCQUFlLENBQUE7SUFDZixxQ0FBdUIsQ0FBQTtJQUN2Qix5QkFBVyxDQUFBO0lBQ1gseUJBQVcsQ0FBQTtJQUNYLHlCQUFXLENBQUE7SUFDWCxpQ0FBbUIsQ0FBQTtJQUNuQiwrQkFBaUIsQ0FBQTtJQUNqQixxQ0FBdUIsQ0FBQTtJQUN2QixpQ0FBbUIsQ0FBQTtJQUNuQiwrQkFBaUIsQ0FBQTtJQUNqQiwyQkFBYSxDQUFBO0lBQ2IsNkJBQWUsQ0FBQTtJQUNmLCtCQUFpQixDQUFBO0lBQ2pCLHVDQUF5QixDQUFBO0lBQ3pCLCtDQUFpQyxDQUFBO0lBQ2pDLGlEQUFtQyxDQUFBO0lBQ25DLHVDQUF5QixDQUFBO0lBQ3pCLCtDQUFpQyxDQUFBO0lBQ2pDLDJDQUE2QixDQUFBO0lBQzdCLHlDQUEyQixDQUFBO0lBQzNCLGlFQUFtRCxDQUFBO0lBQ25ELG1FQUFxRCxDQUFBO0lBQ3JELDJCQUFhLENBQUE7SUFDYiwrQ0FBaUMsQ0FBQTtJQUNqQywrQ0FBaUMsQ0FBQTtJQUNqQywrQkFBaUIsQ0FBQTtJQUNqQiwyQ0FBNkIsQ0FBQTtJQUM3QixxREFBdUMsQ0FBQTtJQUN2Qyw2QkFBZSxDQUFBO0lBQ2YsK0JBQWlCLENBQUE7SUFDakIsMkJBQWEsQ0FBQTtJQUNiLGlEQUFtQyxDQUFBO0lBQ25DLHlDQUEyQixDQUFBO0lBQzNCLG1DQUFxQixDQUFBO0lBQ3JCLHFDQUF1QixDQUFBO0lBQ3ZCLHVFQUF5RCxDQUFBO0lBQ3pELHVEQUF5QyxDQUFBO0lBQ3pDLDJEQUE2QyxDQUFBO0lBQzdDLDJCQUFhLENBQUE7SUFDYiw2QkFBZSxDQUFBO0lBQ2YsaUNBQW1CLENBQUE7SUFDbkIsMkJBQWEsQ0FBQTtJQUNiLCtCQUFpQixDQUFBO0lBQ2pCLDZCQUFlLENBQUE7SUFDZiw2QkFBZSxDQUFBO0lBQ2YsMkJBQWEsQ0FBQTtJQUNiLDJCQUFhLENBQUE7SUFDYiwyQkFBYSxDQUFBO0lBQ2IsaUNBQW1CLENBQUE7SUFDbkIsK0JBQWlCLENBQUE7SUFDakIsK0NBQWlDLENBQUE7SUFDakMsdUNBQXlCLENBQUE7SUFDekIsMkJBQWEsQ0FBQTtJQUNiLHVDQUF5QixDQUFBO0lBQ3pCLG1DQUFxQixDQUFBO0lBQ3JCLHlDQUEyQixDQUFBO0lBQzNCLHlEQUEyQyxDQUFBO0lBQzNDLCtDQUFpQyxDQUFBO0lBQ2pDLDZEQUErQyxDQUFBO0lBQy9DLHlEQUEyQyxDQUFBO0lBQzNDLGlEQUFtQyxDQUFBO0lBQ25DLDJCQUFhLENBQUE7SUFDYiwrQ0FBaUMsQ0FBQTtJQUNqQyxpREFBbUMsQ0FBQTtJQUNuQyxtQ0FBcUIsQ0FBQTtJQUNyQiwyQ0FBNkIsQ0FBQTtJQUM3QixxQ0FBdUIsQ0FBQTtJQUN2Qiw2Q0FBK0IsQ0FBQTtJQUMvQiwyQkFBYSxDQUFBO0lBQ2IsbUNBQXFCLENBQUE7SUFDckIseUNBQTJCLENBQUE7SUFDM0IscUNBQXVCLENBQUE7SUFDdkIsbUNBQXFCLENBQUE7SUFDckIsK0NBQWlDLENBQUE7SUFDakMsK0JBQWlCLENBQUE7SUFDakIsMkRBQTZDLENBQUE7SUFDN0MsMkRBQTZDLENBQUE7SUFDN0MsNkRBQStDLENBQUE7SUFDL0MsaURBQW1DLENBQUE7SUFDbkMsaUZBQW1FLENBQUE7SUFDbkUsNkRBQStDLENBQUE7SUFDL0MsaUVBQW1ELENBQUE7SUFDbkQsK0NBQWlDLENBQUE7SUFDakMsK0VBQWlFLENBQUE7SUFDakUseUVBQTJELENBQUE7SUFDM0QsdURBQXlDLENBQUE7SUFDekMsaUZBQW1FLENBQUE7SUFDbkUsbUVBQXFELENBQUE7SUFDckQsNkVBQStELENBQUE7SUFDL0QsaUZBQW1FLENBQUE7SUFDbkUsK0VBQWlFLENBQUE7SUFDakUseUJBQVcsQ0FBQTtJQUNYLHlCQUFXLENBQUE7SUFDWCwyQkFBYSxDQUFBO0lBQ2IseUJBQVcsQ0FBQTtJQUNYLHlCQUFXLENBQUE7SUFDWCx5QkFBVyxDQUFBO0lBQ1gseUJBQVcsQ0FBQTtJQUNYLHVDQUF5QixDQUFBO0lBQ3pCLHFDQUF1QixDQUFBO0lBQ3ZCLG1DQUFxQixDQUFBO0lBQ3JCLHVDQUF5QixDQUFBO0lBQ3pCLDZCQUFlLENBQUE7SUFDZixpQ0FBbUIsQ0FBQTtJQUNuQiwyQ0FBNkIsQ0FBQTtJQUM3QixpQ0FBbUIsQ0FBQTtJQUNuQixpQ0FBbUIsQ0FBQTtJQUNuQiwrQkFBaUIsQ0FBQTtBQUNuQixDQUFDLEVBeElXLFVBQVUsS0FBVixVQUFVLFFBd0lyQjtBQUVELE1BQU0sQ0FBTixJQUFZLGNBR1g7QUFIRCxXQUFZLGNBQWM7SUFDeEIsK0JBQWEsQ0FBQTtJQUNiLG1DQUFpQixDQUFBO0FBQ25CLENBQUMsRUFIVyxjQUFjLEtBQWQsY0FBYyxRQUd6QiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBlbnVtIEtpdFN2Z0ljb24ge1xuICBMT0dPID0gJ2xvZ28nLFxuICBDSEVWUk9OX0RPV04gPSAnY2hldnJvbi1kb3duJyxcbiAgQ0hFVlJPTl9VUCA9ICdjaGV2cm9uLXVwJyxcbiAgQ0hFVlJPTl9SSUdIVCA9ICdjaGV2cm9uLXJpZ2h0JyxcbiAgUExVUyA9ICdwbHVzJyxcbiAgSU5GTyA9ICdpbmZvJyxcbiAgQ0FMRU5EQVIgPSAnY2FsZW5kYXInLFxuICBXQVJOSU5HID0gJ3dhcm5pbmcnLFxuICBFUlJPUiA9ICdlcnJvcicsXG4gIFNVQ0NFU1MgPSAnc3VjY2VzcycsXG4gIEVZRSA9ICdleWUnLFxuICBTRUFSQ0ggPSAnc2VhcmNoJyxcbiAgRURJVCA9ICdlZGl0JyxcbiAgTE9DQVRJT04gPSAnbG9jYXRpb24nLFxuICBDUk9TUyA9ICdjcm9zcycsXG4gIENIRUNLID0gJ2NoZWNrJyxcbiAgQ0hFQ0tfQ0lSQ0xFID0gJ2NoZWNrLWNpcmNsZScsXG4gIERJU0tFVFRFID0gJ2Rpc2tldHRlJyxcbiAgQ0xJUEJPQVJEID0gJ2NsaXBib2FyZCcsXG4gIExBWUVSUyA9ICdsYXllcnMnLFxuICBLTkFVRiA9ICdrbmF1Zi1sb2dvJyxcbiAgSE9NRSA9ICdob21lJyxcbiAgRE9VQkxFX0NJUkNMRSA9ICdkb3VibGUtY2lyY2xlJyxcbiAgUEVOQ0lMID0gJ3BlbmNpbCcsXG4gIE9SREVSID0gJ29yZGVyJyxcbiAgUkVTRVQgPSAncmVzZXQnLFxuICBDSVJDTEVfQ1JPU1MgPSAnY2lyY2xlLWNyb3NzJyxcbiAgVFJVQ0sgPSAndHJ1Y2snLFxuICBERUxJVkVSRUQgPSAnZGVsaXZlcmVkJyxcbiAgRlRMID0gJ2Z0bCcsXG4gIExUTCA9ICdsdGwnLFxuICBPUkcgPSAnb3JnJyxcbiAgQVJDSElWRSA9ICdhcmNoaXZlJyxcbiAgTE9HT1VUID0gJ2xvZ291dCcsXG4gIENPTlRBSU5FUiA9ICdjb250YWluZXInLFxuICBDQVJSSUVSID0gJ2NhcnJpZXInLFxuICBFWFBPUlQgPSAnZXhwb3J0JyxcbiAgR0VBUiA9ICdnZWFyJyxcbiAgU1RPQ0sgPSAnc3RvY2snLFxuICBTVEFUVVMgPSAnc3RhdHVzJyxcbiAgQ0xPU0VfU0lHTiA9ICdjbG9zZS1zaWduJyxcbiAgQ0xPU0VfU0lHTl9SRUQgPSAnY2xvc2Utc2lnbi1yZWQnLFxuICBPUEVOX1NJR05fR1JFRU4gPSAnb3Blbi1zaWduLWdyZWVuJyxcbiAgQVJST1dfTEVGVCA9ICdhcnJvdy1sZWZ0JyxcbiAgV0FSTklOR19ZRUxMT1cgPSAnd2FybmluZy15ZWxsb3cnLFxuICBDSVJDTEVfTUlOVVMgPSAnY2lyY2xlLW1pbnVzJyxcbiAgQ0lSQ0xFX1BMVVMgPSAnY2lyY2xlLXBsdXMnLFxuICBUSFJFRV9DSVJDTEVfQVJST1dfTEVGVCA9ICd0aHJlZS1jaXJjbGUtYXJyb3ctbGVmdCcsXG4gIFRIUkVFX0NJUkNMRV9BUlJPV19SSUdIVCA9ICd0aHJlZS1jaXJjbGUtYXJyb3ctcmlnaHQnLFxuICBTRU5EID0gJ3NlbmQnLFxuICBDQUxFTkRBUl9DSEVDSyA9ICdjYWxlbmRhci1jaGVjaycsXG4gIENMSVBCT0FSRF9USElOID0gJ2NsaXBib2FyZC10aGluJyxcbiAgV0FMTEVUID0gJ3dhbGxldCcsXG4gIENJUkNMRV9QVUxTRSA9ICdjaXJjbGUtcHVsc2UnLFxuICBDSVJDTEVfQ1JPU1NfVEhJTiA9ICdjaXJjbGUtY3Jvc3MtdGhpbicsXG4gIFRSQVNIID0gJ3RyYXNoJyxcbiAgV1JFTkNIID0gJ3dyZW5jaCcsXG4gIFRJTUUgPSAndGltZScsXG4gIFdBUk5JTkdfREVGQVVMVCA9ICd3YXJuaW5nLWRlZmF1bHQnLFxuICBST1RBVEVfTEVGVCA9ICdyb3RhdGUtbGVmdCcsXG4gIERPV05MT0FEID0gJ2Rvd25sb2FkJyxcbiAgRklMRV9URVhUID0gJ2ZpbGUtdGV4dCcsXG4gIEFSUk9XX1VQX1JJR0hUX0ZST01fU1FVQVJFID0gJ2Fycm93LXVwLXJpZ2h0LWZyb20tc3F1YXJlJyxcbiAgQ0lSQ0xFX0VYQ0xBTUFUSU9OID0gJ2NpcmNsZS1leGNsYW1hdGlvbicsXG4gIFRSSUFOR0xFX0VYQ0xBTUFUSU9OID0gJ3RyaWFuZ2xlLWV4Y2xhbWF0aW9uJyxcbiAgU0hJUCA9ICdzaGlwJyxcbiAgQ0xPQ0sgPSAnY2xvY2snLFxuICBGQUNUT1JZID0gJ2ZhY3RvcnknLFxuICBDT1BZID0gJ2NvcHknLFxuICBHRUFSXzEgPSAnZ2Vhci0xJyxcbiAgSE9VU0UgPSAnaG91c2UnLFxuICBDSEFSVCA9ICdjaGFydCcsXG4gIENMSVAgPSAnY2xpcCcsXG4gIE1BSUwgPSAnbWFpbCcsXG4gIE1FTlUgPSAnbWVudScsXG4gIE1FU1NBR0UgPSAnbWVzc2FnZScsXG4gIFJFTE9BRCA9ICdyZWxvYWQnLFxuICBXSU5ET1dfUkVTVE9SRSA9ICd3aW5kb3ctcmVzdG9yZScsXG4gIEJBQ0tfQVJST1cgPSAnYmFjay1hcnJvdycsXG4gIFVTRVIgPSAndXNlcicsXG4gIENBUkVUX0RPV04gPSAnY2FyZXQtZG93bicsXG4gIENBUkVUX1VQID0gJ2NhcmV0LXVwJyxcbiAgSU5GT19DSVJDTEUgPSAnaW5mby1jaXJjbGUnLFxuICBDSEVDS19DSVJDTEVfRklMTEVEID0gJ2NoZWNrLWNpcmNsZS1maWxsZWQnLFxuICBXQVJOSU5HX0NJUkNMRSA9ICd3YXJuaW5nLWNpcmNsZScsXG4gIFdBUk5JTkdfQ0lSQ0xFX0ZJTExFRCA9ICd3YXJuaW5nLWNpcmNsZS1maWxsZWQnLFxuICBDTE9TRV9DSVJDTEVfRklMTEVEID0gJ2Nsb3NlLWNpcmNsZS1maWxsZWQnLFxuICBRVUVTVElPTl9DSVJDTEUgPSAncXVlc3Rpb24tY2lyY2xlJyxcbiAgU1RBUiA9ICdzdGFyJyxcbiAgU09SVF9BU0NFTkRJTkcgPSAnc29ydC1hc2NlbmRpbmcnLFxuICBTT1JUX0RFU0NFTkRJTkcgPSAnc29ydC1kZXNjZW5kaW5nJyxcbiAgUEFZTUVOVFMgPSAncGF5bWVudHMnLFxuICBTVVBQTFlfQ0hBSU4gPSAnc3VwcGx5LWNoYWluJyxcbiAgQU5BTFlUSUNTID0gJ2FuYWx5dGljcycsXG4gIENPTlRST0xfUEFORUwgPSAnY29udHJvbC1wYW5lbCcsXG4gIFNFS08gPSAnc2VrbycsXG4gIFNFS09fMzYwID0gJ3Nla28tMzYwJyxcbiAgRk9VUl9TUVVBUkUgPSAnZm91ci1zcXVhcmUnLFxuICBMT0dJU1RJQ1MgPSAnbG9naXN0aWNzJyxcbiAgUFJJTlRJTkcgPSAncHJpbnRpbmcnLFxuICBTQUxFU19DSEFOTkVMUyA9ICdzYWxlcy1jaGFubmVscycsXG4gIERFU0lHTiA9ICdkZXNpZ24nLFxuICBTSElQTUVOVFNfVE9fQVBQUk9WRSA9ICdzaGlwbWVudHMtdG8tYXBwcm92ZScsXG4gIFNISVBNRU5UU19JTl9UUkFOU0lUID0gJ3NoaXBtZW50cy1pbi10cmFuc2l0JyxcbiAgQ09OVEFJTkVSU19UT19ERUxJVkVSID0gJ2NvbnRhaW5lcnMtdG8tZGVsaXZlcicsXG4gIFNISVBNRU5UU19EUkFGVCA9ICdzaGlwbWVudHMtZHJhZnQnLFxuICBTSElQTUVOVFNfQ0FOQ0VMTEFUSU9OX1JFUVVFU1RTID0gJ3NoaXBtZW50cy1jYW5jZWxsYXRpb24tcmVxdWVzdHMnLFxuICBTSElQTUVOVFNfRk9SX1JFX0FVVEggPSAnc2hpcG1lbnRzLWZvci1yZS1hdXRoJyxcbiAgU0hJUE1FTlRTX1JFQURZX1RPX1NISVAgPSAnc2hpcG1lbnRzLXJlYWR5LXRvLXNoaXAnLFxuICBCT09LSU5HU19EUkFGVCA9ICdib29raW5ncy1kcmFmdCcsXG4gIFNISVBNRU5UU19QRU5ESU5HX0lOU1RSVUNUSU9OUyA9ICdzaGlwbWVudHMtcGVuZGluZy1pbnN0cnVjdGlvbnMnLFxuICBTSElQTUVOVFNfUEVORElOR19ET0NVTUVOVFMgPSAnc2hpcG1lbnRzLXBlbmRpbmctZG9jdW1lbnRzJyxcbiAgREVMSVZFUklFU19UT19CT09LID0gJ2RlbGl2ZXJpZXMtdG8tYm9vaycsXG4gIERFTElWRVJJRVNfUkVRVUlSRV9DT05GSVJNQVRJT04gPSAnZGVsaXZlcmllcy1yZXF1aXJlLWNvbmZpcm1hdGlvbicsXG4gIERFTElWRVJJRVNfVE9fUkVTQ0hFRFVMRSA9ICdkZWxpdmVyaWVzLXRvLXJlc2NoZWR1bGUnLFxuICBERUxJVkVSSUVTX1JFUVVJUkVfQU1FTkRNRU5UUyA9ICdkZWxpdmVyaWVzLXJlcXVpcmUtYW1lbmRtZW50cycsXG4gIERFTElWRVJJRVNfUkVRVUlSRV9DQU5DRUxMQVRJT04gPSAnZGVsaXZlcmllcy1yZXF1aXJlLWNhbmNlbGxhdGlvbicsXG4gIERFTElWRVJJRVNfUkVRVUlSRV9QT0RfQ1VTVE9NUyA9ICdkZWxpdmVyaWVzLXJlcXVpcmUtcG9kLWN1c3RvbXMnLFxuICBXTVMgPSAnd21zJyxcbiAgRENNID0gJ2RjbScsXG4gIElIVUIgPSAnaWh1YicsXG4gIFRNUyA9ICd0bXMnLFxuICBOU1MgPSAnbnNzJyxcbiAgRE1TID0gJ2RtcycsXG4gIFBNUyA9ICdwbXMnLFxuICBFWENFTF9GSUxFID0gJ2V4Y2VsLWZpbGUnLFxuICBXT1JEX0ZJTEUgPSAnd29yZC1maWxlJyxcbiAgUERGX0ZJTEUgPSAncGRmLWZpbGUnLFxuICBJTUFHRV9GSUxFID0gJ2ltYWdlLWZpbGUnLFxuICBFTVBUWSA9ICdlbXB0eScsXG4gIFBST0RVQ1QgPSAncHJvZHVjdCcsXG4gIE5PVElGSUNBVElPTiA9ICdub3RpZmljYXRpb24nLFxuICBDT0xVTU5TID0gJ2NvbHVtbnMnLFxuICBERVRBSUxTID0gJ2RldGFpbHMnLFxuICBGSUxURVIgPSAnZmlsdGVyJyxcbn1cblxuZXhwb3J0IGVudW0gS2l0U3ZnSWNvblR5cGUge1xuICBGSUxMID0gJ2ZpbGwnLFxuICBTVFJPS0UgPSAnc3Ryb2tlJyxcbn1cbiJdfQ==