@masmarino/gabarit 2.0.0 → 2.1.1

package/fesm2022/masmarino-gabarit-segmented-control.mjs

@@ -0,0 +1,272 @@
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, booleanAttribute, input, model, viewChild } from "@angular/core";
+let nextSegmentedControlId = 0;
+var SegmentedControl = class SegmentedControl {
+	group = viewChild("group", ...ngDevMode ? [{ debugName: "group" }] : /* istanbul ignore next */ []);
+	options = input.required(...ngDevMode ? [{ debugName: "options" }] : /* istanbul ignore next */ []);
+	value = model.required(...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
+	ariaLabel = input("", ...ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []);
+	disabled = input(false, {
+		...ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	label = input("", ...ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []);
+	fullWidth = input(false, {
+		...ngDevMode ? { debugName: "fullWidth" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	wrap = input(false, {
+		...ngDevMode ? { debugName: "wrap" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	size = input("md", ...ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []);
+	tinted = input(false, {
+		...ngDevMode ? { debugName: "tinted" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	labelId = `gbt-segmented-control-label-${++nextSegmentedControlId}`;
+	isSelected(value) {
+		return this.value() === value;
+	}
+	select(option) {
+		if (this.disabled() || option.disabled) return;
+		this.value.set(option.value);
+	}
+	onKeydown(event, index) {
+		const options = this.options();
+		const count = options.length;
+		if (count === 0) return;
+		let next = null;
+		switch (event.key) {
+			case "ArrowRight":
+			case "ArrowDown":
+				next = this.nextEnabledIndex(index, 1);
+				break;
+			case "ArrowLeft":
+			case "ArrowUp":
+				next = this.nextEnabledIndex(index, -1);
+				break;
+			case "Home":
+				next = this.nextEnabledIndex(-1, 1);
+				break;
+			case "End": next = this.nextEnabledIndex(count, -1);
+		}
+		if (next === null) return;
+		event.preventDefault();
+		this.select(options[next]);
+		this.focusButton(next);
+	}
+	nextEnabledIndex(from, direction) {
+		const options = this.options();
+		const count = options.length;
+		for (let step = 1; step <= count; step++) {
+			const candidate = (from + direction * step + count) % count;
+			if (!options[candidate].disabled) return candidate;
+		}
+		return null;
+	}
+	focusButton(index) {
+		this.group()?.nativeElement.querySelectorAll("[role=\"radio\"]")[index]?.focus();
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: SegmentedControl,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.0",
+		type: SegmentedControl,
+		isStandalone: true,
+		selector: "gbt-segmented-control",
+		inputs: {
+			options: {
+				classPropertyName: "options",
+				publicName: "options",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			value: {
+				classPropertyName: "value",
+				publicName: "value",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			ariaLabel: {
+				classPropertyName: "ariaLabel",
+				publicName: "ariaLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			disabled: {
+				classPropertyName: "disabled",
+				publicName: "disabled",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			label: {
+				classPropertyName: "label",
+				publicName: "label",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			fullWidth: {
+				classPropertyName: "fullWidth",
+				publicName: "fullWidth",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			wrap: {
+				classPropertyName: "wrap",
+				publicName: "wrap",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			size: {
+				classPropertyName: "size",
+				publicName: "size",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			tinted: {
+				classPropertyName: "tinted",
+				publicName: "tinted",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: { value: "valueChange" },
+		host: { properties: {
+			"class.gbt-segmented-control-host--full": "fullWidth()",
+			"class.gbt-segmented-control-host--labelled": "!!label()"
+		} },
+		viewQueries: [{
+			propertyName: "group",
+			first: true,
+			predicate: ["group"],
+			descendants: true,
+			isSignal: true
+		}],
+		ngImport: i0,
+		template: "@if (label()) {\n  <span [id]=\"labelId\" class=\"gbt-segmented-control__label\">{{ label() }}</span>\n}\n<div\n  #group\n  class=\"gbt-segmented-control\"\n  [class.gbt-segmented-control--sm]=\"size() === 'sm'\"\n  [class.gbt-segmented-control--wrap]=\"wrap()\"\n  [class.gbt-segmented-control--tinted]=\"tinted()\"\n  role=\"radiogroup\"\n  [attr.aria-label]=\"label() ? null : ariaLabel() || null\"\n  [attr.aria-labelledby]=\"label() ? labelId : null\"\n>\n  @for (option of options(); track option.value; let i = $index) {\n    <button\n      type=\"button\"\n      role=\"radio\"\n      class=\"gbt-segmented-control__option\"\n      [class.gbt-segmented-control__option--selected]=\"isSelected(option.value)\"\n      [attr.aria-checked]=\"isSelected(option.value)\"\n      [tabIndex]=\"isSelected(option.value) ? 0 : -1\"\n      [disabled]=\"disabled() || !!option.disabled\"\n      (click)=\"select(option)\"\n      (keydown)=\"onKeydown($event, i)\"\n    >\n      {{ option.label }}\n    </button>\n  }\n</div>\n",
+		styles: [":host(.gbt-segmented-control-host--labelled){display:inline-block}:host(.gbt-segmented-control-host--full){display:block}.gbt-segmented-control__label{display:block;margin-bottom:.375rem;color:var(--text-secondary);font-size:.8125rem;font-weight:600}.gbt-segmented-control{display:inline-flex;gap:2px;padding:2px;background:var(--bg-panel);border-radius:var(--site-border-radius-sm)}.gbt-segmented-control__option{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-height:calc(var(--gbt-control-height-sm) - 4px);padding:.375rem .75rem;background:none;border:none;border-radius:calc(var(--site-border-radius-sm) - 2px);color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;transition:background .12s cubic-bezier(.4,0,.2,1),color .12s cubic-bezier(.4,0,.2,1)}.gbt-segmented-control__option:hover:not(:disabled):not(.gbt-segmented-control__option--selected){color:var(--text-primary)}.gbt-segmented-control__option:focus-visible{outline:2px solid var(--gbt-focus-ring, var(--focus-ring));outline-offset:2px}.gbt-segmented-control__option:disabled{cursor:not-allowed;opacity:.5}.gbt-segmented-control__option--selected{background:var(--bg-principal);color:var(--text-primary);box-shadow:var(--site-shadow-sm)}.gbt-segmented-control--tinted{background:var(--bg-track)}.gbt-segmented-control--sm .gbt-segmented-control__option{padding:.1875rem .625rem;font-size:12px}.gbt-segmented-control--wrap{flex-wrap:wrap}.gbt-segmented-control--wrap .gbt-segmented-control__option{white-space:nowrap}:host(.gbt-segmented-control-host--full) .gbt-segmented-control{display:flex}:host(.gbt-segmented-control-host--full) .gbt-segmented-control__option{flex:1 1 0;min-width:0}:host(.gbt-segmented-control-host--full) .gbt-segmented-control--wrap .gbt-segmented-control__option{flex:1 1 auto}@media(prefers-reduced-motion:reduce){.gbt-segmented-control__option{transition:none}}\n"],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: SegmentedControl,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "gbt-segmented-control",
+			standalone: true,
+			imports: [],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			host: {
+				"[class.gbt-segmented-control-host--full]": "fullWidth()",
+				"[class.gbt-segmented-control-host--labelled]": "!!label()"
+			},
+			template: "@if (label()) {\n  <span [id]=\"labelId\" class=\"gbt-segmented-control__label\">{{ label() }}</span>\n}\n<div\n  #group\n  class=\"gbt-segmented-control\"\n  [class.gbt-segmented-control--sm]=\"size() === 'sm'\"\n  [class.gbt-segmented-control--wrap]=\"wrap()\"\n  [class.gbt-segmented-control--tinted]=\"tinted()\"\n  role=\"radiogroup\"\n  [attr.aria-label]=\"label() ? null : ariaLabel() || null\"\n  [attr.aria-labelledby]=\"label() ? labelId : null\"\n>\n  @for (option of options(); track option.value; let i = $index) {\n    <button\n      type=\"button\"\n      role=\"radio\"\n      class=\"gbt-segmented-control__option\"\n      [class.gbt-segmented-control__option--selected]=\"isSelected(option.value)\"\n      [attr.aria-checked]=\"isSelected(option.value)\"\n      [tabIndex]=\"isSelected(option.value) ? 0 : -1\"\n      [disabled]=\"disabled() || !!option.disabled\"\n      (click)=\"select(option)\"\n      (keydown)=\"onKeydown($event, i)\"\n    >\n      {{ option.label }}\n    </button>\n  }\n</div>\n",
+			styles: [":host(.gbt-segmented-control-host--labelled){display:inline-block}:host(.gbt-segmented-control-host--full){display:block}.gbt-segmented-control__label{display:block;margin-bottom:.375rem;color:var(--text-secondary);font-size:.8125rem;font-weight:600}.gbt-segmented-control{display:inline-flex;gap:2px;padding:2px;background:var(--bg-panel);border-radius:var(--site-border-radius-sm)}.gbt-segmented-control__option{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-height:calc(var(--gbt-control-height-sm) - 4px);padding:.375rem .75rem;background:none;border:none;border-radius:calc(var(--site-border-radius-sm) - 2px);color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;transition:background .12s cubic-bezier(.4,0,.2,1),color .12s cubic-bezier(.4,0,.2,1)}.gbt-segmented-control__option:hover:not(:disabled):not(.gbt-segmented-control__option--selected){color:var(--text-primary)}.gbt-segmented-control__option:focus-visible{outline:2px solid var(--gbt-focus-ring, var(--focus-ring));outline-offset:2px}.gbt-segmented-control__option:disabled{cursor:not-allowed;opacity:.5}.gbt-segmented-control__option--selected{background:var(--bg-principal);color:var(--text-primary);box-shadow:var(--site-shadow-sm)}.gbt-segmented-control--tinted{background:var(--bg-track)}.gbt-segmented-control--sm .gbt-segmented-control__option{padding:.1875rem .625rem;font-size:12px}.gbt-segmented-control--wrap{flex-wrap:wrap}.gbt-segmented-control--wrap .gbt-segmented-control__option{white-space:nowrap}:host(.gbt-segmented-control-host--full) .gbt-segmented-control{display:flex}:host(.gbt-segmented-control-host--full) .gbt-segmented-control__option{flex:1 1 0;min-width:0}:host(.gbt-segmented-control-host--full) .gbt-segmented-control--wrap .gbt-segmented-control__option{flex:1 1 auto}@media(prefers-reduced-motion:reduce){.gbt-segmented-control__option{transition:none}}\n"]
+		}]
+	}],
+	propDecorators: {
+		group: [{
+			type: i0.ViewChild,
+			args: ["group", { isSignal: true }]
+		}],
+		options: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "options",
+				required: true
+			}]
+		}],
+		value: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "value",
+				required: true
+			}]
+		}, {
+			type: i0.Output,
+			args: ["valueChange"]
+		}],
+		ariaLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "ariaLabel",
+				required: false
+			}]
+		}],
+		disabled: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "disabled",
+				required: false
+			}]
+		}],
+		label: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "label",
+				required: false
+			}]
+		}],
+		fullWidth: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "fullWidth",
+				required: false
+			}]
+		}],
+		wrap: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "wrap",
+				required: false
+			}]
+		}],
+		size: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "size",
+				required: false
+			}]
+		}],
+		tinted: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "tinted",
+				required: false
+			}]
+		}]
+	}
+});
+export { SegmentedControl };
+
+//# sourceMappingURL=masmarino-gabarit-segmented-control.mjs.map

package/fesm2022/masmarino-gabarit-segmented-control.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"masmarino-gabarit-segmented-control.mjs","names":[],"sources":["../../../projects/gabarit/segmented-control/segmented-control.ts","../../../projects/gabarit/segmented-control/segmented-control.html"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  booleanAttribute,\n  input,\n  model,\n  viewChild,\n} from '@angular/core'\n\nexport interface SegmentedControlOption<T = string> {\n  value: T\n  label: string\n  disabled?: boolean\n}\n\nexport type SegmentedControlSize = 'md' | 'sm'\n\nlet nextSegmentedControlId = 0\n\n@Component({\n  selector: 'gbt-segmented-control',\n  standalone: true,\n  imports: [],\n  templateUrl: './segmented-control.html',\n  styleUrl: './segmented-control.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[class.gbt-segmented-control-host--full]': 'fullWidth()',\n    '[class.gbt-segmented-control-host--labelled]': '!!label()',\n  },\n})\nexport class SegmentedControl<T = string> {\n  private readonly group = viewChild<ElementRef<HTMLElement>>('group')\n\n  options = input.required<SegmentedControlOption<T>[]>()\n  value = model.required<T>()\n  ariaLabel = input<string>('')\n  disabled = input(false, { transform: booleanAttribute })\n  label = input<string>('')\n  fullWidth = input(false, { transform: booleanAttribute })\n  wrap = input(false, { transform: booleanAttribute })\n  size = input<SegmentedControlSize>('md')\n  tinted = input(false, { transform: booleanAttribute })\n\n  protected readonly labelId = `gbt-segmented-control-label-${++nextSegmentedControlId}`\n\n  protected isSelected(value: T): boolean {\n    return this.value() === value\n  }\n\n  protected select(option: SegmentedControlOption<T>): void {\n    if (this.disabled() || option.disabled) {\n      return\n    }\n    this.value.set(option.value)\n  }\n\n  protected onKeydown(event: KeyboardEvent, index: number): void {\n    const options = this.options()\n    const count = options.length\n    if (count === 0) {\n      return\n    }\n    let next: number | null = null\n    switch (event.key) {\n      case 'ArrowRight':\n      case 'ArrowDown':\n        next = this.nextEnabledIndex(index, 1)\n        break\n      case 'ArrowLeft':\n      case 'ArrowUp':\n        next = this.nextEnabledIndex(index, -1)\n        break\n      case 'Home':\n        next = this.nextEnabledIndex(-1, 1)\n        break\n      case 'End':\n        next = this.nextEnabledIndex(count, -1)\n        break\n    }\n    if (next === null) {\n      return\n    }\n    event.preventDefault()\n    this.select(options[next])\n    this.focusButton(next)\n  }\n\n  private nextEnabledIndex(from: number, direction: 1 | -1): number | null {\n    const options = this.options()\n    const count = options.length\n    for (let step = 1; step <= count; step++) {\n      const candidate = (from + direction * step + count) % count\n      if (!options[candidate].disabled) {\n        return candidate\n      }\n    }\n    return null\n  }\n\n  private focusButton(index: number): void {\n    this.group()?.nativeElement.querySelectorAll<HTMLElement>('[role=\"radio\"]')[index]?.focus()\n  }\n}\n","@if (label()) {\n  <span [id]=\"labelId\" class=\"gbt-segmented-control__label\">{{ label() }}</span>\n}\n<div\n  #group\n  class=\"gbt-segmented-control\"\n  [class.gbt-segmented-control--sm]=\"size() === 'sm'\"\n  [class.gbt-segmented-control--wrap]=\"wrap()\"\n  [class.gbt-segmented-control--tinted]=\"tinted()\"\n  role=\"radiogroup\"\n  [attr.aria-label]=\"label() ? null : ariaLabel() || null\"\n  [attr.aria-labelledby]=\"label() ? labelId : null\"\n>\n  @for (option of options(); track option.value; let i = $index) {\n    <button\n      type=\"button\"\n      role=\"radio\"\n      class=\"gbt-segmented-control__option\"\n      [class.gbt-segmented-control__option--selected]=\"isSelected(option.value)\"\n      [attr.aria-checked]=\"isSelected(option.value)\"\n      [tabIndex]=\"isSelected(option.value) ? 0 : -1\"\n      [disabled]=\"disabled() || !!option.disabled\"\n      (click)=\"select(option)\"\n      (keydown)=\"onKeydown($event, i)\"\n    >\n      {{ option.label }}\n    </button>\n  }\n</div>\n"],"mappings":"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"}