@libs-ui/components-list 0.2.127 → 0.2.129
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/defines/list.define.d.ts +1 -1
- package/esm2022/list.component.mjs +8 -5
- package/esm2022/templates/checkbox/checkbox.component.mjs +2 -2
- package/esm2022/templates/group/group.component.mjs +2 -2
- package/esm2022/templates/group/item/item.component.mjs +3 -3
- package/esm2022/templates/radio/radio.component.mjs +2 -2
- package/esm2022/templates/rows/rows.component.mjs +3 -3
- package/esm2022/templates/tag/tag.component.mjs +2 -2
- package/esm2022/templates/templates.component.abstract.mjs +5 -5
- package/esm2022/templates/text/text.component.mjs +2 -2
- package/fesm2022/libs-ui-components-list.mjs +20 -17
- package/fesm2022/libs-ui-components-list.mjs.map +1 -1
- package/package.json +1 -1
|
@@ -125,10 +125,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
125
125
|
|
|
126
126
|
/* eslint-disable @typescript-eslint/no-explicit-any */
|
|
127
127
|
class LibsUiComponentsListRowsComponent {
|
|
128
|
-
|
|
128
|
+
// #region PROPERTY
|
|
129
129
|
popoverIcon = signal(`<i class='libs-ui-icon-tooltip-outline text-[16px] ml-[8px]'></i>`);
|
|
130
130
|
configItemTextRows = signal([]);
|
|
131
|
-
|
|
131
|
+
// #region INPUT
|
|
132
132
|
configTemplate = input.required();
|
|
133
133
|
item = input();
|
|
134
134
|
keySelected = input();
|
|
@@ -183,7 +183,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
183
183
|
/* eslint-disable @typescript-eslint/no-explicit-any */
|
|
184
184
|
/* eslint-disable @angular-eslint/use-lifecycle-interface */
|
|
185
185
|
class LibsUiComponentsListTemplatesComponentAbstract {
|
|
186
|
-
|
|
186
|
+
// #region PROPERTY
|
|
187
187
|
loading = signal(true);
|
|
188
188
|
heightViewPort = signal(0);
|
|
189
189
|
store = signal([]);
|
|
@@ -200,7 +200,7 @@ class LibsUiComponentsListTemplatesComponentAbstract {
|
|
|
200
200
|
onDestroy = new Subject();
|
|
201
201
|
intervalSetHeightViewPortSubscription;
|
|
202
202
|
intervalCheckScrollSubscription;
|
|
203
|
-
|
|
203
|
+
// #region INPUT
|
|
204
204
|
functionGetItemsAutoAddList = input();
|
|
205
205
|
paddingLeftItem = input(undefined);
|
|
206
206
|
maxItemShow = input(0);
|
|
@@ -230,7 +230,7 @@ class LibsUiComponentsListTemplatesComponentAbstract {
|
|
|
230
230
|
ignoreClassDisableDefaultWhenUseKeysDisableItem = input(); // bỏ chế độ disable item trên html để disable từng phần trong rows
|
|
231
231
|
templateRefSearchNoData = input(undefined);
|
|
232
232
|
autoSelectedFirstItemCallOutsideBefore = input(false);
|
|
233
|
-
|
|
233
|
+
// #region OUTPUT
|
|
234
234
|
outSortSingleSelect = output();
|
|
235
235
|
outSelectKey = output(); // sử dụng cho type radio,text.
|
|
236
236
|
outSelectMultiKey = output(); // sử dụng cho type cho phép chọn nhiều.
|
|
@@ -242,7 +242,7 @@ class LibsUiComponentsListTemplatesComponentAbstract {
|
|
|
242
242
|
outLoadItemsComplete = output();
|
|
243
243
|
/* VIEW CHILD */
|
|
244
244
|
itemRef = viewChild('itemRef');
|
|
245
|
-
|
|
245
|
+
// #region INJECT
|
|
246
246
|
translateService = inject(TranslateService);
|
|
247
247
|
httpRequestService = inject(LibsUiHttpRequestService);
|
|
248
248
|
constructor() {
|
|
@@ -514,7 +514,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
514
514
|
|
|
515
515
|
/* eslint-disable @typescript-eslint/no-explicit-any */
|
|
516
516
|
class LibsUiComponentsListCheckboxComponent extends LibsUiComponentsListTemplatesComponentAbstract {
|
|
517
|
-
|
|
517
|
+
// #region PROPERTY
|
|
518
518
|
configTemplateCheckbox = signal(undefined);
|
|
519
519
|
ngOnInit() {
|
|
520
520
|
if (isEmpty(this.config()?.configTemplateCheckbox?.())) {
|
|
@@ -883,7 +883,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
883
883
|
/* eslint-disable @typescript-eslint/no-explicit-any */
|
|
884
884
|
/* eslint-disable @angular-eslint/component-selector */
|
|
885
885
|
class LibsUiComponentsListGroupItemComponent {
|
|
886
|
-
|
|
886
|
+
// #region INPUT
|
|
887
887
|
items = input([]);
|
|
888
888
|
configTemplateGroup = input();
|
|
889
889
|
keySearch = input();
|
|
@@ -895,7 +895,7 @@ class LibsUiComponentsListGroupItemComponent {
|
|
|
895
895
|
disableLabel = input(undefined);
|
|
896
896
|
config = input();
|
|
897
897
|
keysStillOtherOptions = input([]);
|
|
898
|
-
|
|
898
|
+
// #region OUTPUT
|
|
899
899
|
outChangeView = output();
|
|
900
900
|
outChange = output();
|
|
901
901
|
outChangStageFlagMousePopover = output();
|
|
@@ -949,7 +949,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
949
949
|
|
|
950
950
|
/* eslint-disable @typescript-eslint/no-explicit-any */
|
|
951
951
|
class LibsUiComponentsListGroupComponent extends LibsUiComponentsListTemplatesComponentAbstract {
|
|
952
|
-
|
|
952
|
+
// #region PROPERTY
|
|
953
953
|
configTemplateGroup = signal(undefined);
|
|
954
954
|
level = signal(1);
|
|
955
955
|
keysChecked = signal([]);
|
|
@@ -1717,7 +1717,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
1717
1717
|
|
|
1718
1718
|
/* eslint-disable @typescript-eslint/no-explicit-any */
|
|
1719
1719
|
class LibsUiComponentsListRadioComponent extends LibsUiComponentsListTemplatesComponentAbstract {
|
|
1720
|
-
|
|
1720
|
+
// #region PROPERTY
|
|
1721
1721
|
configTemplateRadio = signal(undefined);
|
|
1722
1722
|
/* VIEW CHILD */
|
|
1723
1723
|
virtualScrollerComponent = viewChild(VirtualScrollerComponent);
|
|
@@ -1891,7 +1891,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
1891
1891
|
|
|
1892
1892
|
/* eslint-disable @typescript-eslint/no-explicit-any */
|
|
1893
1893
|
class LibsUiComponentsListTagComponent extends LibsUiComponentsListTemplatesComponentAbstract {
|
|
1894
|
-
|
|
1894
|
+
// #region PROPERTY
|
|
1895
1895
|
configTemplateTag = signal(undefined);
|
|
1896
1896
|
ngOnInit() {
|
|
1897
1897
|
if (!this.config()?.configTemplateTag?.()) {
|
|
@@ -2031,7 +2031,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
2031
2031
|
|
|
2032
2032
|
/* eslint-disable @typescript-eslint/no-explicit-any */
|
|
2033
2033
|
class LibsUiComponentsListTextComponent extends LibsUiComponentsListTemplatesComponentAbstract {
|
|
2034
|
-
|
|
2034
|
+
// #region PROPERTY
|
|
2035
2035
|
configTemplateText = signal(undefined);
|
|
2036
2036
|
/* VIEW CHILD */
|
|
2037
2037
|
virtualScrollerComponent = viewChild(VirtualScrollerComponent);
|
|
@@ -2314,7 +2314,7 @@ const initConfig = (config) => {
|
|
|
2314
2314
|
|
|
2315
2315
|
/* eslint-disable @typescript-eslint/no-explicit-any */
|
|
2316
2316
|
class LibsUiComponentsListComponent {
|
|
2317
|
-
|
|
2317
|
+
// #region PROPERTY
|
|
2318
2318
|
ERROR_MESSAGE_EMPTY_VALID = ERROR_MESSAGE_EMPTY_VALID;
|
|
2319
2319
|
disableButtonUnSelectOption = signal(true);
|
|
2320
2320
|
isErrorRequired = signal(false);
|
|
@@ -2341,7 +2341,7 @@ class LibsUiComponentsListComponent {
|
|
|
2341
2341
|
});
|
|
2342
2342
|
groupMultiKeySelected = signal([]);
|
|
2343
2343
|
functionControlInputSearch = signal(undefined);
|
|
2344
|
-
|
|
2344
|
+
// #region INPUT
|
|
2345
2345
|
hiddenInputSearch = input(false, { transform: value => value ?? false });
|
|
2346
2346
|
dropdownTabKeyActive = input();
|
|
2347
2347
|
keySearch = input();
|
|
@@ -2376,7 +2376,7 @@ class LibsUiComponentsListComponent {
|
|
|
2376
2376
|
templateRefSearchNoData = input(undefined);
|
|
2377
2377
|
resetKeyWhenSelectAllKeyDropdown = input();
|
|
2378
2378
|
ignoreClassDisableDefaultWhenUseKeysDisableItem = input(); // bỏ chế độ disable item trên html để disable từng phần trong rows
|
|
2379
|
-
|
|
2379
|
+
// #region OUTPUT
|
|
2380
2380
|
outSelectKey = output(); // sử dụng cho type chọn 1
|
|
2381
2381
|
outSelectMultiKey = output(); // sử dụng cho type cho phép chọn nhiều.
|
|
2382
2382
|
outUnSelectMultiKey = output(); // sử dụng cho type cho phép chọn nhiều.
|
|
@@ -2390,7 +2390,7 @@ class LibsUiComponentsListComponent {
|
|
|
2390
2390
|
/* VIEW CHILD */
|
|
2391
2391
|
listViewElementRef = viewChild('listViewContainer');
|
|
2392
2392
|
contentElementRef = viewChild('contentContainer');
|
|
2393
|
-
|
|
2393
|
+
// #region INJECT
|
|
2394
2394
|
dynamicComponentService = inject(LibsUiDynamicComponentService);
|
|
2395
2395
|
constructor() {
|
|
2396
2396
|
this.cleanUpEffect = effect(() => {
|
|
@@ -2557,6 +2557,9 @@ class LibsUiComponentsListComponent {
|
|
|
2557
2557
|
this.componentRef.setInput('keySelected', '');
|
|
2558
2558
|
this.componentRef.setInput('multiKeySelected', undefined);
|
|
2559
2559
|
this.disableButtonUnSelectOption.set(true);
|
|
2560
|
+
if (this.configData()?.type === 'group') {
|
|
2561
|
+
this.onUpdateMultiKeySelectedGroup.next();
|
|
2562
|
+
}
|
|
2560
2563
|
await this.checkIsValid();
|
|
2561
2564
|
}
|
|
2562
2565
|
handlerClickButtonOther(button) {
|