@masmarino/gabarit 1.4.0 → 2.1.0

package/fesm2022/masmarino-gabarit-search-bar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"masmarino-gabarit-search-bar.mjs","names":[],"sources":["../../../projects/gabarit/search-bar/search-bar.ts","../../../projects/gabarit/search-bar/search-bar.html"],"sourcesContent":["import {\n  afterNextRender,\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  ElementRef,\n  inject,\n  Injector,\n  input,\n  model,\n  output,\n  signal,\n  TemplateRef,\n  viewChild,\n} from '@angular/core'\nimport { NgTemplateOutlet } from '@angular/common'\nimport { Icon } from '@masmarino/gabarit/icon'\n\nexport interface SearchResultCategory<T = unknown> {\n  label: string\n  icon?: string\n  items: T[]\n}\n\nlet nextSearchBarId = 0\n\nexport type SearchBarCollapsible = boolean | 'narrow'\n\nfunction collapsibleAttribute(value: boolean | string | null | undefined): SearchBarCollapsible {\n  return value === 'narrow' ? 'narrow' : booleanAttribute(value)\n}\n\n@Component({\n  selector: 'gbt-search-bar',\n  standalone: true,\n  imports: [Icon, NgTemplateOutlet],\n  templateUrl: './search-bar.html',\n  styleUrl: './search-bar.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '(keydown)': 'onNavigationKeydown($event)',\n    '(document:click)': 'handleClickOutside($event)',\n    '[attr.data-collapsible]': 'collapsibleMode()',\n    '[attr.data-expanded]': 'collapsibleMode() && expanded() ? \"\" : null',\n  },\n})\nexport class SearchBar<T = unknown> {\n  private readonly elementRef = inject(ElementRef)\n  private readonly injector = inject(Injector)\n\n  id = input<string>(`gbt-search-bar-${++nextSearchBarId}`)\n  results = input<T[] | null>(null)\n  groupedResults = input<SearchResultCategory<T>[] | null>(null)\n  placeholder = input<string>('Search…')\n  ariaLabel = input<string>('')\n  displayFn = input<(item: T) => string>((item) => String(item))\n  itemTemplate = input<TemplateRef<unknown>>()\n  keepQueryOnSelect = input(false)\n  noResultsMessage = input<string>('No results')\n  noResultsHint = input<string>('Try a different search.')\n  clearLabel = input<string>('Clear search')\n  resultsAnnouncement = input<(count: number) => string>(\n    (count) => `${count} result${count !== 1 ? 's' : ''}`,\n  )\n  navigateHint = input<string>('Navigate')\n  selectHint = input<string>('Select')\n  closeHint = input<string>('Close')\n  collapsible = input<SearchBarCollapsible, boolean | string | null | undefined>(false, {\n    transform: collapsibleAttribute,\n  })\n  expanded = model(false)\n  openLabel = input<string>('Search')\n  closeLabel = input<string>('Close search')\n\n  queryChange = output<string>()\n  itemSelected = output<T>()\n  clear = output<void>()\n\n  protected readonly isFocused = signal(false)\n  protected readonly showResults = signal(false)\n  protected readonly searchQuery = signal('')\n  protected readonly activeIndex = signal(0)\n\n  protected readonly searchInput = viewChild<ElementRef<HTMLInputElement>>('searchInput')\n  private readonly toggleButton = viewChild<ElementRef<HTMLButtonElement>>('toggle')\n\n  protected readonly collapsibleMode = computed(() => {\n    const mode = this.collapsible()\n    return mode === 'narrow' ? 'narrow' : mode ? 'always' : null\n  })\n\n  protected readonly folded = computed(() => this.collapsibleMode() !== null && !this.expanded())\n\n  protected readonly triggerId = computed(() => `${this.id()}-trigger`)\n\n  private readonly hasGroupedResultsInput = computed(() => !!this.groupedResults())\n\n  protected readonly allVisibleItems = computed<T[]>(() => {\n    if (this.groupedResults()) {\n      return this.groupedResults()!.flatMap((category) => category.items)\n    }\n    return this.results() ?? []\n  })\n\n  protected readonly showOverlay = computed(() => this.showResults())\n\n  protected readonly panelId = computed(() => `${this.id()}-panel`)\n\n  protected itemDomId(index: number): string {\n    return `${this.id()}-item-${index}`\n  }\n\n  protected readonly indexedGroupedResults = computed(() => {\n    const grouped = this.groupedResults()\n    if (!grouped) return null\n    const format = this.displayFn()\n    let index = 0\n    return grouped.map((category) => ({\n      ...category,\n      indexedItems: category.items.map((item) => ({\n        item,\n        index: index++,\n        formatted: format(item),\n      })),\n    }))\n  })\n\n  protected readonly indexedResults = computed(() => {\n    const format = this.displayFn()\n    return (this.results() ?? []).map((item, index) => ({ item, index, formatted: format(item) }))\n  })\n\n  protected readonly activeItemDomId = computed(() => {\n    if (!this.showOverlay()) return null\n    const idx = this.activeIndex()\n\n    return idx >= 0 && idx < this.allVisibleItems().length ? this.itemDomId(idx) : null\n  })\n\n  protected readonly resultCount = computed(() =>\n    this.showOverlay() ? this.allVisibleItems().length : 0,\n  )\n\n  protected readonly hasGroupedResults = computed(\n    () => this.hasGroupedResultsInput() && !!this.groupedResults()?.some((c) => c.items.length > 0),\n  )\n\n  protected readonly hasNoResults = computed(() => this.allVisibleItems().length === 0)\n\n  protected onNavigationKeydown(event: KeyboardEvent): void {\n    if (\n      event.key === 'Escape' &&\n      this.collapsibleMode() !== null &&\n      this.expanded() &&\n      !this.showOverlay()\n    ) {\n      event.preventDefault()\n      this.fold(true)\n      return\n    }\n\n    if (!this.isFocused() || !this.showOverlay()) return\n\n    if (event.key === 'Escape') {\n      event.preventDefault()\n      this.blurSearch()\n      return\n    }\n\n    const items = this.allVisibleItems()\n    if (items.length === 0) return\n\n    switch (event.key) {\n      case 'ArrowDown':\n        event.preventDefault()\n        this.activeIndex.update((i) => Math.min(i + 1, items.length - 1))\n        break\n      case 'ArrowUp':\n        event.preventDefault()\n        this.activeIndex.update((i) => Math.max(i - 1, 0))\n        break\n      case 'Enter': {\n        const active = items[this.activeIndex()]\n        if (!active) break\n        event.preventDefault()\n        this.onSelect(active)\n        break\n      }\n    }\n  }\n\n  protected handleClickOutside(event: MouseEvent): void {\n    if (!this.elementRef.nativeElement.contains(event.target)) {\n      this.showResults.set(false)\n    }\n  }\n\n  focusSearch(): void {\n    this.searchInput()?.nativeElement.focus()\n  }\n\n  protected blurSearch(): void {\n    this.searchInput()?.nativeElement.blur()\n    this.showResults.set(false)\n  }\n\n  protected onFocus(): void {\n    this.isFocused.set(true)\n    if (this.searchQuery().length > 0) this.showResults.set(true)\n  }\n\n  protected expand(): void {\n    this.expanded.set(true)\n    afterNextRender(() => this.focusSearch(), { injector: this.injector })\n  }\n\n  private fold(returnFocus: boolean): void {\n    this.expanded.set(false)\n    if (returnFocus) {\n      afterNextRender(() => this.toggleButton()?.nativeElement.focus(), { injector: this.injector })\n    }\n  }\n\n  protected close(event: Event): void {\n    event.stopPropagation()\n    this.showResults.set(false)\n    this.fold(true)\n  }\n\n  protected onBlur(event?: FocusEvent): void {\n    this.isFocused.set(false)\n    if (\n      this.collapsibleMode() !== null &&\n      this.expanded() &&\n      this.searchQuery().length === 0 &&\n      !this.elementRef.nativeElement.contains(event?.relatedTarget)\n    ) {\n      this.fold(false)\n    }\n    setTimeout(() => {\n      if (!this.elementRef.nativeElement.contains(document.activeElement)) {\n        this.showResults.set(false)\n      }\n    }, 200)\n  }\n\n  protected onInput(event: Event): void {\n    const value = (event.target as HTMLInputElement).value\n    this.searchQuery.set(value)\n    this.activeIndex.set(0)\n    this.showResults.set(value.length > 0)\n\n    this.queryChange.emit(value)\n  }\n\n  protected onClear(): void {\n    this.searchQuery.set('')\n    this.activeIndex.set(0)\n    this.showResults.set(false)\n    this.clear.emit()\n    this.focusSearch()\n  }\n\n  protected onSelect(item: T): void {\n    this.itemSelected.emit(item)\n    this.showResults.set(false)\n    this.searchQuery.set(this.keepQueryOnSelect() ? this.displayFn()(item) : '')\n    if (this.collapsibleMode() !== null && !this.keepQueryOnSelect()) this.fold(false)\n  }\n}\n","@if (collapsibleMode()) {\n  @if (folded()) {\n    <button\n      #toggle\n      type=\"button\"\n      class=\"gbt-sb-toggle\"\n      aria-expanded=\"false\"\n      [attr.aria-controls]=\"triggerId()\"\n      [attr.aria-label]=\"openLabel()\"\n      (click)=\"expand()\"\n    >\n      <gbt-icon name=\"search\" aria-hidden=\"true\" />\n    </button>\n  }\n}\n<!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -->\n<div\n  class=\"gbt-sb-trigger\"\n  [attr.id]=\"collapsibleMode() ? triggerId() : null\"\n  [attr.hidden]=\"folded() && collapsibleMode() === 'always' ? '' : null\"\n  [class.gbt-sb-trigger--folded]=\"folded()\"\n  [class.gbt-sb-trigger--open]=\"isFocused()\"\n  (click)=\"focusSearch()\"\n>\n  @if (collapsibleMode() && expanded()) {\n    <button\n      type=\"button\"\n      class=\"gbt-sb-trigger__close\"\n      [attr.aria-label]=\"closeLabel()\"\n      (click)=\"close($event)\"\n    >\n      <gbt-icon name=\"arrow-left\" aria-hidden=\"true\" />\n    </button>\n  }\n  <gbt-icon name=\"search\" class=\"gbt-sb-trigger__icon\" aria-hidden=\"true\" />\n  <input\n    #searchInput\n    type=\"text\"\n    role=\"combobox\"\n    class=\"gbt-sb-trigger__input\"\n    [placeholder]=\"placeholder()\"\n    [attr.aria-label]=\"ariaLabel() || placeholder()\"\n    [value]=\"searchQuery()\"\n    [attr.aria-expanded]=\"showOverlay()\"\n    aria-autocomplete=\"list\"\n    aria-haspopup=\"listbox\"\n    [attr.aria-controls]=\"showOverlay() ? panelId() : null\"\n    [attr.aria-activedescendant]=\"activeItemDomId()\"\n    (focus)=\"onFocus()\"\n    (blur)=\"onBlur($event)\"\n    (input)=\"onInput($event)\"\n    autocomplete=\"off\"\n    spellcheck=\"false\"\n  />\n  @if (searchQuery().length > 0) {\n    <button\n      type=\"button\"\n      class=\"gbt-sb-trigger__clear\"\n      (click)=\"onClear()\"\n      [attr.aria-label]=\"clearLabel()\"\n    >\n      <gbt-icon name=\"x\" aria-hidden=\"true\" />\n    </button>\n  }\n</div>\n@if (showOverlay()) {\n  <div role=\"status\" aria-live=\"polite\" aria-atomic=\"true\" class=\"sr-only\">\n    {{ resultsAnnouncement()(resultCount()) }}\n  </div>\n}\n@if (showOverlay()) {\n  <div class=\"gbt-sb-backdrop\" (click)=\"blurSearch()\" aria-hidden=\"true\"></div>\n  <ng-template #footer>\n    <div class=\"gbt-sb-footer\" aria-hidden=\"true\">\n      <span class=\"gbt-sb-footer__hint\">\n        <kbd class=\"gbt-sb-kbd gbt-sb-kbd--sm\">↑</kbd>\n        <kbd class=\"gbt-sb-kbd gbt-sb-kbd--sm\">↓</kbd>\n        {{ navigateHint() }}\n      </span>\n      <span class=\"gbt-sb-footer__hint\">\n        <kbd class=\"gbt-sb-kbd gbt-sb-kbd--sm\">↵</kbd>\n        {{ selectHint() }}\n      </span>\n      <span class=\"gbt-sb-footer__hint\">\n        <kbd class=\"gbt-sb-kbd gbt-sb-kbd--sm\">Esc</kbd>\n        {{ closeHint() }}\n      </span>\n    </div>\n  </ng-template>\n  @if (hasNoResults()) {\n    <div [id]=\"panelId()\" class=\"gbt-sb-panel\">\n      <div class=\"gbt-sb-state\" role=\"status\">\n        <gbt-icon name=\"search\" class=\"gbt-sb-state__icon\" aria-hidden=\"true\" />\n        <span>{{ noResultsMessage() }}</span>\n        <p class=\"gbt-sb-state__hint\">{{ noResultsHint() }}</p>\n      </div>\n      <ng-container [ngTemplateOutlet]=\"footer\"></ng-container>\n    </div>\n  } @else {\n    <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -->\n    <div\n      [id]=\"panelId()\"\n      class=\"gbt-sb-panel\"\n      role=\"listbox\"\n      (mousedown)=\"$event.preventDefault()\"\n      (click)=\"$event.stopPropagation()\"\n    >\n      @if (hasGroupedResults()) {\n        <div class=\"gbt-sb-list\">\n          @for (category of indexedGroupedResults(); track category.label) {\n            @if (category.items.length > 0) {\n              <div class=\"gbt-sb-group-label\">\n                @if (category.icon) {\n                  <gbt-icon [name]=\"category.icon\" aria-hidden=\"true\" />\n                }\n                {{ category.label }}\n                <span class=\"gbt-sb-group-count\" aria-hidden=\"true\">{{\n                  category.items.length\n                }}</span>\n              </div>\n              @for (entry of category.indexedItems; track entry.index) {\n                <button\n                  type=\"button\"\n                  role=\"option\"\n                  tabindex=\"-1\"\n                  [id]=\"itemDomId(entry.index)\"\n                  class=\"gbt-sb-item\"\n                  [attr.aria-selected]=\"entry.index === activeIndex()\"\n                  [class.gbt-sb-item--active]=\"entry.index === activeIndex()\"\n                  (click)=\"onSelect(entry.item)\"\n                  (mouseenter)=\"activeIndex.set(entry.index)\"\n                >\n                  @if (itemTemplate()) {\n                    <ng-container\n                      [ngTemplateOutlet]=\"itemTemplate()!\"\n                      [ngTemplateOutletContext]=\"{ $implicit: entry.item }\"\n                    ></ng-container>\n                  } @else {\n                    @if (category.icon) {\n                      <gbt-icon\n                        [name]=\"category.icon\"\n                        class=\"gbt-sb-item__icon\"\n                        aria-hidden=\"true\"\n                      />\n                    }\n                    <span class=\"gbt-sb-item__label\">{{ entry.formatted }}</span>\n                  }\n                </button>\n              }\n            }\n          }\n        </div>\n      } @else if (results() && results()!.length > 0) {\n        <div class=\"gbt-sb-list\">\n          @for (entry of indexedResults(); track entry.index) {\n            <button\n              type=\"button\"\n              role=\"option\"\n              tabindex=\"-1\"\n              [id]=\"itemDomId(entry.index)\"\n              class=\"gbt-sb-item\"\n              [attr.aria-selected]=\"entry.index === activeIndex()\"\n              [class.gbt-sb-item--active]=\"entry.index === activeIndex()\"\n              (click)=\"onSelect(entry.item)\"\n              (mouseenter)=\"activeIndex.set(entry.index)\"\n            >\n              @if (itemTemplate()) {\n                <ng-container\n                  [ngTemplateOutlet]=\"itemTemplate()!\"\n                  [ngTemplateOutletContext]=\"{ $implicit: entry.item }\"\n                ></ng-container>\n              } @else {\n                <span class=\"gbt-sb-item__label\">{{ entry.formatted }}</span>\n              }\n            </button>\n          }\n        </div>\n      }\n\n      <ng-container [ngTemplateOutlet]=\"footer\"></ng-container>\n    </div>\n  }\n}\n"],"mappings":"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"}

package/fesm2022/masmarino-gabarit-secret-reveal.mjs

@@ -0,0 +1,348 @@
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, Injector, afterNextRender, effect, inject, input, model, output, untracked, viewChild } from "@angular/core";
+import { Button } from "@masmarino/gabarit/button";
+import { CopyButton, selectContents } from "@masmarino/gabarit/copy-button";
+let nextSecretRevealId = 0;
+var SecretReveal = class SecretReveal {
+	value = input.required(...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
+	revealed = model(false, ...ngDevMode ? [{ debugName: "revealed" }] : /* istanbul ignore next */ []);
+	label = input(null, ...ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []);
+	showLabel = input("Show the secret", ...ngDevMode ? [{ debugName: "showLabel" }] : /* istanbul ignore next */ []);
+	hideLabel = input("Hide the secret", ...ngDevMode ? [{ debugName: "hideLabel" }] : /* istanbul ignore next */ []);
+	hiddenLabel = input("Secret hidden", ...ngDevMode ? [{ debugName: "hiddenLabel" }] : /* istanbul ignore next */ []);
+	copyLabel = input("Copy the secret", ...ngDevMode ? [{ debugName: "copyLabel" }] : /* istanbul ignore next */ []);
+	copiedText = input("Copied", ...ngDevMode ? [{ debugName: "copiedText" }] : /* istanbul ignore next */ []);
+	failedText = input("Copy failed, secret shown and selected", ...ngDevMode ? [{ debugName: "failedText" }] : /* istanbul ignore next */ []);
+	feedbackMs = input(2e3, ...ngDevMode ? [{ debugName: "feedbackMs" }] : /* istanbul ignore next */ []);
+	feedback = input("bubble", ...ngDevMode ? [{ debugName: "feedback" }] : /* istanbul ignore next */ []);
+	maskLength = input(24, ...ngDevMode ? [{ debugName: "maskLength" }] : /* istanbul ignore next */ []);
+	copied = output();
+	copyFailed = output();
+	id = `gbt-secret-reveal-${++nextSecretRevealId}`;
+	valueId = `${this.id}-value`;
+	labelId = `${this.id}-label`;
+	code = viewChild("code", ...ngDevMode ? [{ debugName: "code" }] : /* istanbul ignore next */ []);
+	copyButton = viewChild(CopyButton, ...ngDevMode ? [{ debugName: "copyButton" }] : /* istanbul ignore next */ []);
+	injector = inject(Injector);
+	constructor() {
+		effect(() => {
+			if (!this.revealed()) untracked(() => this.copyButton()?.reset());
+		});
+	}
+	mask() {
+		return "•".repeat(Math.max(1, Math.round(this.maskLength())));
+	}
+	toggle() {
+		this.revealed.set(!this.revealed());
+	}
+	onCopyFailed() {
+		this.copyFailed.emit();
+		if (!this.revealed()) this.revealed.set(true);
+		afterNextRender(() => selectContents(this.code()?.nativeElement), { injector: this.injector });
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: SecretReveal,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.0",
+		type: SecretReveal,
+		isStandalone: true,
+		selector: "gbt-secret-reveal",
+		inputs: {
+			value: {
+				classPropertyName: "value",
+				publicName: "value",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			revealed: {
+				classPropertyName: "revealed",
+				publicName: "revealed",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			label: {
+				classPropertyName: "label",
+				publicName: "label",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			showLabel: {
+				classPropertyName: "showLabel",
+				publicName: "showLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			hideLabel: {
+				classPropertyName: "hideLabel",
+				publicName: "hideLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			hiddenLabel: {
+				classPropertyName: "hiddenLabel",
+				publicName: "hiddenLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			copyLabel: {
+				classPropertyName: "copyLabel",
+				publicName: "copyLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			copiedText: {
+				classPropertyName: "copiedText",
+				publicName: "copiedText",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			failedText: {
+				classPropertyName: "failedText",
+				publicName: "failedText",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			feedbackMs: {
+				classPropertyName: "feedbackMs",
+				publicName: "feedbackMs",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			feedback: {
+				classPropertyName: "feedback",
+				publicName: "feedback",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			maskLength: {
+				classPropertyName: "maskLength",
+				publicName: "maskLength",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: {
+			revealed: "revealedChange",
+			copied: "copied",
+			copyFailed: "copyFailed"
+		},
+		host: { properties: { "attr.data-revealed": "revealed() ? \"\" : null" } },
+		viewQueries: [{
+			propertyName: "code",
+			first: true,
+			predicate: ["code"],
+			descendants: true,
+			isSignal: true
+		}, {
+			propertyName: "copyButton",
+			first: true,
+			predicate: CopyButton,
+			descendants: true,
+			isSignal: true
+		}],
+		ngImport: i0,
+		template: "@if (label(); as text) {\n  <span class=\"gbt-secret-reveal__label\" [id]=\"labelId\">{{ text }}</span>\n}\n<div\n  class=\"gbt-secret-reveal__box\"\n  [attr.role]=\"label() ? 'group' : null\"\n  [attr.aria-labelledby]=\"label() ? labelId : null\"\n>\n  <!-- prettier-ignore -->\n  <code #code class=\"gbt-secret-reveal__value\" [id]=\"valueId\">@if (revealed()) {{{ value() }}} @else {<span aria-hidden=\"true\">{{ mask() }}</span><span class=\"sr-only\">{{ hiddenLabel() }}</span>}</code>\n  <gbt-button\n    class=\"gbt-secret-reveal__toggle\"\n    variant=\"secondary\"\n    size=\"small\"\n    [iconOnly]=\"true\"\n    [iconName]=\"revealed() ? 'eye-off' : 'eye'\"\n    [ariaLabel]=\"revealed() ? hideLabel() : showLabel()\"\n    [ariaControls]=\"valueId\"\n    (clicked)=\"toggle()\"\n  />\n  <gbt-copy-button\n    class=\"gbt-secret-reveal__copy\"\n    [value]=\"value()\"\n    [ariaLabel]=\"copyLabel()\"\n    [copiedText]=\"copiedText()\"\n    [failedText]=\"failedText()\"\n    [feedbackMs]=\"feedbackMs()\"\n    [feedback]=\"feedback()\"\n    (copied)=\"copied.emit($event)\"\n    (copyFailed)=\"onCopyFailed()\"\n  />\n</div>\n",
+		styles: [":host{display:block}.gbt-secret-reveal__label{display:block;margin-bottom:.25rem;color:var(--text-secondary);font-size:.8125rem;font-weight:600;line-height:1.25rem}.gbt-secret-reveal__box{display:flex;align-items:flex-start;gap:.375rem}.gbt-secret-reveal__value{flex:1 1 auto;min-width:0;box-sizing:border-box;min-height:var(--gbt-control-height-sm);padding:.375rem .625rem;border:1px solid var(--gbt-card-border);border-radius:var(--site-border-radius-sm);background:var(--bg-principal);color:var(--text-primary);font-family:var(--gbt-font-mono);font-size:.75rem;line-height:1.125rem;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all}:host(:not([data-revealed])) .gbt-secret-reveal__value{color:var(--text-secondary);letter-spacing:.08em;-webkit-user-select:none;user-select:none}.gbt-secret-reveal__toggle,.gbt-secret-reveal__copy{flex:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}\n"],
+		dependencies: [{
+			kind: "component",
+			type: Button,
+			selector: "gbt-button, a[gbtButton]",
+			inputs: [
+				"variant",
+				"size",
+				"type",
+				"text",
+				"iconName",
+				"ariaLabel",
+				"loading",
+				"loadingLabel",
+				"disabled",
+				"pressed",
+				"ariaExpanded",
+				"ariaControls",
+				"ariaHaspopup",
+				"block",
+				"iconOnly"
+			],
+			outputs: ["clicked"]
+		}, {
+			kind: "component",
+			type: CopyButton,
+			selector: "gbt-copy-button",
+			inputs: [
+				"value",
+				"text",
+				"ariaLabel",
+				"copiedText",
+				"failedText",
+				"feedbackMs",
+				"variant",
+				"size",
+				"icon",
+				"disabled",
+				"feedback",
+				"selectTarget"
+			],
+			outputs: ["copied", "copyFailed"]
+		}],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: SecretReveal,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "gbt-secret-reveal",
+			standalone: true,
+			imports: [Button, CopyButton],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			host: { "[attr.data-revealed]": "revealed() ? \"\" : null" },
+			template: "@if (label(); as text) {\n  <span class=\"gbt-secret-reveal__label\" [id]=\"labelId\">{{ text }}</span>\n}\n<div\n  class=\"gbt-secret-reveal__box\"\n  [attr.role]=\"label() ? 'group' : null\"\n  [attr.aria-labelledby]=\"label() ? labelId : null\"\n>\n  <!-- prettier-ignore -->\n  <code #code class=\"gbt-secret-reveal__value\" [id]=\"valueId\">@if (revealed()) {{{ value() }}} @else {<span aria-hidden=\"true\">{{ mask() }}</span><span class=\"sr-only\">{{ hiddenLabel() }}</span>}</code>\n  <gbt-button\n    class=\"gbt-secret-reveal__toggle\"\n    variant=\"secondary\"\n    size=\"small\"\n    [iconOnly]=\"true\"\n    [iconName]=\"revealed() ? 'eye-off' : 'eye'\"\n    [ariaLabel]=\"revealed() ? hideLabel() : showLabel()\"\n    [ariaControls]=\"valueId\"\n    (clicked)=\"toggle()\"\n  />\n  <gbt-copy-button\n    class=\"gbt-secret-reveal__copy\"\n    [value]=\"value()\"\n    [ariaLabel]=\"copyLabel()\"\n    [copiedText]=\"copiedText()\"\n    [failedText]=\"failedText()\"\n    [feedbackMs]=\"feedbackMs()\"\n    [feedback]=\"feedback()\"\n    (copied)=\"copied.emit($event)\"\n    (copyFailed)=\"onCopyFailed()\"\n  />\n</div>\n",
+			styles: [":host{display:block}.gbt-secret-reveal__label{display:block;margin-bottom:.25rem;color:var(--text-secondary);font-size:.8125rem;font-weight:600;line-height:1.25rem}.gbt-secret-reveal__box{display:flex;align-items:flex-start;gap:.375rem}.gbt-secret-reveal__value{flex:1 1 auto;min-width:0;box-sizing:border-box;min-height:var(--gbt-control-height-sm);padding:.375rem .625rem;border:1px solid var(--gbt-card-border);border-radius:var(--site-border-radius-sm);background:var(--bg-principal);color:var(--text-primary);font-family:var(--gbt-font-mono);font-size:.75rem;line-height:1.125rem;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all}:host(:not([data-revealed])) .gbt-secret-reveal__value{color:var(--text-secondary);letter-spacing:.08em;-webkit-user-select:none;user-select:none}.gbt-secret-reveal__toggle,.gbt-secret-reveal__copy{flex:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}\n"]
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		value: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "value",
+				required: true
+			}]
+		}],
+		revealed: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "revealed",
+				required: false
+			}]
+		}, {
+			type: i0.Output,
+			args: ["revealedChange"]
+		}],
+		label: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "label",
+				required: false
+			}]
+		}],
+		showLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "showLabel",
+				required: false
+			}]
+		}],
+		hideLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "hideLabel",
+				required: false
+			}]
+		}],
+		hiddenLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "hiddenLabel",
+				required: false
+			}]
+		}],
+		copyLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "copyLabel",
+				required: false
+			}]
+		}],
+		copiedText: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "copiedText",
+				required: false
+			}]
+		}],
+		failedText: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "failedText",
+				required: false
+			}]
+		}],
+		feedbackMs: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "feedbackMs",
+				required: false
+			}]
+		}],
+		feedback: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "feedback",
+				required: false
+			}]
+		}],
+		maskLength: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "maskLength",
+				required: false
+			}]
+		}],
+		copied: [{
+			type: i0.Output,
+			args: ["copied"]
+		}],
+		copyFailed: [{
+			type: i0.Output,
+			args: ["copyFailed"]
+		}],
+		code: [{
+			type: i0.ViewChild,
+			args: ["code", { isSignal: true }]
+		}],
+		copyButton: [{
+			type: i0.ViewChild,
+			args: [i0.forwardRef(() => CopyButton), { isSignal: true }]
+		}]
+	}
+});
+export { SecretReveal };
+
+//# sourceMappingURL=masmarino-gabarit-secret-reveal.mjs.map

package/fesm2022/masmarino-gabarit-secret-reveal.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"masmarino-gabarit-secret-reveal.mjs","names":[],"sources":["../../../projects/gabarit/secret-reveal/secret-reveal.ts","../../../projects/gabarit/secret-reveal/secret-reveal.html"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  Injector,\n  effect,\n  untracked,\n  afterNextRender,\n  inject,\n  input,\n  model,\n  output,\n  viewChild,\n} from '@angular/core'\nimport { Button } from '@masmarino/gabarit/button'\nimport { CopyButton, CopyButtonFeedback } from '@masmarino/gabarit/copy-button'\nimport { selectContents } from '@masmarino/gabarit/copy-button'\n\nlet nextSecretRevealId = 0\n\n@Component({\n  selector: 'gbt-secret-reveal',\n  standalone: true,\n  imports: [Button, CopyButton],\n  templateUrl: './secret-reveal.html',\n  styleUrl: './secret-reveal.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[attr.data-revealed]': 'revealed() ? \"\" : null',\n  },\n})\nexport class SecretReveal {\n  value = input.required<string>()\n  revealed = model(false)\n  label = input<string | null>(null)\n  showLabel = input('Show the secret')\n  hideLabel = input('Hide the secret')\n  hiddenLabel = input('Secret hidden')\n  copyLabel = input('Copy the secret')\n  copiedText = input('Copied')\n  failedText = input('Copy failed, secret shown and selected')\n  feedbackMs = input(2000)\n  feedback = input<CopyButtonFeedback>('bubble')\n  maskLength = input(24)\n\n  copied = output<string>()\n  copyFailed = output<void>()\n\n  protected readonly id = `gbt-secret-reveal-${++nextSecretRevealId}`\n  protected readonly valueId = `${this.id}-value`\n  protected readonly labelId = `${this.id}-label`\n\n  private readonly code = viewChild<ElementRef<HTMLElement>>('code')\n  private readonly copyButton = viewChild(CopyButton)\n  private readonly injector = inject(Injector)\n\n  constructor() {\n    effect(() => {\n      if (!this.revealed()) {\n        untracked(() => this.copyButton()?.reset())\n      }\n    })\n  }\n\n  protected mask(): string {\n    return '•'.repeat(Math.max(1, Math.round(this.maskLength())))\n  }\n\n  protected toggle(): void {\n    this.revealed.set(!this.revealed())\n  }\n\n  protected onCopyFailed(): void {\n    this.copyFailed.emit()\n    if (!this.revealed()) {\n      this.revealed.set(true)\n    }\n    afterNextRender(() => selectContents(this.code()?.nativeElement), { injector: this.injector })\n  }\n}\n","@if (label(); as text) {\n  <span class=\"gbt-secret-reveal__label\" [id]=\"labelId\">{{ text }}</span>\n}\n<div\n  class=\"gbt-secret-reveal__box\"\n  [attr.role]=\"label() ? 'group' : null\"\n  [attr.aria-labelledby]=\"label() ? labelId : null\"\n>\n  <!-- prettier-ignore -->\n  <code #code class=\"gbt-secret-reveal__value\" [id]=\"valueId\">@if (revealed()) {{{ value() }}} @else {<span aria-hidden=\"true\">{{ mask() }}</span><span class=\"sr-only\">{{ hiddenLabel() }}</span>}</code>\n  <gbt-button\n    class=\"gbt-secret-reveal__toggle\"\n    variant=\"secondary\"\n    size=\"small\"\n    [iconOnly]=\"true\"\n    [iconName]=\"revealed() ? 'eye-off' : 'eye'\"\n    [ariaLabel]=\"revealed() ? hideLabel() : showLabel()\"\n    [ariaControls]=\"valueId\"\n    (clicked)=\"toggle()\"\n  />\n  <gbt-copy-button\n    class=\"gbt-secret-reveal__copy\"\n    [value]=\"value()\"\n    [ariaLabel]=\"copyLabel()\"\n    [copiedText]=\"copiedText()\"\n    [failedText]=\"failedText()\"\n    [feedbackMs]=\"feedbackMs()\"\n    [feedback]=\"feedback()\"\n    (copied)=\"copied.emit($event)\"\n    (copyFailed)=\"onCopyFailed()\"\n  />\n</div>\n"],"mappings":"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"}