ngx-tethys 19.1.0-next.7 → 19.1.0-next.9

package/CHANGELOG.md

@@ -2,6 +2,29 @@
 
 All notable changes to this project will be documented in this file. See [commit-and-tag-version](https://github.com/absolute-version/commit-and-tag-version) for commit guidelines.
 
+# [19.1.0-next.9](https://github.com/atinc/ngx-tethys/compare/19.1.0-next.8...19.1.0-next.9) (2025-08-21)
+
+
+### Bug Fixes
+
+* **layout:** fix sidebar collapse icon ([f629534](https://github.com/atinc/ngx-tethys/commit/f6295349a6164addaca765128e6ffa576fe40473))
+
+
+### Features
+
+* **select:** #TINFR-2746 the multiple selections show tips to displa… ([#3536](https://github.com/atinc/ngx-tethys/issues/3536)) ([fad61b1](https://github.com/atinc/ngx-tethys/commit/fad61b1bd05878a15abfbb04b9f1dad04c15e1d8)), closes [#TINFR-2746](https://github.com/atinc/ngx-tethys/issues/TINFR-2746) [#TINFR-2746](https://github.com/atinc/ngx-tethys/issues/TINFR-2746)
+
+
+
+# [19.1.0-next.8](https://github.com/atinc/ngx-tethys/compare/19.1.0-next.7...19.1.0-next.8) (2025-08-19)
+
+
+### Bug Fixes
+
+* **shared:** this.inputElement() to this.inputElement()? ([1904d80](https://github.com/atinc/ngx-tethys/commit/1904d80cabd870dce8c7b9c26eca716f6011702e))
+
+
+
 # [19.1.0-next.7](https://github.com/atinc/ngx-tethys/compare/19.1.0-next.6...19.1.0-next.7) (2025-08-15)
 
 

package/fesm2022/ngx-tethys-cascader.mjs

@@ -1259,7 +1259,7 @@ class ThyCascader extends TabIndexDisabledControlValueAccessorMixin {
                 multi: true
             },
             ThyCascaderService
-        ], viewQueries: [{ propertyName: "cascaderOptions", predicate: ["cascaderOptions"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "cascaderOptionContainers", predicate: ["cascaderOptionContainers"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "cdkConnectedOverlay", first: true, predicate: CdkConnectedOverlay, descendants: true, isSignal: true }, { propertyName: "trigger", first: true, predicate: ["trigger"], descendants: true, isSignal: true }, { propertyName: "input", first: true, predicate: ["input"], descendants: true, isSignal: true }, { propertyName: "menu", first: true, predicate: ["menu"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div cdkOverlayOrigin #origin=\"cdkOverlayOrigin\" #trigger>\n  @if (thyShowInput()) {\n    <div\n      thySelectControl\n      [thyShowSearch]=\"thyShowSearch()\"\n      [thySize]=\"thySize()\"\n      [thyAllowClear]=\"true\"\n      [thySelectedOptions]=\"selected\"\n      [thyMaxTagCount]=\"thyMaxTagCount()\"\n      (thyOnRemove)=\"removeSelectedItem($event)\"\n      (thyOnClear)=\"clearSelection($event)\"\n      (thyOnBlur)=\"onBlur($event)\"\n      (thyOnSearch)=\"searchFilter($event)\"\n      [thyDisabled]=\"disabled\"\n      [thyIsMultiple]=\"thyMultiple()\"\n      [thyPanelOpened]=\"menuVisible\"\n      [thyPlaceholder]=\"thyPlaceholder()\"\n      [customDisplayTemplate]=\"customDisplayTemplate\"\n      [thyPreset]=\"thyPreset()\">\n      <ng-template #customDisplayTemplate let-value>\n        @if (!isLabelRenderTemplate()) {\n          <span [ngClass]=\"labelCls\">{{ value.labelText }}</span>\n        } @else {\n          <span [ngClass]=\"labelCls\">\n            <ng-template [ngTemplateOutlet]=\"thyLabelRender()\" [ngTemplateOutletContext]=\"value.labelRenderContext\"></ng-template>\n          </span>\n        }\n      </ng-template>\n    </div>\n  }\n</div>\n\n<ng-template\n  cdkConnectedOverlay\n  [cdkConnectedOverlayHasBackdrop]=\"thyHasBackdrop()\"\n  cdkConnectedOverlayBackdropClass=\"thy-cascader-backdrop\"\n  [cdkConnectedOverlayOrigin]=\"origin\"\n  [cdkConnectedOverlayPositions]=\"positions\"\n  [cdkConnectedOverlayMinWidth]=\"menuMinWidth\"\n  cdkConnectedOverlayTransformOriginOn=\".thy-cascader-menus\"\n  (backdropClick)=\"closeMenu()\"\n  (detach)=\"closeMenu()\"\n  (attach)=\"attached()\"\n  (positionChange)=\"positionChange($event)\"\n  [cdkConnectedOverlayOpen]=\"menuVisible\">\n  <div\n    [attr.tabindex]=\"-1\"\n    #menu\n    [ngClass]=\"menuCls\"\n    [ngStyle]=\"thyMenuStyle()\"\n    (mouseleave)=\"toggleMouseLeave($event)\"\n    [@scaleYMotion]=\"'enter'\">\n    @if (!isShowSearchPanel) {\n      @if (columns.length > 0) {\n        @for (options of columns; track $index; let i = $index; let isFirst = $first) {\n          <ul #cascaderOptionContainers [ngClass]=\"menuColumnCls()\">\n            @if (thyCascaderService.customOptions && thyCascaderService.customOptions.length > 0 && isFirst) {\n              @for (customOpt of thyCascaderService.customOptions; track trackByFn($index, customOpt)) {\n                <li\n                  #cascaderOptions\n                  thy-cascader-option\n                  [option]=\"customOpt\"\n                  [multiple]=\"thyMultiple()\"\n                  [isOnlySelectLeaf]=\"thyIsOnlySelectLeaf()\"\n                  [labelProperty]=\"thyLabelProperty()\"\n                  [active]=\"isActivatedOption(customOpt, 0)\"\n                  [halfSelected]=\"isHalfSelectedOption(customOpt, 0)\"\n                  [selected]=\"isSelectedOption(customOpt, 0)\"\n                  (toggleSelectChange)=\"clickCustomOption(customOpt, 0, $event)\"\n                  (click)=\"clickCustomOption(customOpt, 0, $event)\"\n                  (mouseover)=\"mouseoverOption(customOpt, 0, $event)\"></li>\n              }\n              <thy-divider class=\"my-1 mx-4\"></thy-divider>\n            }\n            @for (option of options; track trackByFn($index, option)) {\n              <li\n                #cascaderOptions\n                thy-cascader-option\n                [option]=\"option\"\n                [multiple]=\"thyMultiple()\"\n                [isOnlySelectLeaf]=\"thyIsOnlySelectLeaf()\"\n                [labelProperty]=\"thyLabelProperty()\"\n                [active]=\"isActivatedOption(option, i)\"\n                [halfSelected]=\"isHalfSelectedOption(option, i)\"\n                [selected]=\"isSelectedOption(option, i)\"\n                [optionRender]=\"thyOptionRender()\"\n                (toggleSelectChange)=\"clickOption(option, i, $event)\"\n                (click)=\"clickOption(option, i, $event)\"\n                (mouseover)=\"mouseoverOption(option, i, $event)\"></li>\n            }\n          </ul>\n        }\n      } @else {\n        <div class=\"thy-cascader-empty-container\" [ngStyle]=\"{ 'width.px': triggerRect?.width }\">\n          <thy-empty\n            class=\"thy-select-empty-content\"\n            thySize=\"sm\"\n            [thyMessage]=\"thyEmptyStateText()\"\n            [thyIconName]=\"emptyIcon()\"></thy-empty>\n        </div>\n      }\n    }\n    @if (isShowSearchPanel) {\n      @if (searchResultList.length) {\n        <ul class=\"thy-cascader-search-list py-3\" [ngStyle]=\"thySearchListStyle()\">\n          @for (item of searchResultList; track $index) {\n            <li\n              thy-cascader-search-option\n              [multiple]=\"thyMultiple()\"\n              [isOnlySelectLeaf]=\"thyIsOnlySelectLeaf()\"\n              [option]=\"item\"\n              [active]=\"item.selected\"\n              [optionRender]=\"thyOptionRender()\"\n              (toggleSelectChange)=\"selectSearchResult($event)\"></li>\n          }\n        </ul>\n      } @else {\n        <div class=\"thy-cascader-empty-container\" [ngStyle]=\"{ 'width.px': triggerRect?.width }\">\n          <thy-empty\n            class=\"thy-select-empty-content\"\n            thySize=\"sm\"\n            [thyMessage]=\"thyEmptyStateText()\"\n            [thyIconName]=\"emptyIcon()\"></thy-empty>\n        </div>\n      }\n    }\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "component", type: ThySelectControl, selector: "thy-select-control,[thySelectControl]", inputs: ["thyPanelOpened", "thyIsMultiple", "thyShowSearch", "thySelectedOptions", "thyDisabled", "customDisplayTemplate", "thyAllowClear", "thyPlaceholder", "thySize", "thyMaxTagCount", "thyBorderless", "thyPreset"], outputs: ["thyOnSearch", "thyOnRemove", "thyOnClear", "thyOnBlur"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: 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: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: ThyCascaderOptionComponent, selector: "[thy-cascader-option]", inputs: ["option", "multiple", "isOnlySelectLeaf", "optionRender", "active", "halfSelected", "selected", "labelProperty"], outputs: ["toggleSelectChange"] }, { kind: "component", type: ThyCascaderSearchOptionComponent, selector: "[thy-cascader-search-option]", inputs: ["option", "multiple", "isOnlySelectLeaf", "active", "optionRender"], outputs: ["toggleSelectChange"] }, { kind: "component", type: ThyEmpty, selector: "thy-empty", inputs: ["thyMessage", "thyTranslationKey", "thyTranslationValues", "thyEntityName", "thyEntityNameTranslateKey", "thyIconName", "thySize", "thyMarginTop", "thyTopAuto", "thyContainer", "thyImageUrl", "thyImageLoading", "thyImageFetchPriority", "thyDescription"] }, { kind: "component", type: ThyDivider, selector: "thy-divider", inputs: ["thyVertical", "thyStyle", "thyColor", "thyText", "thyTextDirection", "thyDeeper"] }], animations: [scaleYMotion] }); }
+        ], viewQueries: [{ propertyName: "cascaderOptions", predicate: ["cascaderOptions"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "cascaderOptionContainers", predicate: ["cascaderOptionContainers"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "cdkConnectedOverlay", first: true, predicate: CdkConnectedOverlay, descendants: true, isSignal: true }, { propertyName: "trigger", first: true, predicate: ["trigger"], descendants: true, isSignal: true }, { propertyName: "input", first: true, predicate: ["input"], descendants: true, isSignal: true }, { propertyName: "menu", first: true, predicate: ["menu"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div cdkOverlayOrigin #origin=\"cdkOverlayOrigin\" #trigger>\n  @if (thyShowInput()) {\n    <div\n      thySelectControl\n      [thyShowSearch]=\"thyShowSearch()\"\n      [thySize]=\"thySize()\"\n      [thyAllowClear]=\"true\"\n      [thySelectedOptions]=\"selected\"\n      [thyMaxTagCount]=\"thyMaxTagCount()\"\n      (thyOnRemove)=\"removeSelectedItem($event)\"\n      (thyOnClear)=\"clearSelection($event)\"\n      (thyOnBlur)=\"onBlur($event)\"\n      (thyOnSearch)=\"searchFilter($event)\"\n      [thyDisabled]=\"disabled\"\n      [thyIsMultiple]=\"thyMultiple()\"\n      [thyPanelOpened]=\"menuVisible\"\n      [thyPlaceholder]=\"thyPlaceholder()\"\n      [customDisplayTemplate]=\"customDisplayTemplate\"\n      [thyPreset]=\"thyPreset()\">\n      <ng-template #customDisplayTemplate let-value>\n        @if (!isLabelRenderTemplate()) {\n          <span [ngClass]=\"labelCls\">{{ value.labelText }}</span>\n        } @else {\n          <span [ngClass]=\"labelCls\">\n            <ng-template [ngTemplateOutlet]=\"thyLabelRender()\" [ngTemplateOutletContext]=\"value.labelRenderContext\"></ng-template>\n          </span>\n        }\n      </ng-template>\n    </div>\n  }\n</div>\n\n<ng-template\n  cdkConnectedOverlay\n  [cdkConnectedOverlayHasBackdrop]=\"thyHasBackdrop()\"\n  cdkConnectedOverlayBackdropClass=\"thy-cascader-backdrop\"\n  [cdkConnectedOverlayOrigin]=\"origin\"\n  [cdkConnectedOverlayPositions]=\"positions\"\n  [cdkConnectedOverlayMinWidth]=\"menuMinWidth\"\n  cdkConnectedOverlayTransformOriginOn=\".thy-cascader-menus\"\n  (backdropClick)=\"closeMenu()\"\n  (detach)=\"closeMenu()\"\n  (attach)=\"attached()\"\n  (positionChange)=\"positionChange($event)\"\n  [cdkConnectedOverlayOpen]=\"menuVisible\">\n  <div\n    [attr.tabindex]=\"-1\"\n    #menu\n    [ngClass]=\"menuCls\"\n    [ngStyle]=\"thyMenuStyle()\"\n    (mouseleave)=\"toggleMouseLeave($event)\"\n    [@scaleYMotion]=\"'enter'\">\n    @if (!isShowSearchPanel) {\n      @if (columns.length > 0) {\n        @for (options of columns; track $index; let i = $index; let isFirst = $first) {\n          <ul #cascaderOptionContainers [ngClass]=\"menuColumnCls()\">\n            @if (thyCascaderService.customOptions && thyCascaderService.customOptions.length > 0 && isFirst) {\n              @for (customOpt of thyCascaderService.customOptions; track trackByFn($index, customOpt)) {\n                <li\n                  #cascaderOptions\n                  thy-cascader-option\n                  [option]=\"customOpt\"\n                  [multiple]=\"thyMultiple()\"\n                  [isOnlySelectLeaf]=\"thyIsOnlySelectLeaf()\"\n                  [labelProperty]=\"thyLabelProperty()\"\n                  [active]=\"isActivatedOption(customOpt, 0)\"\n                  [halfSelected]=\"isHalfSelectedOption(customOpt, 0)\"\n                  [selected]=\"isSelectedOption(customOpt, 0)\"\n                  (toggleSelectChange)=\"clickCustomOption(customOpt, 0, $event)\"\n                  (click)=\"clickCustomOption(customOpt, 0, $event)\"\n                  (mouseover)=\"mouseoverOption(customOpt, 0, $event)\"></li>\n              }\n              <thy-divider class=\"my-1 mx-4\"></thy-divider>\n            }\n            @for (option of options; track trackByFn($index, option)) {\n              <li\n                #cascaderOptions\n                thy-cascader-option\n                [option]=\"option\"\n                [multiple]=\"thyMultiple()\"\n                [isOnlySelectLeaf]=\"thyIsOnlySelectLeaf()\"\n                [labelProperty]=\"thyLabelProperty()\"\n                [active]=\"isActivatedOption(option, i)\"\n                [halfSelected]=\"isHalfSelectedOption(option, i)\"\n                [selected]=\"isSelectedOption(option, i)\"\n                [optionRender]=\"thyOptionRender()\"\n                (toggleSelectChange)=\"clickOption(option, i, $event)\"\n                (click)=\"clickOption(option, i, $event)\"\n                (mouseover)=\"mouseoverOption(option, i, $event)\"></li>\n            }\n          </ul>\n        }\n      } @else {\n        <div class=\"thy-cascader-empty-container\" [ngStyle]=\"{ 'width.px': triggerRect?.width }\">\n          <thy-empty\n            class=\"thy-select-empty-content\"\n            thySize=\"sm\"\n            [thyMessage]=\"thyEmptyStateText()\"\n            [thyIconName]=\"emptyIcon()\"></thy-empty>\n        </div>\n      }\n    }\n    @if (isShowSearchPanel) {\n      @if (searchResultList.length) {\n        <ul class=\"thy-cascader-search-list py-3\" [ngStyle]=\"thySearchListStyle()\">\n          @for (item of searchResultList; track $index) {\n            <li\n              thy-cascader-search-option\n              [multiple]=\"thyMultiple()\"\n              [isOnlySelectLeaf]=\"thyIsOnlySelectLeaf()\"\n              [option]=\"item\"\n              [active]=\"item.selected\"\n              [optionRender]=\"thyOptionRender()\"\n              (toggleSelectChange)=\"selectSearchResult($event)\"></li>\n          }\n        </ul>\n      } @else {\n        <div class=\"thy-cascader-empty-container\" [ngStyle]=\"{ 'width.px': triggerRect?.width }\">\n          <thy-empty\n            class=\"thy-select-empty-content\"\n            thySize=\"sm\"\n            [thyMessage]=\"thyEmptyStateText()\"\n            [thyIconName]=\"emptyIcon()\"></thy-empty>\n        </div>\n      }\n    }\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "component", type: ThySelectControl, selector: "thy-select-control,[thySelectControl]", inputs: ["inputValue", "thyPanelOpened", "thyIsMultiple", "thyShowSearch", "thySelectedOptions", "thyDisabled", "customDisplayTemplate", "thyAllowClear", "thyPlaceholder", "thySize", "thyMaxTagCount", "thyBorderless", "thyPreset"], outputs: ["inputValueChange", "thyOnSearch", "thyOnRemove", "thyOnClear", "thyOnBlur"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: 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: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: ThyCascaderOptionComponent, selector: "[thy-cascader-option]", inputs: ["option", "multiple", "isOnlySelectLeaf", "optionRender", "active", "halfSelected", "selected", "labelProperty"], outputs: ["toggleSelectChange"] }, { kind: "component", type: ThyCascaderSearchOptionComponent, selector: "[thy-cascader-search-option]", inputs: ["option", "multiple", "isOnlySelectLeaf", "active", "optionRender"], outputs: ["toggleSelectChange"] }, { kind: "component", type: ThyEmpty, selector: "thy-empty", inputs: ["thyMessage", "thyTranslationKey", "thyTranslationValues", "thyEntityName", "thyEntityNameTranslateKey", "thyIconName", "thySize", "thyMarginTop", "thyTopAuto", "thyContainer", "thyImageUrl", "thyImageLoading", "thyImageFetchPriority", "thyDescription"] }, { kind: "component", type: ThyDivider, selector: "thy-divider", inputs: ["thyVertical", "thyStyle", "thyColor", "thyText", "thyTextDirection", "thyDeeper"] }], animations: [scaleYMotion] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyCascader, decorators: [{
             type: Component,