@rt-tools/ui-kit-v2 0.29.1 → 0.30.0

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

@@ -1,10 +1,10 @@
 import * as i0 from "@angular/core";
-import { DestroyRef, Directive, ElementRef, Injectable, InjectionToken, Injector, LOCALE_ID, Pipe, booleanAttribute, computed, effect, inject, input, makeEnvironmentProviders, output, signal } from "@angular/core";
+import { DestroyRef, Directive, ElementRef, Injectable, InjectionToken, Injector, LOCALE_ID, Pipe, afterRenderEffect, booleanAttribute, computed, effect, inject, input, makeEnvironmentProviders, output, signal } from "@angular/core";
+import { DOCUMENT, formatDate } from "@angular/common";
 import { BreakpointObserver, Breakpoints } from "@angular/cdk/layout";
 import { toSignal } from "@angular/core/rxjs-interop";
 import { Subject, debounce, filter, map, timer } from "rxjs";
 import { PlatformService, StorageService, WINDOW } from "@rt-tools/core";
-import { DOCUMENT, formatDate } from "@angular/common";
 const RT_KIT_CONFIG = new InjectionToken("RT_KIT_CONFIG", {
 	providedIn: "root",
 	factory: () => ({})
@@ -418,6 +418,226 @@ i0.ɵɵngDeclareClassMetadata({
 		}]
 	}]
 });
+function rtScrollActiveOptionIntoView(activeOptionId) {
+	const document = inject(DOCUMENT);
+	afterRenderEffect(() => {
+		const id = activeOptionId();
+		const option = id ? document.getElementById(id) : null;
+		if (typeof option?.scrollIntoView === "function") option.scrollIntoView({ block: "nearest" });
+	});
+}
+function rtSearchFold(text) {
+	return text.toLowerCase().replace(/ё/g, "е");
+}
+function rtSearchWords(query) {
+	return rtSearchFold(query).split(/\s+/).filter((word) => word !== "");
+}
+function rtSearchMatches(text, query) {
+	const folded = rtSearchFold(text);
+	return rtSearchWords(query).every((word) => folded.includes(word));
+}
+function markWord(marks, folded, word) {
+	for (let at = folded.indexOf(word); at !== -1; at = folded.indexOf(word, at + 1)) marks.fill(true, at, at + word.length);
+}
+function rtMatchParts(name, query) {
+	if (name === "") return [];
+	const words = rtSearchWords(query);
+	const folded = rtSearchFold(name);
+	if (words.length === 0 || folded.length !== name.length) return [{
+		text: name,
+		matched: false
+	}];
+	const marks = Array.from({ length: name.length }, () => false);
+	words.forEach((word) => markWord(marks, folded, word));
+	const parts = [];
+	let from = 0;
+	for (let at = 1; at <= name.length; at++) if (at === name.length || marks[at] !== marks[from]) {
+		parts.push({
+			text: name.slice(from, at),
+			matched: marks[from]
+		});
+		from = at;
+	}
+	return parts;
+}
+const OPEN_KEYS = /* @__PURE__ */ new Set([
+	"ArrowDown",
+	"ArrowUp",
+	"Enter",
+	" "
+]);
+const MOVE_KEYS = /* @__PURE__ */ new Map([["ArrowDown", "next"], ["ArrowUp", "previous"]]);
+const EDGE_KEYS = /* @__PURE__ */ new Map([["Home", "first"], ["End", "last"]]);
+const SIDE_KEYS = /* @__PURE__ */ new Set(["ArrowRight", "ArrowLeft"]);
+var RtOptionList = class {
+	#config;
+	constructor(config) {
+		this.activeIndex = signal(-1, ...ngDevMode ? [{ debugName: "activeIndex" }] : /* istanbul ignore next */ []);
+		this.#config = config;
+		this.activeOptionId = computed(() => config.isOpen() && this.activeIndex() >= 0 ? `${config.panelId()}-opt-${this.activeIndex()}` : null, ...ngDevMode ? [{ debugName: "activeOptionId" }] : /* istanbul ignore next */ []);
+		rtScrollActiveOptionIntoView(this.activeOptionId);
+	}
+	opensBy(key) {
+		return OPEN_KEYS.has(key);
+	}
+	actionOf(key) {
+		const edge = this.#config.edgeKeys ? EDGE_KEYS.get(key) : void 0;
+		const fixed = MOVE_KEYS.get(key) ?? edge;
+		if (fixed !== void 0) return fixed;
+		if (this.#config.chooseKeys.has(key)) return "choose";
+		if (key === "Escape") return "close";
+		return this.#config.sideKeys && SIDE_KEYS.has(key) ? "side" : "none";
+	}
+	move(delta) {
+		const count = this.#config.count();
+		if (count === 0) {
+			this.activeIndex.set(-1);
+			return;
+		}
+		let index = this.activeIndex();
+		for (let step = 0; step < count; step += 1) {
+			index = (index + delta + count) % count;
+			if (!this.#config.isDisabled?.(index)) {
+				this.activeIndex.set(index);
+				return;
+			}
+		}
+	}
+	first() {
+		this.activeIndex.set(-1);
+		this.move(1);
+	}
+	last() {
+		this.activeIndex.set(0);
+		this.move(-1);
+	}
+	reset() {
+		this.activeIndex.set(-1);
+	}
+};
+function childrenOf(option) {
+	return option.children ?? [];
+}
+function isBranch(option) {
+	return childrenOf(option).length > 0;
+}
+function rtTreeIsTree(options) {
+	return options.some((option) => isBranch(option));
+}
+function rtTreeFind(options, value) {
+	for (const option of options) {
+		if (option.value === value) return option;
+		const found = rtTreeFind(childrenOf(option), value);
+		if (found) return found;
+	}
+}
+function rtTreeLeaves(option) {
+	if (option.disabled) return [];
+	if (!isBranch(option)) return [option.value];
+	return childrenOf(option).flatMap((child) => rtTreeLeaves(child));
+}
+function rtTreeBranchState(option, chosen) {
+	const leaves = rtTreeLeaves(option);
+	const count = leaves.filter((leaf) => chosen.includes(leaf)).length;
+	if (count === 0) return "none";
+	return count === leaves.length ? "all" : "some";
+}
+function holdsChosen(option, chosen) {
+	return childrenOf(option).some((child) => chosen.includes(child.value) || holdsChosen(child, chosen));
+}
+function collectOpen(list, chosen, open) {
+	for (const option of list) if (holdsChosen(option, chosen)) {
+		open.add(option.value);
+		collectOpen(childrenOf(option), chosen, open);
+	}
+}
+function rtTreeOpenFor(options, chosen) {
+	const open = /* @__PURE__ */ new Set();
+	collectOpen(options, chosen, open);
+	return open;
+}
+function matches(option, term) {
+	return rtSearchMatches(option.label, term);
+}
+function descendantMatches(option, term) {
+	return childrenOf(option).some((child) => matches(child, term) || descendantMatches(child, term));
+}
+function placeOption(walk, option, place) {
+	const self = !place.filtered || matches(option, walk.term);
+	const below = place.filtered && descendantMatches(option, walk.term);
+	if (!self && !below) return null;
+	const branch = isBranch(option);
+	const openBySet = self && walk.open.has(option.value);
+	const open = branch && (openBySet || below);
+	walk.rows.push({
+		option,
+		branch,
+		open,
+		level: place.level,
+		parent: place.parent
+	});
+	return open ? {
+		level: place.level + 1,
+		parent: option.value,
+		filtered: place.filtered && !openBySet
+	} : null;
+}
+function walkRows(walk, list, place) {
+	for (const option of list) {
+		const childPlace = placeOption(walk, option, place);
+		if (childPlace) walkRows(walk, childrenOf(option), childPlace);
+	}
+}
+function rtTreeRows(options, open, rawTerm = "") {
+	const term = rawTerm;
+	const walk = {
+		open,
+		term,
+		rows: []
+	};
+	walkRows(walk, options, {
+		level: 0,
+		parent: null,
+		filtered: rtSearchWords(term).length > 0
+	});
+	return walk.rows;
+}
+function sideRight(rows, row, index) {
+	if (row.branch && !row.open) return {
+		toggle: row.option.value,
+		index
+	};
+	return {
+		toggle: null,
+		index: row.branch && rows[index + 1]?.parent === row.option.value ? index + 1 : index
+	};
+}
+function sideLeft(rows, row, index) {
+	if (row.branch && row.open) return {
+		toggle: row.option.value,
+		index
+	};
+	const parentIndex = rows.findIndex((candidate) => candidate.option.value === row.parent);
+	return {
+		toggle: null,
+		index: parentIndex >= 0 ? parentIndex : index
+	};
+}
+function rtTreeSideKey(rows, index, key) {
+	const row = rows[index];
+	if (row && key === "ArrowRight") return sideRight(rows, row, index);
+	if (row && key === "ArrowLeft") return sideLeft(rows, row, index);
+	return {
+		toggle: null,
+		index
+	};
+}
+function rtTreeToggle(open, value) {
+	const next = new Set(open);
+	if (next.has(value)) next.delete(value);
+	else next.add(value);
+	return next;
+}
 const RT_NARROW_WIDTH = 1080;
 const NARROW_VIEWPORT_QUERY = `(max-width: ${RT_NARROW_WIDTH}px)`;
 function rtNarrowByWidth(placeWidth, viewportNarrow) {
@@ -2495,6 +2715,6 @@ const iconsName = [
 	"window-maximize",
 	"window-minimize"
 ];
-export { BreakpointsService, ERtDataTableCellColor, ERtDataTableColumnType, ERtDataTableFilterType, ERtMarkdownBlock, ERtMarkdownInline, ERtStorageKeys, MessageBus, NotificationBus, RT_CONSUMER_HANDLE_NAMES, RT_DATA_TABLE_PRESET_FROM_HOST, RT_DESIGN_TOKEN_NAMES, RT_KIT_CONFIG, RT_KIT_LABELS, RT_KIT_LABELS_EN, RT_KIT_LOCALE, RT_KIT_TRANSLATOR, RT_MATERIAL_PRESET_CLASS, RT_MATERIAL_PRESET_SELECTOR, RT_NARROW_WIDTH, RT_PRESET_MATERIAL_CLASS, RT_RADIUS_DEFAULT, RT_RADIUS_STEPS, RT_THEME_SCOPE_ATTRIBUTE, RtDayStampPipe, RtInfiniteScrollDirective, RtKitLabelPipe, RtThemeScopeDirective, SEARCH_DEBOUNCE_MS, ThemeService, breakNode, carryThemeScope, carryThemeScopeOfFocus, coerceQuillDeltaOutput, fileNameFromUrl, formatFileSize, iconsName, markdownToPlainText, materialPresetClassesOf, materialPresetClassesOfFocus, normalizeQuillDelta, parseInline, parseMarkdown, provideRtKit, provideRtKitLabels, rtKitDefault, rtKitLabel, rtNarrowByWidth, searchDebounce, themeScopeOf, themeScopeOfFocus };
+export { BreakpointsService, ERtDataTableCellColor, ERtDataTableColumnType, ERtDataTableFilterType, ERtMarkdownBlock, ERtMarkdownInline, ERtStorageKeys, MessageBus, NotificationBus, RT_CONSUMER_HANDLE_NAMES, RT_DATA_TABLE_PRESET_FROM_HOST, RT_DESIGN_TOKEN_NAMES, RT_KIT_CONFIG, RT_KIT_LABELS, RT_KIT_LABELS_EN, RT_KIT_LOCALE, RT_KIT_TRANSLATOR, RT_MATERIAL_PRESET_CLASS, RT_MATERIAL_PRESET_SELECTOR, RT_NARROW_WIDTH, RT_PRESET_MATERIAL_CLASS, RT_RADIUS_DEFAULT, RT_RADIUS_STEPS, RT_THEME_SCOPE_ATTRIBUTE, RtDayStampPipe, RtInfiniteScrollDirective, RtKitLabelPipe, RtOptionList, RtThemeScopeDirective, SEARCH_DEBOUNCE_MS, ThemeService, breakNode, carryThemeScope, carryThemeScopeOfFocus, coerceQuillDeltaOutput, fileNameFromUrl, formatFileSize, iconsName, markdownToPlainText, materialPresetClassesOf, materialPresetClassesOfFocus, normalizeQuillDelta, parseInline, parseMarkdown, provideRtKit, provideRtKitLabels, rtKitDefault, rtKitLabel, rtMatchParts, rtNarrowByWidth, rtScrollActiveOptionIntoView, rtSearchFold, rtSearchMatches, rtSearchWords, rtTreeBranchState, rtTreeFind, rtTreeIsTree, rtTreeLeaves, rtTreeOpenFor, rtTreeRows, rtTreeSideKey, rtTreeToggle, searchDebounce, themeScopeOf, themeScopeOfFocus };
 
 //# sourceMappingURL=rt-tools-ui-kit-v2-core.mjs.map