@rlucan/ui 20.0.6 → 20.0.9

package/fesm2022/rlucan-ui.mjs

@@ -1536,6 +1536,7 @@ class ForceVisibilityDirective {
         this.visibilityEmitChange = false;
         this.visibilityFromTop = 0;
         this.visibilityCheckEnabled = true;
+        this.noSmoothScrolling = false;
         this.visibilityChanged = new EventEmitter();
     }
     static disableFor(timeoutMs) {
@@ -1594,18 +1595,29 @@ class ForceVisibilityDirective {
             }
         }
         else {
+            const rootElement = document.getElementsByClassName('force-visibility-root')[0];
+            let wasSmooth = false;
+            if (this.noSmoothScrolling) {
+                if (rootElement && window.getComputedStyle(rootElement).scrollBehavior === 'smooth') {
+                    rootElement.style.scrollBehavior = 'unset';
+                    wasSmooth = true;
+                }
+            }
             if (this.visibilityFromTop !== 0) {
-                document.getElementsByClassName('force-visibility-root')[0].scrollTo(0, rect.top - +this.visibilityFromTop);
+                rootElement.scrollTo(0, rect.top - +this.visibilityFromTop);
             }
             else {
                 if (rect.bottom > window.innerHeight) {
-                    document.getElementsByClassName('force-visibility-root')[0].scrollBy(0, rect.bottom - window.innerHeight + 15);
+                    rootElement.scrollBy(0, rect.bottom - window.innerHeight + 15);
                 }
             }
+            if (wasSmooth) {
+                rootElement.style.scrollBehavior = 'smooth';
+            }
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: ForceVisibilityDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.4", type: ForceVisibilityDirective, isStandalone: false, selector: "[uiForceVisibility]", inputs: { visibilityWithin: "visibilityWithin", visibilityPadding: "visibilityPadding", visibilityOnRequestOnly: "visibilityOnRequestOnly", visibilityEmitChange: "visibilityEmitChange", visibilityFromTop: "visibilityFromTop", visibilityCheckEnabled: "visibilityCheckEnabled" }, outputs: { visibilityChanged: "visibilityChanged" }, exportAs: ["ForceVisibilityDirective"], usesOnChanges: true, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.4", type: ForceVisibilityDirective, isStandalone: false, selector: "[uiForceVisibility]", inputs: { visibilityWithin: "visibilityWithin", visibilityPadding: "visibilityPadding", visibilityOnRequestOnly: "visibilityOnRequestOnly", visibilityEmitChange: "visibilityEmitChange", visibilityFromTop: "visibilityFromTop", visibilityCheckEnabled: "visibilityCheckEnabled", noSmoothScrolling: "noSmoothScrolling" }, outputs: { visibilityChanged: "visibilityChanged" }, exportAs: ["ForceVisibilityDirective"], usesOnChanges: true, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: ForceVisibilityDirective, decorators: [{
             type: Directive,
@@ -1626,6 +1638,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
                 type: Input
             }], visibilityCheckEnabled: [{
                 type: Input
+            }], noSmoothScrolling: [{
+                type: Input
             }], visibilityChanged: [{
                 type: Output
             }] } });
@@ -2655,7 +2669,7 @@ class AutocompleteComponent extends UiBaseComponent {
                 provide: NG_VALUE_ACCESSOR,
                 multi: true,
                 useExisting: AutocompleteComponent
-            }], viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }, { propertyName: "optionsTrigger", first: true, predicate: ["trigger"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"wrapper\" #wrapper>\r\n  <div *ngIf=\"optionsVisible\" (click)=\"toggleDropdown()\" class=\"overlay\"></div>\r\n  <ui-input [formControl]=\"inputControl\" #input #trigger=\"cdkOverlayOrigin\" cdkOverlayOrigin (focusChanged)=\"inputFocusChanged($event)\" (keyPressed)=\"keyPressed($event)\" [placeholder]=\"placeholder\" [useInputMessages]=\"'never'\">\r\n    <div slot=\"prefix\"><ng-content select=\"[slot=acprefix]\"></ng-content></div>\r\n  </ui-input>\r\n\r\n  <ng-template cdkConnectedOverlay [cdkConnectedOverlayOrigin]=\"trigger\" [cdkConnectedOverlayOpen]=\"optionsVisible\">\r\n    <div class=\"options-box\" style=\"display: flex; flex-direction: column\" [ngStyle]=\"{width: wrapper.offsetWidth + 'px'}\">\r\n      <div class=\"options\" #options>\r\n\r\n        <ng-container *ngFor=\"let option of filteredOptions; index as i\">\r\n          <div *ngIf=\"i < filteredMaxItemsShown\" class=\"option-container\" [ngClass]=\"{selected: focusedOption === option}\">\r\n            <mat-checkbox [checked]=\"optionChecked(option) || option.unselectable\" [disabled]=\"option.unselectable\" (change)=\"toggleOptionCheckboxed(option)\">\r\n              <div class=\"option-container-inner\" (click)=\"select(option)\">\r\n                <div class=\"option-option\" uiForceVisibility [visibilityWithin]=\"options\" [visibilityPadding]=\"4\" *ngIf=\"focusedOption === option\" [ngClass]=\"{unselectable: option.unselectable}\">\r\n                  {{optionFormatter(option)}}\r\n                </div>\r\n                <div class=\"option-option\" *ngIf=\"focusedOption !== option\" [ngClass]=\"{unselectable: option.unselectable}\">\r\n                  {{optionFormatter(option)}}\r\n                </div>\r\n                <mat-icon *ngIf=\"!hasCheckboxSelected && !option.unselectable\">north_west</mat-icon>\r\n              </div>\r\n            </mat-checkbox>\r\n          </div>\r\n        </ng-container>\r\n\r\n        <div *ngIf=\"filteredOptions.length >= filteredMaxItemsShown\" class=\"option-container\" uiForceVisibility [visibilityWithin]=\"options\" [visibilityEmitChange]=\"true\" (visibilityChanged)=\"loadMore($event)\">\r\n          &nbsp;\r\n        </div>\r\n\r\n\r\n        <div *ngIf=\"filteredOptions.length === 0 && !focusedOption\" class=\"new-user\">\r\n          <ng-container *ngIf=\"alreadyAdded\">\r\n            <div style=\"text-align: center\">U\u017Eivatel {{inputControl.value}} u\u017E je mezi dlu\u017En\u00EDky</div>\r\n          </ng-container>\r\n          <ng-container *ngIf=\"!alreadyAdded\">\r\n            <div style=\"text-align: center; padding: 1em 0\">U\u017Eivatele <strong>{{inputControl.value}}</strong> nezn\u00E1me</div>\r\n            <ui-button *ngIf=\"allowNew\" style=\"margin-top: 6px;\" [size]=\"'small'\" [label]=\"'P\u0159idat jej?'\" (click)=\"newOption()\"></ui-button>\r\n          </ng-container>\r\n        </div>\r\n        <div *ngIf=\"filteredOptions.length === 0 && focusedOption\" class=\"new-user\">\r\n          <div style=\"text-align: center\">Nezn\u00E1m\u00FD u\u017Eivatel {{inputControl.value}}</div>\r\n        </div>\r\n      </div>\r\n\r\n      <div *ngIf=\"hasCheckboxSelected && filteredOptions.length > 0\" class=\"checkbox-buttons\">\r\n        <ui-button [size]=\"'small'\" [kind]=\"'basic'\" [label]=\"'Zru\u0161it v\u00FDb\u011Br'\" (click)=\"cancelCheckboxSelection()\"></ui-button>\r\n        <ui-button [size]=\"'small'\" [label]=\"'Pou\u017E\u00EDt v\u00FDb\u011Br (' + checkboxSelection.size + ')'\" (click)=\"useCheckboxSelection()\"></ui-button>\r\n      </div>\r\n    </div>\r\n  </ng-template>\r\n</div>\r\n\r\n", styles: [":host .wrapper{position:relative;outline:none;display:flex}:host .overlay{position:fixed;inset:0}.options-box{max-height:248px;min-width:310px;box-shadow:0 2px 4px -1px #07254833,0 4px 5px #07254824,0 1px 10px #0725481f}.options-box .checkbox-buttons{display:flex;padding:8px 4px 4px;justify-content:space-between}.options-box .options{padding:4px;overflow:auto;scroll-behavior:smooth;display:flex;flex-direction:column}.options-box .options .option-container{padding:0 0 0 12px;display:flex;align-items:center}.options-box .options .option-container:hover{cursor:pointer}.options-box .options .option-container mat-checkbox{width:100%}.options-box .options .option-container mat-checkbox ::ng-deep .mdc-form-field{width:100%}.options-box .options .option-container mat-checkbox ::ng-deep .mdc-form-field label{display:flex;width:100%}.options-box .options .option-container-inner{flex:1 1 100%;display:flex;align-items:center}.options-box .options .option-container-inner .option-option{flex:1 1 100%;padding:10px 0 10px 8px}.options-box .options .option-container-inner mat-icon{display:none;font-size:20px;height:20px;margin-right:8px}.options-box .options .option-container-inner:hover mat-icon{display:block}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i4$4.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i5.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i5.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "component", type: ButtonComponent, selector: "ui-button", inputs: ["type", "matIconPrefix", "label", "disabled", "busy", "kind", "color", "size", "formInvalid"] }, { kind: "component", type: InputComponent, selector: "ui-input", inputs: ["prefixIcon", "suffixIcon", "type", "clearButton", "activeIcons", "forceHasPrefix", "forceHasSuffix", "textAlign"], outputs: ["focusChanged", "keyPressed"] }, { kind: "directive", type: ForceVisibilityDirective, selector: "[uiForceVisibility]", inputs: ["visibilityWithin", "visibilityPadding", "visibilityOnRequestOnly", "visibilityEmitChange", "visibilityFromTop", "visibilityCheckEnabled"], outputs: ["visibilityChanged"], exportAs: ["ForceVisibilityDirective"] }] }); }
+            }], viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }, { propertyName: "optionsTrigger", first: true, predicate: ["trigger"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"wrapper\" #wrapper>\r\n  <div *ngIf=\"optionsVisible\" (click)=\"toggleDropdown()\" class=\"overlay\"></div>\r\n  <ui-input [formControl]=\"inputControl\" #input #trigger=\"cdkOverlayOrigin\" cdkOverlayOrigin (focusChanged)=\"inputFocusChanged($event)\" (keyPressed)=\"keyPressed($event)\" [placeholder]=\"placeholder\" [useInputMessages]=\"'never'\">\r\n    <div slot=\"prefix\"><ng-content select=\"[slot=acprefix]\"></ng-content></div>\r\n  </ui-input>\r\n\r\n  <ng-template cdkConnectedOverlay [cdkConnectedOverlayOrigin]=\"trigger\" [cdkConnectedOverlayOpen]=\"optionsVisible\">\r\n    <div class=\"options-box\" style=\"display: flex; flex-direction: column\" [ngStyle]=\"{width: wrapper.offsetWidth + 'px'}\">\r\n      <div class=\"options\" #options>\r\n\r\n        <ng-container *ngFor=\"let option of filteredOptions; index as i\">\r\n          <div *ngIf=\"i < filteredMaxItemsShown\" class=\"option-container\" [ngClass]=\"{selected: focusedOption === option}\">\r\n            <mat-checkbox [checked]=\"optionChecked(option) || option.unselectable\" [disabled]=\"option.unselectable\" (change)=\"toggleOptionCheckboxed(option)\">\r\n              <div class=\"option-container-inner\" (click)=\"select(option)\">\r\n                <div class=\"option-option\" uiForceVisibility [visibilityWithin]=\"options\" [visibilityPadding]=\"4\" *ngIf=\"focusedOption === option\" [ngClass]=\"{unselectable: option.unselectable}\">\r\n                  {{optionFormatter(option)}}\r\n                </div>\r\n                <div class=\"option-option\" *ngIf=\"focusedOption !== option\" [ngClass]=\"{unselectable: option.unselectable}\">\r\n                  {{optionFormatter(option)}}\r\n                </div>\r\n                <mat-icon *ngIf=\"!hasCheckboxSelected && !option.unselectable\">north_west</mat-icon>\r\n              </div>\r\n            </mat-checkbox>\r\n          </div>\r\n        </ng-container>\r\n\r\n        <div *ngIf=\"filteredOptions.length >= filteredMaxItemsShown\" class=\"option-container\" uiForceVisibility [visibilityWithin]=\"options\" [visibilityEmitChange]=\"true\" (visibilityChanged)=\"loadMore($event)\">\r\n          &nbsp;\r\n        </div>\r\n\r\n\r\n        <div *ngIf=\"filteredOptions.length === 0 && !focusedOption\" class=\"new-user\">\r\n          <ng-container *ngIf=\"alreadyAdded\">\r\n            <div style=\"text-align: center\">U\u017Eivatel {{inputControl.value}} u\u017E je mezi dlu\u017En\u00EDky</div>\r\n          </ng-container>\r\n          <ng-container *ngIf=\"!alreadyAdded\">\r\n            <div style=\"text-align: center; padding: 1em 0\">U\u017Eivatele <strong>{{inputControl.value}}</strong> nezn\u00E1me</div>\r\n            <ui-button *ngIf=\"allowNew\" style=\"margin-top: 6px;\" [size]=\"'small'\" [label]=\"'P\u0159idat jej?'\" (click)=\"newOption()\"></ui-button>\r\n          </ng-container>\r\n        </div>\r\n        <div *ngIf=\"filteredOptions.length === 0 && focusedOption\" class=\"new-user\">\r\n          <div style=\"text-align: center\">Nezn\u00E1m\u00FD u\u017Eivatel {{inputControl.value}}</div>\r\n        </div>\r\n      </div>\r\n\r\n      <div *ngIf=\"hasCheckboxSelected && filteredOptions.length > 0\" class=\"checkbox-buttons\">\r\n        <ui-button [size]=\"'small'\" [kind]=\"'basic'\" [label]=\"'Zru\u0161it v\u00FDb\u011Br'\" (click)=\"cancelCheckboxSelection()\"></ui-button>\r\n        <ui-button [size]=\"'small'\" [label]=\"'Pou\u017E\u00EDt v\u00FDb\u011Br (' + checkboxSelection.size + ')'\" (click)=\"useCheckboxSelection()\"></ui-button>\r\n      </div>\r\n    </div>\r\n  </ng-template>\r\n</div>\r\n\r\n", styles: [":host .wrapper{position:relative;outline:none;display:flex}:host .overlay{position:fixed;inset:0}.options-box{max-height:248px;min-width:310px;box-shadow:0 2px 4px -1px #07254833,0 4px 5px #07254824,0 1px 10px #0725481f}.options-box .checkbox-buttons{display:flex;padding:8px 4px 4px;justify-content:space-between}.options-box .options{padding:4px;overflow:auto;scroll-behavior:smooth;display:flex;flex-direction:column}.options-box .options .option-container{padding:0 0 0 12px;display:flex;align-items:center}.options-box .options .option-container:hover{cursor:pointer}.options-box .options .option-container mat-checkbox{width:100%}.options-box .options .option-container mat-checkbox ::ng-deep .mdc-form-field{width:100%}.options-box .options .option-container mat-checkbox ::ng-deep .mdc-form-field label{display:flex;width:100%}.options-box .options .option-container-inner{flex:1 1 100%;display:flex;align-items:center}.options-box .options .option-container-inner .option-option{flex:1 1 100%;padding:10px 0 10px 8px}.options-box .options .option-container-inner mat-icon{display:none;font-size:20px;height:20px;margin-right:8px}.options-box .options .option-container-inner:hover mat-icon{display:block}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i4$4.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i5.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i5.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "component", type: ButtonComponent, selector: "ui-button", inputs: ["type", "matIconPrefix", "label", "disabled", "busy", "kind", "color", "size", "formInvalid"] }, { kind: "component", type: InputComponent, selector: "ui-input", inputs: ["prefixIcon", "suffixIcon", "type", "clearButton", "activeIcons", "forceHasPrefix", "forceHasSuffix", "textAlign"], outputs: ["focusChanged", "keyPressed"] }, { kind: "directive", type: ForceVisibilityDirective, selector: "[uiForceVisibility]", inputs: ["visibilityWithin", "visibilityPadding", "visibilityOnRequestOnly", "visibilityEmitChange", "visibilityFromTop", "visibilityCheckEnabled", "noSmoothScrolling"], outputs: ["visibilityChanged"], exportAs: ["ForceVisibilityDirective"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AutocompleteComponent, decorators: [{
             type: Component,
@@ -3326,6 +3340,7 @@ class AutoCompleteComponent extends UiBaseComponent {
         this.panelClass = '';
         this.clearButton = false;
         this.removeDiacritics = false;
+        this.useInputMessages = 'never';
         this.filteredOptions = [];
         this.filteredMaxItemsShown = this.SHOWN_USERS_DELTA;
         // skipBlur = false;
@@ -3660,11 +3675,11 @@ class AutoCompleteComponent extends UiBaseComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AutoCompleteComponent, deps: [{ token: i1.ControlContainer, host: true, optional: true, skipSelf: true }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.4", type: AutoCompleteComponent, isStandalone: false, selector: "ui-auto-complete", inputs: { templates: "templates", options: "options", multiple: "multiple", allowNew: "allowNew", displayAttribute: "displayAttribute", idAttribute: "idAttribute", panelClass: "panelClass", clearButton: "clearButton", removeDiacritics: "removeDiacritics", optionDisabled: "optionDisabled", optionFormatter: "optionFormatter" }, providers: [{
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.4", type: AutoCompleteComponent, isStandalone: false, selector: "ui-auto-complete", inputs: { templates: "templates", options: "options", multiple: "multiple", allowNew: "allowNew", displayAttribute: "displayAttribute", idAttribute: "idAttribute", panelClass: "panelClass", clearButton: "clearButton", removeDiacritics: "removeDiacritics", useInputMessages: "useInputMessages", optionDisabled: "optionDisabled", optionFormatter: "optionFormatter" }, providers: [{
                 provide: NG_VALUE_ACCESSOR,
                 multi: true,
                 useExisting: AutoCompleteComponent
-            }], viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }, { propertyName: "optionsTrigger", first: true, predicate: ["trigger"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"wrapper\" #wrapper>\r\n    <div *ngIf=\"optionsVisible\" (click)=\"toggleDropdown()\" class=\"overlay\"></div>\r\n    <ui-input [formControl]=\"inputControl\" #input #trigger=\"cdkOverlayOrigin\" cdkOverlayOrigin\r\n              (focusChanged)=\"inputFocusChanged($event)\" (keyPressed)=\"keyPressed($event)\" [placeholder]=\"placeholder\"\r\n              [useInputMessages]=\"'never'\" [clearButton]=\"clearButton\" [label]=\"label\">\r\n        <div slot=\"prefix\">\r\n            <ng-content select=\"[slot=acprefix]\"></ng-content>\r\n        </div>\r\n    </ui-input>\r\n\r\n    <ng-template cdkConnectedOverlay [cdkConnectedOverlayOrigin]=\"trigger\" [cdkConnectedOverlayOpen]=\"optionsVisible\">\r\n        <div class=\"options-box\" [class]=\"panelClass\" style=\"display: flex; flex-direction: column\"\r\n             [ngStyle]=\"{width: wrapper.offsetWidth + 'px'}\">\r\n            <div class=\"options\" #options>\r\n\r\n                <ng-container *ngFor=\"let option of filteredOptions; index as i\">\r\n                    <div *ngIf=\"i < filteredMaxItemsShown\" class=\"option-container\"\r\n                         [ngClass]=\"{selected: focusedOption === option}\">\r\n                        @if (multiple) {\r\n                            <mat-checkbox [checked]=\"optionChecked(option) || option.unselectable\"\r\n                                          [disabled]=\"option.unselectable\" (change)=\"toggleOptionCheckboxed(option)\">\r\n                                <div class=\"option-container-inner\" (click)=\"select(option)\">\r\n                                    <div class=\"option-option\" uiForceVisibility [visibilityWithin]=\"options\"\r\n                                         [visibilityPadding]=\"4\" *ngIf=\"focusedOption === option\"\r\n                                         [ngClass]=\"{unselectable: option.unselectable}\">\r\n                                        {{ optionFormatter(option) }}\r\n                                    </div>\r\n                                    <div class=\"option-option\" *ngIf=\"focusedOption !== option\"\r\n                                         [ngClass]=\"{unselectable: option.unselectable}\">\r\n                                        {{ optionFormatter(option) }}\r\n                                    </div>\r\n                                    <mat-icon *ngIf=\"!hasCheckboxSelected && !option.unselectable\">north_west</mat-icon>\r\n                                </div>\r\n                            </mat-checkbox>\r\n                        } @else {\r\n                            <div class=\"option-container-inner\" (click)=\"select(option)\">\r\n                                <div class=\"option-option\" uiForceVisibility [visibilityWithin]=\"options\"\r\n                                     [visibilityPadding]=\"4\" *ngIf=\"focusedOption === option\"\r\n                                     [ngClass]=\"{unselectable: option.unselectable}\">\r\n                                    @if (templates?.optionTemplate) {\r\n                                        <ng-template [ngTemplateOutlet]=\"templates?.optionTemplate\"\r\n                                                     [ngTemplateOutletContext]=\"{option: option}\"></ng-template>\r\n                                    } @else {\r\n                                        {{ optionFormatter(option) }}\r\n                                    }\r\n                                </div>\r\n                                <div class=\"option-option\" *ngIf=\"focusedOption !== option\"\r\n                                     [ngClass]=\"{unselectable: option.unselectable}\">\r\n                                    @if (templates?.optionTemplate) {\r\n                                        <ng-template [ngTemplateOutlet]=\"templates?.optionTemplate\"\r\n                                                     [ngTemplateOutletContext]=\"{option: option}\"></ng-template>\r\n                                    } @else {\r\n                                        {{ optionFormatter(option) }}\r\n                                    }\r\n                                </div>\r\n                                <mat-icon *ngIf=\"!hasCheckboxSelected && !option.unselectable\">north_west</mat-icon>\r\n                            </div>\r\n                        }\r\n                    </div>\r\n                </ng-container>\r\n\r\n                <div *ngIf=\"filteredOptions.length >= filteredMaxItemsShown\" class=\"option-container\" uiForceVisibility\r\n                     [visibilityWithin]=\"options\" [visibilityEmitChange]=\"true\" (visibilityChanged)=\"loadMore($event)\">\r\n                    &nbsp;\r\n                </div>\r\n\r\n\r\n                <div *ngIf=\"filteredOptions.length === 0 && !focusedOption\" class=\"new-user\">\r\n                    @if (templates?.notFound) {\r\n                        <ng-template [ngTemplateOutlet]=\"templates?.notFound\"\r\n                                     [ngTemplateOutletContext]=\"{searchText: inputControl.value}\"></ng-template>\r\n                    } @else {\r\n                        <ng-container *ngIf=\"alreadyAdded\">\r\n                            <div style=\"text-align: center\">U\u017Eivatel {{ inputControl.value }} u\u017E je mezi dlu\u017En\u00EDky</div>\r\n                        </ng-container>\r\n                        <ng-container *ngIf=\"!alreadyAdded\">\r\n                            <div style=\"text-align: center; padding: 1em 0\">U\u017Eivatele\r\n                                <strong>{{ inputControl.value }}</strong> nezn\u00E1me\r\n                            </div>\r\n                            <ui-button *ngIf=\"allowNew\" style=\"margin-top: 6px;\" [size]=\"'small'\" [label]=\"'P\u0159idat jej?'\"\r\n                                       (click)=\"newOption()\"></ui-button>\r\n                        </ng-container>\r\n                    }\r\n                </div>\r\n                <div *ngIf=\"filteredOptions.length === 0 && focusedOption\" class=\"new-user\">\r\n                    <div style=\"text-align: center\">Nezn\u00E1m\u00FD u\u017Eivatel {{ inputControl.value }}</div>\r\n                </div>\r\n            </div>\r\n\r\n            <div *ngIf=\"hasCheckboxSelected && filteredOptions.length > 0\" class=\"checkbox-buttons\">\r\n                <ui-button [size]=\"'small'\" [kind]=\"'basic'\" [label]=\"'Zru\u0161it v\u00FDb\u011Br'\"\r\n                           (click)=\"cancelCheckboxSelection()\"></ui-button>\r\n                <ui-button [size]=\"'small'\" [label]=\"'Pou\u017E\u00EDt v\u00FDb\u011Br (' + checkboxSelection.size + ')'\"\r\n                           (click)=\"useCheckboxSelection()\"></ui-button>\r\n            </div>\r\n        </div>\r\n    </ng-template>\r\n</div>\r\n\r\n", styles: [":host .wrapper{position:relative;outline:none;display:flex}:host .overlay{position:fixed;inset:0}.options-box{max-height:248px;min-width:310px;box-shadow:0 2px 4px -1px #07254833,0 4px 5px #07254824,0 1px 10px #0725481f}.options-box .checkbox-buttons{display:flex;padding:8px 4px 4px;justify-content:space-between}.options-box .options{padding:4px;overflow:auto;scroll-behavior:smooth;display:flex;flex-direction:column}.options-box .options .option-container{padding:0 0 0 12px;display:flex;align-items:center}.options-box .options .option-container:hover{cursor:pointer}.options-box .options .option-container mat-checkbox{width:100%}.options-box .options .option-container mat-checkbox ::ng-deep .mdc-form-field{width:100%}.options-box .options .option-container mat-checkbox ::ng-deep .mdc-form-field label{display:flex;width:100%}.options-box .options .option-container-inner{flex:1 1 100%;display:flex;align-items:center}.options-box .options .option-container-inner .option-option{flex:1 1 100%;padding:10px 0 10px 8px}.options-box .options .option-container-inner mat-icon{display:none;font-size:20px;height:20px;margin-right:8px}.options-box .options .option-container-inner:hover mat-icon{display:block}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i4$4.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i5.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i5.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "component", type: ButtonComponent, selector: "ui-button", inputs: ["type", "matIconPrefix", "label", "disabled", "busy", "kind", "color", "size", "formInvalid"] }, { kind: "component", type: InputComponent, selector: "ui-input", inputs: ["prefixIcon", "suffixIcon", "type", "clearButton", "activeIcons", "forceHasPrefix", "forceHasSuffix", "textAlign"], outputs: ["focusChanged", "keyPressed"] }, { kind: "directive", type: ForceVisibilityDirective, selector: "[uiForceVisibility]", inputs: ["visibilityWithin", "visibilityPadding", "visibilityOnRequestOnly", "visibilityEmitChange", "visibilityFromTop", "visibilityCheckEnabled"], outputs: ["visibilityChanged"], exportAs: ["ForceVisibilityDirective"] }] }); }
+            }], viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }, { propertyName: "optionsTrigger", first: true, predicate: ["trigger"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"wrapper\" #wrapper>\r\n    <div *ngIf=\"optionsVisible\" (click)=\"toggleDropdown()\" class=\"overlay\"></div>\r\n    <ui-input [formControl]=\"inputControl\" #input #trigger=\"cdkOverlayOrigin\" cdkOverlayOrigin\r\n              (focusChanged)=\"inputFocusChanged($event)\" (keyPressed)=\"keyPressed($event)\" [placeholder]=\"placeholder\"\r\n              [useInputMessages]=\"useInputMessages\" [hint]=\"hint\" [clearButton]=\"clearButton\" [label]=\"label\">\r\n        <div slot=\"prefix\">\r\n            <ng-content select=\"[slot=acprefix]\"></ng-content>\r\n        </div>\r\n    </ui-input>\r\n\r\n    <ng-template cdkConnectedOverlay [cdkConnectedOverlayOrigin]=\"trigger\" [cdkConnectedOverlayOpen]=\"optionsVisible\">\r\n        <div class=\"options-box\" [class]=\"panelClass\" style=\"display: flex; flex-direction: column\"\r\n             [ngStyle]=\"{width: wrapper.offsetWidth + 'px'}\">\r\n            <div class=\"options\" #options>\r\n\r\n                <ng-container *ngFor=\"let option of filteredOptions; index as i\">\r\n                    <div *ngIf=\"i < filteredMaxItemsShown\" class=\"option-container\"\r\n                         [ngClass]=\"{selected: focusedOption === option}\">\r\n                        @if (multiple) {\r\n                            <mat-checkbox [checked]=\"optionChecked(option) || option.unselectable\"\r\n                                          [disabled]=\"option.unselectable\" (change)=\"toggleOptionCheckboxed(option)\">\r\n                                <div class=\"option-container-inner\" (click)=\"select(option)\">\r\n                                    <div class=\"option-option\" uiForceVisibility [visibilityWithin]=\"options\"\r\n                                         [visibilityPadding]=\"4\" *ngIf=\"focusedOption === option\"\r\n                                         [ngClass]=\"{unselectable: option.unselectable}\">\r\n                                        {{ optionFormatter(option) }}\r\n                                    </div>\r\n                                    <div class=\"option-option\" *ngIf=\"focusedOption !== option\"\r\n                                         [ngClass]=\"{unselectable: option.unselectable}\">\r\n                                        {{ optionFormatter(option) }}\r\n                                    </div>\r\n                                    <mat-icon *ngIf=\"!hasCheckboxSelected && !option.unselectable\">north_west</mat-icon>\r\n                                </div>\r\n                            </mat-checkbox>\r\n                        } @else {\r\n                            <div class=\"option-container-inner\" (click)=\"select(option)\">\r\n                                <div class=\"option-option\" uiForceVisibility [visibilityWithin]=\"options\"\r\n                                     [visibilityPadding]=\"4\" *ngIf=\"focusedOption === option\"\r\n                                     [ngClass]=\"{unselectable: option.unselectable}\">\r\n                                    @if (templates?.optionTemplate) {\r\n                                        <ng-template [ngTemplateOutlet]=\"templates?.optionTemplate\"\r\n                                                     [ngTemplateOutletContext]=\"{option: option}\"></ng-template>\r\n                                    } @else {\r\n                                        {{ optionFormatter(option) }}\r\n                                    }\r\n                                </div>\r\n                                <div class=\"option-option\" *ngIf=\"focusedOption !== option\"\r\n                                     [ngClass]=\"{unselectable: option.unselectable}\">\r\n                                    @if (templates?.optionTemplate) {\r\n                                        <ng-template [ngTemplateOutlet]=\"templates?.optionTemplate\"\r\n                                                     [ngTemplateOutletContext]=\"{option: option}\"></ng-template>\r\n                                    } @else {\r\n                                        {{ optionFormatter(option) }}\r\n                                    }\r\n                                </div>\r\n                                <mat-icon *ngIf=\"!hasCheckboxSelected && !option.unselectable\">north_west</mat-icon>\r\n                            </div>\r\n                        }\r\n                    </div>\r\n                </ng-container>\r\n\r\n                <div *ngIf=\"filteredOptions.length >= filteredMaxItemsShown\" class=\"option-container\" uiForceVisibility\r\n                     [visibilityWithin]=\"options\" [visibilityEmitChange]=\"true\" (visibilityChanged)=\"loadMore($event)\">\r\n                    &nbsp;\r\n                </div>\r\n\r\n\r\n                <div *ngIf=\"filteredOptions.length === 0 && !focusedOption\" class=\"new-user\">\r\n                    @if (templates?.notFound) {\r\n                        <ng-template [ngTemplateOutlet]=\"templates?.notFound\"\r\n                                     [ngTemplateOutletContext]=\"{searchText: inputControl.value}\"></ng-template>\r\n                    } @else {\r\n                        <ng-container *ngIf=\"alreadyAdded\">\r\n                            <div style=\"text-align: center\">U\u017Eivatel {{ inputControl.value }} u\u017E je mezi dlu\u017En\u00EDky</div>\r\n                        </ng-container>\r\n                        <ng-container *ngIf=\"!alreadyAdded\">\r\n                            <div style=\"text-align: center; padding: 1em 0\">U\u017Eivatele\r\n                                <strong>{{ inputControl.value }}</strong> nezn\u00E1me\r\n                            </div>\r\n                            <ui-button *ngIf=\"allowNew\" style=\"margin-top: 6px;\" [size]=\"'small'\" [label]=\"'P\u0159idat jej?'\"\r\n                                       (click)=\"newOption()\"></ui-button>\r\n                        </ng-container>\r\n                    }\r\n                </div>\r\n                <div *ngIf=\"filteredOptions.length === 0 && focusedOption\" class=\"new-user\">\r\n                    <div style=\"text-align: center\">Nezn\u00E1m\u00FD u\u017Eivatel {{ inputControl.value }}</div>\r\n                </div>\r\n            </div>\r\n\r\n            <div *ngIf=\"hasCheckboxSelected && filteredOptions.length > 0\" class=\"checkbox-buttons\">\r\n                <ui-button [size]=\"'small'\" [kind]=\"'basic'\" [label]=\"'Zru\u0161it v\u00FDb\u011Br'\"\r\n                           (click)=\"cancelCheckboxSelection()\"></ui-button>\r\n                <ui-button [size]=\"'small'\" [label]=\"'Pou\u017E\u00EDt v\u00FDb\u011Br (' + checkboxSelection.size + ')'\"\r\n                           (click)=\"useCheckboxSelection()\"></ui-button>\r\n            </div>\r\n        </div>\r\n    </ng-template>\r\n</div>\r\n\r\n", styles: [":host .wrapper{position:relative;outline:none;display:flex}:host .overlay{position:fixed;inset:0}.options-box{max-height:248px;min-width:310px;box-shadow:0 2px 4px -1px #07254833,0 4px 5px #07254824,0 1px 10px #0725481f}.options-box .checkbox-buttons{display:flex;padding:8px 4px 4px;justify-content:space-between}.options-box .options{padding:4px;overflow:auto;scroll-behavior:smooth;display:flex;flex-direction:column}.options-box .options .option-container{padding:0 0 0 12px;display:flex;align-items:center}.options-box .options .option-container:hover{cursor:pointer}.options-box .options .option-container mat-checkbox{width:100%}.options-box .options .option-container mat-checkbox ::ng-deep .mdc-form-field{width:100%}.options-box .options .option-container mat-checkbox ::ng-deep .mdc-form-field label{display:flex;width:100%}.options-box .options .option-container-inner{flex:1 1 100%;display:flex;align-items:center}.options-box .options .option-container-inner .option-option{flex:1 1 100%;padding:10px 0 10px 8px}.options-box .options .option-container-inner mat-icon{display:none;font-size:20px;height:20px;margin-right:8px}.options-box .options .option-container-inner:hover mat-icon{display:block}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i4$4.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i5.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i5.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "component", type: ButtonComponent, selector: "ui-button", inputs: ["type", "matIconPrefix", "label", "disabled", "busy", "kind", "color", "size", "formInvalid"] }, { kind: "component", type: InputComponent, selector: "ui-input", inputs: ["prefixIcon", "suffixIcon", "type", "clearButton", "activeIcons", "forceHasPrefix", "forceHasSuffix", "textAlign"], outputs: ["focusChanged", "keyPressed"] }, { kind: "directive", type: ForceVisibilityDirective, selector: "[uiForceVisibility]", inputs: ["visibilityWithin", "visibilityPadding", "visibilityOnRequestOnly", "visibilityEmitChange", "visibilityFromTop", "visibilityCheckEnabled", "noSmoothScrolling"], outputs: ["visibilityChanged"], exportAs: ["ForceVisibilityDirective"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AutoCompleteComponent, decorators: [{
             type: Component,
@@ -3672,7 +3687,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
                             provide: NG_VALUE_ACCESSOR,
                             multi: true,
                             useExisting: AutoCompleteComponent
-                        }], standalone: false, template: "<div class=\"wrapper\" #wrapper>\r\n    <div *ngIf=\"optionsVisible\" (click)=\"toggleDropdown()\" class=\"overlay\"></div>\r\n    <ui-input [formControl]=\"inputControl\" #input #trigger=\"cdkOverlayOrigin\" cdkOverlayOrigin\r\n              (focusChanged)=\"inputFocusChanged($event)\" (keyPressed)=\"keyPressed($event)\" [placeholder]=\"placeholder\"\r\n              [useInputMessages]=\"'never'\" [clearButton]=\"clearButton\" [label]=\"label\">\r\n        <div slot=\"prefix\">\r\n            <ng-content select=\"[slot=acprefix]\"></ng-content>\r\n        </div>\r\n    </ui-input>\r\n\r\n    <ng-template cdkConnectedOverlay [cdkConnectedOverlayOrigin]=\"trigger\" [cdkConnectedOverlayOpen]=\"optionsVisible\">\r\n        <div class=\"options-box\" [class]=\"panelClass\" style=\"display: flex; flex-direction: column\"\r\n             [ngStyle]=\"{width: wrapper.offsetWidth + 'px'}\">\r\n            <div class=\"options\" #options>\r\n\r\n                <ng-container *ngFor=\"let option of filteredOptions; index as i\">\r\n                    <div *ngIf=\"i < filteredMaxItemsShown\" class=\"option-container\"\r\n                         [ngClass]=\"{selected: focusedOption === option}\">\r\n                        @if (multiple) {\r\n                            <mat-checkbox [checked]=\"optionChecked(option) || option.unselectable\"\r\n                                          [disabled]=\"option.unselectable\" (change)=\"toggleOptionCheckboxed(option)\">\r\n                                <div class=\"option-container-inner\" (click)=\"select(option)\">\r\n                                    <div class=\"option-option\" uiForceVisibility [visibilityWithin]=\"options\"\r\n                                         [visibilityPadding]=\"4\" *ngIf=\"focusedOption === option\"\r\n                                         [ngClass]=\"{unselectable: option.unselectable}\">\r\n                                        {{ optionFormatter(option) }}\r\n                                    </div>\r\n                                    <div class=\"option-option\" *ngIf=\"focusedOption !== option\"\r\n                                         [ngClass]=\"{unselectable: option.unselectable}\">\r\n                                        {{ optionFormatter(option) }}\r\n                                    </div>\r\n                                    <mat-icon *ngIf=\"!hasCheckboxSelected && !option.unselectable\">north_west</mat-icon>\r\n                                </div>\r\n                            </mat-checkbox>\r\n                        } @else {\r\n                            <div class=\"option-container-inner\" (click)=\"select(option)\">\r\n                                <div class=\"option-option\" uiForceVisibility [visibilityWithin]=\"options\"\r\n                                     [visibilityPadding]=\"4\" *ngIf=\"focusedOption === option\"\r\n                                     [ngClass]=\"{unselectable: option.unselectable}\">\r\n                                    @if (templates?.optionTemplate) {\r\n                                        <ng-template [ngTemplateOutlet]=\"templates?.optionTemplate\"\r\n                                                     [ngTemplateOutletContext]=\"{option: option}\"></ng-template>\r\n                                    } @else {\r\n                                        {{ optionFormatter(option) }}\r\n                                    }\r\n                                </div>\r\n                                <div class=\"option-option\" *ngIf=\"focusedOption !== option\"\r\n                                     [ngClass]=\"{unselectable: option.unselectable}\">\r\n                                    @if (templates?.optionTemplate) {\r\n                                        <ng-template [ngTemplateOutlet]=\"templates?.optionTemplate\"\r\n                                                     [ngTemplateOutletContext]=\"{option: option}\"></ng-template>\r\n                                    } @else {\r\n                                        {{ optionFormatter(option) }}\r\n                                    }\r\n                                </div>\r\n                                <mat-icon *ngIf=\"!hasCheckboxSelected && !option.unselectable\">north_west</mat-icon>\r\n                            </div>\r\n                        }\r\n                    </div>\r\n                </ng-container>\r\n\r\n                <div *ngIf=\"filteredOptions.length >= filteredMaxItemsShown\" class=\"option-container\" uiForceVisibility\r\n                     [visibilityWithin]=\"options\" [visibilityEmitChange]=\"true\" (visibilityChanged)=\"loadMore($event)\">\r\n                    &nbsp;\r\n                </div>\r\n\r\n\r\n                <div *ngIf=\"filteredOptions.length === 0 && !focusedOption\" class=\"new-user\">\r\n                    @if (templates?.notFound) {\r\n                        <ng-template [ngTemplateOutlet]=\"templates?.notFound\"\r\n                                     [ngTemplateOutletContext]=\"{searchText: inputControl.value}\"></ng-template>\r\n                    } @else {\r\n                        <ng-container *ngIf=\"alreadyAdded\">\r\n                            <div style=\"text-align: center\">U\u017Eivatel {{ inputControl.value }} u\u017E je mezi dlu\u017En\u00EDky</div>\r\n                        </ng-container>\r\n                        <ng-container *ngIf=\"!alreadyAdded\">\r\n                            <div style=\"text-align: center; padding: 1em 0\">U\u017Eivatele\r\n                                <strong>{{ inputControl.value }}</strong> nezn\u00E1me\r\n                            </div>\r\n                            <ui-button *ngIf=\"allowNew\" style=\"margin-top: 6px;\" [size]=\"'small'\" [label]=\"'P\u0159idat jej?'\"\r\n                                       (click)=\"newOption()\"></ui-button>\r\n                        </ng-container>\r\n                    }\r\n                </div>\r\n                <div *ngIf=\"filteredOptions.length === 0 && focusedOption\" class=\"new-user\">\r\n                    <div style=\"text-align: center\">Nezn\u00E1m\u00FD u\u017Eivatel {{ inputControl.value }}</div>\r\n                </div>\r\n            </div>\r\n\r\n            <div *ngIf=\"hasCheckboxSelected && filteredOptions.length > 0\" class=\"checkbox-buttons\">\r\n                <ui-button [size]=\"'small'\" [kind]=\"'basic'\" [label]=\"'Zru\u0161it v\u00FDb\u011Br'\"\r\n                           (click)=\"cancelCheckboxSelection()\"></ui-button>\r\n                <ui-button [size]=\"'small'\" [label]=\"'Pou\u017E\u00EDt v\u00FDb\u011Br (' + checkboxSelection.size + ')'\"\r\n                           (click)=\"useCheckboxSelection()\"></ui-button>\r\n            </div>\r\n        </div>\r\n    </ng-template>\r\n</div>\r\n\r\n", styles: [":host .wrapper{position:relative;outline:none;display:flex}:host .overlay{position:fixed;inset:0}.options-box{max-height:248px;min-width:310px;box-shadow:0 2px 4px -1px #07254833,0 4px 5px #07254824,0 1px 10px #0725481f}.options-box .checkbox-buttons{display:flex;padding:8px 4px 4px;justify-content:space-between}.options-box .options{padding:4px;overflow:auto;scroll-behavior:smooth;display:flex;flex-direction:column}.options-box .options .option-container{padding:0 0 0 12px;display:flex;align-items:center}.options-box .options .option-container:hover{cursor:pointer}.options-box .options .option-container mat-checkbox{width:100%}.options-box .options .option-container mat-checkbox ::ng-deep .mdc-form-field{width:100%}.options-box .options .option-container mat-checkbox ::ng-deep .mdc-form-field label{display:flex;width:100%}.options-box .options .option-container-inner{flex:1 1 100%;display:flex;align-items:center}.options-box .options .option-container-inner .option-option{flex:1 1 100%;padding:10px 0 10px 8px}.options-box .options .option-container-inner mat-icon{display:none;font-size:20px;height:20px;margin-right:8px}.options-box .options .option-container-inner:hover mat-icon{display:block}\n"] }]
+                        }], standalone: false, template: "<div class=\"wrapper\" #wrapper>\r\n    <div *ngIf=\"optionsVisible\" (click)=\"toggleDropdown()\" class=\"overlay\"></div>\r\n    <ui-input [formControl]=\"inputControl\" #input #trigger=\"cdkOverlayOrigin\" cdkOverlayOrigin\r\n              (focusChanged)=\"inputFocusChanged($event)\" (keyPressed)=\"keyPressed($event)\" [placeholder]=\"placeholder\"\r\n              [useInputMessages]=\"useInputMessages\" [hint]=\"hint\" [clearButton]=\"clearButton\" [label]=\"label\">\r\n        <div slot=\"prefix\">\r\n            <ng-content select=\"[slot=acprefix]\"></ng-content>\r\n        </div>\r\n    </ui-input>\r\n\r\n    <ng-template cdkConnectedOverlay [cdkConnectedOverlayOrigin]=\"trigger\" [cdkConnectedOverlayOpen]=\"optionsVisible\">\r\n        <div class=\"options-box\" [class]=\"panelClass\" style=\"display: flex; flex-direction: column\"\r\n             [ngStyle]=\"{width: wrapper.offsetWidth + 'px'}\">\r\n            <div class=\"options\" #options>\r\n\r\n                <ng-container *ngFor=\"let option of filteredOptions; index as i\">\r\n                    <div *ngIf=\"i < filteredMaxItemsShown\" class=\"option-container\"\r\n                         [ngClass]=\"{selected: focusedOption === option}\">\r\n                        @if (multiple) {\r\n                            <mat-checkbox [checked]=\"optionChecked(option) || option.unselectable\"\r\n                                          [disabled]=\"option.unselectable\" (change)=\"toggleOptionCheckboxed(option)\">\r\n                                <div class=\"option-container-inner\" (click)=\"select(option)\">\r\n                                    <div class=\"option-option\" uiForceVisibility [visibilityWithin]=\"options\"\r\n                                         [visibilityPadding]=\"4\" *ngIf=\"focusedOption === option\"\r\n                                         [ngClass]=\"{unselectable: option.unselectable}\">\r\n                                        {{ optionFormatter(option) }}\r\n                                    </div>\r\n                                    <div class=\"option-option\" *ngIf=\"focusedOption !== option\"\r\n                                         [ngClass]=\"{unselectable: option.unselectable}\">\r\n                                        {{ optionFormatter(option) }}\r\n                                    </div>\r\n                                    <mat-icon *ngIf=\"!hasCheckboxSelected && !option.unselectable\">north_west</mat-icon>\r\n                                </div>\r\n                            </mat-checkbox>\r\n                        } @else {\r\n                            <div class=\"option-container-inner\" (click)=\"select(option)\">\r\n                                <div class=\"option-option\" uiForceVisibility [visibilityWithin]=\"options\"\r\n                                     [visibilityPadding]=\"4\" *ngIf=\"focusedOption === option\"\r\n                                     [ngClass]=\"{unselectable: option.unselectable}\">\r\n                                    @if (templates?.optionTemplate) {\r\n                                        <ng-template [ngTemplateOutlet]=\"templates?.optionTemplate\"\r\n                                                     [ngTemplateOutletContext]=\"{option: option}\"></ng-template>\r\n                                    } @else {\r\n                                        {{ optionFormatter(option) }}\r\n                                    }\r\n                                </div>\r\n                                <div class=\"option-option\" *ngIf=\"focusedOption !== option\"\r\n                                     [ngClass]=\"{unselectable: option.unselectable}\">\r\n                                    @if (templates?.optionTemplate) {\r\n                                        <ng-template [ngTemplateOutlet]=\"templates?.optionTemplate\"\r\n                                                     [ngTemplateOutletContext]=\"{option: option}\"></ng-template>\r\n                                    } @else {\r\n                                        {{ optionFormatter(option) }}\r\n                                    }\r\n                                </div>\r\n                                <mat-icon *ngIf=\"!hasCheckboxSelected && !option.unselectable\">north_west</mat-icon>\r\n                            </div>\r\n                        }\r\n                    </div>\r\n                </ng-container>\r\n\r\n                <div *ngIf=\"filteredOptions.length >= filteredMaxItemsShown\" class=\"option-container\" uiForceVisibility\r\n                     [visibilityWithin]=\"options\" [visibilityEmitChange]=\"true\" (visibilityChanged)=\"loadMore($event)\">\r\n                    &nbsp;\r\n                </div>\r\n\r\n\r\n                <div *ngIf=\"filteredOptions.length === 0 && !focusedOption\" class=\"new-user\">\r\n                    @if (templates?.notFound) {\r\n                        <ng-template [ngTemplateOutlet]=\"templates?.notFound\"\r\n                                     [ngTemplateOutletContext]=\"{searchText: inputControl.value}\"></ng-template>\r\n                    } @else {\r\n                        <ng-container *ngIf=\"alreadyAdded\">\r\n                            <div style=\"text-align: center\">U\u017Eivatel {{ inputControl.value }} u\u017E je mezi dlu\u017En\u00EDky</div>\r\n                        </ng-container>\r\n                        <ng-container *ngIf=\"!alreadyAdded\">\r\n                            <div style=\"text-align: center; padding: 1em 0\">U\u017Eivatele\r\n                                <strong>{{ inputControl.value }}</strong> nezn\u00E1me\r\n                            </div>\r\n                            <ui-button *ngIf=\"allowNew\" style=\"margin-top: 6px;\" [size]=\"'small'\" [label]=\"'P\u0159idat jej?'\"\r\n                                       (click)=\"newOption()\"></ui-button>\r\n                        </ng-container>\r\n                    }\r\n                </div>\r\n                <div *ngIf=\"filteredOptions.length === 0 && focusedOption\" class=\"new-user\">\r\n                    <div style=\"text-align: center\">Nezn\u00E1m\u00FD u\u017Eivatel {{ inputControl.value }}</div>\r\n                </div>\r\n            </div>\r\n\r\n            <div *ngIf=\"hasCheckboxSelected && filteredOptions.length > 0\" class=\"checkbox-buttons\">\r\n                <ui-button [size]=\"'small'\" [kind]=\"'basic'\" [label]=\"'Zru\u0161it v\u00FDb\u011Br'\"\r\n                           (click)=\"cancelCheckboxSelection()\"></ui-button>\r\n                <ui-button [size]=\"'small'\" [label]=\"'Pou\u017E\u00EDt v\u00FDb\u011Br (' + checkboxSelection.size + ')'\"\r\n                           (click)=\"useCheckboxSelection()\"></ui-button>\r\n            </div>\r\n        </div>\r\n    </ng-template>\r\n</div>\r\n\r\n", styles: [":host .wrapper{position:relative;outline:none;display:flex}:host .overlay{position:fixed;inset:0}.options-box{max-height:248px;min-width:310px;box-shadow:0 2px 4px -1px #07254833,0 4px 5px #07254824,0 1px 10px #0725481f}.options-box .checkbox-buttons{display:flex;padding:8px 4px 4px;justify-content:space-between}.options-box .options{padding:4px;overflow:auto;scroll-behavior:smooth;display:flex;flex-direction:column}.options-box .options .option-container{padding:0 0 0 12px;display:flex;align-items:center}.options-box .options .option-container:hover{cursor:pointer}.options-box .options .option-container mat-checkbox{width:100%}.options-box .options .option-container mat-checkbox ::ng-deep .mdc-form-field{width:100%}.options-box .options .option-container mat-checkbox ::ng-deep .mdc-form-field label{display:flex;width:100%}.options-box .options .option-container-inner{flex:1 1 100%;display:flex;align-items:center}.options-box .options .option-container-inner .option-option{flex:1 1 100%;padding:10px 0 10px 8px}.options-box .options .option-container-inner mat-icon{display:none;font-size:20px;height:20px;margin-right:8px}.options-box .options .option-container-inner:hover mat-icon{display:block}\n"] }]
         }], ctorParameters: () => [{ type: i1.ControlContainer, decorators: [{
                     type: Optional
                 }, {
@@ -3697,6 +3712,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
                 type: Input
             }], removeDiacritics: [{
                 type: Input
+            }], useInputMessages: [{
+                type: Input
             }], input: [{
                 type: ViewChild,
                 args: ['input']