@loomui-ng/ui 0.0.0-stage → 0.1.1

package/fesm2022/loomui-ng-ui-select.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"loomui-ng-ui-select.mjs","names":[],"sources":["../../../libs/ui/select/select.ts"],"sourcesContent":["import { FocusableOption, FocusKeyManager } from '@angular/cdk/a11y';\nimport {\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  contentChildren,\n  Directive,\n  effect,\n  ElementRef,\n  forwardRef,\n  inject,\n  input,\n  model,\n  signal,\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { cn } from '@loomui-ng/ui/utils';\nimport { UiLayerRoot } from '@loomui-ng/ui/utils';\nimport { UiPopperContentBase } from '@loomui-ng/ui/utils';\nimport { UiIconSvg } from '@loomui-ng/ui/icon';\nimport { UiElementHost } from '@loomui-ng/ui/utils';\n\nconst TRIGGER_CLASS =\n  \"flex w-fit items-center justify-between gap-1.5 rounded-lg border border-input bg-transparent py-2 ps-2.5 pe-2 text-sm whitespace-nowrap transition-colors outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 data-placeholder:text-muted-foreground data-[size=default]:h-8 data-[size=sm]:h-7 data-[size=sm]:rounded-[min(var(--radius-md),10px)] *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-1.5 dark:bg-input/30 dark:hover:bg-input/50 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\";\n\n// Radix \"item-aligned\" positioning (data-align-trigger) is NOT reproduced; the list opens below the trigger (popper mode).\nconst CONTENT_CLASS =\n  'relative z-50 max-h-(--radix-select-content-available-height) min-w-36 origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-lg bg-popover text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95';\n\nconst ITEM_CLASS =\n  \"relative flex w-full cursor-default items-center gap-1.5 rounded-md py-1 ps-1.5 pe-8 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2\";\n\n/**\n * <div uiSelect [(value)]=\"v\" class=\"contents\">\n *   <button uiSelectTrigger><span uiSelectValue placeholder=\"Pick one\"></span></button>\n *   <div uiSelectContent><div uiSelectGroup>\n *     <div uiSelectLabel>Fruits</div><div uiSelectItem value=\"apple\">Apple</div>\n *   </div></div>\n * </div>\n * Form control: ngModel / reactive forms (CVA); `value` + `disabled` also match Angular signal forms' FormValueControl.\n */\n@Directive({\n  selector: '[uiSelect], ui-select', hostDirectives: [UiElementHost],\n  exportAs: 'uiSelect',\n  providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => UiSelect), multi: true }],\n})\nexport class UiSelect extends UiLayerRoot implements ControlValueAccessor {\n  readonly value = model<string>('');\n  readonly disabled = input(false, { transform: booleanAttribute });\n  readonly invalid = input(false, { transform: booleanAttribute });\n  private readonly cvaDisabled = signal(false);\n  readonly isDisabled = computed(() => this.disabled() || this.cvaDisabled());\n\n  readonly items = contentChildren(forwardRef(() => UiSelectItem), { descendants: true });\n  readonly manager = signal<FocusKeyManager<UiSelectItem> | null>(null);\n  keyboardOpen = false;\n  readonly selectedLabel = computed(() => this.items().find((i) => i.value() === this.value())?.label() ?? '');\n\n  private onChange: (v: string) => void = () => {};\n  onTouched: () => void = () => {};\n\n  choose(v: string): void {\n    this.value.set(v);\n    this.onChange(v);\n    this.close();\n  }\n\n  writeValue(v: string | null): void {\n    this.value.set(v ?? '');\n  }\n  registerOnChange(fn: (v: string) => void): void {\n    this.onChange = fn;\n  }\n  registerOnTouched(fn: () => void): void {\n    this.onTouched = fn;\n  }\n  setDisabledState(d: boolean): void {\n    this.cvaDisabled.set(d);\n  }\n}\n\n@Component({\n  selector: 'button[uiSelectTrigger], ui-select-trigger', hostDirectives: [UiElementHost],\n  imports: [UiIconSvg],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    type: 'button',\n    role: 'combobox',\n    'aria-autocomplete': 'none',\n    'data-slot': 'select-trigger',\n    '[attr.aria-controls]': 'root.id',\n    '[attr.aria-expanded]': 'root.open()',\n    '[attr.aria-invalid]': 'root.invalid() ? \"true\" : null',\n    '[attr.data-state]': 'root.open() ? \"open\" : \"closed\"',\n    '[attr.data-placeholder]': 'root.value() === \"\" ? \"\" : null',\n    '[attr.data-size]': 'size()',\n    '[attr.data-disabled]': 'root.isDisabled() ? \"\" : null',\n    '[attr.disabled]': '(root.isDisabled()) ? \"\" : null',\n    '[attr.class]': 'classes()',\n    '(click)': 'onClick()',\n    '(keydown)': 'onKeydown($event)',\n    '(blur)': 'root.onTouched()',\n  },\n  template: `\n    <ng-content />\n    <svg uiIcon=\"chevron-down\" class=\"pointer-events-none size-4 text-muted-foreground\"></svg>\n  `,\n})\nexport class UiSelectTrigger {\n  protected readonly root = inject(UiSelect);\n  readonly size = input<'default' | 'sm'>('default');\n  readonly userClass = input<string>('', { alias: 'class' });\n  protected readonly classes = computed(() => cn(TRIGGER_CLASS, this.userClass()));\n\n  constructor() {\n    this.root.trigger.set(inject<ElementRef<HTMLElement>>(ElementRef).nativeElement);\n  }\n\n  protected onClick(): void {\n    this.root.keyboardOpen = false;\n    this.root.toggle();\n  }\n\n  protected onKeydown(e: KeyboardEvent): void {\n    if (['Enter', ' ', 'ArrowDown', 'ArrowUp'].includes(e.key)) {\n      e.preventDefault();\n      this.root.keyboardOpen = true;\n      this.root.open.set(true);\n    }\n  }\n}\n\n@Directive({\n  selector: '[uiSelectValue], ui-select-value', hostDirectives: [UiElementHost],\n  host: { 'data-slot': 'select-value', style: 'pointer-events: none', '[textContent]': 'text()' },\n})\nexport class UiSelectValue {\n  private readonly root = inject(UiSelect);\n  readonly placeholder = input('');\n  protected readonly text = computed(() => this.root.selectedLabel() || this.placeholder());\n}\n\n@Directive({\n  selector: '[uiSelectContent], ui-select-content', hostDirectives: [UiElementHost],\n  host: {\n    role: 'listbox',\n    'data-slot': 'select-content',\n    tabindex: '-1',\n    '[id]': 'root.id',\n    '[attr.data-state]': 'root.state()',\n    '[attr.dir]': 'dir.value',\n    '[attr.class]': 'classes()',\n    '(keydown)': 'onKeydown($event)',\n  },\n})\nexport class UiSelectContent extends UiPopperContentBase {\n  protected readonly root = inject(UiSelect);\n  protected readonly varPrefix = '--radix-select';\n  protected readonly classes = computed(() => cn(CONTENT_CLASS, this.userClass()));\n  private manager: FocusKeyManager<UiSelectItem> | null = null;\n\n  constructor() {\n    super();\n    this.matchTriggerWidth = true;\n    this.init();\n  }\n\n  protected override onAttached(): void {\n    this.manager = new FocusKeyManager<UiSelectItem>([...this.root.items()])\n      .withVerticalOrientation()\n      .withHomeAndEnd()\n      .withTypeAhead(150)\n      .skipPredicate((i) => i.disabled);\n    this.root.manager.set(this.manager);\n    queueMicrotask(() => {\n      const items = this.root.items();\n      const selected = items.findIndex((i) => i.value() === this.root.value() && !i.disabled);\n      if (selected >= 0) this.manager?.setActiveItem(selected);\n      else this.manager?.setFirstItemActive();\n    });\n  }\n\n  protected override onDetached(): void {\n    this.manager = null;\n    this.root.manager.set(null);\n  }\n\n  protected onKeydown(e: KeyboardEvent): void {\n    if (e.key === 'Tab') return e.preventDefault();\n    if (e.key === 'Enter' || e.key === ' ') {\n      e.preventDefault();\n      this.manager?.activeItem?.choose();\n      return;\n    }\n    this.manager?.onKeydown(e);\n  }\n}\n\n@Directive({\n  selector: '[uiSelectGroup], ui-select-group', hostDirectives: [UiElementHost],\n  host: { role: 'group', 'data-slot': 'select-group', '[attr.class]': 'classes()' },\n})\nexport class UiSelectGroup {\n  readonly userClass = input<string>('', { alias: 'class' });\n  protected readonly classes = computed(() => cn('scroll-my-1 p-1', this.userClass()));\n}\n\n@Directive({\n  selector: '[uiSelectLabel], ui-select-label', hostDirectives: [UiElementHost],\n  host: { 'data-slot': 'select-label', '[attr.class]': 'classes()' },\n})\nexport class UiSelectLabel {\n  readonly userClass = input<string>('', { alias: 'class' });\n  protected readonly classes = computed(() => cn('px-1.5 py-1 text-xs text-muted-foreground', this.userClass()));\n}\n\n@Directive({\n  selector: '[uiSelectSeparator], ui-select-separator', hostDirectives: [UiElementHost],\n  host: { role: 'separator', 'aria-orientation': 'horizontal', 'data-slot': 'select-separator', '[attr.class]': 'classes()' },\n})\nexport class UiSelectSeparator {\n  readonly userClass = input<string>('', { alias: 'class' });\n  protected readonly classes = computed(() => cn('pointer-events-none -mx-1 my-1 h-px bg-border', this.userClass()));\n}\n\n@Component({\n  selector: '[uiSelectItem], ui-select-item', hostDirectives: [UiElementHost],\n  imports: [UiIconSvg],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    role: 'option',\n    tabindex: '-1',\n    'data-slot': 'select-item',\n    '[attr.aria-selected]': 'selected()',\n    '[attr.data-state]': 'selected() ? \"checked\" : \"unchecked\"',\n    '[attr.data-disabled]': 'disabled ? \"\" : null',\n    '[attr.aria-disabled]': 'disabled ? \"true\" : null',\n    '[attr.data-highlighted]': 'highlighted() ? \"\" : null',\n    '[attr.class]': 'classes()',\n    '(focus)': 'highlighted.set(true)',\n    '(blur)': 'highlighted.set(false)',\n    '(pointermove)': 'onPointerMove()',\n    '(click)': 'choose()',\n  },\n  template: `\n    <span><ng-content /></span>\n    <span class=\"pointer-events-none absolute end-2 flex size-4 items-center justify-center\" data-slot=\"select-item-indicator\">\n      @if (selected()) {\n        <svg uiIcon=\"check\"></svg>\n      }\n    </span>\n  `,\n})\nexport class UiSelectItem implements FocusableOption {\n  private readonly root = inject(UiSelect);\n  private readonly el = inject<ElementRef<HTMLElement>>(ElementRef).nativeElement;\n  readonly value = input<string>('');\n  readonly disabledInput = input(false, { alias: 'disabled', transform: booleanAttribute });\n  readonly userClass = input<string>('', { alias: 'class' });\n  readonly highlighted = signal(false);\n  protected readonly selected = computed(() => this.root.value() === this.value());\n  protected readonly classes = computed(() => cn(ITEM_CLASS, this.userClass()));\n  /** Display label: the item's text (read from the DOM after render, even while the list is closed). */\n  readonly label = signal('');\n\n  constructor() {\n    effect(() => {\n      this.value();\n      queueMicrotask(() => this.label.set((this.el.querySelector('span')?.textContent ?? '').trim()));\n    });\n  }\n\n  get disabled(): boolean {\n    return this.disabledInput();\n  }\n  focus(): void {\n    this.el.focus();\n  }\n  getLabel(): string {\n    return this.label();\n  }\n  protected onPointerMove(): void {\n    if (this.disabled || this.highlighted()) return;\n    this.root.manager()?.setActiveItem(this);\n  }\n  choose(): void {\n    if (!this.disabled) this.root.choose(this.value());\n  }\n}\n\nexport const UI_SELECT = [\n  UiSelect,\n  UiSelectTrigger,\n  UiSelectValue,\n  UiSelectContent,\n  UiSelectGroup,\n  UiSelectLabel,\n  UiSelectSeparator,\n  UiSelectItem,\n] as const;\n"],"mappings":"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"}

package/fesm2022/loomui-ng-ui-separator.mjs

@@ -0,0 +1,114 @@
+import * as i0 from "@angular/core";
+import { Directive, booleanAttribute, computed, input } from "@angular/core";
+import * as i1 from "@loomui-ng/ui/utils";
+import { UiElementHost, cn } from "@loomui-ng/ui/utils";
+var UiSeparator = class UiSeparator {
+	orientation = input("horizontal", ...ngDevMode ? [{ debugName: "orientation" }] : /* istanbul ignore next */ []);
+	decorative = input(true, {
+		...ngDevMode ? { debugName: "decorative" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	userClass = input("", {
+		...ngDevMode ? { debugName: "userClass" } : /* istanbul ignore next */ {},
+		alias: "class"
+	});
+	classes = computed(() => cn("shrink-0 bg-border data-horizontal:h-px data-horizontal:w-full data-vertical:w-px data-vertical:self-stretch", this.userClass()), ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: UiSeparator,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "17.1.0",
+		version: "22.2.2",
+		type: UiSeparator,
+		isStandalone: true,
+		selector: "[uiSeparator], ui-separator",
+		inputs: {
+			orientation: {
+				classPropertyName: "orientation",
+				publicName: "orientation",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			decorative: {
+				classPropertyName: "decorative",
+				publicName: "decorative",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			userClass: {
+				classPropertyName: "userClass",
+				publicName: "class",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: {
+			attributes: { "data-slot": "separator" },
+			properties: {
+				"attr.data-orientation": "orientation()",
+				"attr.role": "decorative() ? \"none\" : \"separator\"",
+				"attr.aria-orientation": "decorative() || orientation() === \"horizontal\" ? null : \"vertical\"",
+				"attr.class": "classes()"
+			}
+		},
+		hostDirectives: [{ directive: i1.UiElementHost }],
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: UiSeparator,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "[uiSeparator], ui-separator",
+			hostDirectives: [UiElementHost],
+			host: {
+				"data-slot": "separator",
+				"[attr.data-orientation]": "orientation()",
+				"[attr.role]": "decorative() ? \"none\" : \"separator\"",
+				"[attr.aria-orientation]": "decorative() || orientation() === \"horizontal\" ? null : \"vertical\"",
+				"[attr.class]": "classes()"
+			}
+		}]
+	}],
+	propDecorators: {
+		orientation: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "orientation",
+				required: false
+			}]
+		}],
+		decorative: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "decorative",
+				required: false
+			}]
+		}],
+		userClass: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "class",
+				required: false
+			}]
+		}]
+	}
+});
+export { UiSeparator };
+
+//# sourceMappingURL=loomui-ng-ui-separator.mjs.map

package/fesm2022/loomui-ng-ui-separator.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"loomui-ng-ui-separator.mjs","names":[],"sources":["../../../libs/ui/separator/separator.ts"],"sourcesContent":["import { booleanAttribute, computed, Directive, input } from '@angular/core';\nimport { cn } from '@loomui-ng/ui/utils';\nimport { UiElementHost } from '@loomui-ng/ui/utils';\n\n/**\n * <div uiSeparator></div>  /  <div uiSeparator orientation=\"vertical\"></div>\n * Observed: role=\"none\" (decorative) + data-orientation. With `decorative=false` we expose\n * role=\"separator\" and aria-orientation (Radix behaviour, not observed live).\n */\n@Directive({\n  selector: '[uiSeparator], ui-separator', hostDirectives: [UiElementHost],\n  host: {\n    'data-slot': 'separator',\n    '[attr.data-orientation]': 'orientation()',\n    '[attr.role]': 'decorative() ? \"none\" : \"separator\"',\n    '[attr.aria-orientation]': 'decorative() || orientation() === \"horizontal\" ? null : \"vertical\"',\n    '[attr.class]': 'classes()',\n  },\n})\nexport class UiSeparator {\n  readonly orientation = input<'horizontal' | 'vertical'>('horizontal');\n  readonly decorative = input(true, { transform: booleanAttribute });\n  readonly userClass = input<string>('', { alias: 'class' });\n  protected readonly classes = computed(() =>\n    cn(\n      'shrink-0 bg-border data-horizontal:h-px data-horizontal:w-full data-vertical:w-px data-vertical:self-stretch',\n      this.userClass(),\n    ),\n  );\n}\n"],"mappings":";;;;AAmBA,IAAa,cAAb,MAAa,YAAW;CACb,cAAc,MAAiC,cAAa,GAAA,YAAA,CAAA,EAAA,WAAA,cAAA,CAAA,+BAAA,CAAA,CAAA;CAC5D,aAAa,MAAM,MAAI;EAAA,GAAA,YAAA,EAAA,WAAA,aAAA,+BAAA,CAAA;EAAI,WAAW;CAAgB,CAAA;CACtD,YAAY,MAAc,IAAE;EAAA,GAAA,YAAA,EAAA,WAAA,YAAA,+BAAA,CAAA;EAAI,OAAO;CAAO,CAAA;CACpC,UAAU,eAC3B,GACE,gHACA,KAAK,UAAS,CAAE,GAEnB,GAAA,YAAA,CAAA,EAAA,WAAA,UAAA,CAAA,+BAAA,CAAA,CAAA;CATU,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAW,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAX,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAW,cAAA;EAAA,UAAA;EAAA,QAAA;GAAA,aAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,YAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,WAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;EAAA;EAAA,MAAA;GAAA,YAAA,EAAA,aAAA,YAAA;GAAA,YAAA;IAAA,yBAAA;IAAA,aAAA;IAAA,yBAAA;IAAA,cAAA;GAAA;EAAA;EAAA,gBAAA,CAAA,EAAA,WAAA,GAAA,cAAA,CAAA;EAAA,UAAA;CAAA,CAAA;;AAAX,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAW,YAAA,CAAA;EAVvB,MAAA;EAAU,MAAA,CAAA;GACT,UAAU;GAA+B,gBAAgB,CAAC,aAAa;GACvE,MAAM;IACJ,aAAa;IACb,2BAA2B;IAC3B,eAAe;IACf,2BAA2B;IAC3B,gBAAgB;GACjB;EACF,CAAA"}