@indigina/ui-kit 1.1.196 → 1.1.197

package/fesm2022/indigina-ui-kit.mjs

@@ -6675,7 +6675,7 @@ class KitGlobalSearchComponent {
         this.popup()?.close();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: KitGlobalSearchComponent, deps: [{ token: i1$7.Router }, { token: i1$d.Store }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: KitGlobalSearchComponent, isStandalone: true, selector: "kit-global-search", inputs: { searchFn: { classPropertyName: "searchFn", publicName: "searchFn", isSignal: true, isRequired: true, transformFunction: null }, displayedLineItemsNumber: { classPropertyName: "displayedLineItemsNumber", publicName: "displayedLineItemsNumber", isSignal: true, isRequired: false, transformFunction: null }, prompts: { classPropertyName: "prompts", publicName: "prompts", isSignal: true, isRequired: true, transformFunction: null } }, host: { listeners: { "document:click": "documentClick($event)" } }, viewQueries: [{ propertyName: "textbox", first: true, predicate: TextBoxComponent, descendants: true, isSignal: true }, { propertyName: "anchor", first: true, predicate: TextBoxComponent, descendants: true, read: ElementRef, isSignal: true }, { propertyName: "popup", first: true, predicate: ["popup"], descendants: true, read: KitPopupComponent, isSignal: true }, { propertyName: "container", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef, isSignal: true }], ngImport: i0, template: "<div #container\n     class=\"global-search\">\n  <kendo-textbox #textbox\n                 class=\"textbox\"\n                 [class.expanded]=\"isPopupOpen\"\n                 [placeholder]=\"'kit.globalSearch.placeholder' | translate\"\n                 [size]=\"'none'\"\n                 [(ngModel)]=\"searchValue\"\n                 (click)=\"openPopup()\">\n    <ng-template kendoTextBoxPrefixTemplate>\n      <kit-svg-icon [icon]=\"kitSvgIcon.SEARCH\"/>\n    </ng-template>\n    <ng-template kendoTextBoxSuffixTemplate>\n      <kit-svg-icon [icon]=\"kitSvgIcon.CIRCLE_CROSS_THIN\" \n                    (click)=\"clearSearch()\"/>\n    </ng-template>\n  </kendo-textbox>\n\n  <kit-popup #popup\n             [popupClass]=\"popupClass\"\n             [anchor]=\"anchor()\"\n             [content]=\"content\"\n             [closeOnOutsideClick]=\"false\" />\n\n  <ng-template #content>\n    @if (userPermissions$ | async; as userPermissions) {\n      <div class=\"popup-content\">\n        <div class=\"search-results\">\n          @if (searchResults().length) {\n            @for (category of searchResults(); track category?.name) {\n              @if (category) {\n                <div class=\"category\">\n                  <p class=\"header\"\n                    [class.empty]=\"!category.total\">\n                    <kit-svg-icon [icon]=\"kitSvgIcon.CHECK_STICKER\"/>\n                    <span class=\"title\">{{ category.name.toUpperCase() }} ({{ category.total }})</span>\n                  </p>\n\n                  @for (lineItem of category.items.slice(0, this.displayedLineItemsNumber()); track $index) {\n                    <div class=\"line-item\"\n                        [class.has-link]=\"lineItem.link\"\n                        (click)=\"navigate(lineItem.link)\">\n                      <div class=\"title\">\n                        <kit-truncate-text>{{ lineItem.title }}</kit-truncate-text>\n                      </div>\n                      <div class=\"subtitle\">\n                        <kit-truncate-text>{{ lineItem.subtitle }}</kit-truncate-text>\n                      </div>\n                      @if (lineItem.routePath?.from || lineItem.routePath?.to) {\n                        <kit-route-path class=\"route\"\n                                        [containerMode]=\"lineItem.routePath?.containerMode\"\n                                        [destinationPort]=\"lineItem.routePath?.to\"\n                                        [originPort]=\"lineItem.routePath?.from\"\n                                        [type]=\"lineItem.routePath?.type\"/>\n                      }\n                      @if (lineItem.status) {\n                        <kit-pill class=\"status\"\n                                  [theme]=\"kitPillTheme.MAIN\">\n                          {{ lineItem.status }}\n                        </kit-pill>\n                      }\n                      @if (lineItem.dates?.firstDate.value) {\n                        <div class=\"dates first-date\">\n                          <kit-svg-icon [icon]=\"kitSvgIcon.CALENDAR\"/>\n                          <kit-truncate-text>{{ lineItem.dates?.firstDate.label }} \n                            <span class=\"date\">{{ lineItem.dates?.firstDate.value | date: dateFormat : 'UTC' }}</span>\n                          </kit-truncate-text>\n                        </div>\n                      }\n                      @if (lineItem.dates?.secondDate.value) {\n                        <div class=\"dates second-date\">\n                          <kit-svg-icon [icon]=\"kitSvgIcon.CALENDAR\"/>\n                          <kit-truncate-text>{{ lineItem.dates?.secondDate.label }} \n                            <span class=\"date\">{{ lineItem.dates?.secondDate.value | date: dateFormat : 'UTC' }}</span>\n                          </kit-truncate-text>\n                        </div>\n                      }\n                    </div>\n                  }\n                  \n                  @if (category.total > this.displayedLineItemsNumber()) {\n                    <kit-button [label]=\"'kit.globalSearch.showResults' | translate\"\n                                [type]=\"kitButtonType.GHOST\"\n                                [kind]=\"kitButtonKind.SMALL\"\n                                (clicked)=\"navigate(category.categoryLink)\"/>\n                  }\n                </div>\n              }\n            }\n          } @else if (showPropmts()) {\n            <div class=\"prompts\">\n              @for (prompt of prompts(); track prompt) {\n                @if (userPermissions.includes(prompt.permission)) {\n                  <kit-pill [theme]=\"kitPillTheme.MAIN\"\n                            [selectable]=\"true\" \n                            (clicked)=\"onSelectPrompt(prompt)\">\n                    {{ prompt.label }}\n                  </kit-pill>\n                }\n              }\n            </div>\n          } @else {\n            <kit-empty-section class=\"empty-section\"\n                               [text]=\"'kit.globalSearch.noData' | translate\"/>\n          }\n        </div>\n      </div>\n    }\n  </ng-template>\n</div>\n", styles: [":host{position:relative}:host .global-search{max-width:360px}:host .global-search:has(.textbox.expanded){max-width:100%}:host .global-search .textbox{border-color:var(--ui-kit-color-grey-11);box-shadow:none;border-radius:8px}:host .global-search .textbox.k-focus{border-color:var(--ui-kit-color-main)}:host ::ng-deep:has(.textbox.k-focus) .kit-global-search-popup{display:inherit}:host ::ng-deep .k-animation-container{width:100%}:host ::ng-deep .kit-global-search-popup{overflow-y:auto}:host ::ng-deep .global-search .k-textbox.k-input .k-input-inner{padding:11px 8px}:host ::ng-deep .global-search .k-textbox.k-input .kit-svg-icon .search-icon{width:37px;height:37px;fill:none;stroke:var(--ui-kit-color-grey-10);padding-left:12px}:host ::ng-deep .global-search .k-textbox.k-input .kit-svg-icon .circle-cross-thin-icon{width:30px;height:30px;fill:none;stroke:var(--ui-kit-color-grey-12);padding-right:12px;cursor:pointer}:host ::ng-deep .search-results{width:max-content;min-width:100%}:host ::ng-deep .search-results .category:not(:last-child){margin-bottom:20px}:host ::ng-deep .search-results .category .header{display:flex;align-items:center;margin:0 0 20px}:host ::ng-deep .search-results .category .header .icon.check-sticker-icon{width:16px;height:16px;fill:var(--ui-kit-color-main);margin-right:10px}:host ::ng-deep .search-results .category .header .title{color:var(--ui-kit-color-main)}:host ::ng-deep .search-results .category .header.empty{margin:0}:host ::ng-deep .search-results .category .header.empty .icon.check-sticker-icon{fill:var(--ui-kit-color-grey-12)}:host ::ng-deep .search-results .category .header.empty .title{color:var(--ui-kit-color-grey-12)}:host ::ng-deep .search-results .category .line-item{display:flex;justify-content:space-between;gap:20px;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid var(--ui-kit-color-grey-11);width:max-content;min-width:100%}:host ::ng-deep .search-results .category .line-item.has-link{cursor:pointer}:host ::ng-deep .search-results .category .line-item.has-link:hover{opacity:.7}:host ::ng-deep .search-results .category .line-item .title{font-size:16px;line-height:22px;font-weight:500}:host ::ng-deep .search-results .category .line-item .title,:host ::ng-deep .search-results .category .line-item .subtitle{color:var(--ui-kit-color-grey-10);min-width:60px;width:100px;flex:0 0 auto}:host ::ng-deep .search-results .category .line-item .icon.calendar-icon{width:18px;height:18px;fill:var(--ui-kit-color-grey-12);margin-right:3px}:host ::ng-deep .search-results .category .line-item .route{min-width:100px;width:250px;flex:0 0 auto}:host ::ng-deep .search-results .category .line-item .status{white-space:nowrap;min-width:80px;width:100px;flex:0 0 auto}:host ::ng-deep .search-results .category .line-item .status .kit-pill-content{margin:auto}:host ::ng-deep .search-results .category .line-item .dates{display:flex;align-items:center;font-size:12px;line-height:14px;min-width:60px;max-width:150px;flex:0 0 auto}:host ::ng-deep .search-results .category .line-item .dates .date{font-size:14px;line-height:20px;font-weight:500}:host ::ng-deep .search-results .category .line-item .dates.first-date{color:var(--ui-kit-color-grey-14)}:host ::ng-deep .search-results .category .line-item .dates.second-date{color:var(--ui-kit-color-grey-10)}:host ::ng-deep .search-results .prompts{display:flex;gap:10px}:host ::ng-deep .empty-section{container:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$1.DatePipe, name: "date" }, { kind: "ngmodule", type: KitTextboxModule }, { kind: "ngmodule", type: KitSvgIconModule }, { kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "component", type: i1$3.TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "type", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "successIcon", "successSvgIcon", "errorIcon", "errorSvgIcon", "clearButtonIcon", "clearButtonSvgIcon", "size", "rounded", "fillMode", "tabIndex", "placeholder", "maxlength", "inputAttributes"], outputs: ["valueChange", "inputFocus", "inputBlur", "focus", "blur"], exportAs: ["kendoTextBox"] }, { kind: "directive", type: i1$3.TextBoxSuffixTemplateDirective, selector: "[kendoTextBoxSuffixTemplate]", inputs: ["showSeparator"] }, { kind: "directive", type: i1$3.TextBoxPrefixTemplateDirective, selector: "[kendoTextBoxPrefixTemplate]", inputs: ["showSeparator"] }, { kind: "component", type: KitPopupComponent, selector: "kit-popup", inputs: ["anchor", "content", "closeOnOutsideClick", "showFooter", "cancelButtonLabel", "applyButtonLabel", "isApplyButtonDisabled", "positionMode", "popupClass", "closePopupOnCancel"], outputs: ["onCancel", "onApply", "onOpen", "onClose"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: KitRoutePathComponent, selector: "kit-route-path", inputs: ["originPort", "destinationPort", "type", "containerMode"] }, { kind: "ngmodule", type: KitButtonModule }, { kind: "component", type: KitButtonComponent, selector: "kit-button", inputs: ["disabled", "label", "type", "icon", "iconType", "kind", "state", "iconPosition", "buttonClass", "active"], outputs: ["clicked"] }, { kind: "component", type: KitTruncateTextComponent, selector: "kit-truncate-text" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$a.TranslatePipe, name: "translate" }, { kind: "component", type: KitEmptySectionComponent, selector: "kit-empty-section", inputs: ["text"] }, { kind: "component", type: KitPillComponent, selector: "kit-pill", inputs: ["removable", "selectable", "selected", "type", "theme", "icon", "iconType"], outputs: ["clicked", "removed"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: KitGlobalSearchComponent, isStandalone: true, selector: "kit-global-search", inputs: { searchFn: { classPropertyName: "searchFn", publicName: "searchFn", isSignal: true, isRequired: true, transformFunction: null }, displayedLineItemsNumber: { classPropertyName: "displayedLineItemsNumber", publicName: "displayedLineItemsNumber", isSignal: true, isRequired: false, transformFunction: null }, prompts: { classPropertyName: "prompts", publicName: "prompts", isSignal: true, isRequired: true, transformFunction: null } }, host: { listeners: { "document:click": "documentClick($event)" } }, viewQueries: [{ propertyName: "textbox", first: true, predicate: TextBoxComponent, descendants: true, isSignal: true }, { propertyName: "anchor", first: true, predicate: TextBoxComponent, descendants: true, read: ElementRef, isSignal: true }, { propertyName: "popup", first: true, predicate: ["popup"], descendants: true, read: KitPopupComponent, isSignal: true }, { propertyName: "container", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef, isSignal: true }], ngImport: i0, template: "<div #container\n     class=\"global-search\">\n  <kendo-textbox #textbox\n                 class=\"textbox\"\n                 [class.expanded]=\"isPopupOpen\"\n                 [placeholder]=\"'kit.globalSearch.placeholder' | translate\"\n                 [size]=\"'none'\"\n                 [(ngModel)]=\"searchValue\"\n                 (click)=\"openPopup()\">\n    <ng-template kendoTextBoxPrefixTemplate>\n      <kit-svg-icon [icon]=\"kitSvgIcon.SEARCH\"/>\n    </ng-template>\n    <ng-template kendoTextBoxSuffixTemplate>\n      <kit-svg-icon [icon]=\"kitSvgIcon.CIRCLE_CROSS_THIN\" \n                    (click)=\"clearSearch()\"/>\n    </ng-template>\n  </kendo-textbox>\n\n  <kit-popup #popup\n             [popupClass]=\"popupClass\"\n             [anchor]=\"anchor()\"\n             [content]=\"content\"\n             [closeOnOutsideClick]=\"false\" />\n\n  <ng-template #content>\n    @if (userPermissions$ | async; as userPermissions) {\n      <div class=\"popup-content\">\n        <div class=\"search-results\">\n          @if (searchResults().length) {\n            @for (category of searchResults(); track category?.name) {\n              @if (category) {\n                <div class=\"category\">\n                  <p class=\"header\"\n                    [class.empty]=\"!category.total\">\n                    <kit-svg-icon [icon]=\"kitSvgIcon.CHECK_STICKER\"/>\n                    <span class=\"title\">{{ category.name.toUpperCase() }} ({{ category.total }})</span>\n                  </p>\n\n                  @for (lineItem of category.items.slice(0, this.displayedLineItemsNumber()); track $index) {\n                    <div class=\"line-item\"\n                        [class.has-link]=\"lineItem.link\"\n                        (click)=\"navigate(lineItem.link)\">\n                      <div class=\"title\">\n                        <kit-truncate-text>{{ lineItem.title }}</kit-truncate-text>\n                      </div>\n                      @if (lineItem.subtitle) {\n                        <div class=\"subtitle\">\n                          <kit-truncate-text>{{ lineItem.subtitle }}</kit-truncate-text>\n                        </div>\n                      }\n                      @if (lineItem.routePath?.from || lineItem.routePath?.to) {\n                        <kit-route-path class=\"route\"\n                                        [containerMode]=\"lineItem.routePath?.containerMode\"\n                                        [destinationPort]=\"lineItem.routePath?.to\"\n                                        [originPort]=\"lineItem.routePath?.from\"\n                                        [type]=\"lineItem.routePath?.type\"/>\n                      }\n                      @if (lineItem.status) {\n                        <kit-pill class=\"status\"\n                                  [theme]=\"kitPillTheme.MAIN\">\n                          {{ lineItem.status }}\n                        </kit-pill>\n                      }\n                      @if (lineItem.dates?.firstDate.value) {\n                        <div class=\"dates first-date\">\n                          <kit-svg-icon [icon]=\"kitSvgIcon.CALENDAR\"/>\n                          <kit-truncate-text>{{ lineItem.dates?.firstDate.label }} \n                            <span class=\"date\">{{ lineItem.dates?.firstDate.value | date: dateFormat : 'UTC' }}</span>\n                          </kit-truncate-text>\n                        </div>\n                      }\n                      @if (lineItem.dates?.secondDate.value) {\n                        <div class=\"dates second-date\">\n                          <kit-svg-icon [icon]=\"kitSvgIcon.CALENDAR\"/>\n                          <kit-truncate-text>{{ lineItem.dates?.secondDate.label }} \n                            <span class=\"date\">{{ lineItem.dates?.secondDate.value | date: dateFormat : 'UTC' }}</span>\n                          </kit-truncate-text>\n                        </div>\n                      }\n                    </div>\n                  }\n                  \n                  @if (category.total > this.displayedLineItemsNumber()) {\n                    <kit-button [label]=\"'kit.globalSearch.showResults' | translate\"\n                                [type]=\"kitButtonType.GHOST\"\n                                [kind]=\"kitButtonKind.SMALL\"\n                                (clicked)=\"navigate(category.categoryLink)\"/>\n                  }\n                </div>\n              }\n            }\n          } @else if (showPropmts()) {\n            <div class=\"prompts\">\n              @for (prompt of prompts(); track prompt) {\n                @if (userPermissions.includes(prompt.permission)) {\n                  <kit-pill [theme]=\"kitPillTheme.MAIN\"\n                            [selectable]=\"true\" \n                            (clicked)=\"onSelectPrompt(prompt)\">\n                    {{ prompt.label }}\n                  </kit-pill>\n                }\n              }\n            </div>\n          } @else {\n            <kit-empty-section class=\"empty-section\"\n                               [text]=\"'kit.globalSearch.noData' | translate\"/>\n          }\n        </div>\n      </div>\n    }\n  </ng-template>\n</div>\n", styles: [":host{position:relative}:host .global-search{max-width:360px}:host .global-search:has(.textbox.expanded){max-width:100%}:host .global-search .textbox{border-color:var(--ui-kit-color-grey-11);box-shadow:none;border-radius:8px}:host .global-search .textbox.k-focus{border-color:var(--ui-kit-color-main)}:host ::ng-deep:has(.textbox.k-focus) .kit-global-search-popup{display:inherit}:host ::ng-deep .k-animation-container{width:100%}:host ::ng-deep .kit-global-search-popup{overflow-y:auto}:host ::ng-deep .global-search .k-textbox.k-input .k-input-inner{padding:11px 8px}:host ::ng-deep .global-search .k-textbox.k-input .kit-svg-icon .search-icon{width:37px;height:37px;fill:none;stroke:var(--ui-kit-color-grey-10);padding-left:12px}:host ::ng-deep .global-search .k-textbox.k-input .kit-svg-icon .circle-cross-thin-icon{width:30px;height:30px;fill:none;stroke:var(--ui-kit-color-grey-12);padding-right:12px;cursor:pointer}:host ::ng-deep .search-results{width:max-content;min-width:100%}:host ::ng-deep .search-results .category:not(:last-child){margin-bottom:20px}:host ::ng-deep .search-results .category .header{display:flex;align-items:center;margin:0 0 20px}:host ::ng-deep .search-results .category .header .icon.check-sticker-icon{width:16px;height:16px;fill:var(--ui-kit-color-main);margin-right:10px}:host ::ng-deep .search-results .category .header .title{color:var(--ui-kit-color-main)}:host ::ng-deep .search-results .category .header.empty{margin:0}:host ::ng-deep .search-results .category .header.empty .icon.check-sticker-icon{fill:var(--ui-kit-color-grey-12)}:host ::ng-deep .search-results .category .header.empty .title{color:var(--ui-kit-color-grey-12)}:host ::ng-deep .search-results .category .line-item{display:flex;justify-content:space-between;gap:20px;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid var(--ui-kit-color-grey-11);width:max-content;min-width:100%}:host ::ng-deep .search-results .category .line-item.has-link{cursor:pointer}:host ::ng-deep .search-results .category .line-item.has-link:hover{opacity:.7}:host ::ng-deep .search-results .category .line-item .title{font-size:16px;line-height:22px;font-weight:500}:host ::ng-deep .search-results .category .line-item .title,:host ::ng-deep .search-results .category .line-item .subtitle{color:var(--ui-kit-color-grey-10);min-width:60px;max-width:180px;flex:0 0 auto}:host ::ng-deep .search-results .category .line-item .icon.calendar-icon{width:18px;height:18px;fill:var(--ui-kit-color-grey-12);margin-right:3px}:host ::ng-deep .search-results .category .line-item .route{min-width:100px;max-width:250px;flex:0 0 auto}:host ::ng-deep .search-results .category .line-item .status{white-space:nowrap;min-width:80px;max-width:100px;flex:0 0 auto}:host ::ng-deep .search-results .category .line-item .status .kit-pill-content{margin:auto}:host ::ng-deep .search-results .category .line-item .dates{display:flex;align-items:center;font-size:12px;line-height:14px;min-width:60px;max-width:170px;flex:0 0 auto}:host ::ng-deep .search-results .category .line-item .dates .date{font-size:14px;line-height:20px;font-weight:500}:host ::ng-deep .search-results .category .line-item .dates.first-date{color:var(--ui-kit-color-grey-14)}:host ::ng-deep .search-results .category .line-item .dates.second-date{color:var(--ui-kit-color-grey-10)}:host ::ng-deep .search-results .prompts{display:flex;gap:10px}:host ::ng-deep .empty-section{container:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$1.DatePipe, name: "date" }, { kind: "ngmodule", type: KitTextboxModule }, { kind: "ngmodule", type: KitSvgIconModule }, { kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "component", type: i1$3.TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "type", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "successIcon", "successSvgIcon", "errorIcon", "errorSvgIcon", "clearButtonIcon", "clearButtonSvgIcon", "size", "rounded", "fillMode", "tabIndex", "placeholder", "maxlength", "inputAttributes"], outputs: ["valueChange", "inputFocus", "inputBlur", "focus", "blur"], exportAs: ["kendoTextBox"] }, { kind: "directive", type: i1$3.TextBoxSuffixTemplateDirective, selector: "[kendoTextBoxSuffixTemplate]", inputs: ["showSeparator"] }, { kind: "directive", type: i1$3.TextBoxPrefixTemplateDirective, selector: "[kendoTextBoxPrefixTemplate]", inputs: ["showSeparator"] }, { kind: "component", type: KitPopupComponent, selector: "kit-popup", inputs: ["anchor", "content", "closeOnOutsideClick", "showFooter", "cancelButtonLabel", "applyButtonLabel", "isApplyButtonDisabled", "positionMode", "popupClass", "closePopupOnCancel"], outputs: ["onCancel", "onApply", "onOpen", "onClose"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: KitRoutePathComponent, selector: "kit-route-path", inputs: ["originPort", "destinationPort", "type", "containerMode"] }, { kind: "ngmodule", type: KitButtonModule }, { kind: "component", type: KitButtonComponent, selector: "kit-button", inputs: ["disabled", "label", "type", "icon", "iconType", "kind", "state", "iconPosition", "buttonClass", "active"], outputs: ["clicked"] }, { kind: "component", type: KitTruncateTextComponent, selector: "kit-truncate-text" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$a.TranslatePipe, name: "translate" }, { kind: "component", type: KitEmptySectionComponent, selector: "kit-empty-section", inputs: ["text"] }, { kind: "component", type: KitPillComponent, selector: "kit-pill", inputs: ["removable", "selectable", "selected", "type", "theme", "icon", "iconType"], outputs: ["clicked", "removed"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: KitGlobalSearchComponent, decorators: [{
             type: Component,
@@ -6694,7 +6694,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
                         TranslateModule,
                         KitEmptySectionComponent,
                         KitPillComponent,
-                    ], template: "<div #container\n     class=\"global-search\">\n  <kendo-textbox #textbox\n                 class=\"textbox\"\n                 [class.expanded]=\"isPopupOpen\"\n                 [placeholder]=\"'kit.globalSearch.placeholder' | translate\"\n                 [size]=\"'none'\"\n                 [(ngModel)]=\"searchValue\"\n                 (click)=\"openPopup()\">\n    <ng-template kendoTextBoxPrefixTemplate>\n      <kit-svg-icon [icon]=\"kitSvgIcon.SEARCH\"/>\n    </ng-template>\n    <ng-template kendoTextBoxSuffixTemplate>\n      <kit-svg-icon [icon]=\"kitSvgIcon.CIRCLE_CROSS_THIN\" \n                    (click)=\"clearSearch()\"/>\n    </ng-template>\n  </kendo-textbox>\n\n  <kit-popup #popup\n             [popupClass]=\"popupClass\"\n             [anchor]=\"anchor()\"\n             [content]=\"content\"\n             [closeOnOutsideClick]=\"false\" />\n\n  <ng-template #content>\n    @if (userPermissions$ | async; as userPermissions) {\n      <div class=\"popup-content\">\n        <div class=\"search-results\">\n          @if (searchResults().length) {\n            @for (category of searchResults(); track category?.name) {\n              @if (category) {\n                <div class=\"category\">\n                  <p class=\"header\"\n                    [class.empty]=\"!category.total\">\n                    <kit-svg-icon [icon]=\"kitSvgIcon.CHECK_STICKER\"/>\n                    <span class=\"title\">{{ category.name.toUpperCase() }} ({{ category.total }})</span>\n                  </p>\n\n                  @for (lineItem of category.items.slice(0, this.displayedLineItemsNumber()); track $index) {\n                    <div class=\"line-item\"\n                        [class.has-link]=\"lineItem.link\"\n                        (click)=\"navigate(lineItem.link)\">\n                      <div class=\"title\">\n                        <kit-truncate-text>{{ lineItem.title }}</kit-truncate-text>\n                      </div>\n                      <div class=\"subtitle\">\n                        <kit-truncate-text>{{ lineItem.subtitle }}</kit-truncate-text>\n                      </div>\n                      @if (lineItem.routePath?.from || lineItem.routePath?.to) {\n                        <kit-route-path class=\"route\"\n                                        [containerMode]=\"lineItem.routePath?.containerMode\"\n                                        [destinationPort]=\"lineItem.routePath?.to\"\n                                        [originPort]=\"lineItem.routePath?.from\"\n                                        [type]=\"lineItem.routePath?.type\"/>\n                      }\n                      @if (lineItem.status) {\n                        <kit-pill class=\"status\"\n                                  [theme]=\"kitPillTheme.MAIN\">\n                          {{ lineItem.status }}\n                        </kit-pill>\n                      }\n                      @if (lineItem.dates?.firstDate.value) {\n                        <div class=\"dates first-date\">\n                          <kit-svg-icon [icon]=\"kitSvgIcon.CALENDAR\"/>\n                          <kit-truncate-text>{{ lineItem.dates?.firstDate.label }} \n                            <span class=\"date\">{{ lineItem.dates?.firstDate.value | date: dateFormat : 'UTC' }}</span>\n                          </kit-truncate-text>\n                        </div>\n                      }\n                      @if (lineItem.dates?.secondDate.value) {\n                        <div class=\"dates second-date\">\n                          <kit-svg-icon [icon]=\"kitSvgIcon.CALENDAR\"/>\n                          <kit-truncate-text>{{ lineItem.dates?.secondDate.label }} \n                            <span class=\"date\">{{ lineItem.dates?.secondDate.value | date: dateFormat : 'UTC' }}</span>\n                          </kit-truncate-text>\n                        </div>\n                      }\n                    </div>\n                  }\n                  \n                  @if (category.total > this.displayedLineItemsNumber()) {\n                    <kit-button [label]=\"'kit.globalSearch.showResults' | translate\"\n                                [type]=\"kitButtonType.GHOST\"\n                                [kind]=\"kitButtonKind.SMALL\"\n                                (clicked)=\"navigate(category.categoryLink)\"/>\n                  }\n                </div>\n              }\n            }\n          } @else if (showPropmts()) {\n            <div class=\"prompts\">\n              @for (prompt of prompts(); track prompt) {\n                @if (userPermissions.includes(prompt.permission)) {\n                  <kit-pill [theme]=\"kitPillTheme.MAIN\"\n                            [selectable]=\"true\" \n                            (clicked)=\"onSelectPrompt(prompt)\">\n                    {{ prompt.label }}\n                  </kit-pill>\n                }\n              }\n            </div>\n          } @else {\n            <kit-empty-section class=\"empty-section\"\n                               [text]=\"'kit.globalSearch.noData' | translate\"/>\n          }\n        </div>\n      </div>\n    }\n  </ng-template>\n</div>\n", styles: [":host{position:relative}:host .global-search{max-width:360px}:host .global-search:has(.textbox.expanded){max-width:100%}:host .global-search .textbox{border-color:var(--ui-kit-color-grey-11);box-shadow:none;border-radius:8px}:host .global-search .textbox.k-focus{border-color:var(--ui-kit-color-main)}:host ::ng-deep:has(.textbox.k-focus) .kit-global-search-popup{display:inherit}:host ::ng-deep .k-animation-container{width:100%}:host ::ng-deep .kit-global-search-popup{overflow-y:auto}:host ::ng-deep .global-search .k-textbox.k-input .k-input-inner{padding:11px 8px}:host ::ng-deep .global-search .k-textbox.k-input .kit-svg-icon .search-icon{width:37px;height:37px;fill:none;stroke:var(--ui-kit-color-grey-10);padding-left:12px}:host ::ng-deep .global-search .k-textbox.k-input .kit-svg-icon .circle-cross-thin-icon{width:30px;height:30px;fill:none;stroke:var(--ui-kit-color-grey-12);padding-right:12px;cursor:pointer}:host ::ng-deep .search-results{width:max-content;min-width:100%}:host ::ng-deep .search-results .category:not(:last-child){margin-bottom:20px}:host ::ng-deep .search-results .category .header{display:flex;align-items:center;margin:0 0 20px}:host ::ng-deep .search-results .category .header .icon.check-sticker-icon{width:16px;height:16px;fill:var(--ui-kit-color-main);margin-right:10px}:host ::ng-deep .search-results .category .header .title{color:var(--ui-kit-color-main)}:host ::ng-deep .search-results .category .header.empty{margin:0}:host ::ng-deep .search-results .category .header.empty .icon.check-sticker-icon{fill:var(--ui-kit-color-grey-12)}:host ::ng-deep .search-results .category .header.empty .title{color:var(--ui-kit-color-grey-12)}:host ::ng-deep .search-results .category .line-item{display:flex;justify-content:space-between;gap:20px;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid var(--ui-kit-color-grey-11);width:max-content;min-width:100%}:host ::ng-deep .search-results .category .line-item.has-link{cursor:pointer}:host ::ng-deep .search-results .category .line-item.has-link:hover{opacity:.7}:host ::ng-deep .search-results .category .line-item .title{font-size:16px;line-height:22px;font-weight:500}:host ::ng-deep .search-results .category .line-item .title,:host ::ng-deep .search-results .category .line-item .subtitle{color:var(--ui-kit-color-grey-10);min-width:60px;width:100px;flex:0 0 auto}:host ::ng-deep .search-results .category .line-item .icon.calendar-icon{width:18px;height:18px;fill:var(--ui-kit-color-grey-12);margin-right:3px}:host ::ng-deep .search-results .category .line-item .route{min-width:100px;width:250px;flex:0 0 auto}:host ::ng-deep .search-results .category .line-item .status{white-space:nowrap;min-width:80px;width:100px;flex:0 0 auto}:host ::ng-deep .search-results .category .line-item .status .kit-pill-content{margin:auto}:host ::ng-deep .search-results .category .line-item .dates{display:flex;align-items:center;font-size:12px;line-height:14px;min-width:60px;max-width:150px;flex:0 0 auto}:host ::ng-deep .search-results .category .line-item .dates .date{font-size:14px;line-height:20px;font-weight:500}:host ::ng-deep .search-results .category .line-item .dates.first-date{color:var(--ui-kit-color-grey-14)}:host ::ng-deep .search-results .category .line-item .dates.second-date{color:var(--ui-kit-color-grey-10)}:host ::ng-deep .search-results .prompts{display:flex;gap:10px}:host ::ng-deep .empty-section{container:none}\n"] }]
+                    ], template: "<div #container\n     class=\"global-search\">\n  <kendo-textbox #textbox\n                 class=\"textbox\"\n                 [class.expanded]=\"isPopupOpen\"\n                 [placeholder]=\"'kit.globalSearch.placeholder' | translate\"\n                 [size]=\"'none'\"\n                 [(ngModel)]=\"searchValue\"\n                 (click)=\"openPopup()\">\n    <ng-template kendoTextBoxPrefixTemplate>\n      <kit-svg-icon [icon]=\"kitSvgIcon.SEARCH\"/>\n    </ng-template>\n    <ng-template kendoTextBoxSuffixTemplate>\n      <kit-svg-icon [icon]=\"kitSvgIcon.CIRCLE_CROSS_THIN\" \n                    (click)=\"clearSearch()\"/>\n    </ng-template>\n  </kendo-textbox>\n\n  <kit-popup #popup\n             [popupClass]=\"popupClass\"\n             [anchor]=\"anchor()\"\n             [content]=\"content\"\n             [closeOnOutsideClick]=\"false\" />\n\n  <ng-template #content>\n    @if (userPermissions$ | async; as userPermissions) {\n      <div class=\"popup-content\">\n        <div class=\"search-results\">\n          @if (searchResults().length) {\n            @for (category of searchResults(); track category?.name) {\n              @if (category) {\n                <div class=\"category\">\n                  <p class=\"header\"\n                    [class.empty]=\"!category.total\">\n                    <kit-svg-icon [icon]=\"kitSvgIcon.CHECK_STICKER\"/>\n                    <span class=\"title\">{{ category.name.toUpperCase() }} ({{ category.total }})</span>\n                  </p>\n\n                  @for (lineItem of category.items.slice(0, this.displayedLineItemsNumber()); track $index) {\n                    <div class=\"line-item\"\n                        [class.has-link]=\"lineItem.link\"\n                        (click)=\"navigate(lineItem.link)\">\n                      <div class=\"title\">\n                        <kit-truncate-text>{{ lineItem.title }}</kit-truncate-text>\n                      </div>\n                      @if (lineItem.subtitle) {\n                        <div class=\"subtitle\">\n                          <kit-truncate-text>{{ lineItem.subtitle }}</kit-truncate-text>\n                        </div>\n                      }\n                      @if (lineItem.routePath?.from || lineItem.routePath?.to) {\n                        <kit-route-path class=\"route\"\n                                        [containerMode]=\"lineItem.routePath?.containerMode\"\n                                        [destinationPort]=\"lineItem.routePath?.to\"\n                                        [originPort]=\"lineItem.routePath?.from\"\n                                        [type]=\"lineItem.routePath?.type\"/>\n                      }\n                      @if (lineItem.status) {\n                        <kit-pill class=\"status\"\n                                  [theme]=\"kitPillTheme.MAIN\">\n                          {{ lineItem.status }}\n                        </kit-pill>\n                      }\n                      @if (lineItem.dates?.firstDate.value) {\n                        <div class=\"dates first-date\">\n                          <kit-svg-icon [icon]=\"kitSvgIcon.CALENDAR\"/>\n                          <kit-truncate-text>{{ lineItem.dates?.firstDate.label }} \n                            <span class=\"date\">{{ lineItem.dates?.firstDate.value | date: dateFormat : 'UTC' }}</span>\n                          </kit-truncate-text>\n                        </div>\n                      }\n                      @if (lineItem.dates?.secondDate.value) {\n                        <div class=\"dates second-date\">\n                          <kit-svg-icon [icon]=\"kitSvgIcon.CALENDAR\"/>\n                          <kit-truncate-text>{{ lineItem.dates?.secondDate.label }} \n                            <span class=\"date\">{{ lineItem.dates?.secondDate.value | date: dateFormat : 'UTC' }}</span>\n                          </kit-truncate-text>\n                        </div>\n                      }\n                    </div>\n                  }\n                  \n                  @if (category.total > this.displayedLineItemsNumber()) {\n                    <kit-button [label]=\"'kit.globalSearch.showResults' | translate\"\n                                [type]=\"kitButtonType.GHOST\"\n                                [kind]=\"kitButtonKind.SMALL\"\n                                (clicked)=\"navigate(category.categoryLink)\"/>\n                  }\n                </div>\n              }\n            }\n          } @else if (showPropmts()) {\n            <div class=\"prompts\">\n              @for (prompt of prompts(); track prompt) {\n                @if (userPermissions.includes(prompt.permission)) {\n                  <kit-pill [theme]=\"kitPillTheme.MAIN\"\n                            [selectable]=\"true\" \n                            (clicked)=\"onSelectPrompt(prompt)\">\n                    {{ prompt.label }}\n                  </kit-pill>\n                }\n              }\n            </div>\n          } @else {\n            <kit-empty-section class=\"empty-section\"\n                               [text]=\"'kit.globalSearch.noData' | translate\"/>\n          }\n        </div>\n      </div>\n    }\n  </ng-template>\n</div>\n", styles: [":host{position:relative}:host .global-search{max-width:360px}:host .global-search:has(.textbox.expanded){max-width:100%}:host .global-search .textbox{border-color:var(--ui-kit-color-grey-11);box-shadow:none;border-radius:8px}:host .global-search .textbox.k-focus{border-color:var(--ui-kit-color-main)}:host ::ng-deep:has(.textbox.k-focus) .kit-global-search-popup{display:inherit}:host ::ng-deep .k-animation-container{width:100%}:host ::ng-deep .kit-global-search-popup{overflow-y:auto}:host ::ng-deep .global-search .k-textbox.k-input .k-input-inner{padding:11px 8px}:host ::ng-deep .global-search .k-textbox.k-input .kit-svg-icon .search-icon{width:37px;height:37px;fill:none;stroke:var(--ui-kit-color-grey-10);padding-left:12px}:host ::ng-deep .global-search .k-textbox.k-input .kit-svg-icon .circle-cross-thin-icon{width:30px;height:30px;fill:none;stroke:var(--ui-kit-color-grey-12);padding-right:12px;cursor:pointer}:host ::ng-deep .search-results{width:max-content;min-width:100%}:host ::ng-deep .search-results .category:not(:last-child){margin-bottom:20px}:host ::ng-deep .search-results .category .header{display:flex;align-items:center;margin:0 0 20px}:host ::ng-deep .search-results .category .header .icon.check-sticker-icon{width:16px;height:16px;fill:var(--ui-kit-color-main);margin-right:10px}:host ::ng-deep .search-results .category .header .title{color:var(--ui-kit-color-main)}:host ::ng-deep .search-results .category .header.empty{margin:0}:host ::ng-deep .search-results .category .header.empty .icon.check-sticker-icon{fill:var(--ui-kit-color-grey-12)}:host ::ng-deep .search-results .category .header.empty .title{color:var(--ui-kit-color-grey-12)}:host ::ng-deep .search-results .category .line-item{display:flex;justify-content:space-between;gap:20px;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid var(--ui-kit-color-grey-11);width:max-content;min-width:100%}:host ::ng-deep .search-results .category .line-item.has-link{cursor:pointer}:host ::ng-deep .search-results .category .line-item.has-link:hover{opacity:.7}:host ::ng-deep .search-results .category .line-item .title{font-size:16px;line-height:22px;font-weight:500}:host ::ng-deep .search-results .category .line-item .title,:host ::ng-deep .search-results .category .line-item .subtitle{color:var(--ui-kit-color-grey-10);min-width:60px;max-width:180px;flex:0 0 auto}:host ::ng-deep .search-results .category .line-item .icon.calendar-icon{width:18px;height:18px;fill:var(--ui-kit-color-grey-12);margin-right:3px}:host ::ng-deep .search-results .category .line-item .route{min-width:100px;max-width:250px;flex:0 0 auto}:host ::ng-deep .search-results .category .line-item .status{white-space:nowrap;min-width:80px;max-width:100px;flex:0 0 auto}:host ::ng-deep .search-results .category .line-item .status .kit-pill-content{margin:auto}:host ::ng-deep .search-results .category .line-item .dates{display:flex;align-items:center;font-size:12px;line-height:14px;min-width:60px;max-width:170px;flex:0 0 auto}:host ::ng-deep .search-results .category .line-item .dates .date{font-size:14px;line-height:20px;font-weight:500}:host ::ng-deep .search-results .category .line-item .dates.first-date{color:var(--ui-kit-color-grey-14)}:host ::ng-deep .search-results .category .line-item .dates.second-date{color:var(--ui-kit-color-grey-10)}:host ::ng-deep .search-results .prompts{display:flex;gap:10px}:host ::ng-deep .empty-section{container:none}\n"] }]
         }], ctorParameters: () => [{ type: i1$7.Router }, { type: i1$d.Store }], propDecorators: { documentClick: [{
                 type: HostListener,
                 args: ['document:click', ['$event']]
@@ -6862,6 +6862,10 @@ const kitTranslations = {
                 tbc: 'TBC',
                 by: 'by',
             },
+            userSettings: {
+                title: 'User Settings',
+                expandNotesPanel: 'Expand notes panel on details page by default',
+            },
         },
     },
 };
@@ -7863,6 +7867,92 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
                     ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kit-grid-views\">\n  @if (viewsState$ | async; as viewsState) {\n    @if (!viewsState.loading) {\n      <div class=\"views-actions\">\n        <kit-button #toggleButton\n                    kitTooltip\n                    kitTooltipFilter=\"kit-button\"\n                    [kitTooltipPosition]=\"kitTooltipPosition.TOP\"\n                    [title]=\"'kit.views.addView' | translate\"\n                    [icon]=\"kitSvgIcon.PLUS\"\n                    [kind]=\"kitButtonKind.MEDIUM\"\n                    [type]=\"kitButtonType.GHOST\"\n                    (clicked)=\"onCreateViewPopupToggle()\"\n        ></kit-button>\n        <kit-grid-views-save [viewGroup]=\"viewGroup()\"\n                             [views]=\"views()\"\n                             [viewsAutocompleteItems]=\"viewsAutocompleteItems$ | async\"\n                             (resetQueryParams)=\"resetQueryParams()\"\n        ></kit-grid-views-save>\n        <kit-button kitTooltip\n                    kitTooltipFilter=\"kit-button\"\n                    [kitTooltipPosition]=\"kitTooltipPosition.TOP\"\n                    [title]=\"'kit.views.manageViews' | translate\"\n                    [icon]=\"kitSvgIcon.VIEWS\"\n                    [kind]=\"kitButtonKind.MEDIUM\"\n                    [type]=\"kitButtonType.GHOST\"\n                    [disabled]=\"views().length < 2\"\n                    (clicked)=\"openViewsManagerModal()\"\n        ></kit-button>\n      </div>\n      <div class=\"views-list\">\n        <kit-collapsed-list [itemList]=\"collapsedListItems()\"\n                            [dropdownDefaultValueText]=\"collapsedListDropdownText()\"\n                            [lineHeight]=\"32\"\n                            [gap]=\"0\"\n                            [itemTemplate]=\"collapsedListItem\"\n                            [dropdownAlign]=\"kitCollapsedListDropdownAlign.INLINE\"\n                            (onSelectItem)=\"onSelectView($event)\"/>\n      </div>\n    } @else {\n      <kit-skeleton [width]=\"200\"\n                    [height]=\"32\"\n      ></kit-skeleton>\n    }\n  }\n</div>\n\n<ng-template #collapsedListItem let-item>\n  <kit-button class=\"views-item\"\n              [ngClass]=\"item.type\"\n              [active]=\"item.title === selectedView()?.title && item.type === selectedView()?.type\"\n              [label]=\"item.title | titlecase\"\n              [type]=\"item.title === selectedView()?.title && item.type === selectedView()?.type &&\n              kitButtonType.GHOST || kitButtonType.LINK\"\n              [kind]=\"kitButtonKind.MEDIUM\"\n              [iconType]=\"item.type === gridViewType.SYSTEM && kitSvgIconType.STROKE || kitSvgIconType.FILL\"\n              [iconPosition]=\"kitButtonIconPosition.LEADING\"/>\n</ng-template>\n\n<kit-popup #popup\n           popupClass=\"kit-grid-new-view-popup\"\n           [anchor]=\"$any(anchor())\"\n           [content]=\"content\">\n</kit-popup>\n\n<ng-template #content>\n  <div class=\"new-view\">\n    <kit-textbox class=\"new-view-input\"\n                 [defaultValue]=\"createNewViewName()\"\n                 [placeholder]=\"'kit.views.enterText' | translate\"\n                 [state]=\"isViewNameValid && kitTextboxState.DEFAULT || kitTextboxState.ERROR\"\n                 [messageText]=\"inputMessage\"\n                 (changed)=\"createNewViewName.set($event)\"\n    ></kit-textbox>\n    <kit-button [label]=\"'kit.views.save' | translate\"\n                [disabled]=\"!createNewViewName() || !isViewNameValid\"\n                (clicked)=\"onViewCreate()\"\n    ></kit-button>\n  </div>\n</ng-template>\n", styles: [".kit-grid-views{display:flex;gap:16px}.kit-grid-views .views-actions{display:flex;gap:16px;padding-right:16px;border-right:1px solid var(--ui-kit-color-grey-11)}.kit-grid-views .views-list{width:100%;min-width:0}::ng-deep .views-list .views-item.system .k-button{color:var(--ui-kit-color-blue)}::ng-deep .views-list .views-item:hover .k-button{color:var(--ui-kit-color-main)}::ng-deep .views-list .views-item .k-button.active{color:var(--ui-kit-color-main)}::ng-deep .views-list .collapsed-list-dropdown .dropdown .k-input-inner{padding:0 16px}::ng-deep .views-list .collapsed-list-dropdown .dropdown .k-input-inner .value-icon{margin-left:5px}::ng-deep .kit-grid-views .views-list .wrapper-inner .collapsed-list-dropdown:focus-within .dropdown{box-shadow:none}::ng-deep .kit-grid-views .views-list .wrapper-inner .collapsed-list-dropdown .dropdown{border-color:transparent;background-color:transparent}::ng-deep .kit-grid-views .views-list .wrapper-inner .collapsed-list-dropdown .dropdown .k-input-value-text span{color:var(--ui-kit-color-main)}::ng-deep .kit-grid-views .views-list .wrapper-inner .collapsed-list-dropdown .dropdown .k-input-value-text svg{stroke:var(--ui-kit-color-main)}::ng-deep .kit-grid-views .views-list .wrapper-inner .collapsed-list-dropdown.selected .dropdown{color:var(--ui-kit-color-main);border-color:var(--ui-kit-color-main);background:var(--ui-kit-color-background)}::ng-deep .kit-dropdown-popup.k-popup.collapsed-list-popup{width:360px}::ng-deep .kit-popup.kit-grid-new-view-popup{width:400px}::ng-deep .kit-popup.kit-grid-new-view-popup .new-view{display:flex;flex-direction:row;gap:12px}::ng-deep .kit-popup.kit-grid-new-view-popup .new-view-input{flex:1}\n"] }]
         }], ctorParameters: () => [{ type: i1$d.Store }, { type: i1$7.ActivatedRoute }, { type: i1$7.Router }, { type: i0.DestroyRef }, { type: i1$1.TitleCasePipe }, { type: KitDialogService }, { type: i1$a.TranslateService }, { type: i0.ViewContainerRef }, { type: KitGridUrlStateService }] });
 
+class FetchUserSettings {
+    static { this.type = '[UserSettings] FetchUserSettings'; }
+}
+class SetUserSettingByKey extends AbstractPayloadAction {
+    static { this.type = '[UserSettings] SetUserSettingByKey'; }
+}
+
+const KIT_USER_SETTINGS_GROUP_NAME = 'userSettings';
+var KitUserSettingKeys;
+(function (KitUserSettingKeys) {
+    KitUserSettingKeys["ExpandNotesPanel"] = "expandNotesPanel";
+})(KitUserSettingKeys || (KitUserSettingKeys = {}));
+
+var KitUserSettingsState_1;
+const KIT_USER_SETTINGS_STATE_TOKEN = new StateToken(KIT_USER_SETTINGS_GROUP_NAME);
+let KitUserSettingsState = class KitUserSettingsState {
+    static { KitUserSettingsState_1 = this; }
+    constructor(settingsService) {
+        this.settingsService = settingsService;
+    }
+    fetchUserSetting(ctx) {
+        return this.settingsService.getSettingsByGroup(KIT_USER_SETTINGS_GROUP_NAME).pipe(map(settings => {
+            return settings.reduce((acc, curr) => {
+                acc[curr.key] = curr.value ?? '';
+                return acc;
+            }, {});
+        }), tap(data => ctx.setState(data)));
+    }
+    setSettingByKey(ctx, action) {
+        return this.settingsService.setSettingByKey(action.payload.key, {
+            value: action.payload.value,
+            group: KIT_USER_SETTINGS_GROUP_NAME,
+        }).pipe(tap(() => ctx.setState({
+            ...ctx.getState(),
+            [action.payload.key]: action.payload.value,
+        })));
+    }
+    static getSettingByKey(key) {
+        return createSelector([KitUserSettingsState_1], (state) => state[key]);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: KitUserSettingsState, deps: [{ token: KitSettingsApiService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: KitUserSettingsState }); }
+};
+__decorate([
+    Action(FetchUserSettings)
+], KitUserSettingsState.prototype, "fetchUserSetting", null);
+__decorate([
+    Action(SetUserSettingByKey)
+], KitUserSettingsState.prototype, "setSettingByKey", null);
+KitUserSettingsState = KitUserSettingsState_1 = __decorate([
+    State({
+        name: KIT_USER_SETTINGS_STATE_TOKEN,
+    })
+], KitUserSettingsState);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: KitUserSettingsState, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [{ type: KitSettingsApiService }], propDecorators: { fetchUserSetting: [], setSettingByKey: [] } });
+
+class KitUserSettingsComponent {
+    constructor(store, kitBreadcrumbsService) {
+        this.store = store;
+        this.kitBreadcrumbsService = kitBreadcrumbsService;
+        this.breadcrumbs = this.kitBreadcrumbsService.breadcrumbs;
+        this.userSettings$ = this.store.select(KIT_USER_SETTINGS_STATE_TOKEN);
+        this.userSettingsKeys = KitUserSettingKeys;
+    }
+    toggleExpandedNotesPanelState(isExpanded) {
+        this.store.dispatch(new SetUserSettingByKey({
+            key: KitUserSettingKeys.ExpandNotesPanel,
+            value: JSON.stringify(isExpanded),
+        }));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: KitUserSettingsComponent, deps: [{ token: i1$d.Store }, { token: KitBreadcrumbsService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: KitUserSettingsComponent, isStandalone: true, selector: "ng-component", providers: [KitBreadcrumbsService], ngImport: i0, template: "<kit-breadcrumbs [items]=\"breadcrumbs()\" />\n<div class=\"kit-user-settings-title\">\n  <kit-entity-title>\n    {{ \"kit.userSettings.title\" | translate }}\n  </kit-entity-title>\n</div>\n\n@if (userSettings$ | async; as userSettings) {\n  <div class=\"kit-user-settings-content\">\n    <div class=\"keys\">\n      <p class=\"text\">{{ \"kit.userSettings.expandNotesPanel\" | translate }}</p>\n    </div>\n    <div class=\"values\">\n      <kit-toggle [defaultChecked]=\"userSettings[userSettingsKeys.ExpandNotesPanel] === 'true'\"\n                  (changed)=\"toggleExpandedNotesPanelState($event)\" />\n    </div>\n  </div>\n}\n", styles: [".kit-user-settings-title{margin-top:25px;margin-bottom:25px}.kit-user-settings-content{display:grid;grid-template-columns:repeat(2,1fr);align-items:center}.kit-user-settings-content .keys .text{color:var(--color-grey-4);font-size:14px;font-weight:400}.kit-user-settings-content .values{justify-self:end}\n"], dependencies: [{ kind: "ngmodule", type: KitBreadcrumbsModule }, { kind: "component", type: KitBreadcrumbsComponent, selector: "kit-breadcrumbs", inputs: ["items"] }, { kind: "ngmodule", type: KitToggleModule }, { kind: "component", type: KitToggleComponent, selector: "kit-toggle", inputs: ["label", "disabled", "readonly", "defaultChecked", "leftLabel", "rightLabel", "messageIcon", "messageText"], outputs: ["changed"] }, { kind: "ngmodule", type: KitEntityTitleModule }, { kind: "component", type: KitEntityTitleComponent, selector: "kit-entity-title" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: KitUserSettingsComponent, decorators: [{
+            type: Component,
+            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+                        KitBreadcrumbsModule,
+                        KitToggleModule,
+                        KitEntityTitleModule,
+                        TranslatePipe,
+                        AsyncPipe,
+                    ], providers: [KitBreadcrumbsService], template: "<kit-breadcrumbs [items]=\"breadcrumbs()\" />\n<div class=\"kit-user-settings-title\">\n  <kit-entity-title>\n    {{ \"kit.userSettings.title\" | translate }}\n  </kit-entity-title>\n</div>\n\n@if (userSettings$ | async; as userSettings) {\n  <div class=\"kit-user-settings-content\">\n    <div class=\"keys\">\n      <p class=\"text\">{{ \"kit.userSettings.expandNotesPanel\" | translate }}</p>\n    </div>\n    <div class=\"values\">\n      <kit-toggle [defaultChecked]=\"userSettings[userSettingsKeys.ExpandNotesPanel] === 'true'\"\n                  (changed)=\"toggleExpandedNotesPanelState($event)\" />\n    </div>\n  </div>\n}\n", styles: [".kit-user-settings-title{margin-top:25px;margin-bottom:25px}.kit-user-settings-content{display:grid;grid-template-columns:repeat(2,1fr);align-items:center}.kit-user-settings-content .keys .text{color:var(--color-grey-4);font-size:14px;font-weight:400}.kit-user-settings-content .values{justify-self:end}\n"] }]
+        }], ctorParameters: () => [{ type: i1$d.Store }, { type: KitBreadcrumbsService }] });
+
 class KitFilterSelectorComponent {
     constructor(translateService) {
         this.translateService = translateService;
@@ -9451,5 +9541,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AbstractKitCtaPanelConfirmationComponent, AddGridFilter, FetchUserPermissions, KIT_BASE_PATH, KIT_DATETIME_FORMAT_LONG, KIT_DATE_FORMAT, KIT_GRID_CELL_DATE_FORMAT_CONFIG, KIT_GRID_STATE_TOKEN, KIT_USER_PERMISSIONS_STATE_TOKEN, KIT_USER_STATE_TOKEN, KitAutocompleteComponent, KitAutocompleteDirective, KitAutocompleteModule, KitAvatarComponent, KitAvatarModule, KitAvatarSize, KitBadgeDirective, KitBadgeTheme, KitBreadcrumbsComponent, KitBreadcrumbsModule, KitBreadcrumbsService, KitButtonComponent, KitButtonIconPosition, KitButtonKind, KitButtonModule, KitButtonState, KitButtonType, KitCardComponent, KitCardModule, KitCardTheme, KitCheckboxComponent, KitCheckboxModule, KitCheckboxState, KitCollapsedListComponent, KitCollapsedListDropdownAlign, KitCopyTextComponent, KitCopyTextModule, KitCtaPanelAbstractConfirmationComponent, KitCtaPanelAbstractConfirmationModule, KitCtaPanelActionComponent, KitCtaPanelActionModule, KitCtaPanelConfirmationComponent, KitCtaPanelConfirmationModule, KitCtaPanelItemComponent, KitCtaPanelItemModule, KitCtaPanelItemType, KitDataFieldComponent, KitDataFieldState, KitDatepickerComponent, KitDatepickerModule, KitDatepickerSize, KitDaterangeComponent, KitDaterangeModule, KitDaterangeType, KitDatetimepickerComponent, KitDatetimepickerModule, KitDialogActionsComponent, KitDialogComponent, KitDialogService, KitDropdownComponent, KitDropdownItemTemplateDirective, KitDropdownModule, KitDropdownSize, KitEmptySectionComponent, KitEntityGridComponent, KitEntitySectionComponent, KitEntitySectionContainerComponent, KitEntityTitleComponent, KitEntityTitleModule, KitFileCardComponent, KitFileCardMessagesComponent, KitFileCardModule, KitFileUploadComponent, KitFileUploadModule, KitFilterCheckboxComponent, KitFilterLogic, KitFilterOperator, KitFilterType, KitGlobalSearchComponent, KitGridCellComponent, KitGridCellService, KitGridCellTemplateDirective, KitGridColumnComponent, KitGridColumnManagerComponent, KitGridComponent, KitGridDetailTemplateDirective, KitGridDetailsButtonComponent, KitGridExportComponent, KitGridFiltersComponent, KitGridModule, KitGridSearchComponent, KitGridSortSettingsMode, KitGridState, KitGridUrlStateService, KitGridViewType, KitGridViewsComponent, KitGridViewsState, KitInputLabelComponent, KitInputLabelModule, KitInputMessageComponent, KitInputMessageModule, KitLoaderComponent, KitLoaderModule, KitLocationStepperComponent, KitLocationStepperModule, KitMultiselectComponent, KitMultiselectModule, KitNavigationMenuComponent, KitNavigationMenuModule, KitNavigationMenuService, KitNavigationMenuSubmenuComponent, KitNavigationTabsComponent, KitNavigationTabsModule, KitNavigationTabsType, KitNoteComponent, KitNoteModule, KitNotificationComponent, KitNotificationService, KitNotificationType, KitNumericTextboxComponent, KitNumericTextboxModule, KitNumericTextboxSize, KitNumericTextboxState, KitPageLayoutComponent, KitPermissionDirective, KitPermissionModule, KitPillComponent, KitPillTheme, KitPillType, KitPopupAlignHorizontal, KitPopupAlignVertical, KitPopupComponent, KitPopupPositionMode, KitProfileMenuComponent, KitQueryParamsName, KitQueryParamsService, KitRadioButtonComponent, KitRadioButtonModule, KitRadioButtonType, KitSchedulerComponent, KitSchedulerMonthEventTemplateDirective, KitSchedulerWeekEventTemplateDirective, KitScrollNavigationComponent, KitScrollNavigationSectionComponent, KitSearchBarComponent, KitSearchBarModule, KitShipmentCard, KitSidebarComponent, KitSkeletonAnimation, KitSkeletonComponent, KitSkeletonModule, KitSkeletonShape, KitSortDirection, KitSortableComponent, KitSvgIcon, KitSvgIconComponent, KitSvgIconModule, KitSvgIconType, KitSvgSpriteComponent, KitSvgSpriteModule, KitSwitchComponent, KitSwitchMode, KitSwitchModule, KitSwitchState, KitTabComponent, KitTabContentDirective, KitTabsComponent, KitTabsModule, KitTabsSize, KitTabsType, KitTextLabelComponent, KitTextLabelModule, KitTextLabelState, KitTextareaAutoresizeDirective, KitTextareaComponent, KitTextareaModule, KitTextareaState, KitTextboxComponent, KitTextboxModule, KitTextboxSize, KitTextboxState, KitTileLayoutComponent, KitTileLayoutItemComponent, KitTileLayoutModule, KitTimelineCardComponent, KitTimelineComponent, KitTimelineTheme, KitTimelineType, KitTimepickerComponent, KitTimepickerModule, KitTitleTemplateDirective, KitToastrModule, KitToastrPosition, KitToastrService, KitToastrType, KitToggleComponent, KitToggleModule, KitTooltipDirective, KitTooltipPosition, KitTopBarComponent, KitTranslateService, KitTruncateTextComponent, KitUnitsTextboxComponent, KitUnitsTextboxDropdownPosition, KitUnitsTextboxModule, KitUnitsTextboxType, KitUserApplicationsState, KitUserPermissionsState, KitUserState, RemoveGridFilter, SetGridColumns, SetGridFilters, SetGridSearch, SetGridSkip, SetGridSort, SetGridTake, UpdateGridFilter, buildRandomUUID, kitBuildFilterBooleanOptions, kitBuildFilterListOptions, kitBuildFilters, kitBuildGridColumn, kitBuildGridDataResults, kitBuildOdataFilter, kitBuildSortString, kitDataStateToODataString, kitEncodeViewNameToUrl, mapGlobalSearchResult };
+export { AbstractKitCtaPanelConfirmationComponent, AddGridFilter, FetchUserPermissions, FetchUserSettings, KIT_BASE_PATH, KIT_DATETIME_FORMAT_LONG, KIT_DATE_FORMAT, KIT_GRID_CELL_DATE_FORMAT_CONFIG, KIT_GRID_STATE_TOKEN, KIT_USER_PERMISSIONS_STATE_TOKEN, KIT_USER_STATE_TOKEN, KitAutocompleteComponent, KitAutocompleteDirective, KitAutocompleteModule, KitAvatarComponent, KitAvatarModule, KitAvatarSize, KitBadgeDirective, KitBadgeTheme, KitBreadcrumbsComponent, KitBreadcrumbsModule, KitBreadcrumbsService, KitButtonComponent, KitButtonIconPosition, KitButtonKind, KitButtonModule, KitButtonState, KitButtonType, KitCardComponent, KitCardModule, KitCardTheme, KitCheckboxComponent, KitCheckboxModule, KitCheckboxState, KitCollapsedListComponent, KitCollapsedListDropdownAlign, KitCopyTextComponent, KitCopyTextModule, KitCtaPanelAbstractConfirmationComponent, KitCtaPanelAbstractConfirmationModule, KitCtaPanelActionComponent, KitCtaPanelActionModule, KitCtaPanelConfirmationComponent, KitCtaPanelConfirmationModule, KitCtaPanelItemComponent, KitCtaPanelItemModule, KitCtaPanelItemType, KitDataFieldComponent, KitDataFieldState, KitDatepickerComponent, KitDatepickerModule, KitDatepickerSize, KitDaterangeComponent, KitDaterangeModule, KitDaterangeType, KitDatetimepickerComponent, KitDatetimepickerModule, KitDialogActionsComponent, KitDialogComponent, KitDialogService, KitDropdownComponent, KitDropdownItemTemplateDirective, KitDropdownModule, KitDropdownSize, KitEmptySectionComponent, KitEntityGridComponent, KitEntitySectionComponent, KitEntitySectionContainerComponent, KitEntityTitleComponent, KitEntityTitleModule, KitFileCardComponent, KitFileCardMessagesComponent, KitFileCardModule, KitFileUploadComponent, KitFileUploadModule, KitFilterCheckboxComponent, KitFilterLogic, KitFilterOperator, KitFilterType, KitGlobalSearchComponent, KitGridCellComponent, KitGridCellService, KitGridCellTemplateDirective, KitGridColumnComponent, KitGridColumnManagerComponent, KitGridComponent, KitGridDetailTemplateDirective, KitGridDetailsButtonComponent, KitGridExportComponent, KitGridFiltersComponent, KitGridModule, KitGridSearchComponent, KitGridSortSettingsMode, KitGridState, KitGridUrlStateService, KitGridViewType, KitGridViewsComponent, KitGridViewsState, KitInputLabelComponent, KitInputLabelModule, KitInputMessageComponent, KitInputMessageModule, KitLoaderComponent, KitLoaderModule, KitLocationStepperComponent, KitLocationStepperModule, KitMultiselectComponent, KitMultiselectModule, KitNavigationMenuComponent, KitNavigationMenuModule, KitNavigationMenuService, KitNavigationMenuSubmenuComponent, KitNavigationTabsComponent, KitNavigationTabsModule, KitNavigationTabsType, KitNoteComponent, KitNoteModule, KitNotificationComponent, KitNotificationService, KitNotificationType, KitNumericTextboxComponent, KitNumericTextboxModule, KitNumericTextboxSize, KitNumericTextboxState, KitPageLayoutComponent, KitPermissionDirective, KitPermissionModule, KitPillComponent, KitPillTheme, KitPillType, KitPopupAlignHorizontal, KitPopupAlignVertical, KitPopupComponent, KitPopupPositionMode, KitProfileMenuComponent, KitQueryParamsName, KitQueryParamsService, KitRadioButtonComponent, KitRadioButtonModule, KitRadioButtonType, KitSchedulerComponent, KitSchedulerMonthEventTemplateDirective, KitSchedulerWeekEventTemplateDirective, KitScrollNavigationComponent, KitScrollNavigationSectionComponent, KitSearchBarComponent, KitSearchBarModule, KitShipmentCard, KitSidebarComponent, KitSkeletonAnimation, KitSkeletonComponent, KitSkeletonModule, KitSkeletonShape, KitSortDirection, KitSortableComponent, KitSvgIcon, KitSvgIconComponent, KitSvgIconModule, KitSvgIconType, KitSvgSpriteComponent, KitSvgSpriteModule, KitSwitchComponent, KitSwitchMode, KitSwitchModule, KitSwitchState, KitTabComponent, KitTabContentDirective, KitTabsComponent, KitTabsModule, KitTabsSize, KitTabsType, KitTextLabelComponent, KitTextLabelModule, KitTextLabelState, KitTextareaAutoresizeDirective, KitTextareaComponent, KitTextareaModule, KitTextareaState, KitTextboxComponent, KitTextboxModule, KitTextboxSize, KitTextboxState, KitTileLayoutComponent, KitTileLayoutItemComponent, KitTileLayoutModule, KitTimelineCardComponent, KitTimelineComponent, KitTimelineTheme, KitTimelineType, KitTimepickerComponent, KitTimepickerModule, KitTitleTemplateDirective, KitToastrModule, KitToastrPosition, KitToastrService, KitToastrType, KitToggleComponent, KitToggleModule, KitTooltipDirective, KitTooltipPosition, KitTopBarComponent, KitTranslateService, KitTruncateTextComponent, KitUnitsTextboxComponent, KitUnitsTextboxDropdownPosition, KitUnitsTextboxModule, KitUnitsTextboxType, KitUserApplicationsState, KitUserPermissionsState, KitUserSettingKeys, KitUserSettingsComponent, KitUserSettingsState, KitUserState, RemoveGridFilter, SetGridColumns, SetGridFilters, SetGridSearch, SetGridSkip, SetGridSort, SetGridTake, UpdateGridFilter, buildRandomUUID, kitBuildFilterBooleanOptions, kitBuildFilterListOptions, kitBuildFilters, kitBuildGridColumn, kitBuildGridDataResults, kitBuildOdataFilter, kitBuildSortString, kitDataStateToODataString, kitEncodeViewNameToUrl, mapGlobalSearchResult };
 //# sourceMappingURL=indigina-ui-kit.mjs.map