@muxima-ui/core 1.1.0 → 1.2.0

package/fesm2022/muxima-ui-core-color-picker.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"muxima-ui-core-color-picker.mjs","sources":["../../../projects/core/color-picker/color.ts","../../../projects/core/color-picker/color-panel.ts","../../../projects/core/color-picker/color-picker.ts","../../../projects/core/color-picker/muxima-ui-core-color-picker.ts"],"sourcesContent":["/** Cor em HSV (h 0–360, s e v 0–1) com opacidade a 0–1. */\nexport interface MxHsva {\n  h: number;\n  s: number;\n  v: number;\n  a: number;\n}\n\nconst clamp = (n: number, min = 0, max = 1) => Math.min(Math.max(n, min), max);\n\n/**\n * Lê uma cor escrita: \"#1f6f78\", \"1f6f78\", \"#1f6\", \"#1f6f7880\" ou \"rgb(31, 111, 120)\" / \"rgba(...)\".\n * Devolve o hex normalizado (\"#1F6F78\" ou \"#1F6F7880\" com opacidade) ou null.\n */\nexport function mxParseColor(text: string): string | null {\n  const t = text.trim();\n  const rgb = t.match(\n    /^rgba?\\(\\s*(\\d{1,3})\\s*[,\\s]\\s*(\\d{1,3})\\s*[,\\s]\\s*(\\d{1,3})\\s*(?:[,/]\\s*([\\d.]+%?)\\s*)?\\)$/i,\n  );\n  if (rgb) {\n    const [r, g, b] = [rgb[1], rgb[2], rgb[3]].map(Number);\n    if ([r, g, b].some((n) => n > 255)) return null;\n    let a = 1;\n    if (rgb[4]) a = rgb[4].endsWith('%') ? Number(rgb[4].slice(0, -1)) / 100 : Number(rgb[4]);\n    return rgbaToHex(r, g, b, clamp(a));\n  }\n  let h = t.replace(/^#/, '');\n  if (!/^([0-9a-f]{3}|[0-9a-f]{4}|[0-9a-f]{6}|[0-9a-f]{8})$/i.test(h)) return null;\n  if (h.length <= 4) h = [...h].map((c) => c + c).join('');\n  h = h.toUpperCase();\n  if (h.length === 8 && h.endsWith('FF')) h = h.slice(0, 6);\n  return '#' + h;\n}\n\nfunction rgbaToHex(r: number, g: number, b: number, a = 1): string {\n  const x = (n: number) => Math.round(n).toString(16).padStart(2, '0').toUpperCase();\n  return `#${x(r)}${x(g)}${x(b)}${a < 1 ? x(a * 255) : ''}`;\n}\n\nexport function mxHexToRgba(hex: string): { r: number; g: number; b: number; a: number } {\n  const h = (mxParseColor(hex) ?? '#000000').slice(1);\n  return {\n    r: parseInt(h.slice(0, 2), 16),\n    g: parseInt(h.slice(2, 4), 16),\n    b: parseInt(h.slice(4, 6), 16),\n    a: h.length === 8 ? parseInt(h.slice(6, 8), 16) / 255 : 1,\n  };\n}\n\nexport function mxHexToHsva(hex: string): MxHsva {\n  const { r, g, b, a } = mxHexToRgba(hex);\n  const [rr, gg, bb] = [r / 255, g / 255, b / 255];\n  const max = Math.max(rr, gg, bb);\n  const min = Math.min(rr, gg, bb);\n  const d = max - min;\n  let h = 0;\n  if (d) {\n    if (max === rr) h = ((gg - bb) / d) % 6;\n    else if (max === gg) h = (bb - rr) / d + 2;\n    else h = (rr - gg) / d + 4;\n    h *= 60;\n    if (h < 0) h += 360;\n  }\n  return { h, s: max ? d / max : 0, v: max, a };\n}\n\nexport function mxHsvaToHex({ h, s, v, a }: MxHsva): string {\n  const f = (n: number) => {\n    const k = (n + h / 60) % 6;\n    return v - v * s * Math.max(0, Math.min(k, 4 - k, 1));\n  };\n  return rgbaToHex(f(5) * 255, f(3) * 255, f(1) * 255, a);\n}\n\n/** Contraste WCAG entre duas cores (1 a 21). */\nexport function mxContrast(a: string, b: string): number {\n  const lum = (hex: string) => {\n    const { r, g, b: bb } = mxHexToRgba(hex);\n    const c = [r, g, bb].map((x) => {\n      const s = x / 255;\n      return s <= 0.03928 ? s / 12.92 : ((s + 0.055) / 1.055) ** 2.4;\n    });\n    return 0.2126 * c[0] + 0.7152 * c[1] + 0.0722 * c[2];\n  };\n  const [l1, l2] = [lum(a), lum(b)].sort((x, y) => y - x);\n  return (l1 + 0.05) / (l2 + 0.05);\n}\n\nconst HUES: [number, string][] = [\n  [15, 'vermelho'],\n  [40, 'laranja'],\n  [65, 'amarelo'],\n  [80, 'verde-lima'],\n  [160, 'verde'],\n  [195, 'azul-petróleo'],\n  [250, 'azul'],\n  [285, 'roxo'],\n  [330, 'magenta'],\n  [360, 'vermelho'],\n];\n\n/** Nome aproximado da cor em português, para o leitor de ecrã: \"azul escuro\", \"cinzento claro\". */\nexport function mxColorName(hex: string): string {\n  const { h, s, v } = mxHexToHsva(hex);\n  if (v < 0.12) return 'preto';\n  if (s < 0.12)\n    return v > 0.92\n      ? 'branco'\n      : v > 0.6\n        ? 'cinzento claro'\n        : v > 0.3\n          ? 'cinzento'\n          : 'cinzento escuro';\n  let name = HUES.find(([max]) => h < max)![1];\n  if (name === 'laranja' && v < 0.6) name = 'castanho';\n  // luminosidade HSL: escuro abaixo de 38%, claro acima de 70%\n  const l = v * (1 - s / 2);\n  const tone = l < 0.38 ? ' escuro' : l > 0.7 ? ' claro' : '';\n  return name + tone;\n}\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  ViewEncapsulation,\n  booleanAttribute,\n  computed,\n  effect,\n  input,\n  model,\n  output,\n  signal,\n  untracked,\n  viewChild,\n} from '@angular/core';\nimport { mxUniqueId } from '@muxima-ui/core/form-field';\nimport { MxHsva, mxColorName, mxHexToHsva, mxHsvaToHex, mxParseColor } from './color';\n\n/** Amostra pronta: só a cor, ou cor e nome. */\nexport type MxColorSwatch = string | { color: string; label: string };\n\ninterface EyeDropperLike {\n  open(): Promise<{ sRGBHex: string }>;\n}\n\n/**\n * Editor de cor: área de saturação e brilho, matiz, opacidade opcional, campo hex,\n * amostras e conta-gotas (quando o navegador o tem). O valor é um hex (\"#1F6F78\",\n * ou \"#1F6F7880\" com opacidade).\n *\n * ```html\n * <mx-color-panel [(value)]=\"cor\" [swatches]=\"marca\" />\n * ```\n *\n * Teclado na área: ← → mudam a saturação, ↑ ↓ o brilho (Shift para passos de 10).\n * A matiz e a opacidade são input range nativos.\n */\n@Component({\n  selector: 'mx-color-panel',\n  exportAs: 'mxColorPanel',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    class: 'mx-color-panel',\n    '[attr.data-disabled]': 'disabled() ? \"\" : null',\n    '[attr.data-swatches-only]': 'swatchesOnly() ? \"\" : null',\n    '[style.--mx-color-hue]': 'hsva().h',\n    '[style.--mx-color-current]': 'hex()',\n    '[style.--mx-color-opaque]': 'opaque()',\n  },\n  template: `\n    @if (!swatchesOnly()) {\n      <div class=\"mx-color-area\" #area (pointerdown)=\"onAreaDown($event)\">\n        <div\n          class=\"mx-color-area-thumb\"\n          role=\"slider\"\n          [attr.tabindex]=\"disabled() ? -1 : 0\"\n          [attr.aria-label]=\"areaLabel()\"\n          aria-valuemin=\"0\"\n          aria-valuemax=\"100\"\n          [attr.aria-valuenow]=\"pct(hsva().s)\"\n          [attr.aria-valuetext]=\"areaText()\"\n          [attr.aria-disabled]=\"disabled() ? 'true' : null\"\n          [style.left.%]=\"hsva().s * 100\"\n          [style.top.%]=\"(1 - hsva().v) * 100\"\n          (keydown)=\"onAreaKey($event)\"\n        ></div>\n      </div>\n\n      <div class=\"mx-color-sliders\">\n        <div class=\"mx-color-preview\" aria-hidden=\"true\"><span></span></div>\n        <div class=\"mx-color-ranges\">\n          <input\n            type=\"range\"\n            class=\"mx-color-range mx-color-hue\"\n            min=\"0\"\n            max=\"359\"\n            [value]=\"round(hsva().h)\"\n            [disabled]=\"disabled()\"\n            [attr.aria-label]=\"hueLabel()\"\n            [attr.aria-valuetext]=\"round(hsva().h) + ' graus, ' + hueName()\"\n            (input)=\"setHue($event)\"\n          />\n          @if (alpha()) {\n            <input\n              type=\"range\"\n              class=\"mx-color-range mx-color-alpha\"\n              min=\"0\"\n              max=\"100\"\n              [value]=\"pct(hsva().a)\"\n              [disabled]=\"disabled()\"\n              [attr.aria-label]=\"alphaLabel()\"\n              [attr.aria-valuetext]=\"pct(hsva().a) + '%'\"\n              (input)=\"setAlpha($event)\"\n            />\n          }\n        </div>\n        @if (eyeDropper) {\n          <button\n            type=\"button\"\n            class=\"mx-color-tool\"\n            [disabled]=\"disabled()\"\n            aria-label=\"Escolher uma cor do ecrã\"\n            (click)=\"pickFromScreen()\"\n          >\n            <svg viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\">\n              <path\n                d=\"M10.5 2.5l3 3-1.5 1.5-.8-.8-5.7 5.7H3.5v-2l5.7-5.7-.8-.8z\"\n                stroke=\"currentColor\"\n                stroke-width=\"1.3\"\n                stroke-linejoin=\"round\"\n              />\n            </svg>\n          </button>\n        }\n      </div>\n    }\n\n    @if (showInput() && !swatchesOnly()) {\n      <div class=\"mx-color-input-row\">\n        <label class=\"mx-color-input-label\" [for]=\"inputId\">Hex</label>\n        <input\n          class=\"mx-input mx-color-hex\"\n          data-size=\"sm\"\n          [id]=\"inputId\"\n          spellcheck=\"false\"\n          autocomplete=\"off\"\n          [disabled]=\"disabled()\"\n          [value]=\"draft() ?? hex()\"\n          [attr.aria-invalid]=\"draftInvalid() ? 'true' : null\"\n          (input)=\"onHexInput($event)\"\n          (blur)=\"draft.set(null)\"\n        />\n      </div>\n    }\n\n    @if (swatchList().length) {\n      <div class=\"mx-color-swatches\" role=\"group\" [attr.aria-label]=\"swatchesLabel()\">\n        @for (s of swatchList(); track s.color) {\n          <button\n            type=\"button\"\n            class=\"mx-color-swatch\"\n            [style.--mx-swatch]=\"s.color\"\n            [attr.aria-label]=\"s.label\"\n            [attr.aria-pressed]=\"s.color === hex()\"\n            [disabled]=\"disabled()\"\n            (click)=\"setHex(s.color)\"\n          ></button>\n        }\n      </div>\n    }\n  `,\n})\nexport class MxColorPanel {\n  readonly value = model<string | null>('#1F6F78');\n  /** Mostra o controlo de opacidade e devolve hex de 8 dígitos quando < 100%. */\n  readonly alpha = input(false, { transform: booleanAttribute });\n  readonly swatches = input<MxColorSwatch[]>([]);\n  readonly showInput = input(true, { transform: booleanAttribute });\n  /** Só as amostras: uma paleta fechada, sem área nem matiz. */\n  readonly swatchesOnly = input(false, { transform: booleanAttribute });\n  readonly disabled = input(false, { transform: booleanAttribute });\n  readonly areaLabel = input('Saturação e brilho');\n  readonly hueLabel = input('Matiz');\n  readonly alphaLabel = input('Opacidade');\n  readonly swatchesLabel = input('Cores sugeridas');\n  /** Emite ao largar o rato, escolher amostra ou terminar de escrever (para guardar). */\n  readonly committed = output<string>();\n\n  private readonly area = viewChild.required<ElementRef<HTMLElement>>('area');\n  protected readonly inputId = mxUniqueId('mx-color-hex');\n  protected readonly eyeDropper = typeof window !== 'undefined' && 'EyeDropper' in window;\n\n  /** HSVA interno: guarda a matiz quando a cor é cinzenta (o hex não a tem). */\n  protected readonly hsva = signal<MxHsva>(mxHexToHsva('#1F6F78'));\n  protected readonly hex = computed(() => mxHsvaToHex(this.hsva()));\n  protected readonly opaque = computed(() => mxHsvaToHex({ ...this.hsva(), a: 1 }));\n  protected readonly draft = signal<string | null>(null);\n  protected readonly draftInvalid = computed(() => !!this.draft() && !mxParseColor(this.draft()!));\n  protected readonly hueName = computed(() =>\n    mxColorName(mxHsvaToHex({ h: this.hsva().h, s: 1, v: 1, a: 1 })),\n  );\n  protected readonly areaText = computed(() => {\n    const c = this.hsva();\n    return `Saturação ${this.pct(c.s)}%, brilho ${this.pct(c.v)}%, ${mxColorName(this.hex())}`;\n  });\n  protected readonly swatchList = computed(() =>\n    this.swatches().map((s) => {\n      const color = mxParseColor(typeof s === 'string' ? s : s.color) ?? '#000000';\n      const label =\n        typeof s === 'string' ? `${mxColorName(color)}, ${color}` : `${s.label}, ${color}`;\n      return { color, label };\n    }),\n  );\n\n  constructor() {\n    // valor de fora -> HSVA (sem perder a matiz quando é a mesma cor)\n    effect(() => {\n      const v = mxParseColor(this.value() ?? '');\n      if (!v) return;\n      if (untracked(() => this.hex()) === v) return;\n      const next = mxHexToHsva(v);\n      const prev = untracked(() => this.hsva());\n      this.hsva.set(next.s === 0 || next.v === 0 ? { ...next, h: prev.h } : next);\n    });\n  }\n\n  protected round(n: number): number {\n    return Math.round(n);\n  }\n  protected pct(n: number): number {\n    return Math.round(n * 100);\n  }\n\n  private update(next: Partial<MxHsva>, commit = false): void {\n    this.hsva.update((c) => ({ ...c, ...next }));\n    const hex = this.alpha() ? this.hex() : mxHsvaToHex({ ...this.hsva(), a: 1 });\n    this.value.set(hex);\n    if (commit) this.committed.emit(hex);\n  }\n\n  setHex(hex: string): void {\n    const v = mxParseColor(hex);\n    if (!v) return;\n    const next = mxHexToHsva(v);\n    this.hsva.set(next.s === 0 || next.v === 0 ? { ...next, h: this.hsva().h } : next);\n    this.value.set(this.alpha() ? v : mxHsvaToHex({ ...this.hsva(), a: 1 }));\n    this.committed.emit(this.value()!);\n  }\n\n  protected setHue(e: Event): void {\n    this.update({ h: Number((e.target as HTMLInputElement).value) });\n  }\n  protected setAlpha(e: Event): void {\n    this.update({ a: Number((e.target as HTMLInputElement).value) / 100 });\n  }\n\n  protected onHexInput(e: Event): void {\n    const text = (e.target as HTMLInputElement).value;\n    this.draft.set(text);\n    const v = mxParseColor(text);\n    if (v) this.setHex(v);\n  }\n\n  protected onAreaKey(e: KeyboardEvent): void {\n    if (this.disabled()) return;\n    const step = e.shiftKey ? 0.1 : 0.01;\n    const c = this.hsva();\n    const moves: Record<string, Partial<MxHsva>> = {\n      ArrowRight: { s: Math.min(1, c.s + step) },\n      ArrowLeft: { s: Math.max(0, c.s - step) },\n      ArrowUp: { v: Math.min(1, c.v + step) },\n      ArrowDown: { v: Math.max(0, c.v - step) },\n      PageUp: { v: Math.min(1, c.v + 0.1) },\n      PageDown: { v: Math.max(0, c.v - 0.1) },\n      Home: { s: 0 },\n      End: { s: 1 },\n    };\n    const m = moves[e.key];\n    if (m) {\n      e.preventDefault();\n      this.update(m, true);\n    }\n  }\n\n  protected onAreaDown(e: PointerEvent): void {\n    if (this.disabled() || e.button !== 0) return;\n    e.preventDefault();\n    const el = this.area().nativeElement;\n    el.querySelector<HTMLElement>('.mx-color-area-thumb')?.focus();\n    const rect = el.getBoundingClientRect();\n    const move = (ev: PointerEvent) =>\n      this.update({\n        s: Math.min(Math.max((ev.clientX - rect.left) / rect.width, 0), 1),\n        v: 1 - Math.min(Math.max((ev.clientY - rect.top) / rect.height, 0), 1),\n      });\n    move(e);\n    const up = () => {\n      window.removeEventListener('pointermove', move);\n      window.removeEventListener('pointerup', up);\n      this.committed.emit(this.value()!);\n    };\n    window.addEventListener('pointermove', move);\n    window.addEventListener('pointerup', up);\n  }\n\n  protected async pickFromScreen(): Promise<void> {\n    try {\n      const Ctor = (window as unknown as { EyeDropper: new () => EyeDropperLike }).EyeDropper;\n      const r = await new Ctor().open();\n      this.setHex(r.sRGBHex);\n    } catch {\n      // a pessoa cancelou\n    }\n  }\n}\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  ViewEncapsulation,\n  booleanAttribute,\n  computed,\n  inject,\n  input,\n  model,\n  signal,\n  viewChild,\n} from '@angular/core';\nimport { CdkConnectedOverlay, CdkOverlayOrigin, ConnectedPosition } from '@angular/cdk/overlay';\nimport { ControlValueAccessor, NgControl, Validators } from '@angular/forms';\nimport {\n  MX_FORM_FIELD_CONTROL,\n  MxFormField,\n  MxFormFieldControl,\n  mxUniqueId,\n} from '@muxima-ui/core/form-field';\nimport { mxColorName, mxParseColor } from './color';\nimport { MxColorPanel, MxColorSwatch } from './color-panel';\n\nconst POSITIONS: ConnectedPosition[] = [\n  { originX: 'start', originY: 'bottom', overlayX: 'start', overlayY: 'top', offsetY: 4 },\n  { originX: 'start', originY: 'top', overlayX: 'start', overlayY: 'bottom', offsetY: -4 },\n];\n\n/**\n * Campo de cor: escreve-se o hex (ou rgb()) ou escolhe-se no painel que abre no botão\n * da amostra. Funciona com ngModel e Reactive Forms; o valor é um hex ou null.\n *\n * ```html\n * <mx-form-field>\n *   <label mxLabel>Cor da marca</label>\n *   <mx-color-picker formControlName=\"cor\" [swatches]=\"sugestoes\" />\n * </mx-form-field>\n * ```\n */\n@Component({\n  selector: 'mx-color-picker',\n  exportAs: 'mxColorPicker',\n  imports: [CdkOverlayOrigin, CdkConnectedOverlay, MxColorPanel],\n  providers: [{ provide: MX_FORM_FIELD_CONTROL, useExisting: MxColorPicker }],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: { class: 'mx-color-picker', '[attr.aria-label]': 'null' },\n  template: `\n    <div class=\"mx-color-picker-field\" cdkOverlayOrigin #origin=\"cdkOverlayOrigin\">\n      <button\n        #toggleButton\n        type=\"button\"\n        class=\"mx-color-picker-toggle\"\n        aria-haspopup=\"dialog\"\n        [style.--mx-swatch]=\"value() ?? 'transparent'\"\n        [attr.data-empty]=\"value() ? null : ''\"\n        [attr.aria-expanded]=\"isOpen()\"\n        [attr.aria-label]=\"toggleLabel()\"\n        [disabled]=\"isDisabled()\"\n        (click)=\"toggle()\"\n      ></button>\n      <input\n        class=\"mx-input mx-color-picker-input\"\n        spellcheck=\"false\"\n        autocomplete=\"off\"\n        [id]=\"controlId()\"\n        [placeholder]=\"placeholder()\"\n        [value]=\"draft() ?? value() ?? ''\"\n        [disabled]=\"isDisabled()\"\n        [attr.data-size]=\"size() === 'md' ? null : size()\"\n        [attr.aria-invalid]=\"errorState() ? 'true' : null\"\n        [attr.aria-required]=\"isRequired() ? 'true' : null\"\n        [attr.aria-describedby]=\"field?.describedBy() ?? null\"\n        [attr.aria-label]=\"ariaLabel() ?? null\"\n        (input)=\"onInput($event)\"\n        (blur)=\"onBlur()\"\n        (keydown.alt.arrowdown)=\"$event.preventDefault(); open()\"\n      />\n    </div>\n\n    <ng-template\n      cdkConnectedOverlay\n      [cdkConnectedOverlayOrigin]=\"origin\"\n      [cdkConnectedOverlayOpen]=\"isOpen()\"\n      [cdkConnectedOverlayPositions]=\"positions\"\n      (overlayOutsideClick)=\"onOutside($event)\"\n      (overlayKeydown)=\"onOverlayKey($event)\"\n      (attach)=\"onAttach()\"\n      (detach)=\"close(false)\"\n    >\n      <div\n        class=\"mx-color-picker-panel\"\n        role=\"dialog\"\n        aria-modal=\"false\"\n        [attr.aria-label]=\"dialogLabel()\"\n        #panel\n      >\n        <mx-color-panel\n          [value]=\"value() ?? '#1F6F78'\"\n          (valueChange)=\"setValue($event)\"\n          [alpha]=\"alpha()\"\n          [swatches]=\"swatches()\"\n          [showInput]=\"false\"\n        />\n      </div>\n    </ng-template>\n  `,\n})\nexport class MxColorPicker implements ControlValueAccessor, MxFormFieldControl {\n  readonly value = model<string | null>(null);\n  readonly alpha = input(false, { transform: booleanAttribute });\n  readonly swatches = input<MxColorSwatch[]>([]);\n  readonly placeholder = input('#RRGGBB');\n  readonly dialogLabel = input('Escolher cor');\n  readonly disabled = input(false, { transform: booleanAttribute });\n  readonly required = input(false, { transform: booleanAttribute });\n  readonly invalid = input(false, { transform: booleanAttribute });\n  readonly size = input<'sm' | 'md' | 'lg'>('md');\n  readonly id = input<string | undefined>(undefined);\n  readonly ariaLabel = input<string | undefined>(undefined, { alias: 'aria-label' });\n\n  protected readonly field = inject(MxFormField, { optional: true });\n  private readonly ngControl = inject(NgControl, { self: true, optional: true });\n  private readonly host = inject<ElementRef<HTMLElement>>(ElementRef).nativeElement;\n  private readonly toggleButton = viewChild.required<ElementRef<HTMLButtonElement>>('toggleButton');\n  private readonly panel = viewChild<ElementRef<HTMLElement>>('panel');\n\n  protected readonly positions = POSITIONS;\n  private readonly generatedId = mxUniqueId('mx-color');\n  readonly controlId = computed(() => this.id() ?? this.generatedId);\n  protected readonly isOpen = signal(false);\n  protected readonly draft = signal<string | null>(null);\n  private readonly formDisabled = signal(false);\n  protected readonly isDisabled = computed(() => this.disabled() || this.formDisabled());\n  readonly badFormat = computed(() => !!this.draft() && !mxParseColor(this.draft()!));\n  protected readonly toggleLabel = computed(() => {\n    const v = this.value();\n    return v ? `Mudar cor, ${mxColorName(v)}, ${v}` : 'Escolher cor';\n  });\n\n  private onChange: (value: string | null) => void = () => {};\n  private onTouched: () => void = () => {};\n\n  constructor() {\n    if (this.ngControl) this.ngControl.valueAccessor = this;\n  }\n\n  open(): void {\n    if (!this.isDisabled()) this.isOpen.set(true);\n  }\n  toggle(): void {\n    if (this.isOpen()) this.close();\n    else this.open();\n  }\n  close(restoreFocus = true): void {\n    if (!this.isOpen()) return;\n    this.isOpen.set(false);\n    if (restoreFocus) this.toggleButton().nativeElement.focus();\n  }\n\n  protected onAttach(): void {\n    queueMicrotask(() =>\n      this.panel()?.nativeElement.querySelector<HTMLElement>('.mx-color-area-thumb')?.focus(),\n    );\n  }\n  protected onOverlayKey(e: KeyboardEvent): void {\n    if (e.key === 'Escape') {\n      e.preventDefault();\n      this.close();\n    }\n  }\n  protected onOutside(e: MouseEvent): void {\n    if (!this.host.contains(e.target as Node)) this.close(false);\n  }\n\n  protected setValue(v: string | null): void {\n    this.draft.set(null);\n    if (v === this.value()) return;\n    this.value.set(v);\n    this.onChange(v);\n  }\n\n  protected onInput(e: Event): void {\n    const text = (e.target as HTMLInputElement).value;\n    const v = mxParseColor(text);\n    this.draft.set(text && !v ? text : null);\n    if (v || !text) this.setValue(v);\n    if (v) this.draft.set(text);\n  }\n\n  protected onBlur(): void {\n    if (!this.badFormat()) this.draft.set(null);\n    this.onTouched();\n  }\n\n  // ---- MxFormFieldControl ----\n  errorState(): boolean {\n    if (this.invalid() || this.badFormat()) return true;\n    const c = this.ngControl;\n    return !!c && !!c.invalid && !!(c.touched || c.dirty);\n  }\n  isRequired(): boolean {\n    return this.required() || !!this.ngControl?.control?.hasValidator?.(Validators.required);\n  }\n\n  // ---- ControlValueAccessor ----\n  writeValue(value: string | null): void {\n    this.value.set(value ? mxParseColor(value) : null);\n    this.draft.set(null);\n  }\n  registerOnChange(fn: (value: string | null) => void): void {\n    this.onChange = fn;\n  }\n  registerOnTouched(fn: () => void): void {\n    this.onTouched = fn;\n  }\n  setDisabledState(isDisabled: boolean): void {\n    this.formDisabled.set(isDisabled);\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/muxima-ui-core-notification-center.mjs

@@ -0,0 +1,487 @@
+import * as i0 from '@angular/core';
+import { inject, TemplateRef, Directive, input, booleanAttribute, output, contentChild, signal, computed, DestroyRef, effect, untracked, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
+import { NgTemplateOutlet } from '@angular/common';
+import { LiveAnnouncer } from '@angular/cdk/a11y';
+import { mxUniqueId } from '@muxima-ui/core/form-field';
+
+/** "agora", "há 5 min", "ontem", "há 3 dias" e, depois de uma semana, a data. */
+function mxRelativeTime(date, now = new Date(), locale = 'pt-AO') {
+    const diff = (date.getTime() - now.getTime()) / 1000;
+    const abs = Math.abs(diff);
+    if (abs < 45)
+        return 'agora';
+    const rtf = new Intl.RelativeTimeFormat(locale, { numeric: 'auto' });
+    if (abs < 3600)
+        return rtf.format(Math.round(diff / 60), 'minute');
+    if (abs < 86400)
+        return rtf.format(Math.round(diff / 3600), 'hour');
+    if (abs < 7 * 86400)
+        return rtf.format(Math.round(diff / 86400), 'day');
+    return new Intl.DateTimeFormat(locale, { day: 'numeric', month: 'short' }).format(date);
+}
+/** Modelo para o conteúdo de cada notificação: `<ng-template mxNotificationContent let-n>`. */
+class MxNotificationContent {
+    template = inject(TemplateRef);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: MxNotificationContent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.25", type: MxNotificationContent, isStandalone: true, selector: "ng-template[mxNotificationContent]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: MxNotificationContent, decorators: [{
+            type: Directive,
+            args: [{ selector: 'ng-template[mxNotificationContent]' }]
+        }] });
+/**
+ * Lista de notificações com por ler e lidas, filtro "Por ler", "Marcar todas como lidas"
+ * e acções por notificação. Usa-se dentro de um popover, de um drawer ou numa página.
+ *
+ * ```html
+ * <mx-notification-center [items]="notificacoes()" (opened)="abrir($event)"
+ *   (markRead)="marcar($event)" (markAllRead)="marcarTodas()" (dismiss)="remover($event)" />
+ * ```
+ *
+ * O componente não guarda estado: recebe a lista e emite o que a pessoa fez.
+ * Quando chegam notificações novas por ler, anuncia-as ao leitor de ecrã.
+ */
+class MxNotificationCenter {
+    items = input.required(...(ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []));
+    title = input('Notificações', ...(ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []));
+    /** Nível do título para o leitor de ecrã (h2 por omissão). */
+    headingLevel = input(2, ...(ngDevMode ? [{ debugName: "headingLevel" }] : /* istanbul ignore next */ []));
+    markAllText = input('Marcar todas como lidas', ...(ngDevMode ? [{ debugName: "markAllText" }] : /* istanbul ignore next */ []));
+    emptyText = input('Sem notificações.', ...(ngDevMode ? [{ debugName: "emptyText" }] : /* istanbul ignore next */ []));
+    emptyUnreadText = input('Está tudo lido.', ...(ngDevMode ? [{ debugName: "emptyUnreadText" }] : /* istanbul ignore next */ []));
+    filterLabel = input('Mostrar', ...(ngDevMode ? [{ debugName: "filterLabel" }] : /* istanbul ignore next */ []));
+    /** Mostra os filtros Todas, Por ler e as categorias. */
+    showFilter = input(true, { ...(ngDevMode ? { debugName: "showFilter" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /** Mostra o botão de remover em cada notificação. */
+    dismissible = input(false, { ...(ngDevMode ? { debugName: "dismissible" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /** Marca como lida ao abrir (emite markRead além de opened). */
+    markReadOnOpen = input(true, { ...(ngDevMode ? { debugName: "markReadOnOpen" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /** Anuncia ao leitor de ecrã quando chegam notificações por ler. */
+    announce = input(true, { ...(ngDevMode ? { debugName: "announce" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    locale = input('pt-AO', ...(ngDevMode ? [{ debugName: "locale" }] : /* istanbul ignore next */ []));
+    opened = output();
+    markRead = output();
+    markAllRead = output();
+    dismiss = output();
+    contentTpl = contentChild(MxNotificationContent, ...(ngDevMode ? [{ debugName: "contentTpl" }] : /* istanbul ignore next */ []));
+    announcer = inject(LiveAnnouncer);
+    titleId = mxUniqueId('mx-notification-title');
+    filter = signal('all', ...(ngDevMode ? [{ debugName: "filter" }] : /* istanbul ignore next */ []));
+    /** Muda a cada minuto, para "há 5 min" se actualizar. */
+    now = signal(new Date(), ...(ngDevMode ? [{ debugName: "now" }] : /* istanbul ignore next */ []));
+    unread = computed(() => this.items().filter((n) => !n.read).length, ...(ngDevMode ? [{ debugName: "unread" }] : /* istanbul ignore next */ []));
+    categories = computed(() => [
+        ...new Set(this.items()
+            .map((n) => n.category)
+            .filter((c) => !!c)),
+    ], ...(ngDevMode ? [{ debugName: "categories" }] : /* istanbul ignore next */ []));
+    visible = computed(() => {
+        const f = this.filter();
+        const list = [...this.items()].sort((a, b) => b.time.getTime() - a.time.getTime());
+        if (f === 'unread')
+            return list.filter((n) => !n.read);
+        if (f !== 'all')
+            return list.filter((n) => n.category === f);
+        return list;
+    }, ...(ngDevMode ? [{ debugName: "visible" }] : /* istanbul ignore next */ []));
+    constructor() {
+        const timer = setInterval(() => this.now.set(new Date()), 60_000);
+        inject(DestroyRef).onDestroy(() => clearInterval(timer));
+        let previous = null;
+        effect(() => {
+            const items = this.items();
+            const ids = new Set(items.map((n) => n.id));
+            if (previous && untracked(() => this.announce())) {
+                const fresh = items.filter((n) => !n.read && !previous.has(n.id));
+                if (fresh.length)
+                    this.announcer.announce(fresh.length === 1
+                        ? `Nova notificação: ${fresh[0].title}`
+                        : `${fresh.length} notificações novas`);
+            }
+            previous = ids;
+        });
+    }
+    relative(d) {
+        return mxRelativeTime(d, this.now(), this.locale());
+    }
+    open(n) {
+        if (!n.read && this.markReadOnOpen())
+            this.markRead.emit(n);
+        this.opened.emit(n);
+    }
+    dismissItem(n) {
+        this.dismiss.emit(n);
+        this.announcer.announce(`${n.title} removida.`);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: MxNotificationCenter, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.25", type: MxNotificationCenter, isStandalone: true, selector: "mx-notification-center", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: true, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, headingLevel: { classPropertyName: "headingLevel", publicName: "headingLevel", isSignal: true, isRequired: false, transformFunction: null }, markAllText: { classPropertyName: "markAllText", publicName: "markAllText", isSignal: true, isRequired: false, transformFunction: null }, emptyText: { classPropertyName: "emptyText", publicName: "emptyText", isSignal: true, isRequired: false, transformFunction: null }, emptyUnreadText: { classPropertyName: "emptyUnreadText", publicName: "emptyUnreadText", isSignal: true, isRequired: false, transformFunction: null }, filterLabel: { classPropertyName: "filterLabel", publicName: "filterLabel", isSignal: true, isRequired: false, transformFunction: null }, showFilter: { classPropertyName: "showFilter", publicName: "showFilter", isSignal: true, isRequired: false, transformFunction: null }, dismissible: { classPropertyName: "dismissible", publicName: "dismissible", isSignal: true, isRequired: false, transformFunction: null }, markReadOnOpen: { classPropertyName: "markReadOnOpen", publicName: "markReadOnOpen", isSignal: true, isRequired: false, transformFunction: null }, announce: { classPropertyName: "announce", publicName: "announce", isSignal: true, isRequired: false, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { opened: "opened", markRead: "markRead", markAllRead: "markAllRead", dismiss: "dismiss" }, host: { properties: { "attr.aria-label": "null" }, classAttribute: "mx-notification-center" }, queries: [{ propertyName: "contentTpl", first: true, predicate: MxNotificationContent, descendants: true, isSignal: true }], exportAs: ["mxNotificationCenter"], ngImport: i0, template: `
+    <div class="mx-notification-head">
+      <p
+        class="mx-notification-title"
+        role="heading"
+        [attr.aria-level]="headingLevel()"
+        [id]="titleId"
+      >
+        {{ title() }}
+      </p>
+      @if (unread()) {
+        <span class="mx-notification-count"
+          >{{ unread() }}<span class="mx-visually-hidden"> por ler</span></span
+        >
+      }
+      <button
+        type="button"
+        class="mx-notification-link"
+        [disabled]="!unread()"
+        (click)="markAllRead.emit()"
+      >
+        {{ markAllText() }}
+      </button>
+    </div>
+
+    @if (showFilter()) {
+      <div class="mx-notification-filters" role="group" [attr.aria-label]="filterLabel()">
+        <button
+          type="button"
+          class="mx-chip mx-chip-toggle"
+          data-size="sm"
+          [attr.aria-pressed]="filter() === 'all'"
+          (click)="filter.set('all')"
+        >
+          Todas
+        </button>
+        <button
+          type="button"
+          class="mx-chip mx-chip-toggle"
+          data-size="sm"
+          [attr.aria-pressed]="filter() === 'unread'"
+          (click)="filter.set('unread')"
+        >
+          Por ler ({{ unread() }})
+        </button>
+        @for (c of categories(); track c) {
+          <button
+            type="button"
+            class="mx-chip mx-chip-toggle"
+            data-size="sm"
+            [attr.aria-pressed]="filter() === c"
+            (click)="filter.set(c)"
+          >
+            {{ c }}
+          </button>
+        }
+      </div>
+    }
+
+    @if (visible().length) {
+      <ul class="mx-notification-list" [attr.aria-labelledby]="titleId">
+        @for (n of visible(); track n.id) {
+          <li
+            class="mx-notification"
+            [attr.data-unread]="n.read ? null : ''"
+            [attr.data-variant]="n.variant && n.variant !== 'default' ? n.variant : null"
+          >
+            <span class="mx-notification-dot" aria-hidden="true"></span>
+            <button type="button" class="mx-notification-main" (click)="open(n)">
+              @if (!n.read) {
+                <span class="mx-visually-hidden">Por ler: </span>
+              }
+              @if (contentTpl(); as tpl) {
+                <ng-container *ngTemplateOutlet="tpl.template; context: { $implicit: n }" />
+              } @else {
+                <span class="mx-notification-text">{{ n.title }}</span>
+                @if (n.description) {
+                  <span class="mx-notification-desc">{{ n.description }}</span>
+                }
+              }
+              <time class="mx-notification-time" [attr.datetime]="n.time.toISOString()">{{
+                relative(n.time)
+              }}</time>
+            </button>
+            <div class="mx-notification-actions">
+              @if (!n.read) {
+                <button
+                  type="button"
+                  class="mx-notification-action"
+                  [attr.aria-label]="'Marcar como lida: ' + n.title"
+                  (click)="markRead.emit(n)"
+                >
+                  <svg viewBox="0 0 16 16" aria-hidden="true">
+                    <path
+                      d="M3.5 8.5l3 3 6-7"
+                      fill="none"
+                      stroke="currentColor"
+                      stroke-width="1.5"
+                      stroke-linecap="round"
+                      stroke-linejoin="round"
+                    />
+                  </svg>
+                </button>
+              }
+              @if (dismissible()) {
+                <button
+                  type="button"
+                  class="mx-notification-action"
+                  [attr.aria-label]="'Remover: ' + n.title"
+                  (click)="dismissItem(n)"
+                >
+                  <svg viewBox="0 0 16 16" aria-hidden="true">
+                    <path
+                      d="M4.5 4.5l7 7M11.5 4.5l-7 7"
+                      fill="none"
+                      stroke="currentColor"
+                      stroke-width="1.5"
+                      stroke-linecap="round"
+                    />
+                  </svg>
+                </button>
+              }
+            </div>
+          </li>
+        }
+      </ul>
+    } @else {
+      <div class="mx-notification-empty">
+        <svg viewBox="0 0 24 24" fill="none" aria-hidden="true">
+          <path
+            d="M6 16.5V11a6 6 0 1 1 12 0v5.5l1.5 2h-15l1.5-2z M10 20.5a2 2 0 0 0 4 0"
+            stroke="currentColor"
+            stroke-width="1.5"
+            stroke-linejoin="round"
+          />
+        </svg>
+        <p>{{ filter() === 'unread' ? emptyUnreadText() : emptyText() }}</p>
+      </div>
+    }
+    <ng-content select="[mxNotificationFooter]" />
+  `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: MxNotificationCenter, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'mx-notification-center',
+                    exportAs: 'mxNotificationCenter',
+                    imports: [NgTemplateOutlet],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    host: { class: 'mx-notification-center', '[attr.aria-label]': 'null' },
+                    template: `
+    <div class="mx-notification-head">
+      <p
+        class="mx-notification-title"
+        role="heading"
+        [attr.aria-level]="headingLevel()"
+        [id]="titleId"
+      >
+        {{ title() }}
+      </p>
+      @if (unread()) {
+        <span class="mx-notification-count"
+          >{{ unread() }}<span class="mx-visually-hidden"> por ler</span></span
+        >
+      }
+      <button
+        type="button"
+        class="mx-notification-link"
+        [disabled]="!unread()"
+        (click)="markAllRead.emit()"
+      >
+        {{ markAllText() }}
+      </button>
+    </div>
+
+    @if (showFilter()) {
+      <div class="mx-notification-filters" role="group" [attr.aria-label]="filterLabel()">
+        <button
+          type="button"
+          class="mx-chip mx-chip-toggle"
+          data-size="sm"
+          [attr.aria-pressed]="filter() === 'all'"
+          (click)="filter.set('all')"
+        >
+          Todas
+        </button>
+        <button
+          type="button"
+          class="mx-chip mx-chip-toggle"
+          data-size="sm"
+          [attr.aria-pressed]="filter() === 'unread'"
+          (click)="filter.set('unread')"
+        >
+          Por ler ({{ unread() }})
+        </button>
+        @for (c of categories(); track c) {
+          <button
+            type="button"
+            class="mx-chip mx-chip-toggle"
+            data-size="sm"
+            [attr.aria-pressed]="filter() === c"
+            (click)="filter.set(c)"
+          >
+            {{ c }}
+          </button>
+        }
+      </div>
+    }
+
+    @if (visible().length) {
+      <ul class="mx-notification-list" [attr.aria-labelledby]="titleId">
+        @for (n of visible(); track n.id) {
+          <li
+            class="mx-notification"
+            [attr.data-unread]="n.read ? null : ''"
+            [attr.data-variant]="n.variant && n.variant !== 'default' ? n.variant : null"
+          >
+            <span class="mx-notification-dot" aria-hidden="true"></span>
+            <button type="button" class="mx-notification-main" (click)="open(n)">
+              @if (!n.read) {
+                <span class="mx-visually-hidden">Por ler: </span>
+              }
+              @if (contentTpl(); as tpl) {
+                <ng-container *ngTemplateOutlet="tpl.template; context: { $implicit: n }" />
+              } @else {
+                <span class="mx-notification-text">{{ n.title }}</span>
+                @if (n.description) {
+                  <span class="mx-notification-desc">{{ n.description }}</span>
+                }
+              }
+              <time class="mx-notification-time" [attr.datetime]="n.time.toISOString()">{{
+                relative(n.time)
+              }}</time>
+            </button>
+            <div class="mx-notification-actions">
+              @if (!n.read) {
+                <button
+                  type="button"
+                  class="mx-notification-action"
+                  [attr.aria-label]="'Marcar como lida: ' + n.title"
+                  (click)="markRead.emit(n)"
+                >
+                  <svg viewBox="0 0 16 16" aria-hidden="true">
+                    <path
+                      d="M3.5 8.5l3 3 6-7"
+                      fill="none"
+                      stroke="currentColor"
+                      stroke-width="1.5"
+                      stroke-linecap="round"
+                      stroke-linejoin="round"
+                    />
+                  </svg>
+                </button>
+              }
+              @if (dismissible()) {
+                <button
+                  type="button"
+                  class="mx-notification-action"
+                  [attr.aria-label]="'Remover: ' + n.title"
+                  (click)="dismissItem(n)"
+                >
+                  <svg viewBox="0 0 16 16" aria-hidden="true">
+                    <path
+                      d="M4.5 4.5l7 7M11.5 4.5l-7 7"
+                      fill="none"
+                      stroke="currentColor"
+                      stroke-width="1.5"
+                      stroke-linecap="round"
+                    />
+                  </svg>
+                </button>
+              }
+            </div>
+          </li>
+        }
+      </ul>
+    } @else {
+      <div class="mx-notification-empty">
+        <svg viewBox="0 0 24 24" fill="none" aria-hidden="true">
+          <path
+            d="M6 16.5V11a6 6 0 1 1 12 0v5.5l1.5 2h-15l1.5-2z M10 20.5a2 2 0 0 0 4 0"
+            stroke="currentColor"
+            stroke-width="1.5"
+            stroke-linejoin="round"
+          />
+        </svg>
+        <p>{{ filter() === 'unread' ? emptyUnreadText() : emptyText() }}</p>
+      </div>
+    }
+    <ng-content select="[mxNotificationFooter]" />
+  `,
+                }]
+        }], ctorParameters: () => [], propDecorators: { items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: true }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], headingLevel: [{ type: i0.Input, args: [{ isSignal: true, alias: "headingLevel", required: false }] }], markAllText: [{ type: i0.Input, args: [{ isSignal: true, alias: "markAllText", required: false }] }], emptyText: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyText", required: false }] }], emptyUnreadText: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyUnreadText", required: false }] }], filterLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "filterLabel", required: false }] }], showFilter: [{ type: i0.Input, args: [{ isSignal: true, alias: "showFilter", required: false }] }], dismissible: [{ type: i0.Input, args: [{ isSignal: true, alias: "dismissible", required: false }] }], markReadOnOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "markReadOnOpen", required: false }] }], announce: [{ type: i0.Input, args: [{ isSignal: true, alias: "announce", required: false }] }], locale: [{ type: i0.Input, args: [{ isSignal: true, alias: "locale", required: false }] }], opened: [{ type: i0.Output, args: ["opened"] }], markRead: [{ type: i0.Output, args: ["markRead"] }], markAllRead: [{ type: i0.Output, args: ["markAllRead"] }], dismiss: [{ type: i0.Output, args: ["dismiss"] }], contentTpl: [{ type: i0.ContentChild, args: [i0.forwardRef(() => MxNotificationContent), { isSignal: true }] }] } });
+/**
+ * Botão do sino com a contagem por ler. O nome inclui a contagem:
+ * "Notificações, 3 por ler".
+ *
+ * ```html
+ * <button mxNotificationBell [count]="porLer()" [mxPopoverTrigger]="painel"></button>
+ * ```
+ */
+class MxNotificationBell {
+    count = input(0, ...(ngDevMode ? [{ debugName: "count" }] : /* istanbul ignore next */ []));
+    max = input(99, ...(ngDevMode ? [{ debugName: "max" }] : /* istanbul ignore next */ []));
+    label = input('Notificações', ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: MxNotificationBell, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.25", type: MxNotificationBell, isStandalone: true, selector: "button[mxNotificationBell]", inputs: { count: { classPropertyName: "count", publicName: "count", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "type": "button" }, properties: { "attr.aria-label": "count() ? label() + \", \" + count() + \" por ler\" : label()" }, classAttribute: "mx-notification-bell" }, exportAs: ["mxNotificationBell"], ngImport: i0, template: `
+    <svg viewBox="0 0 24 24" fill="none" aria-hidden="true">
+      <path
+        d="M6 16.5V11a6 6 0 1 1 12 0v5.5l1.5 2h-15l1.5-2z"
+        stroke="currentColor"
+        stroke-width="1.75"
+        stroke-linejoin="round"
+      />
+      <path
+        d="M10 20.5a2 2 0 0 0 4 0"
+        stroke="currentColor"
+        stroke-width="1.75"
+        stroke-linecap="round"
+      />
+    </svg>
+    @if (count()) {
+      <span class="mx-notification-bell-count" aria-hidden="true">{{
+        count() > max() ? max() + '+' : count()
+      }}</span>
+    }
+  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: MxNotificationBell, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'button[mxNotificationBell]',
+                    exportAs: 'mxNotificationBell',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    host: {
+                        class: 'mx-notification-bell',
+                        type: 'button',
+                        '[attr.aria-label]': 'count() ? label() + ", " + count() + " por ler" : label()',
+                    },
+                    template: `
+    <svg viewBox="0 0 24 24" fill="none" aria-hidden="true">
+      <path
+        d="M6 16.5V11a6 6 0 1 1 12 0v5.5l1.5 2h-15l1.5-2z"
+        stroke="currentColor"
+        stroke-width="1.75"
+        stroke-linejoin="round"
+      />
+      <path
+        d="M10 20.5a2 2 0 0 0 4 0"
+        stroke="currentColor"
+        stroke-width="1.75"
+        stroke-linecap="round"
+      />
+    </svg>
+    @if (count()) {
+      <span class="mx-notification-bell-count" aria-hidden="true">{{
+        count() > max() ? max() + '+' : count()
+      }}</span>
+    }
+  `,
+                }]
+        }], propDecorators: { count: [{ type: i0.Input, args: [{ isSignal: true, alias: "count", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { MxNotificationBell, MxNotificationCenter, MxNotificationContent, mxRelativeTime };
+//# sourceMappingURL=muxima-ui-core-notification-center.mjs.map