npm - @joanroucoux/cairn-ui - Versions diffs - 0.9.1 → 0.10.0 - Mend

@joanroucoux/cairn-ui 0.9.1 → 0.10.0

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.

Files changed (53) hide show

package/fesm2022/joanroucoux-cairn-ui-motion.mjs CHANGED Viewed

@@ -1,5 +1,5 @@
 import * as i0 from "@angular/core";
-import { DestroyRef, Directive, ElementRef, Injectable, afterNextRender, effect, inject, input, signal, untracked } from "@angular/core";
+import { DestroyRef, Directive, ElementRef, Injectable, afterNextRender, effect, inject, input, output, signal, untracked } from "@angular/core";
 var FlipItems = class FlipItems {
 	items = /* @__PURE__ */ new Set();
 	destroyed = /* @__PURE__ */ new Set();
@@ -25,7 +25,7 @@ var FlipItems = class FlipItems {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: FlipItems,
 		deps: [],
@@ -33,14 +33,14 @@ var FlipItems = class FlipItems {
 	});
 	static ɵprov = i0.ɵɵngDeclareInjectable({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: FlipItems
 	});
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: FlipItems,
 	decorators: [{ type: Injectable }]
@@ -151,7 +151,7 @@ var UiFlipList = class UiFlipList {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: UiFlipList,
 		deps: [],
@@ -159,7 +159,7 @@ var UiFlipList = class UiFlipList {
 	});
 	static ɵdir = i0.ɵɵngDeclareDirective({
 		minVersion: "14.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: UiFlipList,
 		isStandalone: true,
 		selector: "[uiFlipList]",
@@ -169,7 +169,7 @@ var UiFlipList = class UiFlipList {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: UiFlipList,
 	decorators: [{
@@ -192,7 +192,7 @@ var UiFlipItem = class UiFlipItem {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: UiFlipItem,
 		deps: [],
@@ -200,7 +200,7 @@ var UiFlipItem = class UiFlipItem {
 	});
 	static ɵdir = i0.ɵɵngDeclareDirective({
 		minVersion: "14.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: UiFlipItem,
 		isStandalone: true,
 		selector: "[uiFlipItem]",
@@ -209,7 +209,7 @@ var UiFlipItem = class UiFlipItem {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: UiFlipItem,
 	decorators: [{
@@ -228,6 +228,7 @@ function paintedElements(host) {
 }
 var UiHighlight = class UiHighlight {
 	uiHighlight = input(null, ...ngDevMode ? [{ debugName: "uiHighlight" }] : /* istanbul ignore next */ []);
+	highlighted = output();
 	host = inject(ElementRef).nativeElement;
 	reduced = injectReducedMotion();
 	cancel = null;
@@ -310,6 +311,7 @@ var UiHighlight = class UiHighlight {
 				},
 				{ offset: 1 }
 			], { duration: total }));
+			this.highlighted.emit();
 		};
 		const frame = requestAnimationFrame(() => {
 			const remaining = Array.from(/* @__PURE__ */ new Set([this.host, ...painted])).flatMap((element) => element.getAnimations()).map((animation) => {
@@ -330,7 +332,7 @@ var UiHighlight = class UiHighlight {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: UiHighlight,
 		deps: [],
@@ -338,7 +340,7 @@ var UiHighlight = class UiHighlight {
 	});
 	static ɵdir = i0.ɵɵngDeclareDirective({
 		minVersion: "17.1.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: UiHighlight,
 		isStandalone: true,
 		selector: "[uiHighlight]",
@@ -349,12 +351,13 @@ var UiHighlight = class UiHighlight {
 			isRequired: false,
 			transformFunction: null
 		} },
+		outputs: { highlighted: "highlighted" },
 		ngImport: i0
 	});
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: UiHighlight,
 	decorators: [{
@@ -362,14 +365,20 @@ i0.ɵɵngDeclareClassMetadata({
 		args: [{ selector: "[uiHighlight]" }]
 	}],
 	ctorParameters: () => [],
-	propDecorators: { uiHighlight: [{
-		type: i0.Input,
-		args: [{
-			isSignal: true,
-			alias: "uiHighlight",
-			required: false
+	propDecorators: {
+		uiHighlight: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "uiHighlight",
+				required: false
+			}]
+		}],
+		highlighted: [{
+			type: i0.Output,
+			args: ["highlighted"]
 		}]
-	}] }
+	}
 });
 function holdTransitionsUntilRendered() {
 	const host = inject(ElementRef).nativeElement;

package/fesm2022/joanroucoux-cairn-ui-motion.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"joanroucoux-cairn-ui-motion.mjs","names":[],"sources":["../../../projects/ui/motion/internal/flip-items.ts","../../../projects/ui/motion/internal/tokens.ts","../../../projects/ui/motion/reduced-motion.ts","../../../projects/ui/motion/flip-list.ts","../../../projects/ui/motion/highlight.ts","../../../projects/ui/motion/settle-transitions.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\n\n@Injectable()\nexport class FlipItems {\n private readonly items = new Set<HTMLElement>();\n private readonly destroyed = new Set<HTMLElement>();\n private used = false;\n\n get marked(): boolean {\n return this.used;\n }\n\n add(item: HTMLElement): void {\n this.used = true;\n this.items.add(item);\n }\n\n remove(item: HTMLElement): void {\n this.destroyed.add(item);\n }\n\n inside(host: HTMLElement): HTMLElement[] {\n const inside: HTMLElement[] = [];\n for (const item of this.items) {\n if (host.contains(item)) {\n inside.push(item);\n } else if (this.destroyed.has(item)) {\n this.items.delete(item);\n this.destroyed.delete(item);\n }\n }\n return inside;\n }\n}\n","export function readDuration(element: Element, name: string, fallback: number): number {\n const raw = getComputedStyle(element).getPropertyValue(name).trim();\n const value = parseFloat(raw);\n if (Number.isNaN(value)) {\n return fallback;\n }\n return raw.endsWith('ms') ? value : value * 1000;\n}\n\nexport function readEasing(element: Element, name: string, fallback: string): string {\n return getComputedStyle(element).getPropertyValue(name).trim() \|\| fallback;\n}\n","import { DestroyRef, type Signal, inject, signal } from '@angular/core';\n\nconst QUERY = '(prefers-reduced-motion: reduce)';\n\n/*\n A signal that follows the user's `prefers-reduced-motion` preference. Call it in an injection\n * context.\n \n @example\n * protected readonly reduced = injectReducedMotion();\n /\nexport function injectReducedMotion(): Signal<boolean> {\n if (typeof matchMedia === 'undefined') {\n return signal(false).asReadonly();\n }\n\n const query = matchMedia(QUERY);\n const reduced = signal(query.matches);\n const listener = (event: { matches: boolean }): void => reduced.set(event.matches);\n\n query.addEventListener('change', listener);\n inject(DestroyRef).onDestroy(() => query.removeEventListener('change', listener));\n\n return reduced.asReadonly();\n}\n","import { DestroyRef, Directive, ElementRef, afterNextRender, inject } from '@angular/core';\n\nimport { FlipItems } from './internal/flip-items';\nimport { readDuration, readEasing } from './internal/tokens';\nimport { injectReducedMotion } from './reduced-motion';\n\nfunction translateY(element: Element): number {\n const matrix = /^matrix\$(.+)\$$/.exec(getComputedStyle(element).transform);\n return matrix ? parseFloat((matrix[1] as string).split(',')[5] as string) : 0;\n}\n\n/\n Slides the items of a list into place when one is removed or inserted (FLIP). Pair it with\n * `animate.leave=\"ui-leave-fade\"` on the item so it fades out first. Nothing moves under\n * `prefers-reduced-motion`.\n \n The items are the direct children of the list. Mark them with `uiFlipItem` instead when they sit\n * deeper, so a removal also slides the groups below. Only an item added or removed starts a slide;\n * a change inside an item does not.\n \n @example\n * <ul uiFlipList>\n * @for (key of keys(); track key.id) {\n * <li uiListRow animate.leave=\"ui-leave-fade\">...</li>\n * }\n * </ul>\n \n <table uiTable uiFlipList>\n * @for (group of groups(); track group.id) {\n * <tbody>\n * <tr uiTr group uiFlipItem>...</tr>\n * @for (row of group.rows; track row.id) {\n * <tr uiTr uiFlipItem animate.leave=\"ui-leave-fade\">...</tr>\n * }\n * </tbody>\n * }\n * </table>\n /\n@Directive({\n selector: '[uiFlipList]',\n providers: [FlipItems],\n})\nexport class UiFlipList {\n private readonly host = inject<ElementRef<HTMLElement>>(ElementRef).nativeElement;\n private readonly reduced = injectReducedMotion();\n private readonly mutations = new MutationObserver(() => this.onChange());\n private readonly resizes = new ResizeObserver(() => {\n this.tops = this.measure();\n });\n private readonly running = new Map<HTMLElement, Animation>();\n private readonly watched = new Set<HTMLElement>();\n private readonly items = inject(FlipItems, { self: true });\n private tops = new Map<HTMLElement, number>();\n private shifts = new Map<Element, number>();\n\n constructor() {\n afterNextRender(() => {\n this.tops = this.measure();\n this.mutations.observe(this.host, { childList: true, subtree: true });\n this.resizes.observe(this.host);\n });\n\n inject(DestroyRef).onDestroy(() => {\n this.mutations.disconnect();\n this.resizes.disconnect();\n });\n }\n\n private tracked(): HTMLElement[] {\n if (!this.items.marked) {\n return Array.from(this.host.children).filter((child): child is HTMLElement => child instanceof HTMLElement);\n }\n return this.items.inside(this.host);\n }\n\n private measure(): Map<HTMLElement, number> {\n const elements = this.tracked();\n const origin = this.host.getBoundingClientRect().top - this.host.scrollTop;\n const tops = new Map(elements.map((element) => [element, element.getBoundingClientRect().top - origin]));\n\n this.shifts = new Map();\n for (const animation of this.host.getAnimations({ subtree: true })) {\n const target = (animation.effect as KeyframeEffect).target as Element;\n if (target !== this.host) {\n this.shifts.set(target, translateY(target));\n }\n }\n for (const [moving, shift] of this.shifts) {\n for (const [element, top] of tops) {\n if (moving.contains(element)) {\n tops.set(element, top - shift);\n }\n }\n }\n\n for (const element of elements) {\n if (!this.watched.has(element)) {\n this.watched.add(element);\n this.resizes.observe(element);\n }\n }\n for (const element of this.watched) {\n if (!tops.has(element)) {\n this.watched.delete(element);\n this.running.delete(element);\n this.resizes.unobserve(element);\n }\n }\n return tops;\n }\n\n private onChange(): void {\n const before = this.tops;\n const after = this.measure();\n this.tops = after;\n\n const changed = after.size !== before.size \|\| Array.from(after.keys()).some((element) => !before.has(element));\n if (this.reduced() \|\| !changed) {\n return;\n }\n\n const duration = readDuration(this.host, '--duration-base', 260);\n const easing = readEasing(this.host, '--ease-out', 'ease-out');\n const moved = (element: HTMLElement): number => (before.get(element) ?? 0) - (after.get(element) ?? 0);\n\n for (const [element] of after) {\n if (!before.has(element)) {\n continue;\n }\n const own = moved(element) - moved(this.parentItem(element, before, after));\n if (Math.abs(own) < 0.5) {\n continue;\n }\n const from = own + (this.shifts.get(element) ?? 0);\n this.running.get(element)?.cancel();\n const animation = element.animate([{ transform: `translateY(${from}px)` }, { transform: 'translateY(0)' }], {\n duration,\n easing,\n });\n animation.onfinish = () => {\n if (this.running.get(element) === animation) {\n this.running.delete(element);\n }\n };\n this.running.set(element, animation);\n }\n }\n\n private parentItem(\n element: HTMLElement,\n before: Map<HTMLElement, number>,\n after: Map<HTMLElement, number>,\n ): HTMLElement {\n let node = element.parentElement as HTMLElement;\n while (node !== this.host && !(before.has(node) && after.has(node))) {\n node = node.parentElement as HTMLElement;\n }\n return node;\n }\n}\n\n/\n Marks an element as an item of the nearest `uiFlipList`, at any depth. Once one item is marked,\n * the list follows its marked items only.\n \n @example\n * <tr uiTr uiFlipItem animate.leave=\"ui-leave-fade\">...</tr>\n /\n@Directive({\n selector: '[uiFlipItem]',\n})\nexport class UiFlipItem {\n constructor() {\n const items = inject(FlipItems, { optional: true });\n if (items) {\n const element = inject<ElementRef<HTMLElement>>(ElementRef).nativeElement;\n items.add(element);\n inject(DestroyRef).onDestroy(() => items.remove(element));\n }\n }\n}\n","import { DestroyRef, Directive, ElementRef, effect, inject, input, untracked } from '@angular/core';\n\nimport { readDuration, readEasing } from './internal/tokens';\nimport { injectReducedMotion } from './reduced-motion';\n\nconst HOLD_MS = 200;\nconst SCROLL_SETTLE_MS = 200;\nconst SCROLL_START_MS = 300;\n\nfunction paintedElements(host: HTMLElement): HTMLElement[] {\n if (host.tagName === 'TR') {\n return Array.from(host.children).filter((cell): cell is HTMLElement => cell instanceof HTMLElement);\n }\n if (host.hasAttribute('ui-group-cell') && host.firstElementChild instanceof HTMLElement) {\n return [host.firstElementChild];\n }\n return [host];\n}\n\n/\n Draws the eye to an element that just changed: scrolls it into view when off screen, flashes the\n * `--soft` fill, then fades back. Each new non-null token plays once, so pass a fresh value per\n * event (an object or a counter), not a boolean. A non-null token present at first render plays on\n * arrival. Can sit on the same element as `animate.enter`: it waits for that fade to finish.\n \n Give the element `scroll-margin-top` and `scroll-margin-bottom` equal to what is pinned above and\n * below it (header, tab bar, action bar), or a row under them counts as on screen. For an arrival\n * on a page opened at the element, scroll to it first (`scrollIntoView` in `afterNextRender`) and\n * set the token afterwards, otherwise it scrolls smoothly from where the page is.\n \n @example\n * <a ui-row [uiHighlight]=\"changed() === holding.id ? token() : null\" routerLink=\"/holdings/1\">...</a>\n /\n@Directive({\n selector: '[uiHighlight]',\n})\nexport class UiHighlight {\n readonly uiHighlight = input<unknown>(null);\n\n private readonly host = inject<ElementRef<HTMLElement>>(ElementRef).nativeElement;\n private readonly reduced = injectReducedMotion();\n private cancel: (() => void) \| null = null;\n\n constructor() {\n effect(() => {\n const token = this.uiHighlight();\n if (token === null \|\| token === undefined) {\n return;\n }\n untracked(() => this.play());\n });\n\n inject(DestroyRef).onDestroy(() => this.cancel?.());\n }\n\n private play(): void {\n this.cancel?.();\n\n if (this.isVisible()) {\n this.cancel = this.flash();\n return;\n }\n\n const reduced = this.reduced();\n this.host.scrollIntoView({ behavior: reduced ? 'auto' : 'smooth', block: 'center' });\n\n if (reduced) {\n this.cancel = this.flash();\n return;\n }\n\n let stopFlash: (() => void) \| null = null;\n let timer: ReturnType<typeof setTimeout>;\n const moves = (event: Event): boolean =>\n event.target === document \|\| (event.target instanceof Node && event.target.contains(this.host));\n const start = (): void => {\n stopListening();\n stopFlash = this.flash();\n };\n const onScrollEnd = (event: Event): void => {\n if (moves(event)) {\n start();\n }\n };\n const onScroll = (event: Event): void => {\n if (moves(event)) {\n clearTimeout(timer);\n timer = setTimeout(start, SCROLL_SETTLE_MS);\n }\n };\n const stopListening = (): void => {\n clearTimeout(timer);\n window.removeEventListener('scrollend', onScrollEnd, true);\n window.removeEventListener('scroll', onScroll, true);\n };\n timer = setTimeout(start, SCROLL_START_MS);\n window.addEventListener('scrollend', onScrollEnd, true);\n window.addEventListener('scroll', onScroll, true);\n\n this.cancel = () => {\n stopListening();\n stopFlash?.();\n };\n }\n\n private isVisible(): boolean {\n const rect = this.host.getBoundingClientRect();\n const style = getComputedStyle(this.host);\n const top = parseFloat(style.scrollMarginTop) \|\| 0;\n const bottom = parseFloat(style.scrollMarginBottom) \|\| 0;\n return rect.top >= top && rect.bottom <= window.innerHeight - bottom;\n }\n\n private flash(): () => void {\n const painted = paintedElements(this.host);\n let animations: Animation[] = [];\n let timer: ReturnType<typeof setTimeout> \| undefined;\n\n const paint = (): void => {\n const fade = readDuration(this.host, '--duration-highlight', 1200);\n const easing = readEasing(this.host, '--ease-out', 'ease-out');\n const total = HOLD_MS + fade;\n animations = painted.map((element) =>\n element.animate(\n [\n { backgroundColor: 'var(--soft)', offset: 0 },\n { backgroundColor: 'var(--soft)', offset: HOLD_MS / total, easing },\n { offset: 1 },\n ],\n { duration: total },\n ),\n );\n };\n\n const frame = requestAnimationFrame(() => {\n const remaining = Array.from(new Set([this.host, ...painted]))\n .flatMap((element) => element.getAnimations())\n .map((animation) => {\n const timing = (animation.effect as AnimationEffect).getComputedTiming();\n return Number(timing.endTime) - Number(timing.localTime ?? 0);\n })\n .filter((left) => Number.isFinite(left));\n if (remaining.length === 0) {\n paint();\n return;\n }\n timer = setTimeout(paint, Math.min(Math.max(...remaining), readDuration(this.host, '--duration-base', 260)));\n });\n\n return () => {\n cancelAnimationFrame(frame);\n clearTimeout(timer);\n animations.forEach((animation) => animation.cancel());\n };\n }\n}\n","import { ElementRef, afterNextRender, inject } from '@angular/core';\n\n/\n Holds the transitions of the host and of everything inside it until two frames after its first\n * render, so bound classes do not animate on page open. Call it in an injection context. A host\n * whose view is never refreshed (a detached change detector) never gets its transitions back.\n \n @example\n * constructor() {\n * holdTransitionsUntilRendered();\n * }\n */\nexport function holdTransitionsUntilRendered(): void {\n const host = inject<ElementRef<HTMLElement>>(ElementRef).nativeElement;\n\n host.setAttribute('data-ui-settling', '');\n afterNextRender({\n read: () => {\n requestAnimationFrame(() => requestAnimationFrame(() => host.removeAttribute('data-ui-settling')));\n },\n });\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"joanroucoux-cairn-ui-motion.mjs","names":[],"sources":["../../../projects/ui/motion/internal/flip-items.ts","../../../projects/ui/motion/internal/tokens.ts","../../../projects/ui/motion/reduced-motion.ts","../../../projects/ui/motion/flip-list.ts","../../../projects/ui/motion/highlight.ts","../../../projects/ui/motion/settle-transitions.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\n\n@Injectable()\nexport class FlipItems {\n private readonly items = new Set<HTMLElement>();\n private readonly destroyed = new Set<HTMLElement>();\n private used = false;\n\n get marked(): boolean {\n return this.used;\n }\n\n add(item: HTMLElement): void {\n this.used = true;\n this.items.add(item);\n }\n\n remove(item: HTMLElement): void {\n this.destroyed.add(item);\n }\n\n inside(host: HTMLElement): HTMLElement[] {\n const inside: HTMLElement[] = [];\n for (const item of this.items) {\n if (host.contains(item)) {\n inside.push(item);\n } else if (this.destroyed.has(item)) {\n this.items.delete(item);\n this.destroyed.delete(item);\n }\n }\n return inside;\n }\n}\n","export function readDuration(element: Element, name: string, fallback: number): number {\n const raw = getComputedStyle(element).getPropertyValue(name).trim();\n const value = parseFloat(raw);\n if (Number.isNaN(value)) {\n return fallback;\n }\n return raw.endsWith('ms') ? value : value * 1000;\n}\n\nexport function readEasing(element: Element, name: string, fallback: string): string {\n return getComputedStyle(element).getPropertyValue(name).trim() \|\| fallback;\n}\n","import { DestroyRef, type Signal, inject, signal } from '@angular/core';\n\nconst QUERY = '(prefers-reduced-motion: reduce)';\n\n/*\n A signal that follows the user's `prefers-reduced-motion` preference. Call it in an injection\n * context.\n \n @example\n * protected readonly reduced = injectReducedMotion();\n /\nexport function injectReducedMotion(): Signal<boolean> {\n if (typeof matchMedia === 'undefined') {\n return signal(false).asReadonly();\n }\n\n const query = matchMedia(QUERY);\n const reduced = signal(query.matches);\n const listener = (event: { matches: boolean }): void => reduced.set(event.matches);\n\n query.addEventListener('change', listener);\n inject(DestroyRef).onDestroy(() => query.removeEventListener('change', listener));\n\n return reduced.asReadonly();\n}\n","import { DestroyRef, Directive, ElementRef, afterNextRender, inject } from '@angular/core';\n\nimport { FlipItems } from './internal/flip-items';\nimport { readDuration, readEasing } from './internal/tokens';\nimport { injectReducedMotion } from './reduced-motion';\n\nfunction translateY(element: Element): number {\n const matrix = /^matrix\$(.+)\$$/.exec(getComputedStyle(element).transform);\n return matrix ? parseFloat((matrix[1] as string).split(',')[5] as string) : 0;\n}\n\n/\n Slides the items of a list into place when one is removed or inserted (FLIP). Pair it with\n * `animate.leave=\"ui-leave-fade\"` on the item so it fades out first. Nothing moves under\n * `prefers-reduced-motion`.\n \n The items are the direct children of the list. Mark them with `uiFlipItem` instead when they sit\n * deeper, so a removal also slides the groups below. Only an item added or removed starts a slide;\n * a change inside an item does not.\n \n @example\n * <ul uiFlipList>\n * @for (key of keys(); track key.id) {\n * <li uiListRow animate.leave=\"ui-leave-fade\">...</li>\n * }\n * </ul>\n \n <table uiTable uiFlipList>\n * @for (group of groups(); track group.id) {\n * <tbody>\n * <tr uiTr group uiFlipItem>...</tr>\n * @for (row of group.rows; track row.id) {\n * <tr uiTr uiFlipItem animate.leave=\"ui-leave-fade\">...</tr>\n * }\n * </tbody>\n * }\n * </table>\n /\n@Directive({\n selector: '[uiFlipList]',\n providers: [FlipItems],\n})\nexport class UiFlipList {\n private readonly host = inject<ElementRef<HTMLElement>>(ElementRef).nativeElement;\n private readonly reduced = injectReducedMotion();\n private readonly mutations = new MutationObserver(() => this.onChange());\n private readonly resizes = new ResizeObserver(() => {\n this.tops = this.measure();\n });\n private readonly running = new Map<HTMLElement, Animation>();\n private readonly watched = new Set<HTMLElement>();\n private readonly items = inject(FlipItems, { self: true });\n private tops = new Map<HTMLElement, number>();\n private shifts = new Map<Element, number>();\n\n constructor() {\n afterNextRender(() => {\n this.tops = this.measure();\n this.mutations.observe(this.host, { childList: true, subtree: true });\n this.resizes.observe(this.host);\n });\n\n inject(DestroyRef).onDestroy(() => {\n this.mutations.disconnect();\n this.resizes.disconnect();\n });\n }\n\n private tracked(): HTMLElement[] {\n if (!this.items.marked) {\n return Array.from(this.host.children).filter((child): child is HTMLElement => child instanceof HTMLElement);\n }\n return this.items.inside(this.host);\n }\n\n private measure(): Map<HTMLElement, number> {\n const elements = this.tracked();\n const origin = this.host.getBoundingClientRect().top - this.host.scrollTop;\n const tops = new Map(elements.map((element) => [element, element.getBoundingClientRect().top - origin]));\n\n this.shifts = new Map();\n for (const animation of this.host.getAnimations({ subtree: true })) {\n const target = (animation.effect as KeyframeEffect).target as Element;\n if (target !== this.host) {\n this.shifts.set(target, translateY(target));\n }\n }\n for (const [moving, shift] of this.shifts) {\n for (const [element, top] of tops) {\n if (moving.contains(element)) {\n tops.set(element, top - shift);\n }\n }\n }\n\n for (const element of elements) {\n if (!this.watched.has(element)) {\n this.watched.add(element);\n this.resizes.observe(element);\n }\n }\n for (const element of this.watched) {\n if (!tops.has(element)) {\n this.watched.delete(element);\n this.running.delete(element);\n this.resizes.unobserve(element);\n }\n }\n return tops;\n }\n\n private onChange(): void {\n const before = this.tops;\n const after = this.measure();\n this.tops = after;\n\n const changed = after.size !== before.size \|\| Array.from(after.keys()).some((element) => !before.has(element));\n if (this.reduced() \|\| !changed) {\n return;\n }\n\n const duration = readDuration(this.host, '--duration-base', 260);\n const easing = readEasing(this.host, '--ease-out', 'ease-out');\n const moved = (element: HTMLElement): number => (before.get(element) ?? 0) - (after.get(element) ?? 0);\n\n for (const [element] of after) {\n if (!before.has(element)) {\n continue;\n }\n const own = moved(element) - moved(this.parentItem(element, before, after));\n if (Math.abs(own) < 0.5) {\n continue;\n }\n const from = own + (this.shifts.get(element) ?? 0);\n this.running.get(element)?.cancel();\n const animation = element.animate([{ transform: `translateY(${from}px)` }, { transform: 'translateY(0)' }], {\n duration,\n easing,\n });\n animation.onfinish = () => {\n if (this.running.get(element) === animation) {\n this.running.delete(element);\n }\n };\n this.running.set(element, animation);\n }\n }\n\n private parentItem(\n element: HTMLElement,\n before: Map<HTMLElement, number>,\n after: Map<HTMLElement, number>,\n ): HTMLElement {\n let node = element.parentElement as HTMLElement;\n while (node !== this.host && !(before.has(node) && after.has(node))) {\n node = node.parentElement as HTMLElement;\n }\n return node;\n }\n}\n\n/\n Marks an element as an item of the nearest `uiFlipList`, at any depth. Once one item is marked,\n * the list follows its marked items only.\n \n @example\n * <tr uiTr uiFlipItem animate.leave=\"ui-leave-fade\">...</tr>\n /\n@Directive({\n selector: '[uiFlipItem]',\n})\nexport class UiFlipItem {\n constructor() {\n const items = inject(FlipItems, { optional: true });\n if (items) {\n const element = inject<ElementRef<HTMLElement>>(ElementRef).nativeElement;\n items.add(element);\n inject(DestroyRef).onDestroy(() => items.remove(element));\n }\n }\n}\n","import { DestroyRef, Directive, ElementRef, effect, inject, input, output, untracked } from '@angular/core';\n\nimport { readDuration, readEasing } from './internal/tokens';\nimport { injectReducedMotion } from './reduced-motion';\n\nconst HOLD_MS = 200;\nconst SCROLL_SETTLE_MS = 200;\nconst SCROLL_START_MS = 300;\n\nfunction paintedElements(host: HTMLElement): HTMLElement[] {\n if (host.tagName === 'TR') {\n return Array.from(host.children).filter((cell): cell is HTMLElement => cell instanceof HTMLElement);\n }\n if (host.hasAttribute('ui-group-cell') && host.firstElementChild instanceof HTMLElement) {\n return [host.firstElementChild];\n }\n return [host];\n}\n\n/\n Draws the eye to an element that just changed: scrolls it into view when off screen, flashes the\n * `--soft` fill, then fades back. Each new non-null token plays once, so pass a fresh value per\n * event (an object or a counter), not a boolean. A non-null token present at first render plays on\n * arrival. Can sit on the same element as `animate.enter`: it waits for that fade to finish.\n * `highlighted` fires when the flash starts, after any scroll and enter fade, so a toast can follow it.\n \n Give the element `scroll-margin-top` and `scroll-margin-bottom` equal to what is pinned above and\n * below it (header, tab bar, action bar), or a row under them counts as on screen. For an arrival\n * on a page opened at the element, scroll to it first (`scrollIntoView` in `afterNextRender`) and\n * set the token afterwards, otherwise it scrolls smoothly from where the page is.\n \n @example\n * <a ui-row [uiHighlight]=\"changed() === holding.id ? token() : null\" routerLink=\"/holdings/1\">...</a>\n /\n@Directive({\n selector: '[uiHighlight]',\n})\nexport class UiHighlight {\n readonly uiHighlight = input<unknown>(null);\n readonly highlighted = output<void>();\n\n private readonly host = inject<ElementRef<HTMLElement>>(ElementRef).nativeElement;\n private readonly reduced = injectReducedMotion();\n private cancel: (() => void) \| null = null;\n\n constructor() {\n effect(() => {\n const token = this.uiHighlight();\n if (token === null \|\| token === undefined) {\n return;\n }\n untracked(() => this.play());\n });\n\n inject(DestroyRef).onDestroy(() => this.cancel?.());\n }\n\n private play(): void {\n this.cancel?.();\n\n if (this.isVisible()) {\n this.cancel = this.flash();\n return;\n }\n\n const reduced = this.reduced();\n this.host.scrollIntoView({ behavior: reduced ? 'auto' : 'smooth', block: 'center' });\n\n if (reduced) {\n this.cancel = this.flash();\n return;\n }\n\n let stopFlash: (() => void) \| null = null;\n let timer: ReturnType<typeof setTimeout>;\n const moves = (event: Event): boolean =>\n event.target === document \|\| (event.target instanceof Node && event.target.contains(this.host));\n const start = (): void => {\n stopListening();\n stopFlash = this.flash();\n };\n const onScrollEnd = (event: Event): void => {\n if (moves(event)) {\n start();\n }\n };\n const onScroll = (event: Event): void => {\n if (moves(event)) {\n clearTimeout(timer);\n timer = setTimeout(start, SCROLL_SETTLE_MS);\n }\n };\n const stopListening = (): void => {\n clearTimeout(timer);\n window.removeEventListener('scrollend', onScrollEnd, true);\n window.removeEventListener('scroll', onScroll, true);\n };\n timer = setTimeout(start, SCROLL_START_MS);\n window.addEventListener('scrollend', onScrollEnd, true);\n window.addEventListener('scroll', onScroll, true);\n\n this.cancel = () => {\n stopListening();\n stopFlash?.();\n };\n }\n\n private isVisible(): boolean {\n const rect = this.host.getBoundingClientRect();\n const style = getComputedStyle(this.host);\n const top = parseFloat(style.scrollMarginTop) \|\| 0;\n const bottom = parseFloat(style.scrollMarginBottom) \|\| 0;\n return rect.top >= top && rect.bottom <= window.innerHeight - bottom;\n }\n\n private flash(): () => void {\n const painted = paintedElements(this.host);\n let animations: Animation[] = [];\n let timer: ReturnType<typeof setTimeout> \| undefined;\n\n const paint = (): void => {\n const fade = readDuration(this.host, '--duration-highlight', 1200);\n const easing = readEasing(this.host, '--ease-out', 'ease-out');\n const total = HOLD_MS + fade;\n animations = painted.map((element) =>\n element.animate(\n [\n { backgroundColor: 'var(--soft)', offset: 0 },\n { backgroundColor: 'var(--soft)', offset: HOLD_MS / total, easing },\n { offset: 1 },\n ],\n { duration: total },\n ),\n );\n this.highlighted.emit();\n };\n\n const frame = requestAnimationFrame(() => {\n const remaining = Array.from(new Set([this.host, ...painted]))\n .flatMap((element) => element.getAnimations())\n .map((animation) => {\n const timing = (animation.effect as AnimationEffect).getComputedTiming();\n return Number(timing.endTime) - Number(timing.localTime ?? 0);\n })\n .filter((left) => Number.isFinite(left));\n if (remaining.length === 0) {\n paint();\n return;\n }\n timer = setTimeout(paint, Math.min(Math.max(...remaining), readDuration(this.host, '--duration-base', 260)));\n });\n\n return () => {\n cancelAnimationFrame(frame);\n clearTimeout(timer);\n animations.forEach((animation) => animation.cancel());\n };\n }\n}\n","import { ElementRef, afterNextRender, inject } from '@angular/core';\n\n/\n Holds the transitions of the host and of everything inside it until two frames after its first\n * render, so bound classes do not animate on page open. Call it in an injection context. A host\n * whose view is never refreshed (a detached change detector) never gets its transitions back.\n \n @example\n * constructor() {\n * holdTransitionsUntilRendered();\n * }\n */\nexport function holdTransitionsUntilRendered(): void {\n const host = inject<ElementRef<HTMLElement>>(ElementRef).nativeElement;\n\n host.setAttribute('data-ui-settling', '');\n afterNextRender({\n read: () => {\n requestAnimationFrame(() => requestAnimationFrame(() => host.removeAttribute('data-ui-settling')));\n },\n });\n}\n"],"mappings":"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"}

package/fesm2022/joanroucoux-cairn-ui-nav-item.mjs CHANGED Viewed

@@ -15,7 +15,7 @@ var UiNavItem = class UiNavItem {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: UiNavItem,
 		deps: [],
@@ -23,7 +23,7 @@ var UiNavItem = class UiNavItem {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.1.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: UiNavItem,
 		isStandalone: true,
 		selector: "a[ui-nav-item]",
@@ -45,7 +45,7 @@ var UiNavItem = class UiNavItem {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: UiNavItem,
 	decorators: [{

package/fesm2022/joanroucoux-cairn-ui-result-group.mjs CHANGED Viewed

@@ -14,7 +14,7 @@ var UiResultGroup = class UiResultGroup {
 	animation = PULSE_ANIMATION;
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: UiResultGroup,
 		deps: [],
@@ -22,7 +22,7 @@ var UiResultGroup = class UiResultGroup {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: UiResultGroup,
 		isStandalone: true,
 		selector: "ui-result-group",
@@ -93,7 +93,7 @@ var UiResultGroup = class UiResultGroup {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: UiResultGroup,
 	decorators: [{

package/fesm2022/joanroucoux-cairn-ui-row.mjs CHANGED Viewed

@@ -20,7 +20,7 @@ const SIZE_CLASSES = {
 	lg: "min-h-15",
 	xl: "min-h-18 pointer-fine:min-h-17",
 	card: "min-h-17",
-	dense: "min-h-14 lg:min-h-12"
+	dense: "min-h-14"
 };
 const SIZE_GAPS = {
 	md: "gap-2.5",
@@ -77,7 +77,7 @@ var UiRow = class UiRow {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: UiRow,
 		deps: [],
@@ -85,7 +85,7 @@ var UiRow = class UiRow {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: UiRow,
 		isStandalone: true,
 		selector: "a[ui-row], button[ui-row]",
@@ -175,7 +175,7 @@ var UiRow = class UiRow {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: UiRow,
 	decorators: [{
@@ -276,7 +276,7 @@ i0.ɵɵngDeclareClassMetadata({
 var UiRowItem = class UiRowItem {
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: UiRowItem,
 		deps: [],
@@ -284,7 +284,7 @@ var UiRowItem = class UiRowItem {
 	});
 	static ɵdir = i0.ɵɵngDeclareDirective({
 		minVersion: "14.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: UiRowItem,
 		isStandalone: true,
 		selector: "[uiRowItem]",
@@ -294,7 +294,7 @@ var UiRowItem = class UiRowItem {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: UiRowItem,
 	decorators: [{
@@ -313,7 +313,7 @@ var UiListRow = class UiListRow {
 	classes = computed(() => this.ruled() ? "flex min-h-18 items-center gap-3 py-1.5 lg:min-h-17 shadow-[inset_0_-1px_0_var(--hairline)]" : "flex min-h-18 items-center gap-3 py-1.5 lg:min-h-17", ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: UiListRow,
 		deps: [],
@@ -321,7 +321,7 @@ var UiListRow = class UiListRow {
 	});
 	static ɵdir = i0.ɵɵngDeclareDirective({
 		minVersion: "17.1.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: UiListRow,
 		isStandalone: true,
 		selector: "[uiListRow]",
@@ -338,7 +338,7 @@ var UiListRow = class UiListRow {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: UiListRow,
 	decorators: [{
@@ -360,7 +360,7 @@ i0.ɵɵngDeclareClassMetadata({
 var UiRowGroup = class UiRowGroup {
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: UiRowGroup,
 		deps: [],
@@ -368,7 +368,7 @@ var UiRowGroup = class UiRowGroup {
 	});
 	static ɵdir = i0.ɵɵngDeclareDirective({
 		minVersion: "14.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: UiRowGroup,
 		isStandalone: true,
 		selector: "[uiRowGroup]",
@@ -378,7 +378,7 @@ var UiRowGroup = class UiRowGroup {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: UiRowGroup,
 	decorators: [{
@@ -392,7 +392,7 @@ i0.ɵɵngDeclareClassMetadata({
 var UiRowTile = class UiRowTile {
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: UiRowTile,
 		deps: [],
@@ -400,7 +400,7 @@ var UiRowTile = class UiRowTile {
 	});
 	static ɵdir = i0.ɵɵngDeclareDirective({
 		minVersion: "14.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: UiRowTile,
 		isStandalone: true,
 		selector: "[uiRowTile]",
@@ -410,7 +410,7 @@ var UiRowTile = class UiRowTile {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: UiRowTile,
 	decorators: [{

package/fesm2022/joanroucoux-cairn-ui-row.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"joanroucoux-cairn-ui-row.mjs","names":[],"sources":["../../../projects/ui/row/row.ts"],"sourcesContent":["import { Component, DestroyRef, Directive, ElementRef, booleanAttribute, computed, inject, input } from '@angular/core';\n\nimport { holdTransitionsUntilRendered } from '@joanroucoux/cairn-ui/motion';\n\nexport const ROW_SIZES = ['md', 'lg', 'xl', 'card', 'dense'] as const;\nexport type RowSize = (typeof ROW_SIZES)[number];\n\nexport const ROW_PADDINGS = ['md', 'sm', 'none'] as const;\nexport type RowPadding = (typeof ROW_PADDINGS)[number];\n\nexport const ROW_GAPS = ['default', 'sm'] as const;\nexport type RowGap = (typeof ROW_GAPS)[number];\n\nexport const ROW_TRAILINGS = ['none', 'chevron'] as const;\nexport type RowTrailing = (typeof ROW_TRAILINGS)[number];\n\nconst SIZE_CLASSES: Record<RowSize, string> = {\n md: 'min-h-14',\n lg: 'min-h-15',\n xl: 'min-h-18 pointer-fine:min-h-17',\n card: 'min-h-17',\n dense: 'min-h-14 lg:min-h-12',\n};\n\nconst SIZE_GAPS: Record<RowSize, string> = { md: 'gap-2.5', lg: 'gap-2.5', xl: 'gap-3', card: 'gap-2', dense: 'gap-3' };\n\nconst PADDING_CLASSES: Record<RowPadding, string> = { md: 'px-2.5', sm: 'px-2', none: 'px-0' };\n\nconst BASE_CLASSES =\n 'flex w-full items-center py-1.5 rounded-control text-left select-none touch-manipulation focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-(--ring)';\n\nconst INTERACTIVE_CLASSES =\n 'transition-[scale,background-color] [transition-duration:var(--duration-press),var(--duration-fast)] ease-out hover:bg-(--glow) active:bg-(--soft) active:scale-(--press-scale)';\n\nconst CHEVRON_CLASSES = 'min-h-(--row-min) gap-3 px-0 hover:text-(--muted-foreground)';\n\nconst CHEVRON_INTERACTIVE_CLASSES = 'transition-colors [transition-duration:var(--duration-fast)] ease-out';\n\nconst UNAVAILABLE_CLASSES = 'opacity-50 cursor-not-allowed';\n\nconst SELECTED_CLASSES = 'bg-(--soft)';\n\n/*\n Clickable row of a list: a holding, an account, a search result. With `trailing=\"chevron\"` it is a\n * flush link row: no side padding, a 16 px chevron at the end, the text dimming on hover.\n \n @example\n * <a ui-row [selected]=\"holding.id === openId()\" [routerLink]=\"['/holdings', holding.id]\">\n * {{ holding.name }}\n * </a>\n /\n@Component({\n selector: 'a[ui-row], button[ui-row]',\n template: `\n <ng-content />\n @if (trailing() === 'chevron') {\n <svg\n aria-hidden=\"true\"\n class=\"block flex-none fill-none stroke-(--subtle-foreground)\"\n height=\"16\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n stroke-width=\"1.75\"\n viewBox=\"0 0 24 24\"\n width=\"16\"\n >\n <path d=\"m9 18 6-6-6-6\" />\n </svg>\n }\n @if (busy()) {\n <span\n aria-hidden=\"true\"\n class=\"rounded-pill animate-cairn-spin size-4 flex-none border-2 border-current border-r-transparent\"\n ></span>\n }\n `,\n host: {\n '[class]': 'classes()',\n '[attr.aria-busy]': 'busy() \|\| null',\n '[attr.aria-disabled]': \"busy() \|\| unavailable() ? 'true' : null\",\n '[attr.aria-current]': \"selected() ? 'true' : null\",\n },\n})\nexport class UiRow {\n readonly selected = input(false, { transform: booleanAttribute });\n readonly busy = input(false, { transform: booleanAttribute });\n readonly unavailable = input(false, { transform: booleanAttribute });\n readonly size = input<RowSize>('md');\n readonly padding = input<RowPadding>('md');\n readonly gap = input<RowGap>('default');\n readonly trailing = input<RowTrailing>('none');\n\n protected readonly classes = computed(() => {\n const chevron = this.trailing() === 'chevron';\n const layout = chevron\n ? CHEVRON_CLASSES\n : `${SIZE_CLASSES[this.size()]} ${this.gap() === 'sm' ? 'gap-2' : SIZE_GAPS[this.size()]} ${PADDING_CLASSES[this.padding()]}`;\n const interactive = chevron ? CHEVRON_INTERACTIVE_CLASSES : INTERACTIVE_CLASSES;\n\n return `${BASE_CLASSES} ${layout}${this.unavailable() ? ` ${UNAVAILABLE_CLASSES}` : ` ${interactive}`}${this.selected() ? ` ${SELECTED_CLASSES}` : ''}${this.busy() ? ' pointer-events-none' : ''}`;\n });\n\n constructor() {\n holdTransitionsUntilRendered();\n const host = inject<ElementRef<HTMLElement>>(ElementRef).nativeElement;\n const guard = (event: Event): void => {\n if (this.busy() \|\| this.unavailable()) {\n event.preventDefault();\n event.stopImmediatePropagation();\n }\n };\n\n host.addEventListener('click', guard, { capture: true });\n inject(DestroyRef).onDestroy(() => host.removeEventListener('click', guard, { capture: true }));\n }\n}\n\n/\n Lays out a `ui-row` with a trailing action beside it, such as a \"more\" icon button.\n \n @example\n * <div uiRowItem>\n * <a ui-row size=\"xl\" padding=\"sm\" routerLink=\"/accounts/1\">...</a>\n * <button ui-button variant=\"quiet\" size=\"icon-sm\" aria-label=\"Account actions\">...</button>\n * </div>\n /\n@Directive({\n selector: '[uiRowItem]',\n host: {\n class:\n 'flex items-center gap-1 [&>[ui-row]]:w-auto [&>[ui-row]]:min-w-0 [&>[ui-row]]:flex-1 [&>:not([ui-row])]:flex-none',\n },\n})\nexport class UiRowItem {}\n\n/\n Non-interactive row of a list, separated from the next by a hairline: a passkey with its delete\n * button, a device, a setting. Put it on an `li` or a `div`. Use `ui-row` instead when the whole\n * row is a link or an action.\n \n @example\n * <ul>\n * <li uiListRow>\n * <span class=\"flex-1\">MacBook Air</span>\n * <button ui-button variant=\"quiet-destructive\" size=\"icon-sm\" aria-label=\"Delete MacBook Air\">...</button>\n * </li>\n * </ul>\n /\n@Directive({\n selector: '[uiListRow]',\n host: { '[class]': 'classes()' },\n})\nexport class UiListRow {\n readonly ruled = input(true, { transform: booleanAttribute });\n\n protected readonly classes = computed(() =>\n this.ruled()\n ? 'flex min-h-18 items-center gap-3 py-1.5 lg:min-h-17 shadow-[inset_0_-1px_0_var(--hairline)]'\n : 'flex min-h-18 items-center gap-3 py-1.5 lg:min-h-17',\n );\n}\n\n/\n Groups link rows under a hairline, as the \"other ways\" links under a search list. Put it on a `div`\n * around `ui-row` with `trailing=\"chevron\"`.\n \n @example\n * <div uiRowGroup>\n * <button ui-row type=\"button\" trailing=\"chevron\">Saisir à la main</button>\n * </div>\n /\n@Directive({\n selector: '[uiRowGroup]',\n host: { class: 'flex flex-col pt-1 shadow-[inset_0_1px_0_var(--hairline)]' },\n})\nexport class UiRowGroup {}\n\n/\n The filled tile that leads a row, holding an icon. Put it on a `span` as the first child of a\n * `ui-row` or a `uiListRow`.\n \n @example\n * <a ui-row size=\"xl\" padding=\"sm\" href=\"/export\">\n * <span uiRowTile><svg lucideDownload [size]=\"18\" /></span>\n * Export\n * </a>\n */\n@Directive({\n selector: '[uiRowTile]',\n host: { class: 'rounded-control grid size-9 flex-none place-items-center bg-(--muted)' },\n})\nexport class UiRowTile {}\n"],"mappings":";;;AAIA,MAAa,YAAY;CAAC;CAAM;CAAM;CAAM;CAAQ;AAAO;AAG3D,MAAa,eAAe;CAAC;CAAM;CAAM;AAAM;AAG/C,MAAa,WAAW,CAAC,WAAW,IAAI;AAGxC,MAAa,gBAAgB,CAAC,QAAQ,SAAS;AAG/C,MAAM,eAAwC;CAC5C,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,MAAM;CACN,OAAO;AACR;AAED,MAAM,YAAqC;CAAE,IAAI;CAAW,IAAI;CAAW,IAAI;CAAS,MAAM;CAAS,OAAO;AAAO;AAErH,MAAM,kBAA8C;CAAE,IAAI;CAAU,IAAI;CAAQ,MAAM;AAAM;AAE5F,MAAM,eACJ;AAEF,MAAM,sBACJ;AAEF,MAAM,kBAAkB;AAExB,MAAM,8BAA8B;AAEpC,MAAM,sBAAsB;AAE5B,MAAM,mBAAmB;AA2CzB,IAAa,QAAb,MAAa,MAAK;CACP,WAAW,MAAM,OAAK;EAAA,GAAA,YAAA,EAAA,WAAA,WAAA,+BAAA,CAAA;EAAI,WAAW;CAAgB,CAAA;CACrD,OAAO,MAAM,OAAK;EAAA,GAAA,YAAA,EAAA,WAAA,OAAA,+BAAA,CAAA;EAAI,WAAW;CAAgB,CAAA;CACjD,cAAc,MAAM,OAAK;EAAA,GAAA,YAAA,EAAA,WAAA,cAAA,+BAAA,CAAA;EAAI,WAAW;CAAgB,CAAA;CACxD,OAAO,MAAe,MAAK,GAAA,YAAA,CAAA,EAAA,WAAA,OAAA,CAAA,+BAAA,CAAA,CAAA;CAC3B,UAAU,MAAkB,MAAK,GAAA,YAAA,CAAA,EAAA,WAAA,UAAA,CAAA,+BAAA,CAAA,CAAA;CACjC,MAAM,MAAc,WAAU,GAAA,YAAA,CAAA,EAAA,WAAA,MAAA,CAAA,+BAAA,CAAA,CAAA;CAC9B,WAAW,MAAmB,QAAO,GAAA,YAAA,CAAA,EAAA,WAAA,WAAA,CAAA,+BAAA,CAAA,CAAA;CAE3B,UAAU,eAAc;EACzC,MAAM,UAAU,KAAK,SAAQ,MAAO;EACpC,MAAM,SAAS,UACX,kBACA,GAAG,aAAa,KAAK,KAAI,GAAG,GAAI,KAAK,IAAG,MAAO,OAAO,UAAU,UAAU,KAAK,KAAI,GAAG,GAAI,gBAAgB,KAAK,QAAO;EAC1H,MAAM,cAAc,UAAU,8BAA8B;EAE5D,OAAO,GAAG,aAAY,GAAI,SAAS,KAAK,YAAW,IAAK,IAAI,wBAAwB,IAAI,gBAAgB,KAAK,SAAQ,IAAK,IAAI,qBAAqB,KAAK,KAAK,KAAI,IAAK,yBAAyB;CACjM,GAAE,GAAA,YAAA,CAAA,EAAA,WAAA,UAAA,CAAA,+BAAA,CAAA,CAAA;CAEF,cAAA;EACE,6BAA4B;EAC5B,MAAM,OAAO,OAAgC,UAAU,CAAC,CAAC;EACzD,MAAM,SAAS,UAAsB;GACnC,IAAI,KAAK,KAAI,KAAM,KAAK,YAAW,GAAI;IACrC,MAAM,eAAc;IACpB,MAAM,yBAAwB;GAChC;EACF;EAEA,KAAK,iBAAiB,SAAS,OAAO,EAAE,SAAS,KAAI,CAAE;EACvD,OAAO,UAAU,CAAC,CAAC,gBAAgB,KAAK,oBAAoB,SAAS,OAAO,EAAE,SAAS,KAAI,CAAE,CAAC;CAChG;CA/BW,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAK,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAL,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAK,cAAA;EAAA,UAAA;EAAA,QAAA;GAAA,UAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,MAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,aAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,MAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,SAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,KAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,UAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;EAAA;EAAA,MAAA,EAAA,YAAA;GAAA,SAAA;GAAA,kBAAA;GAAA,sBAAA;GAAA,qBAAA;EAAA,EAAA;EAAA,UAAA;EAAA,UA9BN;;;;;;;;;;;;;;;;;;;;;;;EAsBT,UAAA;CAAA,CAAA;;AAQU,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAK,YAAA,CAAA;EAhCjB,MAAA;EAAU,MAAA,CAAA;GACT,UAAU;GACV,UAAU;;;;;;;;;;;;;;;;;;;;;;;GAuBV,MAAM;IACJ,WAAW;IACX,oBAAoB;IACpB,wBAAwB;IACxB,uBAAuB;GACxB;EACF,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmDD,IAAa,YAAb,MAAa,UAAS;CAAT,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAS,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAT,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAS,cAAA;EAAA,UAAA;EAAA,MAAA,EAAA,gBAAA,oHAAA;EAAA,UAAA;CAAA,CAAA;;AAAT,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAS,YAAA,CAAA;EAPrB,MAAA;EAAU,MAAA,CAAA;GACT,UAAU;GACV,MAAM,EACJ,OACE,oHACH;EACF,CAAA;;;AAoBD,IAAa,YAAb,MAAa,UAAS;CACX,QAAQ,MAAM,MAAI;EAAA,GAAA,YAAA,EAAA,WAAA,QAAA,+BAAA,CAAA;EAAI,WAAW;CAAgB,CAAA;CAEvC,UAAU,eAC3B,KAAK,MAAK,IACN,gGACA,uDACL,GAAA,YAAA,CAAA,EAAA,WAAA,UAAA,CAAA,+BAAA,CAAA,CAAA;CAPU,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAS,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAT,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAS,cAAA;EAAA,UAAA;EAAA,QAAA,EAAA,OAAA;GAAA,mBAAA;GAAA,YAAA;GAAA,UAAA;GAAA,YAAA;GAAA,mBAAA;EAAA,EAAA;EAAA,MAAA,EAAA,YAAA,EAAA,SAAA,YAAA,EAAA;EAAA,UAAA;CAAA,CAAA;;AAAT,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAS,YAAA,CAAA;EAJrB,MAAA;EAAU,MAAA,CAAA;GACT,UAAU;GACV,MAAM,EAAE,WAAW,YAAW;EAC/B,CAAA;;;;;;;;;;;AAwBD,IAAa,aAAb,MAAa,WAAU;CAAV,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAU,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAV,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAU,cAAA;EAAA,UAAA;EAAA,MAAA,EAAA,gBAAA,4DAAA;EAAA,UAAA;CAAA,CAAA;;AAAV,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAU,YAAA,CAAA;EAJtB,MAAA;EAAU,MAAA,CAAA;GACT,UAAU;GACV,MAAM,EAAE,OAAO,4DAA2D;EAC3E,CAAA;;;AAiBD,IAAa,YAAb,MAAa,UAAS;CAAT,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAS,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAT,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAS,cAAA;EAAA,UAAA;EAAA,MAAA,EAAA,gBAAA,wEAAA;EAAA,UAAA;CAAA,CAAA;;AAAT,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAS,YAAA,CAAA;EAJrB,MAAA;EAAU,MAAA,CAAA;GACT,UAAU;GACV,MAAM,EAAE,OAAO,wEAAuE;EACvF,CAAA"}
1	+ {"version":3,"file":"joanroucoux-cairn-ui-row.mjs","names":[],"sources":["../../../projects/ui/row/row.ts"],"sourcesContent":["import { Component, DestroyRef, Directive, ElementRef, booleanAttribute, computed, inject, input } from '@angular/core';\n\nimport { holdTransitionsUntilRendered } from '@joanroucoux/cairn-ui/motion';\n\nexport const ROW_SIZES = ['md', 'lg', 'xl', 'card', 'dense'] as const;\nexport type RowSize = (typeof ROW_SIZES)[number];\n\nexport const ROW_PADDINGS = ['md', 'sm', 'none'] as const;\nexport type RowPadding = (typeof ROW_PADDINGS)[number];\n\nexport const ROW_GAPS = ['default', 'sm'] as const;\nexport type RowGap = (typeof ROW_GAPS)[number];\n\nexport const ROW_TRAILINGS = ['none', 'chevron'] as const;\nexport type RowTrailing = (typeof ROW_TRAILINGS)[number];\n\nconst SIZE_CLASSES: Record<RowSize, string> = {\n md: 'min-h-14',\n lg: 'min-h-15',\n xl: 'min-h-18 pointer-fine:min-h-17',\n card: 'min-h-17',\n dense: 'min-h-14',\n};\n\nconst SIZE_GAPS: Record<RowSize, string> = { md: 'gap-2.5', lg: 'gap-2.5', xl: 'gap-3', card: 'gap-2', dense: 'gap-3' };\n\nconst PADDING_CLASSES: Record<RowPadding, string> = { md: 'px-2.5', sm: 'px-2', none: 'px-0' };\n\nconst BASE_CLASSES =\n 'flex w-full items-center py-1.5 rounded-control text-left select-none touch-manipulation focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-(--ring)';\n\nconst INTERACTIVE_CLASSES =\n 'transition-[scale,background-color] [transition-duration:var(--duration-press),var(--duration-fast)] ease-out hover:bg-(--glow) active:bg-(--soft) active:scale-(--press-scale)';\n\nconst CHEVRON_CLASSES = 'min-h-(--row-min) gap-3 px-0 hover:text-(--muted-foreground)';\n\nconst CHEVRON_INTERACTIVE_CLASSES = 'transition-colors [transition-duration:var(--duration-fast)] ease-out';\n\nconst UNAVAILABLE_CLASSES = 'opacity-50 cursor-not-allowed';\n\nconst SELECTED_CLASSES = 'bg-(--soft)';\n\n/*\n Clickable row of a list: a holding, an account, a search result. With `trailing=\"chevron\"` it is a\n * flush link row: no side padding, a 16 px chevron at the end, the text dimming on hover.\n \n @example\n * <a ui-row [selected]=\"holding.id === openId()\" [routerLink]=\"['/holdings', holding.id]\">\n * {{ holding.name }}\n * </a>\n /\n@Component({\n selector: 'a[ui-row], button[ui-row]',\n template: `\n <ng-content />\n @if (trailing() === 'chevron') {\n <svg\n aria-hidden=\"true\"\n class=\"block flex-none fill-none stroke-(--subtle-foreground)\"\n height=\"16\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n stroke-width=\"1.75\"\n viewBox=\"0 0 24 24\"\n width=\"16\"\n >\n <path d=\"m9 18 6-6-6-6\" />\n </svg>\n }\n @if (busy()) {\n <span\n aria-hidden=\"true\"\n class=\"rounded-pill animate-cairn-spin size-4 flex-none border-2 border-current border-r-transparent\"\n ></span>\n }\n `,\n host: {\n '[class]': 'classes()',\n '[attr.aria-busy]': 'busy() \|\| null',\n '[attr.aria-disabled]': \"busy() \|\| unavailable() ? 'true' : null\",\n '[attr.aria-current]': \"selected() ? 'true' : null\",\n },\n})\nexport class UiRow {\n readonly selected = input(false, { transform: booleanAttribute });\n readonly busy = input(false, { transform: booleanAttribute });\n readonly unavailable = input(false, { transform: booleanAttribute });\n readonly size = input<RowSize>('md');\n readonly padding = input<RowPadding>('md');\n readonly gap = input<RowGap>('default');\n readonly trailing = input<RowTrailing>('none');\n\n protected readonly classes = computed(() => {\n const chevron = this.trailing() === 'chevron';\n const layout = chevron\n ? CHEVRON_CLASSES\n : `${SIZE_CLASSES[this.size()]} ${this.gap() === 'sm' ? 'gap-2' : SIZE_GAPS[this.size()]} ${PADDING_CLASSES[this.padding()]}`;\n const interactive = chevron ? CHEVRON_INTERACTIVE_CLASSES : INTERACTIVE_CLASSES;\n\n return `${BASE_CLASSES} ${layout}${this.unavailable() ? ` ${UNAVAILABLE_CLASSES}` : ` ${interactive}`}${this.selected() ? ` ${SELECTED_CLASSES}` : ''}${this.busy() ? ' pointer-events-none' : ''}`;\n });\n\n constructor() {\n holdTransitionsUntilRendered();\n const host = inject<ElementRef<HTMLElement>>(ElementRef).nativeElement;\n const guard = (event: Event): void => {\n if (this.busy() \|\| this.unavailable()) {\n event.preventDefault();\n event.stopImmediatePropagation();\n }\n };\n\n host.addEventListener('click', guard, { capture: true });\n inject(DestroyRef).onDestroy(() => host.removeEventListener('click', guard, { capture: true }));\n }\n}\n\n/\n Lays out a `ui-row` with a trailing action beside it, such as a \"more\" icon button.\n \n @example\n * <div uiRowItem>\n * <a ui-row size=\"xl\" padding=\"sm\" routerLink=\"/accounts/1\">...</a>\n * <button ui-button variant=\"quiet\" size=\"icon-sm\" aria-label=\"Account actions\">...</button>\n * </div>\n /\n@Directive({\n selector: '[uiRowItem]',\n host: {\n class:\n 'flex items-center gap-1 [&>[ui-row]]:w-auto [&>[ui-row]]:min-w-0 [&>[ui-row]]:flex-1 [&>:not([ui-row])]:flex-none',\n },\n})\nexport class UiRowItem {}\n\n/\n Non-interactive row of a list, separated from the next by a hairline: a passkey with its delete\n * button, a device, a setting. Put it on an `li` or a `div`. Use `ui-row` instead when the whole\n * row is a link or an action.\n \n @example\n * <ul>\n * <li uiListRow>\n * <span class=\"flex-1\">MacBook Air</span>\n * <button ui-button variant=\"quiet-destructive\" size=\"icon-sm\" aria-label=\"Delete MacBook Air\">...</button>\n * </li>\n * </ul>\n /\n@Directive({\n selector: '[uiListRow]',\n host: { '[class]': 'classes()' },\n})\nexport class UiListRow {\n readonly ruled = input(true, { transform: booleanAttribute });\n\n protected readonly classes = computed(() =>\n this.ruled()\n ? 'flex min-h-18 items-center gap-3 py-1.5 lg:min-h-17 shadow-[inset_0_-1px_0_var(--hairline)]'\n : 'flex min-h-18 items-center gap-3 py-1.5 lg:min-h-17',\n );\n}\n\n/\n Groups link rows under a hairline, as the \"other ways\" links under a search list. Put it on a `div`\n * around `ui-row` with `trailing=\"chevron\"`.\n \n @example\n * <div uiRowGroup>\n * <button ui-row type=\"button\" trailing=\"chevron\">Saisir à la main</button>\n * </div>\n /\n@Directive({\n selector: '[uiRowGroup]',\n host: { class: 'flex flex-col pt-1 shadow-[inset_0_1px_0_var(--hairline)]' },\n})\nexport class UiRowGroup {}\n\n/\n The filled tile that leads a row, holding an icon. Put it on a `span` as the first child of a\n * `ui-row` or a `uiListRow`.\n \n @example\n * <a ui-row size=\"xl\" padding=\"sm\" href=\"/export\">\n * <span uiRowTile><svg lucideDownload [size]=\"18\" /></span>\n * Export\n * </a>\n */\n@Directive({\n selector: '[uiRowTile]',\n host: { class: 'rounded-control grid size-9 flex-none place-items-center bg-(--muted)' },\n})\nexport class UiRowTile {}\n"],"mappings":"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"}

package/fesm2022/joanroucoux-cairn-ui-segmented.mjs CHANGED Viewed

@@ -58,7 +58,7 @@ var UiSegmented = class UiSegmented {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: UiSegmented,
 		deps: [],
@@ -66,7 +66,7 @@ var UiSegmented = class UiSegmented {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: UiSegmented,
 		isStandalone: true,
 		selector: "ui-segmented",
@@ -161,7 +161,7 @@ var UiSegmented = class UiSegmented {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: UiSegmented,
 	decorators: [{

package/fesm2022/joanroucoux-cairn-ui-select-pill.mjs CHANGED Viewed

@@ -33,7 +33,7 @@ var UiSelectPill = class UiSelectPill {
 	pillClasses = computed(() => `${PILL_CLASSES} ${this.active() ? ACTIVE_PILL_CLASSES : REST_PILL_CLASSES}`, ...ngDevMode ? [{ debugName: "pillClasses" }] : /* istanbul ignore next */ []);
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: UiSelectPill,
 		deps: [],
@@ -41,7 +41,7 @@ var UiSelectPill = class UiSelectPill {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: UiSelectPill,
 		isStandalone: true,
 		selector: "ui-select-pill",
@@ -155,7 +155,7 @@ var UiSelectPill = class UiSelectPill {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: UiSelectPill,
 	decorators: [{

package/fesm2022/joanroucoux-cairn-ui-select.mjs CHANGED Viewed

@@ -32,7 +32,7 @@ var UiSelect = class UiSelect {
 	classes = computed(() => `${CONTROL_BASE_CLASSES} bg-(--background) ${SELECT_CLASSES} ${PICKER_CLASSES} ${CONTROL_SIZE_CLASSES[this.size()]}`, ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: UiSelect,
 		deps: [],
@@ -40,7 +40,7 @@ var UiSelect = class UiSelect {
 	});
 	static ɵdir = i0.ɵɵngDeclareDirective({
 		minVersion: "17.1.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: UiSelect,
 		isStandalone: true,
 		selector: "select[uiSelect]",
@@ -77,7 +77,7 @@ var UiSelect = class UiSelect {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: UiSelect,
 	decorators: [{

package/fesm2022/joanroucoux-cairn-ui-skeleton.mjs CHANGED Viewed

@@ -23,7 +23,7 @@ var UiSkeleton = class UiSkeleton {
 	}, ...ngDevMode ? [{ debugName: "bars" }] : /* istanbul ignore next */ []);
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		ngImport: i0,
 		type: UiSkeleton,
 		deps: [],
@@ -31,7 +31,7 @@ var UiSkeleton = class UiSkeleton {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.1",
 		type: UiSkeleton,
 		isStandalone: true,
 		selector: "ui-skeleton",
@@ -76,7 +76,7 @@ var UiSkeleton = class UiSkeleton {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.1",
 	ngImport: i0,
 	type: UiSkeleton,
 	decorators: [{