feat(components/tree-multi-select): added mode of selection to tree multi select

.github/PULL_REQUEST_TEMPLATE/prepare_release_for_5.md

@@ -26,7 +26,7 @@
 
 - [ ] Изменить версии в соответствующем массиве на ветке V4
  - apps/doc/src/app/version-manager/versions.constants.ts
-- [ ] Изменить version на текущий в файле nxmv.json и запустив команду `npx nx generate nx-mv:apply -n v18 --var-version 5.0.0` важно передавать --var-version нужную версию
+- [ ] Изменить version на текущий в файле nxmv.json и запустив команду `npx nx generate nx-mv:apply -n v18 --var-version 5.2.0` важно передавать --var-version нужную версию
 - [ ] Добавить в каждый тип ваши изменения в этом PR
 - [ ] Удалите не нужные группы изменений для этого PR (Features, Bug Fixes, Breacking Changes, Refactor)
 - [ ] Добавить изменения в changelog о новой версии

apps/doc/src/app/about-prizm/changelog/CHANGELOG.md

@@ -2,6 +2,257 @@
 
 All notable changes to this project will be documented in this file.
 
+## [5.1.0](https:/zyfra/Prizm) (09-10-2024)
+
+### Features
+
+- feat(components/file-upload): added input: files && added outputs: fileAdded, fileRemoved #1832
+- feat(components/file-upload): added custom actions && outputs: actionEvent, afterFilesChange #1832
+- feat(components/tree-select): added new component #2069
+- feat(components/tree-multi-select): added new component #2069
+- feat(components/switcher): extended switcher for pass as projection children #2069
+- feat(doc): add link to github issue page
+- feat(components/input-select): fixed position of search input for dropdown #1981 Note, there are layout changes: if you overridden the --prizm-select-item-padding variable in the project, there may be a regression.
+- feat(components/input-multiselect): fixed position of search input for dropdown #1981 Note, there are layout changes: if you overridden the --prizm-select-item-padding variable in the project, there may be a regression.
+- feat(components/checkbox): add box shadow for disabled radio and checkbox #2024
+- feat(doc/multiselect): add example for async items in multiselect #1754
+- feat(helpers/overflow): new directives host, item to hide overflowed items
+- feat(helpers/context): new directives and pipes to pass context and get context
+- feat(helpers/resize-observer): new util function to get observable of resize observer
+- feat(helpers/map): map with ability to get changes stream
+- feat(components/input-date-time): add time restrictions for min max values #1570
+- feat(components/input-date-time-range): add time restrictions for min max values #1570
+- feat(components/tree): added css variable for tree item height
+- feat(components/paginator): add left direction support #1154
+- feat(components/input-select): added input to control auto reposition dropdown window #1688
+- feat(components/input-multi-select): added input to control auto reposition dropdown window
+- feat(charts/area): replace PrizmChartsAriaOptions(deprecated now) by PrizmChartsAreaOptions
+- feat(charts): add color input for area, line, column, pie, radar, radial bar, scatter, treemap, waterfall #1816
+- feat(doc/charts): for line and column charts added ecamples with user's colors #1817
+- feat(doc/icons): example how to use custom icon #1841
+- feat(components/paginator): update paginator dictionary #1840 BREAKING CHANGE in dictionary - BREAKING CHANGE in dictionaries, why we do this read here
+- feat(doc/slider): add form control for slider #531
+- feat(components/file-upload): add hint for browse button when its disable due max files count reached #1769 - BREAKING CHANGE in dictionaries, why we do this read [here](https:/zyfra/Prizm/discussions/1617)
+- feat(components/file-upload): add translations for file size unit #1789 - BREAKING CHANGE in dictionaries, why we do this read [here](https:/zyfra/Prizm/discussions/1617)
+- feat(chore): update mr checklist template
+- feat(components/accordion): border-bottom can be dded to accordion item header #1322
+- feat(components/input-dates): added native date transformation for min max properties #1315
+- feat(components/input-dates): added date string transformation for min max properties #1573
+- feat(components/cron): added native date transformation for min max properties in date inputs #1315
+- feat(components/input-layout-date): added new provider for ISO and UTC strings transformer for input layout date #1574
+- feat(doc): remove examples for deleted prizm-input-date component
+- feat(nx-mv): support up version with templates
+
+### Bug fixes
+
+- fix(doc/version): add v5 version link to v4 version manager #2035
+- fix(component/chips): chips overflows the border #1975
+- fix(components/table): table sort cursor correction #1986
+- fix(components/table): sorter count div should not reserve space when empty #2021
+- fix(components/tabs): fix Cannot read properties of undefined (reading 'disconnect') #2013
+- fix(components): added icons to peerDependencies #1989
+- fix(components/button): correct outline buttons height #1399
+- fix(components/navigation-menu): fix navigation item height #1964
+- fix(doc): missing fix #1742 info added to 4.3.6 version in changelog
+- fix(components/slider): add markForCheck for setinng position from value for form control correct work #531
+- fix(components/accordion): accordion item header height should be 48px
+- fix(components/tabs): view not updated for activeTabindexChage when tabs overflows #1863
+- fix(components/tabs): tabindex should recalculate on close from dropdown #1948
+- fix(components/listing-item): disabled items should not fire mouse events #1947
+
+## [5.0.0](https:/zyfra/Prizm) (22-08-2024)
+
+### Features
+
+feat(components): remove deprecated function prizmCreateDateMask BREACKING CHANGE
+feat(components): remove deprecated exports #1849
+feat(components): remove deprecated exports with spelling mistakes: PrizmSelectValueTransformver, GridItemComponent, GridComponent, IndicatorComponent, SwitcherItemComponent, CallFuncPipe, ToTypePipe #1849 BREACKING CHANGE
+
+### Bug fixes
+
+fix(components/chips): fix spelling error in css variable name for --prizm-chips-item-height BREACKING CHANGE
+
+### [Demo Stand](https://prizm-v5.web.app/)
+
+### Release Notes - Major Update for Prizm Libraries to 5.0.0
+
+To allow for early use and feedback, we have released **5.0.0-rc.1** as a release candidate.
+
+_We are excited to announce a major update for Prizm libraries! This release includes a significant number of changes, including the removal of deprecated modules and functions, as well as the introduction of standalone components and directives._
+
+---
+
+### Angular Support Update
+
+With this major release, we are officially supporting Angular from 18.1.3. This version is the latest stable release at the time of our update and includes valuable new features such as the @let syntax and many more improvements. Please note that we will not be able to use new Angular updates for the next two years, so we encourage you to align your projects with this version to take advantage of its enhancements.
+
+Certainly! Here’s a draft for your release notes in English:
+
+---
+
+### Need migrate from removed component PrizmIconsSvgComponent
+
+**Component Library Update: Removal of PrizmIconsSvgComponent**
+
+We have officially removed the deprecated `PrizmIconsSvgComponent` from our PRIZM component library.
+
+To replace it, please use the current components:
+
+- `PrizmIconsComponent`
+- `PrizmIconsFullComponent`
+
+As the icon names have changed, we have created a convenient migration guide, which you can find on our [migration page](https://prizm-v5.web.app/components/icon#migrate).
+
+For an easy transition, utilize our name conversion function: `prizmIconsProvideOldSvgNameTransformer`.
+
+Feel free to adjust any parts as needed!
+
+---
+
+### New Feature: Enhanced File Update Tool @prizm-ui/nx-mv:apply
+
+We are excited to announce the release of an enhanced version of our file update tool, `@prizm-ui/nx-mv:apply`, starting from version 5.0.0.
+
+**Key Updates:**
+
+- **File and Folder Extension Handling:** The tool now supports updating files and folders based on specific extensions defined in the configuration file (`extFile` for files and `extFolder` for folders).
+- **Dynamic Content Rendering:** Enhanced support for EJS templating in files, allowing for dynamic content generation based on provided variables and constants.
+- **Selective Project Updates:** New configuration options for selectively updating projects or applying changes across all projects in the workspace.
+- **Root Directory Changes:** Ability to apply changes to files in the root directory of the project.
+- **File Removal:** Support for removing specified files before applying updates.
+- **Ignore File Handling:** Improved handling of files and directories to be ignored during the update process via the `nxmv.ignore` file.
+- **Command Line Variables:** The tool now accepts variables from the terminal command with the `--var-` prefix, allowing for dynamic usage in templates.
+
+**Example Command:**
+
+```
+npx nx generate @prizm-ui/nx-mv:apply -n v18 --var-version 5.0.0
+```
+
+For more detailed information and examples, please visit our documentation page at https://prizm-v5.web.app/tools/nxmv.
+
+Upgrade to version 5.0.0 to take advantage of these new features and streamline your project update processes.
+
+---
+
+This summary includes the new feature that accepts variables from the terminal command with the `--var-` prefix for use in templates, along with an example command to demonstrate this capability.
+
+#### Breaking Changes
+
+1. **Module Removals and Standalone Replacements:**
+
+ - **PrizmCounterModule**: Removed. Use standalone.
+ - **PrizmButtonModule**: Removed. Use standalone.
+ - **PrizmCheckedModule**: Removed. Use standalone `PrizmCheckedDirective`.
+ - **PrizmAutoResizeModule**: Removed. Use standalone `PrizmAutoResizeDirective`.
+ - **PrizmAutoFocusModule**: Removed. Use standalone `PrizmAutoFocusDirective`.
+ - **PrizmStopPropagationModule**: Removed. Use standalone `PrizmStopPropagationDirective`.
+ - **PrizmZoneEventModule**: Removed. Use standalone `PrizmZoneEventDirective`.
+ - **PrizmCalendarSheetModule**: Removed. Use standalone `PrizmCalendarSheetPipe`.
+ - **PrizmMapperModule**: Removed. Use standalone `PrizmMapperPipe`.
+ - **PrizmMonthModule**: Removed. Use standalone `PrizmMonthPipe`.
+ - **PrizmChartsAreaModule**: Removed. Use standalone `PrizmChartsAreaComponent`.
+ - **PrizmChartsBarModule**: Removed. Use standalone `PrizmChartsBarComponent`.
+ - **PrizmChartsColumnModule**: Removed. Use standalone `PrizmChartsColumnComponent`.
+ - **PrizmChartsGaugeModule**: Removed. Use standalone `PrizmChartsGaugeComponent`.
+ - **PrizmChartsLineModule**: Removed. Use standalone `PrizmChartsLineComponent`.
+ - **PrizmChartsPieModule**: Removed. Use standalone `PrizmChartsPieComponent`.
+ - **PrizmChartsRadarModule**: Removed. Use standalone `PrizmChartsRadarComponent`.
+ - **PrizmChartsRadialBarModule**: Removed. Use standalone `PrizmChartsRadialBarComponent`.
+ - **PrizmChartsScatterModule**: Removed. Use standalone `PrizmChartsScatterComponent`.
+ - **PrizmChartsTreemapModule**: Removed. Use standalone `PrizmChartsTreemapComponent`.
+ - **PrizmChartsWaterfallModule**: Removed. Use standalone `PrizmChartsWaterfallComponent`.
+ - **PrizmPanelModule**: Removed. Use standalone `PrizmPanelComponent`.
+ - **PrizmPrimitiveCalendarRangeModule**: Removed. Use standalone `PrizmPrimitiveCalendarRangeComponent`.
+ - **PrizmPrimitiveSpinButtonModule**: Removed. Use standalone `PrizmPrimitiveSpinButtonComponent`.
+ - **PrizmInputCorrectorModule**: Removed. Use standalone `PrizmInputCorrectorDirective`.
+ - **PrizmInputHintModule**: Removed. Use standalone `PrizmInputHintDirective`.
+ - **PrizmInputAllowedSymbolsModule**: Removed. Use standalone `PrizmInputAllowedSymbolsDirective`.
+ - **PrizmErrorPageModule**: Removed. Use standalone `PrizmErrorPageComponent`.
+
+2. **Deprecated Modules and Functions Removed:**
+
+ - **Removed deprecated interface `PrizmTabItem`**
+ - **Removed deprecated function `prizmCreateDateMask`**
+ - **PrizmFlagIconsModule**
+ - **PrizmCallFuncModule**
+ - **PrizmPluckModule**
+ - **PrizmToObservableModule**
+ - **PrizmToTypeModule**
+ - **PrizmOverlayModule**
+ - **PrizmLetModule**
+ - **prizmCreateTimeMask**
+ - **prizmCreateTimePartMask**
+ - **prizmExtractI18n**
+ - **PRIZM_DATE_RANGE_FILLER**, **PRIZM_DATE_FILLER** (tokens)
+ - **PrizmBaseColor**, **PrizmSupportColor** (enums)
+ - **PrizmSkeletonModule**
+ - **PrizmWrapperModule**
+ - **PrizmScrollIntoViewModule**
+ - **PrizmRepeatTimesModule**
+ - **PrizmPreventDefaultModule**
+ - **PrizmPressedModule**
+ - **PrizmOverscrollModule**
+ - **PrizmInputNativeValueModule**
+ - **PrizmMutationObserveModule**
+ - **PrizmLifecycleModule**
+ - **PrizmHoveredModule**
+ - **PrizmFocusedModule**
+ - **PrizmFocusableModule**
+ - **PrizmFocusTrapModule**
+ - **PrizmDropdownZoneModule**
+ - **PrizmDroppableModule**
+ - **PrizmElementReadyModule**
+ - **PrizmDropdownControllerModule**
+ - **PrizmIconsSvgModule**
+ - **PrizmShadowModule**
+ - **PrizmWidgetModule**
+ - **PrizmTreeButtonModule**
+ - **PrizmToggleModule**
+ - **PrizmSwitcherModule**
+ - **PrizmSpinnerModule**
+ - **PrizmRadioButtonModule**
+ - **PrizmPaginatorModule**
+ - **PrizmLoaderModule**
+ - **PrizmLinkModule**
+ - **PrizmPrimitiveCalendarModule**
+ - **PrizmPrimitiveMonthPickerModule**
+ - **PrizmPrimitiveYearMonthPaginationModule**
+ - **PrizmPrimitiveYearPickerModule**
+ - **PrizmCardModule**
+ - **PrizmHintModule**
+ - **PrizmIconsSvgComponent**
+ - **PrizmScrollControlsModule**
+ - **PrizmInputIconButtonModule**
+ - **PrizmInputDateMultiModule**
+ - **PrizmIndicatorModule**
+ - **PrizmDialogModule**
+ - **PrizmDialogConfirmModule**
+ - **PrizmCronHumanReadableModule**
+ - **PrizmFileUploadModule**
+ - **PrizmCalendarMonthModule**
+ - **PrizmCalendarRangeModule**
+ - **PrizmSidebarModule**
+ - **PrizmColumnSettingsModule**
+ - **prizmCreateDateMask**
+
+3. **Renamed Components:**
+
+ - **PanelComponent** renamed to `PrizmPanelComponent`.
+
+4. **Spelling Corrections in Exports:**
+ - **ToTypePipe** (use `PrizmToTypePipe`)
+ - **CallFuncPipe** (use `PrizmCallFuncPipe`)
+ - **PrizmSelectValueTransformver** corrected to `PrizmSelectValueTransformer`.
+ - **GridItemComponent** corrected to `PrizmGridItemComponent`.
+ - **GridComponent** corrected to `PrizmGridComponent`.
+ - **IndicatorComponent** corrected to `PrizmIndicatorComponent`.
+ - **SwitcherItemComponent** corrected to `PrizmSwitcherItemComponent`.
+ - **fix(components/chips)**: Corrected spelling error in CSS variable name for `--prizm-chips-item-height`.
+ - **feat(components)**: update spelling in sidebar and confirm result enums [#1548](https:/zyfra/Prizm/issues/1548) `PrizmConfirmDialogResultDefaultType.confirmed` to `PrizmConfirmDialogResultDefaultType.confirm` and `PrizmSidebarResultDefaultType.confirmed` to `PrizmSidebarResultDefaultType.confirm`
+5. **Replace inner prizm-svg-icon to prizm-icons in PrizmNavigationMenuComponent**
+ - **Update icon names to prizm-icons or inject our [converter](https://prizm-v5.web.app/components/icon#migrate)**
+
 ## [4.3.8](https:/zyfra/Prizm) (12-08-2024)
 
 ### Bug fixes

apps/doc/src/app/components/input/input-layout-date-time-range/input-layout-date-time-range.component.ts

@@ -40,7 +40,7 @@ export class InputLayoutDateTimeRangeComponent {
  new PrizmDateTime(new PrizmDay(2015, 3, 15), new PrizmTime(18, 20)),
  '2018-11-18T08:04:30+00:00',
  '2022-09-06T13:56:13.757Z',
- new Date(2027, 1, 1, 30, 0, 0),
+ new Date(2027, 1, 1, 20, 0, 0),
  'invalid date string',
  ];
  public min = this.minMaxVariants[0];

apps/doc/src/app/components/input/input-layout-date-time/input-layout-date-time.component.ts

@@ -26,7 +26,7 @@ export class InputLayoutDateTimeTimeComponent {
  new PrizmDay(2015, 3, 15),
  '2018-11-18T08:04:30+00:00',
  '2022-09-06T13:56:13.757Z',
- new Date(2027, 1, 1, 30, 0, 0),
+ new Date(2027, 1, 1, 20, 0, 0),
  'invalid date string',
  ];
  public min = this.minMaxVariants[0];

apps/doc/src/app/components/input/input-multi-select/input-multi-select.module.ts

@@ -19,6 +19,7 @@ import { PrizmInputMultiSelectValidatorsExampleComponent } from './examples/vali
 import { PrizmInputMultiSelectWithTransformerExampleComponent } from './examples/with-transformer/multi-select-with-transformer-example.component';
 import { PrizmIconsFullComponent } from '@prizm-ui/icons';
 import { PrizmInputMultiSelectAsyncExampleComponent } from './examples/async/multi-select-async-example.component';
+import { PrizmIfLanguageDirective } from '@prizm-ui/i18n';
 
 @NgModule({
  imports: [
@@ -34,6 +35,7 @@ import { PrizmInputMultiSelectAsyncExampleComponent } from './examples/async/mul
  PrizmLoaderComponent,
  PrizmPaginatorComponent,
  PrizmInputMultiSelectModule,
+ PrizmIfLanguageDirective,
  ],
  declarations: [
  PrizmInputMultiSelectWithTransformerExampleComponent,

apps/doc/src/app/components/input/input-tree-multi-select/examples/projection/tree-select-projection-example.component.html

@@ -1,4 +1,4 @@
-<prizm-input-layout label="Projection">
+<prizm-input-layout [style.--prizm-input-layout-width]="'90%'" label="Projection">
  <prizm-input-tree-multi-select
  #input
  [stringify]="stringify"

apps/doc/src/app/components/input/input-tree-multi-select/examples/setup-module.md

@@ -4,12 +4,14 @@ import {
  PrizmTreeMultiSelectItemDirective,
  PrizmTreeMultiSelectItemComponent,
  PrizmInputTreeMultiSelectComponent,
+ PrizmInputTreeMultiSelectCheckboxDirective,
 } from '@prizm-ui/components';
 
 @NgModule({
  imports: [
  PrizmTreeMultiSelectItemDirective,
  PrizmTreeMultiSelectItemComponent,
+ PrizmInputTreeMultiSelectCheckboxDirective,
  PrizmInputTreeMultiSelectComponent,
  ],
 })

apps/doc/src/app/components/input/input-tree-multi-select/input-tree-multi-select.component.html

@@ -36,7 +36,9 @@
  >
  <prizm-input-tree-multi-select
  #element
- #input
+ #input="prizmInputTreeMultiSelect"
+ #checkboxElement="prizmTreeMultiSelectCheckbox"
+ [checkboxPosition]="checkboxPosition"
  [searchMatcher]="searchMatcher"
  [prizmDocHostElement]="element"
  [isChipsDeletable]="isChipsDeletable"
@@ -45,6 +47,7 @@
  [prizmDropdownMaxHeight]="prizmDropdownMaxHeight"
  [placeholder]="placeholder"
  [searchLabel]="searchLabel"
+ [searchPlaceholder]="searchPlaceholder"
  [emptyListTemplate]="emptyListTemplate"
  [stringify]="stringify"
  [getChildren]="getChildren"
@@ -59,7 +62,7 @@
  [prizmHintOnOverflowEl]="host"
  >
  <div class="value" #host>
- {{ item }}
+ {{ item.value }}
  </div>
  </prizm-input-tree-multi-select-item>
  </ng-container>
@@ -68,6 +71,22 @@
  </prizm-input-layout>
  </prizm-doc-demo>
 
+ <prizm-doc-documentation
+ [hasTestId]="false"
+ [heading]="checkboxDirective"
+ [hostComponentKey]="checkboxDirective"
+ >
+ <ng-template
+ [(documentationPropertyValue)]="checkboxPosition"
+ [documentationPropertyValues]="checkboxPositionVariants"
+ documentationPropertyName="checkboxPosition"
+ documentationPropertyType="PrizmInputTreeMultiSelectCheckboxPosition"
+ documentationPropertyMode="input"
+ >
+ Checkbox Position
+ </ng-template>
+ </prizm-doc-documentation>
+
  <prizm-doc-documentation
  [hasTestId]="true"
  [heading]="selectKey"
@@ -98,6 +117,15 @@
  Search Mapper
  </ng-template>
 
+ <ng-template
+ [(documentationPropertyValue)]="searchPlaceholder"
+ documentationPropertyName="searchPlaceholder"
+ documentationPropertyType="string"
+ documentationPropertyMode="input"
+ >
+ Search Placeholder
+ </ng-template>
+
  <ng-template
  documentationPropertyName="searchDebounce"
  documentationPropertyType="number"