@rt-tools/ui-kit-v2 0.38.0 → 0.39.1

package/fesm2022/rt-tools-ui-kit-v2-table-core.mjs

@@ -0,0 +1,101 @@
+import { EListSortOrder } from "@rt-tools/utils";
+function rtIsEmptyFilterValue(value, mode) {
+	return mode === "falsy" ? !value : value === "";
+}
+function rtFilterOf(filters, propertyName) {
+	return filters.find((filter) => filter.propertyName === propertyName) ?? null;
+}
+function rtFiltersWithValue(filters, propertyName, operatorType, value, mode) {
+	const current = rtFilterOf(filters, propertyName);
+	if (rtIsEmptyFilterValue(value, mode)) return current === null ? filters : filters.filter((filter) => filter !== current);
+	if (current === null) return [...filters, {
+		propertyName,
+		operatorType,
+		value
+	}];
+	if (current.value === value) return filters;
+	return filters.map((filter) => filter === current ? {
+		...filter,
+		value
+	} : filter);
+}
+function rtFiltersWithOperator(filters, propertyName, operatorType, value, mode) {
+	const current = rtFilterOf(filters, propertyName);
+	if (current === null) return rtIsEmptyFilterValue(value, mode) ? filters : [...filters, {
+		propertyName,
+		operatorType,
+		value
+	}];
+	if (current.operatorType === operatorType) return filters;
+	return filters.map((filter) => filter === current ? {
+		...filter,
+		operatorType
+	} : filter);
+}
+function rtKeysOf(entities, keyExp) {
+	return entities.map((entity) => entity[keyExp]);
+}
+function rtWithPageEntities(selected, page, keyExp) {
+	const keys = rtKeysOf(selected, keyExp);
+	return [...selected, ...page.filter((entity) => !keys.includes(entity[keyExp]))];
+}
+function rtWithoutPageEntities(selected, page, keyExp) {
+	const keys = rtKeysOf(page, keyExp);
+	return selected.filter((entity) => !keys.includes(entity[keyExp]));
+}
+function rtWithEntity(selected, entity, checked, keyExp) {
+	const without = selected.filter((el) => el[keyExp] !== entity[keyExp]);
+	return checked ? [...without, entity] : without;
+}
+function rtAnyOnPage(page, selectedKeys, keyExp) {
+	return page.some((entity) => selectedKeys.includes(entity[keyExp]));
+}
+function rtAllOnPage(page, selectedKeys, keyExp) {
+	return page.every((entity) => selectedKeys.includes(entity[keyExp]));
+}
+function rtPresetEntities(entities, keys, keyExp) {
+	return entities.filter((entity) => keys.includes(entity[keyExp]));
+}
+function rtSelectedAfterPage(selected, page, excluded, keyExp) {
+	const excludedKeys = rtKeysOf(excluded, keyExp);
+	return rtWithPageEntities(selected, page, keyExp).filter((entity) => !excludedKeys.includes(entity[keyExp]));
+}
+function rtExcludedAfterEntity(excluded, entity, checked, keyExp) {
+	return rtWithEntity(excluded, entity, !checked, keyExp);
+}
+function rtExcludedAfterPageMarked(excluded, page, keyExp) {
+	return rtWithoutPageEntities(excluded, page, keyExp);
+}
+function rtExcludedAfterPageUnmarked(excluded, page, keyExp) {
+	return rtWithPageEntities(excluded, page, keyExp);
+}
+function rtIsSortedBy(current, propertyName) {
+	return !!propertyName && current?.propertyName === propertyName;
+}
+function rtSortDirectionOf(current, propertyName) {
+	return current && rtIsSortedBy(current, propertyName) ? current.sortDirection : null;
+}
+function rtNextSort(current, propertyName, cycle) {
+	const direction = current?.sortDirection?.toLowerCase();
+	if (!rtIsSortedBy(current, propertyName)) return {
+		propertyName,
+		sortDirection: EListSortOrder.ASC
+	};
+	if (direction === EListSortOrder.ASC) return {
+		propertyName,
+		sortDirection: EListSortOrder.DESC
+	};
+	return cycle === "repeats" ? {
+		propertyName,
+		sortDirection: EListSortOrder.ASC
+	} : null;
+}
+function rtAriaSortOf(current, propertyName) {
+	if (!rtIsSortedBy(current, propertyName)) return "none";
+	const direction = current?.sortDirection?.toLowerCase();
+	if (direction === EListSortOrder.ASC) return "ascending";
+	return direction === EListSortOrder.DESC ? "descending" : "none";
+}
+export { rtAllOnPage, rtAnyOnPage, rtAriaSortOf, rtExcludedAfterEntity, rtExcludedAfterPageMarked, rtExcludedAfterPageUnmarked, rtFilterOf, rtFiltersWithOperator, rtFiltersWithValue, rtIsEmptyFilterValue, rtIsSortedBy, rtKeysOf, rtNextSort, rtPresetEntities, rtSelectedAfterPage, rtSortDirectionOf, rtWithEntity, rtWithPageEntities, rtWithoutPageEntities };
+
+//# sourceMappingURL=rt-tools-ui-kit-v2-table-core.mjs.map

package/fesm2022/rt-tools-ui-kit-v2-table-core.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"rt-tools-ui-kit-v2-table-core.mjs","names":[],"sources":["../../../projects/ui-kit-v2/src/lib/components/table-core/rt-table-filter.core.ts","../../../projects/ui-kit-v2/src/lib/components/table-core/rt-table-selection.core.ts","../../../projects/ui-kit-v2/src/lib/components/table-core/rt-table-sort.core.ts"],"sourcesContent":["import { IFilterModel, TFilterOperatorType } from '@rt-tools/utils';\n\n/** Значение условия в том виде, в каком оно хранится и сверяется. Одно для обеих таблиц. */\nexport type TRtFilterValue = string | number | boolean;\n\n/**\n * Какие значения поля снимают условие колонки.\n *\n * `empty-string` — только пустая строка; `0` и `false` остаются значениями, так ведёт себя `rt-table`.\n * `falsy` — любое ложное значение, как в первом ките; так ведёт себя `rt-data-table`.\n */\nexport type TRtFilterEmptyMode = 'empty-string' | 'falsy';\n\n/** Снимает ли это значение условие колонки при режиме таблицы. */\nexport function rtIsEmptyFilterValue(value: unknown, mode: TRtFilterEmptyMode): boolean {\n    return mode === 'falsy' ? !value : value === '';\n}\n\n/** Условие по этой колонке из набора либо `null`, когда колонка ничего не отбирает. */\nexport function rtFilterOf<KEY extends string>(filters: ReadonlyArray<IFilterModel<KEY>>, propertyName: KEY): IFilterModel<KEY> | null {\n    return filters.find((filter: IFilterModel<KEY>): boolean => filter.propertyName === propertyName) ?? null;\n}\n\n/**\n * Набор условий после перемены значения по одной колонке.\n *\n * Пустое по режиму значение снимает колонку с отбора, а не уходит пустым условием: условие без\n * значения просит потребителя ответить «подходит всё», и потребитель, прочитавший его буквально, не\n * вернёт ни одной строки.\n *\n * Возвращает прежний набор тем же объектом, когда менять нечего: по этому признаку таблица и решает,\n * сообщать ли наружу.\n */\nexport function rtFiltersWithValue<KEY extends string>(\n    filters: ReadonlyArray<IFilterModel<KEY>>,\n    propertyName: KEY,\n    operatorType: TFilterOperatorType,\n    value: TRtFilterValue,\n    mode: TRtFilterEmptyMode\n): ReadonlyArray<IFilterModel<KEY>> {\n    const current: IFilterModel<KEY> | null = rtFilterOf(filters, propertyName);\n\n    if (rtIsEmptyFilterValue(value, mode)) {\n        return current === null ? filters : filters.filter((filter: IFilterModel<KEY>): boolean => filter !== current);\n    }\n\n    if (current === null) {\n        return [...filters, { propertyName, operatorType, value }];\n    }\n\n    if (current.value === value) {\n        return filters;\n    }\n\n    return filters.map((filter: IFilterModel<KEY>): IFilterModel<KEY> => (filter === current ? { ...filter, value } : filter));\n}\n\n/**\n * Набор условий после перемены вида сравнения по одной колонке.\n *\n * Колонка с условием меняет в нём вид сравнения. Колонка без условия, но с набранным значением,\n * получает условие; без значения отбирать нечего, и набор не меняется — наружу ничего не уходит.\n */\nexport function rtFiltersWithOperator<KEY extends string>(\n    filters: ReadonlyArray<IFilterModel<KEY>>,\n    propertyName: KEY,\n    operatorType: TFilterOperatorType,\n    value: IFilterModel<KEY>['value'],\n    mode: TRtFilterEmptyMode\n): ReadonlyArray<IFilterModel<KEY>> {\n    const current: IFilterModel<KEY> | null = rtFilterOf(filters, propertyName);\n\n    if (current === null) {\n        return rtIsEmptyFilterValue(value, mode) ? filters : [...filters, { propertyName, operatorType, value }];\n    }\n\n    if (current.operatorType === operatorType) {\n        return filters;\n    }\n\n    return filters.map((filter: IFilterModel<KEY>): IFilterModel<KEY> => (filter === current ? { ...filter, operatorType } : filter));\n}\n","/** Ключи записей списка. */\nexport function rtKeysOf<ENTITY_TYPE, KEY extends keyof ENTITY_TYPE>(\n    entities: ReadonlyArray<ENTITY_TYPE>,\n    keyExp: KEY\n): Array<ENTITY_TYPE[KEY]> {\n    return entities.map((entity: ENTITY_TYPE) => entity[keyExp]);\n}\n\n/** Записи страницы, добавленные к отмеченным; повторов не будет. */\nexport function rtWithPageEntities<ENTITY_TYPE, KEY extends keyof ENTITY_TYPE>(\n    selected: ReadonlyArray<ENTITY_TYPE>,\n    page: ReadonlyArray<ENTITY_TYPE>,\n    keyExp: KEY\n): ENTITY_TYPE[] {\n    const keys: Array<ENTITY_TYPE[KEY]> = rtKeysOf(selected, keyExp);\n\n    return [...selected, ...page.filter((entity: ENTITY_TYPE) => !keys.includes(entity[keyExp]))];\n}\n\n/** Отмеченные без записей страницы. */\nexport function rtWithoutPageEntities<ENTITY_TYPE, KEY extends keyof ENTITY_TYPE>(\n    selected: ReadonlyArray<ENTITY_TYPE>,\n    page: ReadonlyArray<ENTITY_TYPE>,\n    keyExp: KEY\n): ENTITY_TYPE[] {\n    const keys: Array<ENTITY_TYPE[KEY]> = rtKeysOf(page, keyExp);\n\n    return selected.filter((entity: ENTITY_TYPE) => !keys.includes(entity[keyExp]));\n}\n\n/** Отмеченные после отметки или снятия одной записи. */\nexport function rtWithEntity<ENTITY_TYPE, KEY extends keyof ENTITY_TYPE>(\n    selected: ReadonlyArray<ENTITY_TYPE>,\n    entity: ENTITY_TYPE,\n    checked: boolean,\n    keyExp: KEY\n): ENTITY_TYPE[] {\n    const without: ENTITY_TYPE[] = selected.filter((el: ENTITY_TYPE) => el[keyExp] !== entity[keyExp]);\n\n    return checked ? [...without, entity] : without;\n}\n\n/** Хоть одна запись страницы отмечена. */\nexport function rtAnyOnPage<ENTITY_TYPE, KEY extends keyof ENTITY_TYPE>(\n    page: ReadonlyArray<ENTITY_TYPE>,\n    selectedKeys: ReadonlyArray<ENTITY_TYPE[KEY]>,\n    keyExp: KEY\n): boolean {\n    return page.some((entity: ENTITY_TYPE) => selectedKeys.includes(entity[keyExp]));\n}\n\n/** Отмечены все записи страницы; пустая страница у первого кита считается отмеченной целиком. */\nexport function rtAllOnPage<ENTITY_TYPE, KEY extends keyof ENTITY_TYPE>(\n    page: ReadonlyArray<ENTITY_TYPE>,\n    selectedKeys: ReadonlyArray<ENTITY_TYPE[KEY]>,\n    keyExp: KEY\n): boolean {\n    return page.every((entity: ENTITY_TYPE) => selectedKeys.includes(entity[keyExp]));\n}\n\n/** Записи первой страницы, чьи ключи названы приложением как отмеченные заранее. */\nexport function rtPresetEntities<ENTITY_TYPE, KEY extends keyof ENTITY_TYPE>(\n    entities: ReadonlyArray<ENTITY_TYPE>,\n    keys: ReadonlyArray<ENTITY_TYPE[KEY]>,\n    keyExp: KEY\n): ENTITY_TYPE[] {\n    return entities.filter((entity: ENTITY_TYPE) => keys.includes(entity[keyExp]));\n}\n\n/** Отметки после смены страницы под «отметить все»: пришедшие строки отмечаются, кроме исключённых. */\nexport function rtSelectedAfterPage<ENTITY_TYPE, KEY extends keyof ENTITY_TYPE>(\n    selected: ReadonlyArray<ENTITY_TYPE>,\n    page: ReadonlyArray<ENTITY_TYPE>,\n    excluded: ReadonlyArray<ENTITY_TYPE>,\n    keyExp: KEY\n): ENTITY_TYPE[] {\n    const excludedKeys: Array<ENTITY_TYPE[KEY]> = rtKeysOf(excluded, keyExp);\n\n    return rtWithPageEntities(selected, page, keyExp).filter((entity: ENTITY_TYPE) => !excludedKeys.includes(entity[keyExp]));\n}\n\n/** Исключения после отметки или снятия одной записи под «отметить все». */\nexport function rtExcludedAfterEntity<ENTITY_TYPE, KEY extends keyof ENTITY_TYPE>(\n    excluded: ReadonlyArray<ENTITY_TYPE>,\n    entity: ENTITY_TYPE,\n    checked: boolean,\n    keyExp: KEY\n): ENTITY_TYPE[] {\n    return rtWithEntity(excluded, entity, !checked, keyExp);\n}\n\n/** Исключения после отметки всей страницы под «отметить все»: её записи уходят из исключений. */\nexport function rtExcludedAfterPageMarked<ENTITY_TYPE, KEY extends keyof ENTITY_TYPE>(\n    excluded: ReadonlyArray<ENTITY_TYPE>,\n    page: ReadonlyArray<ENTITY_TYPE>,\n    keyExp: KEY\n): ENTITY_TYPE[] {\n    return rtWithoutPageEntities(excluded, page, keyExp);\n}\n\n/** Исключения после снятия всей страницы под «отметить все»: её записи становятся исключениями. */\nexport function rtExcludedAfterPageUnmarked<ENTITY_TYPE, KEY extends keyof ENTITY_TYPE>(\n    excluded: ReadonlyArray<ENTITY_TYPE>,\n    page: ReadonlyArray<ENTITY_TYPE>,\n    keyExp: KEY\n): ENTITY_TYPE[] {\n    return rtWithPageEntities(excluded, page, keyExp);\n}\n","import { EListSortOrder, ISortModel, TListSortOrderType, TNullable } from '@rt-tools/utils';\n\n/** Значение атрибута `aria-sort` шапки: направление либо его отсутствие. Одно для обеих таблиц. */\nexport type TRtAriaSort = 'ascending' | 'descending' | 'none';\n\n/**\n * Что просит нажатие на шапку после убывания.\n *\n * `clears` — порядок снимается: по возрастанию → по убыванию → без порядка, так ведёт себя `rt-table`.\n * `repeats` — снова по возрастанию, как в первом ките; так ведёт себя `rt-data-table`.\n */\nexport type TRtSortCycle = 'clears' | 'repeats';\n\n/** Порядок стоит по этой колонке. */\nexport function rtIsSortedBy(current: TNullable<ISortModel<string>>, propertyName: TNullable<string>): boolean {\n    return !!propertyName && current?.propertyName === propertyName;\n}\n\n/** Направление порядка по этой колонке либо `null`, когда порядок стоит по другой или не стоит вовсе. */\nexport function rtSortDirectionOf(current: TNullable<ISortModel<string>>, propertyName: string): TListSortOrderType | null {\n    return current && rtIsSortedBy(current, propertyName) ? current.sortDirection : null;\n}\n\n/**\n * Следующий порядок после нажатия на шапку колонки.\n *\n * Оба круга смотрят на нажатую колонку: другая колонка встаёт по возрастанию, та, что идёт по\n * возрастанию, — по убыванию. Круги расходятся только после убывания.\n */\nexport function rtNextSort(current: TNullable<ISortModel<string>>, propertyName: string, cycle: TRtSortCycle): ISortModel<string> | null {\n    const direction: string | undefined = current?.sortDirection?.toLowerCase();\n\n    if (!rtIsSortedBy(current, propertyName)) {\n        return { propertyName, sortDirection: EListSortOrder.ASC };\n    }\n\n    if (direction === EListSortOrder.ASC) {\n        return { propertyName, sortDirection: EListSortOrder.DESC };\n    }\n\n    return cycle === 'repeats' ? { propertyName, sortDirection: EListSortOrder.ASC } : null;\n}\n\n/** Значение `aria-sort` шапки: скринридер называет порядок колонки, а не только её имя. */\nexport function rtAriaSortOf(current: TNullable<ISortModel<string>>, propertyName: string): TRtAriaSort {\n    if (!rtIsSortedBy(current, propertyName)) {\n        return 'none';\n    }\n\n    const direction: string | undefined = current?.sortDirection?.toLowerCase();\n\n    if (direction === EListSortOrder.ASC) {\n        return 'ascending';\n    }\n\n    return direction === EListSortOrder.DESC ? 'descending' : 'none';\n}\n"],"mappings":";AAcA,SAAgB,qBAAqB,OAAgB,MAAwB;CACzE,OAAO,SAAS,UAAU,CAAC,QAAQ,UAAU;AACjD;AAGA,SAAgB,WAA+B,SAA2C,cAAiB;CACvG,OAAO,QAAQ,MAAM,WAAuC,OAAO,iBAAiB,YAAY,KAAK;AACzG;AAYA,SAAgB,mBACZ,SACA,cACA,cACA,OACA,MAAwB;CAExB,MAAM,UAAoC,WAAW,SAAS,YAAY;CAE1E,IAAI,qBAAqB,OAAO,IAAI,GAChC,OAAO,YAAY,OAAO,UAAU,QAAQ,QAAQ,WAAuC,WAAW,OAAO;CAGjH,IAAI,YAAY,MACZ,OAAO,CAAC,GAAG,SAAS;EAAE;EAAc;EAAc;CAAK,CAAE;CAG7D,IAAI,QAAQ,UAAU,OAClB,OAAO;CAGX,OAAO,QAAQ,KAAK,WAAkD,WAAW,UAAU;EAAE,GAAG;EAAQ;CAAK,IAAK,MAAO;AAC7H;AAQA,SAAgB,sBACZ,SACA,cACA,cACA,OACA,MAAwB;CAExB,MAAM,UAAoC,WAAW,SAAS,YAAY;CAE1E,IAAI,YAAY,MACZ,OAAO,qBAAqB,OAAO,IAAI,IAAI,UAAU,CAAC,GAAG,SAAS;EAAE;EAAc;EAAc;CAAK,CAAE;CAG3G,IAAI,QAAQ,iBAAiB,cACzB,OAAO;CAGX,OAAO,QAAQ,KAAK,WAAkD,WAAW,UAAU;EAAE,GAAG;EAAQ;CAAY,IAAK,MAAO;AACpI;AChFA,SAAgB,SACZ,UACA,QAAW;CAEX,OAAO,SAAS,KAAK,WAAwB,OAAO,OAAO;AAC/D;AAGA,SAAgB,mBACZ,UACA,MACA,QAAW;CAEX,MAAM,OAAgC,SAAS,UAAU,MAAM;CAE/D,OAAO,CAAC,GAAG,UAAU,GAAG,KAAK,QAAQ,WAAwB,CAAC,KAAK,SAAS,OAAO,OAAO,CAAC,CAAC;AAChG;AAGA,SAAgB,sBACZ,UACA,MACA,QAAW;CAEX,MAAM,OAAgC,SAAS,MAAM,MAAM;CAE3D,OAAO,SAAS,QAAQ,WAAwB,CAAC,KAAK,SAAS,OAAO,OAAO,CAAC;AAClF;AAGA,SAAgB,aACZ,UACA,QACA,SACA,QAAW;CAEX,MAAM,UAAyB,SAAS,QAAQ,OAAoB,GAAG,YAAY,OAAO,OAAO;CAEjG,OAAO,UAAU,CAAC,GAAG,SAAS,MAAM,IAAI;AAC5C;AAGA,SAAgB,YACZ,MACA,cACA,QAAW;CAEX,OAAO,KAAK,MAAM,WAAwB,aAAa,SAAS,OAAO,OAAO,CAAC;AACnF;AAGA,SAAgB,YACZ,MACA,cACA,QAAW;CAEX,OAAO,KAAK,OAAO,WAAwB,aAAa,SAAS,OAAO,OAAO,CAAC;AACpF;AAGA,SAAgB,iBACZ,UACA,MACA,QAAW;CAEX,OAAO,SAAS,QAAQ,WAAwB,KAAK,SAAS,OAAO,OAAO,CAAC;AACjF;AAGA,SAAgB,oBACZ,UACA,MACA,UACA,QAAW;CAEX,MAAM,eAAwC,SAAS,UAAU,MAAM;CAEvE,OAAO,mBAAmB,UAAU,MAAM,MAAM,CAAC,CAAC,QAAQ,WAAwB,CAAC,aAAa,SAAS,OAAO,OAAO,CAAC;AAC5H;AAGA,SAAgB,sBACZ,UACA,QACA,SACA,QAAW;CAEX,OAAO,aAAa,UAAU,QAAQ,CAAC,SAAS,MAAM;AAC1D;AAGA,SAAgB,0BACZ,UACA,MACA,QAAW;CAEX,OAAO,sBAAsB,UAAU,MAAM,MAAM;AACvD;AAGA,SAAgB,4BACZ,UACA,MACA,QAAW;CAEX,OAAO,mBAAmB,UAAU,MAAM,MAAM;AACpD;AC7FA,SAAgB,aAAa,SAAwC,cAA+B;CAChG,OAAO,CAAC,CAAC,gBAAgB,SAAS,iBAAiB;AACvD;AAGA,SAAgB,kBAAkB,SAAwC,cAAoB;CAC1F,OAAO,WAAW,aAAa,SAAS,YAAY,IAAI,QAAQ,gBAAgB;AACpF;AAQA,SAAgB,WAAW,SAAwC,cAAsB,OAAmB;CACxG,MAAM,YAAgC,SAAS,eAAe,YAAW;CAEzE,IAAI,CAAC,aAAa,SAAS,YAAY,GACnC,OAAO;EAAE;EAAc,eAAe,eAAe;CAAG;CAG5D,IAAI,cAAc,eAAe,KAC7B,OAAO;EAAE;EAAc,eAAe,eAAe;CAAI;CAG7D,OAAO,UAAU,YAAY;EAAE;EAAc,eAAe,eAAe;CAAG,IAAK;AACvF;AAGA,SAAgB,aAAa,SAAwC,cAAoB;CACrF,IAAI,CAAC,aAAa,SAAS,YAAY,GACnC,OAAO;CAGX,MAAM,YAAgC,SAAS,eAAe,YAAW;CAEzE,IAAI,cAAc,eAAe,KAC7B,OAAO;CAGX,OAAO,cAAc,eAAe,OAAO,eAAe;AAC9D"}

package/fesm2022/rt-tools-ui-kit-v2-table.mjs

@@ -8,6 +8,7 @@ import { RtTooltipDirective } from "@rt-tools/ui-kit-v2/tooltip";
 import { NgTemplateOutlet } from "@angular/common";
 import { EFilterOperatorType, EListSortOrder } from "@rt-tools/utils";
 import { RtIconComponent } from "@rt-tools/ui-kit-v2/icon";
+import { rtAriaSortOf, rtFilterOf, rtFiltersWithOperator, rtFiltersWithValue, rtNextSort, rtSortDirectionOf } from "@rt-tools/ui-kit-v2/table-core";
 import { CDK_TABLE, CdkCell, CdkCellDef, CdkColumnDef, CdkHeaderCell, CdkHeaderCellDef, CdkTable, DataRowOutlet, FooterRowOutlet, HeaderRowOutlet, NoDataRowOutlet } from "@angular/cdk/table";
 import { takeUntilDestroyed } from "@angular/core/rxjs-interop";
 import { RtEmptyStateComponent } from "@rt-tools/ui-kit-v2/empty-state";
@@ -50,7 +51,7 @@ var RtCopyCellComponent = class RtCopyCellComponent {
 		this.#copiedLabel = rtKitLabel(COPIED_KEY);
 		this.copied = signal(false, ...ngDevMode ? [{ debugName: "copied" }] : /* istanbul ignore next */ []);
 		this.hint = signal("", ...ngDevMode ? [{ debugName: "hint" }] : /* istanbul ignore next */ []);
-		this.iconName = computed(() => this.copied() ? "check" : "copy", ...ngDevMode ? [{ debugName: "iconName" }] : /* istanbul ignore next */ []);
+		this.iconName = computed(() => this.copied() ? "check" : "ico-copy", ...ngDevMode ? [{ debugName: "iconName" }] : /* istanbul ignore next */ []);
 		this.actionLabel = computed(() => this.copied() ? this.#copiedLabel() : this.#copyLabel(), ...ngDevMode ? [{ debugName: "actionLabel" }] : /* istanbul ignore next */ []);
 		this.value = input(null, ...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
 		this.variant = input("ghost", ...ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []);
@@ -58,6 +59,10 @@ var RtCopyCellComponent = class RtCopyCellComponent {
 			...ngDevMode ? { debugName: "revealOnHover" } : /* istanbul ignore next */ {},
 			transform: booleanAttribute
 		});
+		this.framed = input(false, {
+			...ngDevMode ? { debugName: "framed" } : /* istanbul ignore next */ {},
+			transform: booleanAttribute
+		});
 		this.#destroyRef.onDestroy(() => this.#clearTimer());
 	}
 	measureTruncation() {
@@ -125,6 +130,13 @@ var RtCopyCellComponent = class RtCopyCellComponent {
 					isSignal: true,
 					isRequired: false,
 					transformFunction: null
+				},
+				framed: {
+					classPropertyName: "framed",
+					publicName: "framed",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
 				}
 			},
 			host: {
@@ -132,12 +144,15 @@ var RtCopyCellComponent = class RtCopyCellComponent {
 					"mouseenter": "measureTruncation()",
 					"focusin": "measureTruncation()"
 				},
-				properties: { "class.rt-copy-cell--static": "!revealOnHover()" },
+				properties: {
+					"class.rt-copy-cell--static": "!revealOnHover() || framed()",
+					"class.rt-copy-cell--framed": "framed()"
+				},
 				classAttribute: "rt-copy-cell"
 			},
 			ngImport: i0,
 			template: "<ng-container rtBlock=\"rt-copy-cell\">\n    <span rtElem=\"content\" qa-dataid=\"copy-cell-content\" [rtTooltip]=\"hint()\"><ng-content /></span>\n    <rt-icon-button\n        rtElem=\"button\"\n        qa-dataid=\"copy-cell-button\"\n        size=\"sm\"\n        [icon]=\"iconName()\"\n        [variant]=\"variant()\"\n        [ariaLabel]=\"actionLabel()\"\n        [tooltip]=\"actionLabel()\"\n        (clicked)=\"onCopy($event)\" />\n</ng-container>\n",
-			styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-copy-cell{--rt-copy-cell-transition-duration: var(--rt-duration-fast);display:inline-flex;min-width:0;align-items:center;gap:var(--rt-space-xs)}.rt-copy-cell__content{overflow:hidden;min-width:0;text-overflow:ellipsis;white-space:nowrap}.rt-copy-cell__button{flex:0 0 auto;opacity:0;transition:opacity var(--rt-copy-cell-transition-duration) ease}.rt-copy-cell:hover .rt-copy-cell__button,.rt-copy-cell:focus-within .rt-copy-cell__button{opacity:1}.rt-copy-cell--static .rt-copy-cell__button{opacity:1}.rt-table tbody tr:hover .rt-copy-cell__button,.rt-table tbody tr:focus-within .rt-copy-cell__button{opacity:1}}\n"],
+			styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-copy-cell{--rt-copy-cell-transition-duration: var(--rt-duration-fast);display:inline-flex;min-width:0;align-items:center;gap:var(--rt-space-xs)}.rt-copy-cell__content{overflow:hidden;min-width:0;text-overflow:ellipsis;white-space:nowrap}.rt-copy-cell__button{flex:0 0 auto;opacity:0;transition:opacity var(--rt-copy-cell-transition-duration) ease}.rt-copy-cell:hover .rt-copy-cell__button,.rt-copy-cell:focus-within .rt-copy-cell__button{opacity:1}.rt-copy-cell--static .rt-copy-cell__button{opacity:1}.rt-copy-cell--framed{display:flex;width:100%;box-sizing:border-box;padding:var(--rt-space-1) var(--rt-space-1) var(--rt-space-1) var(--rt-input-padding-x);border:var(--rt-input-border-width) solid var(--rt-input-color-border);border-radius:var(--rt-input-radius);background-color:var(--rt-input-color-bg);color:var(--rt-color-text-primary);font-size:var(--rt-text-sm);gap:var(--rt-space-sm);line-height:var(--rt-leading-normal)}.rt-copy-cell--framed .rt-copy-cell__content{flex:1 1 auto;overflow-wrap:anywhere;text-overflow:clip;white-space:normal}.rt-table tbody tr:hover .rt-copy-cell__button,.rt-table tbody tr:focus-within .rt-copy-cell__button{opacity:1}}\n"],
 			dependencies: [
 				{
 					kind: "component",
@@ -217,12 +232,13 @@ i0.ɵɵngDeclareClassMetadata({
 			],
 			host: {
 				class: BEM_BLOCK$5,
-				"[class.rt-copy-cell--static]": "!revealOnHover()",
+				"[class.rt-copy-cell--static]": "!revealOnHover() || framed()",
+				"[class.rt-copy-cell--framed]": "framed()",
 				"(mouseenter)": "measureTruncation()",
 				"(focusin)": "measureTruncation()"
 			},
 			template: "<ng-container rtBlock=\"rt-copy-cell\">\n    <span rtElem=\"content\" qa-dataid=\"copy-cell-content\" [rtTooltip]=\"hint()\"><ng-content /></span>\n    <rt-icon-button\n        rtElem=\"button\"\n        qa-dataid=\"copy-cell-button\"\n        size=\"sm\"\n        [icon]=\"iconName()\"\n        [variant]=\"variant()\"\n        [ariaLabel]=\"actionLabel()\"\n        [tooltip]=\"actionLabel()\"\n        (clicked)=\"onCopy($event)\" />\n</ng-container>\n",
-			styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-copy-cell{--rt-copy-cell-transition-duration: var(--rt-duration-fast);display:inline-flex;min-width:0;align-items:center;gap:var(--rt-space-xs)}.rt-copy-cell__content{overflow:hidden;min-width:0;text-overflow:ellipsis;white-space:nowrap}.rt-copy-cell__button{flex:0 0 auto;opacity:0;transition:opacity var(--rt-copy-cell-transition-duration) ease}.rt-copy-cell:hover .rt-copy-cell__button,.rt-copy-cell:focus-within .rt-copy-cell__button{opacity:1}.rt-copy-cell--static .rt-copy-cell__button{opacity:1}.rt-table tbody tr:hover .rt-copy-cell__button,.rt-table tbody tr:focus-within .rt-copy-cell__button{opacity:1}}\n"]
+			styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-copy-cell{--rt-copy-cell-transition-duration: var(--rt-duration-fast);display:inline-flex;min-width:0;align-items:center;gap:var(--rt-space-xs)}.rt-copy-cell__content{overflow:hidden;min-width:0;text-overflow:ellipsis;white-space:nowrap}.rt-copy-cell__button{flex:0 0 auto;opacity:0;transition:opacity var(--rt-copy-cell-transition-duration) ease}.rt-copy-cell:hover .rt-copy-cell__button,.rt-copy-cell:focus-within .rt-copy-cell__button{opacity:1}.rt-copy-cell--static .rt-copy-cell__button{opacity:1}.rt-copy-cell--framed{display:flex;width:100%;box-sizing:border-box;padding:var(--rt-space-1) var(--rt-space-1) var(--rt-space-1) var(--rt-input-padding-x);border:var(--rt-input-border-width) solid var(--rt-input-color-border);border-radius:var(--rt-input-radius);background-color:var(--rt-input-color-bg);color:var(--rt-color-text-primary);font-size:var(--rt-text-sm);gap:var(--rt-space-sm);line-height:var(--rt-leading-normal)}.rt-copy-cell--framed .rt-copy-cell__content{flex:1 1 auto;overflow-wrap:anywhere;text-overflow:clip;white-space:normal}.rt-table tbody tr:hover .rt-copy-cell__button,.rt-table tbody tr:focus-within .rt-copy-cell__button{opacity:1}}\n"]
 		}]
 	}],
 	ctorParameters: () => [],
@@ -250,27 +266,25 @@ i0.ɵɵngDeclareClassMetadata({
 				alias: "revealOnHover",
 				required: false
 			}]
+		}],
+		framed: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "framed",
+				required: false
+			}]
 		}]
 	}
 });
 function nextSort(current, propertyName) {
-	if (current === null || current.propertyName !== propertyName) return {
-		propertyName,
-		sortDirection: EListSortOrder.ASC
-	};
-	if (current.sortDirection === EListSortOrder.ASC) return {
-		propertyName,
-		sortDirection: EListSortOrder.DESC
-	};
-	return null;
+	return rtNextSort(current, propertyName, "clears");
 }
 function sortDirectionOf(current, propertyName) {
-	return current !== null && current.propertyName === propertyName ? current.sortDirection : null;
+	return rtSortDirectionOf(current, propertyName);
 }
 function ariaSortOf(current, propertyName) {
-	const direction = sortDirectionOf(current, propertyName);
-	if (direction === null) return "none";
-	return direction === EListSortOrder.ASC ? "ascending" : "descending";
+	return rtAriaSortOf(current, propertyName);
 }
 function isColumnSortable(config, key) {
 	const column = config.find((candidate) => candidate.key === key);
@@ -307,30 +321,15 @@ function withoutLockedHidden(config, settings) {
 function filterValueOf(value) {
 	return value instanceof Date ? value.toISOString() : value ?? "";
 }
+const RT_TABLE_EMPTY_MODE = "empty-string";
 function filterOf(filters, propertyName) {
-	return filters.find((filter) => filter.propertyName === propertyName) ?? null;
+	return rtFilterOf(filters, propertyName);
 }
 function filtersWithValue(filters, propertyName, operatorType, value) {
-	const current = filterOf(filters, propertyName);
-	if (value === "") return current === null ? filters : filters.filter((filter) => filter !== current);
-	if (current === null) return [...filters, {
-		propertyName,
-		operatorType,
-		value
-	}];
-	if (current.value === value) return filters;
-	return filters.map((filter) => filter === current ? {
-		...filter,
-		value
-	} : filter);
+	return rtFiltersWithValue(filters, propertyName, operatorType, value, RT_TABLE_EMPTY_MODE);
 }
 function filtersWithOperator(filters, propertyName, operatorType) {
-	const current = filterOf(filters, propertyName);
-	if (current === null || current.operatorType === operatorType) return filters;
-	return filters.map((filter) => filter === current ? {
-		...filter,
-		operatorType
-	} : filter);
+	return rtFiltersWithOperator(filters, propertyName, operatorType, "", RT_TABLE_EMPTY_MODE);
 }
 function startOperatorOf(allowed, start) {
 	if (start !== void 0) return start;
@@ -2417,13 +2416,15 @@ var RtTableSettingsAsideComponent = class RtTableSettingsAsideComponent extends
 						"ariaLabel",
 						"requestError",
 						"trapFocus",
+						"modal",
 						"pending"
 					]
 				},
 				{
 					kind: "component",
 					type: RtAsideFooterComponent,
-					selector: "rt-aside-footer"
+					selector: "rt-aside-footer",
+					inputs: ["phoneCloseLabel"]
 				},
 				{
 					kind: "component",