npm - @frame-ui-ng/components - Versions diffs - 0.3.0-beta.0 → 0.4.1 - Mend

@frame-ui-ng/components 0.3.0-beta.0 → 0.4.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (172) hide show

package/fesm2022/frame-ui-ng-components-tabs.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"frame-ui-ng-components-tabs.mjs","sources":["../../../projects/components/tabs/src/tabs.ts","../../../projects/components/tabs/tabs.module.ts","../../../projects/components/tabs/frame-ui-ng-components-tabs.ts"],"sourcesContent":["import {\n Directive,\n ElementRef,\n InjectionToken,\n booleanAttribute,\n computed,\n inject,\n input,\n model,\n output,\n} from '@angular/core';\n\nexport const FR_TABS_ORIENTATIONS = ['horizontal', 'vertical'] as const;\nexport const FR_TABS_ACTIVATIONS = ['automatic', 'manual'] as const;\nexport const FR_TABS_LIST_VARIANTS = ['default', 'line'] as const;\n\nexport type FrTabsOrientation = (typeof FR_TABS_ORIENTATIONS)[number];\nexport type FrTabsActivation = (typeof FR_TABS_ACTIVATIONS)[number];\nexport type FrTabsListVariant = (typeof FR_TABS_LIST_VARIANTS)[number];\n\nexport const FR_TABS_ROOT = new InjectionToken<FrTabs>('FR_TABS_ROOT');\n\nfunction coerceOrientation(value: unknown): FrTabsOrientation {\n return value === 'vertical' ? 'vertical' : 'horizontal';\n}\n\nfunction coerceActivation(value: unknown): FrTabsActivation {\n return value === 'manual' ? 'manual' : 'automatic';\n}\n\nfunction coerceListVariant(value: unknown): FrTabsListVariant {\n return value === 'line' ? 'line' : 'default';\n}\n\n@Directive({\n selector: '[frTabs], frame-tabs',\n exportAs: 'frTabs',\n providers: [\n {\n provide: FR_TABS_ROOT,\n useExisting: FrTabs,\n },\n ],\n host: {\n class: 'frame-tabs',\n '[attr.data-orientation]': 'orientation()',\n },\n})\nexport class FrTabs {\n readonly defaultValue = input<string \| null>(null);\n readonly orientation = input<FrTabsOrientation, unknown>('horizontal', {\n transform: coerceOrientation,\n });\n readonly activationMode = input<FrTabsActivation, unknown>('automatic', {\n transform: coerceActivation,\n });\n readonly value = model<string \| null>(null);\n readonly valueChange = output<string>();\n\n select(value: string): void {\n this.value.set(value);\n this.valueChange.emit(value);\n }\n\n isSelected(value: string \| null): boolean {\n const currentValue = this.value() ?? this.defaultValue();\n return !!value && currentValue === value;\n }\n}\n\n@Directive({\n selector: '[frTabsList], frame-tabs-list',\n host: {\n class: 'frame-tabs__list',\n role: 'tablist',\n '[attr.aria-orientation]': 'root?.orientation() ?? \"horizontal\"',\n '[attr.data-orientation]': 'root?.orientation() ?? \"horizontal\"',\n '[attr.data-variant]': 'variant()',\n '(keydown)': 'handleKeydown($event)',\n },\n})\nexport class FrTabsList {\n private readonly elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n protected readonly root = inject(FR_TABS_ROOT, { optional: true });\n\n readonly variant = input<FrTabsListVariant, unknown>('default', { transform: coerceListVariant });\n\n protected handleKeydown(event: KeyboardEvent): void {\n const triggers = this.triggers();\n const currentIndex = triggers.indexOf(event.target as HTMLElement);\n\n if (currentIndex < 0) {\n return;\n }\n\n const horizontal = this.root?.orientation() !== 'vertical';\n const previousKeys = horizontal ? ['ArrowLeft'] : ['ArrowUp'];\n const nextKeys = horizontal ? ['ArrowRight'] : ['ArrowDown'];\n\n if (nextKeys.includes(event.key)) {\n event.preventDefault();\n this.focusTrigger(triggers, currentIndex + 1);\n return;\n }\n\n if (previousKeys.includes(event.key)) {\n event.preventDefault();\n this.focusTrigger(triggers, currentIndex - 1);\n return;\n }\n\n if (event.key === 'Home') {\n event.preventDefault();\n this.focusTrigger(triggers, 0);\n return;\n }\n\n if (event.key === 'End') {\n event.preventDefault();\n this.focusTrigger(triggers, triggers.length - 1);\n }\n }\n\n private focusTrigger(triggers: HTMLElement[], index: number): void {\n if (!triggers.length) {\n return;\n }\n\n const next = triggers[(index + triggers.length) % triggers.length];\n next.focus();\n\n if (this.root?.activationMode() === 'automatic') {\n next.click();\n }\n }\n\n private triggers(): HTMLElement[] {\n return Array.from(\n this.elementRef.nativeElement.querySelectorAll<HTMLElement>('[data-frame-tabs-trigger]:not([data-disabled])'),\n );\n }\n}\n\n@Directive({\n selector: 'button[frTabsTrigger], a[frTabsTrigger], [frTabsTrigger], frame-tabs-trigger',\n host: {\n class: 'frame-tabs__trigger',\n role: 'tab',\n '[attr.type]': 'isButton() ? \"button\" : null',\n '[attr.data-frame-tabs-trigger]': '\"\"',\n '[attr.data-value]': 'value()',\n '[attr.data-active]': 'isActive() ? \"\" : null',\n '[attr.data-disabled]': 'disabled() ? \"\" : null',\n '[attr.aria-selected]': 'isActive() ? \"true\" : \"false\"',\n '[attr.aria-controls]': 'contentId()',\n '[attr.aria-disabled]': 'disabled() ? \"true\" : null',\n '[attr.tabindex]': 'disabled() ? -1 : isActive() ? 0 : -1',\n '[attr.disabled]': 'isButton() && disabled() ? \"\" : null',\n '(click)': 'handleClick($event)',\n },\n})\nexport class FrTabsTrigger {\n private readonly elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n private readonly root = inject(FR_TABS_ROOT, { optional: true });\n\n readonly value = input<string \| null>(null);\n readonly active = input(false, { transform: booleanAttribute });\n readonly disabled = input(false, { transform: booleanAttribute });\n\n protected readonly isActive = computed(() => this.active() \|\| !!this.root?.isSelected(this.value()));\n protected readonly contentId = computed(() => (this.value() ? `frame-tabs-content-${this.value()}` : null));\n\n protected handleClick(event: Event): void {\n if (this.disabled()) {\n event.preventDefault();\n event.stopPropagation();\n return;\n }\n\n const value = this.value();\n if (value && this.root) {\n this.root.select(value);\n }\n }\n\n protected isButton(): boolean {\n return this.elementRef.nativeElement.tagName.toLowerCase() === 'button';\n }\n}\n\n@Directive({\n selector: '[frTabsContent], frame-tabs-content',\n host: {\n class: 'frame-tabs__content',\n role: 'tabpanel',\n '[attr.id]': 'contentId()',\n '[attr.data-value]': 'value()',\n '[attr.data-active]': 'isActive() ? \"\" : null',\n '[attr.hidden]': 'isActive() ? null : \"\"',\n '[attr.tabindex]': 'isActive() ? 0 : -1',\n },\n})\nexport class FrTabsContent {\n private readonly root = inject(FR_TABS_ROOT, { optional: true });\n\n readonly value = input.required<string>();\n readonly active = input(false, { transform: booleanAttribute });\n\n protected readonly isActive = computed(() => this.active() \|\| !!this.root?.isSelected(this.value()));\n protected readonly contentId = computed(() => `frame-tabs-content-${this.value()}`);\n}\n","import { NgModule } from '@angular/core';\n\nimport { FrTabs, FrTabsContent, FrTabsList, FrTabsTrigger } from './src/tabs';\n\n@NgModule({\n imports: [FrTabs, FrTabsContent, FrTabsList, FrTabsTrigger],\n exports: [FrTabs, FrTabsContent, FrTabsList, FrTabsTrigger],\n})\nexport class FrTabsModule {}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":";;;MAYa,oBAAoB,GAAG,CAAC,YAAY,EAAE,UAAU;MAChD,mBAAmB,GAAG,CAAC,WAAW,EAAE,QAAQ;MAC5C,qBAAqB,GAAG,CAAC,SAAS,EAAE,MAAM;MAM1C,YAAY,GAAG,IAAI,cAAc,CAAS,cAAc;AAErE,SAAS,iBAAiB,CAAC,KAAc,EAAA;IACvC,OAAO,KAAK,KAAK,UAAU,GAAG,UAAU,GAAG,YAAY;AACzD;AAEA,SAAS,gBAAgB,CAAC,KAAc,EAAA;IACtC,OAAO,KAAK,KAAK,QAAQ,GAAG,QAAQ,GAAG,WAAW;AACpD;AAEA,SAAS,iBAAiB,CAAC,KAAc,EAAA;IACvC,OAAO,KAAK,KAAK,MAAM,GAAG,MAAM,GAAG,SAAS;AAC9C;MAgBa,MAAM,CAAA;AACR,IAAA,YAAY,GAAG,KAAK,CAAgB,IAAI,mFAAC;IACzC,WAAW,GAAG,KAAK,CAA6B,YAAY,mFACnE,SAAS,EAAE,iBAAiB,EAAA,CAC5B;IACO,cAAc,GAAG,KAAK,CAA4B,WAAW,sFACpE,SAAS,EAAE,gBAAgB,EAAA,CAC3B;AACO,IAAA,KAAK,GAAG,KAAK,CAAgB,IAAI,4EAAC;IAClC,WAAW,GAAG,MAAM,EAAU;AAEvC,IAAA,MAAM,CAAC,KAAa,EAAA;AAClB,QAAA,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC;AACrB,QAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC;IAC9B;AAEA,IAAA,UAAU,CAAC,KAAoB,EAAA;QAC7B,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,EAAE,IAAI,IAAI,CAAC,YAAY,EAAE;AACxD,QAAA,OAAO,CAAC,CAAC,KAAK,IAAI,YAAY,KAAK,KAAK;IAC1C;wGAnBW,MAAM,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAN,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,MAAM,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,MAAA,EAAA,EAAA,YAAA,EAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,UAAA,EAAA,cAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,EAAA,iBAAA,EAAA,gBAAA,EAAA,UAAA,EAAA,gBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,KAAA,EAAA,aAAA,EAAA,WAAA,EAAA,aAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,uBAAA,EAAA,eAAA,EAAA,EAAA,cAAA,EAAA,YAAA,EAAA,EAAA,SAAA,EAXN;AACT,YAAA;AACE,gBAAA,OAAO,EAAE,YAAY;AACrB,gBAAA,WAAW,EAAE,MAAM;AACpB,aAAA;AACF,SAAA,EAAA,QAAA,EAAA,CAAA,QAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;4FAMU,MAAM,EAAA,UAAA,EAAA,CAAA;kBAdlB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,sBAAsB;AAChC,oBAAA,QAAQ,EAAE,QAAQ;AAClB,oBAAA,SAAS,EAAE;AACT,wBAAA;AACE,4BAAA,OAAO,EAAE,YAAY;AACrB,4BAAA,WAAW,EAAA,MAAQ;AACpB,yBAAA;AACF,qBAAA;AACD,oBAAA,IAAI,EAAE;AACJ,wBAAA,KAAK,EAAE,YAAY;AACnB,wBAAA,yBAAyB,EAAE,eAAe;AAC3C,qBAAA;AACF,iBAAA;;MAkCY,UAAU,CAAA;AACJ,IAAA,UAAU,GAAG,MAAM,CAA0B,UAAU,CAAC;IACtD,IAAI,GAAG,MAAM,CAAC,YAAY,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;IAEzD,OAAO,GAAG,KAAK,CAA6B,SAAS,+EAAI,SAAS,EAAE,iBAAiB,EAAA,CAAG;AAEvF,IAAA,aAAa,CAAC,KAAoB,EAAA;AAC1C,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,EAAE;QAChC,MAAM,YAAY,GAAG,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,MAAqB,CAAC;AAElE,QAAA,IAAI,YAAY,GAAG,CAAC,EAAE;YACpB;QACF;QAEA,MAAM,UAAU,GAAG,IAAI,CAAC,IAAI,EAAE,WAAW,EAAE,KAAK,UAAU;AAC1D,QAAA,MAAM,YAAY,GAAG,UAAU,GAAG,CAAC,WAAW,CAAC,GAAG,CAAC,SAAS,CAAC;AAC7D,QAAA,MAAM,QAAQ,GAAG,UAAU,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,WAAW,CAAC;QAE5D,IAAI,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE;YAChC,KAAK,CAAC,cAAc,EAAE;YACtB,IAAI,CAAC,YAAY,CAAC,QAAQ,EAAE,YAAY,GAAG,CAAC,CAAC;YAC7C;QACF;QAEA,IAAI,YAAY,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE;YACpC,KAAK,CAAC,cAAc,EAAE;YACtB,IAAI,CAAC,YAAY,CAAC,QAAQ,EAAE,YAAY,GAAG,CAAC,CAAC;YAC7C;QACF;AAEA,QAAA,IAAI,KAAK,CAAC,GAAG,KAAK,MAAM,EAAE;YACxB,KAAK,CAAC,cAAc,EAAE;AACtB,YAAA,IAAI,CAAC,YAAY,CAAC,QAAQ,EAAE,CAAC,CAAC;YAC9B;QACF;AAEA,QAAA,IAAI,KAAK,CAAC,GAAG,KAAK,KAAK,EAAE;YACvB,KAAK,CAAC,cAAc,EAAE;YACtB,IAAI,CAAC,YAAY,CAAC,QAAQ,EAAE,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC;QAClD;IACF;IAEQ,YAAY,CAAC,QAAuB,EAAE,KAAa,EAAA;AACzD,QAAA,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE;YACpB;QACF;AAEA,QAAA,MAAM,IAAI,GAAG,QAAQ,CAAC,CAAC,KAAK,GAAG,QAAQ,CAAC,MAAM,IAAI,QAAQ,CAAC,MAAM,CAAC;QAClE,IAAI,CAAC,KAAK,EAAE;QAEZ,IAAI,IAAI,CAAC,IAAI,EAAE,cAAc,EAAE,KAAK,WAAW,EAAE;YAC/C,IAAI,CAAC,KAAK,EAAE;QACd;IACF;IAEQ,QAAQ,GAAA;AACd,QAAA,OAAO,KAAK,CAAC,IAAI,CACf,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,gBAAgB,CAAc,gDAAgD,CAAC,CAC9G;IACH;wGA3DW,UAAU,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAAV,UAAU,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,+BAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,MAAA,EAAA,SAAA,EAAA,EAAA,SAAA,EAAA,EAAA,SAAA,EAAA,uBAAA,EAAA,EAAA,UAAA,EAAA,EAAA,uBAAA,EAAA,uCAAA,EAAA,uBAAA,EAAA,uCAAA,EAAA,mBAAA,EAAA,WAAA,EAAA,EAAA,cAAA,EAAA,kBAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;4FAAV,UAAU,EAAA,UAAA,EAAA,CAAA;kBAXtB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,+BAA+B;AACzC,oBAAA,IAAI,EAAE;AACJ,wBAAA,KAAK,EAAE,kBAAkB;AACzB,wBAAA,IAAI,EAAE,SAAS;AACf,wBAAA,yBAAyB,EAAE,qCAAqC;AAChE,wBAAA,yBAAyB,EAAE,qCAAqC;AAChE,wBAAA,qBAAqB,EAAE,WAAW;AAClC,wBAAA,WAAW,EAAE,uBAAuB;AACrC,qBAAA;AACF,iBAAA;;MAiFY,aAAa,CAAA;AACP,IAAA,UAAU,GAAG,MAAM,CAA0B,UAAU,CAAC;IACxD,IAAI,GAAG,MAAM,CAAC,YAAY,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;AAEvD,IAAA,KAAK,GAAG,KAAK,CAAgB,IAAI,4EAAC;IAClC,MAAM,GAAG,KAAK,CAAC,KAAK,8EAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;IACtD,QAAQ,GAAG,KAAK,CAAC,KAAK,gFAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;IAE9C,QAAQ,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,UAAU,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,UAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CAAC;IACjF,SAAS,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,KAAK,EAAE,GAAG,CAAA,mBAAA,EAAsB,IAAI,CAAC,KAAK,EAAE,CAAA,CAAE,GAAG,IAAI,CAAC,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,WAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CAAC;AAEjG,IAAA,WAAW,CAAC,KAAY,EAAA;AAChC,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE,EAAE;YACnB,KAAK,CAAC,cAAc,EAAE;YACtB,KAAK,CAAC,eAAe,EAAE;YACvB;QACF;AAEA,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,EAAE;AAC1B,QAAA,IAAI,KAAK,IAAI,IAAI,CAAC,IAAI,EAAE;AACtB,YAAA,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC;QACzB;IACF;IAEU,QAAQ,GAAA;AAChB,QAAA,OAAO,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,QAAQ;IACzE;wGA1BW,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAAb,aAAa,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,8EAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,MAAA,EAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,MAAA,EAAA,KAAA,EAAA,EAAA,SAAA,EAAA,EAAA,OAAA,EAAA,qBAAA,EAAA,EAAA,UAAA,EAAA,EAAA,WAAA,EAAA,gCAAA,EAAA,8BAAA,EAAA,MAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,kBAAA,EAAA,0BAAA,EAAA,oBAAA,EAAA,0BAAA,EAAA,oBAAA,EAAA,mCAAA,EAAA,oBAAA,EAAA,aAAA,EAAA,oBAAA,EAAA,8BAAA,EAAA,eAAA,EAAA,uCAAA,EAAA,eAAA,EAAA,wCAAA,EAAA,EAAA,cAAA,EAAA,qBAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;4FAAb,aAAa,EAAA,UAAA,EAAA,CAAA;kBAlBzB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,8EAA8E;AACxF,oBAAA,IAAI,EAAE;AACJ,wBAAA,KAAK,EAAE,qBAAqB;AAC5B,wBAAA,IAAI,EAAE,KAAK;AACX,wBAAA,aAAa,EAAE,8BAA8B;AAC7C,wBAAA,gCAAgC,EAAE,IAAI;AACtC,wBAAA,mBAAmB,EAAE,SAAS;AAC9B,wBAAA,oBAAoB,EAAE,wBAAwB;AAC9C,wBAAA,sBAAsB,EAAE,wBAAwB;AAChD,wBAAA,sBAAsB,EAAE,+BAA+B;AACvD,wBAAA,sBAAsB,EAAE,aAAa;AACrC,wBAAA,sBAAsB,EAAE,4BAA4B;AACpD,wBAAA,iBAAiB,EAAE,uCAAuC;AAC1D,wBAAA,iBAAiB,EAAE,sCAAsC;AACzD,wBAAA,SAAS,EAAE,qBAAqB;AACjC,qBAAA;AACF,iBAAA;;MA0CY,aAAa,CAAA;IACP,IAAI,GAAG,MAAM,CAAC,YAAY,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;AAEvD,IAAA,KAAK,GAAG,KAAK,CAAC,QAAQ,2EAAU;IAChC,MAAM,GAAG,KAAK,CAAC,KAAK,8EAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;IAE5C,QAAQ,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,UAAU,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,UAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CAAC;AACjF,IAAA,SAAS,GAAG,QAAQ,CAAC,MAAM,CAAA,mBAAA,EAAsB,IAAI,CAAC,KAAK,EAAE,CAAA,CAAE,gFAAC;wGAPxE,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAAb,aAAa,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,qCAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,MAAA,EAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,MAAA,EAAA,UAAA,EAAA,EAAA,UAAA,EAAA,EAAA,SAAA,EAAA,aAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,kBAAA,EAAA,0BAAA,EAAA,aAAA,EAAA,0BAAA,EAAA,eAAA,EAAA,qBAAA,EAAA,EAAA,cAAA,EAAA,qBAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;4FAAb,aAAa,EAAA,UAAA,EAAA,CAAA;kBAZzB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,qCAAqC;AAC/C,oBAAA,IAAI,EAAE;AACJ,wBAAA,KAAK,EAAE,qBAAqB;AAC5B,wBAAA,IAAI,EAAE,UAAU;AAChB,wBAAA,WAAW,EAAE,aAAa;AAC1B,wBAAA,mBAAmB,EAAE,SAAS;AAC9B,wBAAA,oBAAoB,EAAE,wBAAwB;AAC9C,wBAAA,eAAe,EAAE,wBAAwB;AACzC,wBAAA,iBAAiB,EAAE,qBAAqB;AACzC,qBAAA;AACF,iBAAA;;;MCjMY,YAAY,CAAA;wGAAZ,YAAY,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;AAAZ,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,YAAY,EAAA,OAAA,EAAA,CAHb,MAAM,EAAE,aAAa,EAAE,UAAU,EAAE,aAAa,CAAA,EAAA,OAAA,EAAA,CAChD,MAAM,EAAE,aAAa,EAAE,UAAU,EAAE,aAAa,CAAA,EAAA,CAAA;yGAE/C,YAAY,EAAA,CAAA;;4FAAZ,YAAY,EAAA,UAAA,EAAA,CAAA;kBAJxB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,OAAO,EAAE,CAAC,MAAM,EAAE,aAAa,EAAE,UAAU,EAAE,aAAa,CAAC;oBAC3D,OAAO,EAAE,CAAC,MAAM,EAAE,aAAa,EAAE,UAAU,EAAE,aAAa,CAAC;AAC5D,iBAAA;;;ACPD;;AAEG;;;;"}
1	+ {"version":3,"file":"frame-ui-ng-components-tabs.mjs","sources":["../../../projects/components/tabs/src/tabs.ts","../../../projects/components/tabs/tabs.module.ts","../../../projects/components/tabs/frame-ui-ng-components-tabs.ts"],"sourcesContent":["import {\r\n Directive,\r\n ElementRef,\r\n InjectionToken,\r\n booleanAttribute,\r\n computed,\r\n inject,\r\n input,\r\n model,\r\n output,\r\n} from '@angular/core';\r\n\r\nexport const FR_TABS_ORIENTATIONS = ['horizontal', 'vertical'] as const;\r\nexport const FR_TABS_ACTIVATIONS = ['automatic', 'manual'] as const;\r\nexport const FR_TABS_LIST_VARIANTS = ['default', 'line'] as const;\r\n\r\nexport type FrTabsOrientation = (typeof FR_TABS_ORIENTATIONS)[number];\r\nexport type FrTabsActivation = (typeof FR_TABS_ACTIVATIONS)[number];\r\nexport type FrTabsListVariant = (typeof FR_TABS_LIST_VARIANTS)[number];\r\n\r\nexport const FR_TABS_ROOT = new InjectionToken<FrTabs>('FR_TABS_ROOT');\r\n\r\nfunction coerceOrientation(value: unknown): FrTabsOrientation {\r\n return value === 'vertical' ? 'vertical' : 'horizontal';\r\n}\r\n\r\nfunction coerceActivation(value: unknown): FrTabsActivation {\r\n return value === 'manual' ? 'manual' : 'automatic';\r\n}\r\n\r\nfunction coerceListVariant(value: unknown): FrTabsListVariant {\r\n return value === 'line' ? 'line' : 'default';\r\n}\r\n\r\n/** Tabs root that coordinates selected value state. /\r\n@Directive({\r\n selector: '[frTabs], frame-tabs',\r\n exportAs: 'frTabs',\r\n providers: [\r\n {\r\n provide: FR_TABS_ROOT,\r\n useExisting: FrTabs,\r\n },\r\n ],\r\n host: {\r\n class: 'frame-tabs',\r\n '[attr.data-orientation]': 'orientation()',\r\n },\r\n})\r\nexport class FrTabs {\r\n readonly defaultValue = input<string \| null>(null);\r\n readonly orientation = input<FrTabsOrientation, unknown>('horizontal', {\r\n transform: coerceOrientation,\r\n });\r\n readonly activationMode = input<FrTabsActivation, unknown>('automatic', {\r\n transform: coerceActivation,\r\n });\r\n readonly value = model<string \| null>(null);\r\n readonly valueChange = output<string>();\r\n\r\n select(value: string): void {\r\n this.value.set(value);\r\n this.valueChange.emit(value);\r\n }\r\n\r\n isSelected(value: string \| null): boolean {\r\n const currentValue = this.value() ?? this.defaultValue();\r\n return !!value && currentValue === value;\r\n }\r\n}\r\n\r\n/* List slot for tabs. /\r\n@Directive({\r\n selector: '[frTabsList], frame-tabs-list',\r\n host: {\r\n class: 'frame-tabs__list',\r\n role: 'tablist',\r\n '[attr.aria-orientation]': 'root?.orientation() ?? \"horizontal\"',\r\n '[attr.data-orientation]': 'root?.orientation() ?? \"horizontal\"',\r\n '[attr.data-variant]': 'variant()',\r\n '(keydown)': 'handleKeydown($event)',\r\n },\r\n})\r\nexport class FrTabsList {\r\n private readonly elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\r\n protected readonly root = inject(FR_TABS_ROOT, { optional: true });\r\n\r\n readonly variant = input<FrTabsListVariant, unknown>('default', { transform: coerceListVariant });\r\n\r\n protected handleKeydown(event: KeyboardEvent): void {\r\n const triggers = this.triggers();\r\n const currentIndex = triggers.indexOf(event.target as HTMLElement);\r\n\r\n if (currentIndex < 0) {\r\n return;\r\n }\r\n\r\n const horizontal = this.root?.orientation() !== 'vertical';\r\n const previousKeys = horizontal ? ['ArrowLeft'] : ['ArrowUp'];\r\n const nextKeys = horizontal ? ['ArrowRight'] : ['ArrowDown'];\r\n\r\n if (nextKeys.includes(event.key)) {\r\n event.preventDefault();\r\n this.focusTrigger(triggers, currentIndex + 1);\r\n return;\r\n }\r\n\r\n if (previousKeys.includes(event.key)) {\r\n event.preventDefault();\r\n this.focusTrigger(triggers, currentIndex - 1);\r\n return;\r\n }\r\n\r\n if (event.key === 'Home') {\r\n event.preventDefault();\r\n this.focusTrigger(triggers, 0);\r\n return;\r\n }\r\n\r\n if (event.key === 'End') {\r\n event.preventDefault();\r\n this.focusTrigger(triggers, triggers.length - 1);\r\n }\r\n }\r\n\r\n private focusTrigger(triggers: HTMLElement[], index: number): void {\r\n if (!triggers.length) {\r\n return;\r\n }\r\n\r\n const next = triggers[(index + triggers.length) % triggers.length];\r\n next.focus();\r\n\r\n if (this.root?.activationMode() === 'automatic') {\r\n next.click();\r\n }\r\n }\r\n\r\n private triggers(): HTMLElement[] {\r\n return Array.from(\r\n this.elementRef.nativeElement.querySelectorAll<HTMLElement>('[data-frame-tabs-trigger]:not([data-disabled])'),\r\n );\r\n }\r\n}\r\n\r\n/* Trigger control for tabs. /\r\n@Directive({\r\n selector: 'button[frTabsTrigger], a[frTabsTrigger], [frTabsTrigger], frame-tabs-trigger',\r\n host: {\r\n class: 'frame-tabs__trigger',\r\n role: 'tab',\r\n '[attr.type]': 'isButton() ? \"button\" : null',\r\n '[attr.data-frame-tabs-trigger]': '\"\"',\r\n '[attr.data-value]': 'value()',\r\n '[attr.data-active]': 'isActive() ? \"\" : null',\r\n '[attr.data-disabled]': 'disabled() ? \"\" : null',\r\n '[attr.aria-selected]': 'isActive() ? \"true\" : \"false\"',\r\n '[attr.aria-controls]': 'contentId()',\r\n '[attr.aria-disabled]': 'disabled() ? \"true\" : null',\r\n '[attr.tabindex]': 'disabled() ? -1 : isActive() ? 0 : -1',\r\n '[attr.disabled]': 'isButton() && disabled() ? \"\" : null',\r\n '(click)': 'handleClick($event)',\r\n },\r\n})\r\nexport class FrTabsTrigger {\r\n private readonly elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\r\n private readonly root = inject(FR_TABS_ROOT, { optional: true });\r\n\r\n readonly value = input<string \| null>(null);\r\n readonly active = input(false, { transform: booleanAttribute });\r\n readonly disabled = input(false, { transform: booleanAttribute });\r\n\r\n protected readonly isActive = computed(() => this.active() \|\| !!this.root?.isSelected(this.value()));\r\n protected readonly contentId = computed(() => (this.value() ? `frame-tabs-content-${this.value()}` : null));\r\n\r\n protected handleClick(event: Event): void {\r\n if (this.disabled()) {\r\n event.preventDefault();\r\n event.stopPropagation();\r\n return;\r\n }\r\n\r\n const value = this.value();\r\n if (value && this.root) {\r\n this.root.select(value);\r\n }\r\n }\r\n\r\n protected isButton(): boolean {\r\n return this.elementRef.nativeElement.tagName.toLowerCase() === 'button';\r\n }\r\n}\r\n\r\n/* Content slot for tabs. /\r\n@Directive({\r\n selector: '[frTabsContent], frame-tabs-content',\r\n host: {\r\n class: 'frame-tabs__content',\r\n role: 'tabpanel',\r\n '[attr.id]': 'contentId()',\r\n '[attr.data-value]': 'value()',\r\n '[attr.data-active]': 'isActive() ? \"\" : null',\r\n '[attr.hidden]': 'isActive() ? null : \"\"',\r\n '[attr.tabindex]': 'isActive() ? 0 : -1',\r\n },\r\n})\r\nexport class FrTabsContent {\r\n private readonly root = inject(FR_TABS_ROOT, { optional: true });\r\n\r\n readonly value = input.required<string>();\r\n readonly active = input(false, { transform: booleanAttribute });\r\n\r\n protected readonly isActive = computed(() => this.active() \|\| !!this.root?.isSelected(this.value()));\r\n protected readonly contentId = computed(() => `frame-tabs-content-${this.value()}`);\r\n}\r\n\r\n","import { NgModule } from '@angular/core';\n\nimport { FrTabs, FrTabsContent, FrTabsList, FrTabsTrigger } from './src/tabs';\n\n@NgModule({\n imports: [FrTabs, FrTabsContent, FrTabsList, FrTabsTrigger],\n exports: [FrTabs, FrTabsContent, FrTabsList, FrTabsTrigger],\n})\nexport class FrTabsModule {}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/frame-ui-ng-components-textarea.mjs CHANGED Viewed

@@ -1,6 +1,7 @@
 import * as i0 from '@angular/core';
 import { Directive, NgModule } from '@angular/core';
+/** Textarea control with FrameUI field styling. */
 class FrTextarea {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrTextarea, deps: [], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.16", type: FrTextarea, isStandalone: true, selector: "textarea[frTextarea]", host: { classAttribute: "frame-textarea" }, ngImport: i0 });

package/fesm2022/frame-ui-ng-components-textarea.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"frame-ui-ng-components-textarea.mjs","sources":["../../../projects/components/textarea/src/textarea.ts","../../../projects/components/textarea/textarea.module.ts","../../../projects/components/textarea/frame-ui-ng-components-textarea.ts"],"sourcesContent":["import { Directive } from '@angular/core';\n\n@Directive({\n selector: 'textarea[frTextarea]',\n host: {\n class: 'frame-textarea',\n },\n})\nexport class FrTextarea {}\n","import { NgModule } from '@angular/core';\nimport {\n FrTextarea,\n} from './src/textarea';\n\n@NgModule({\n imports: [\n FrTextarea,\n ],\n exports: [\n FrTextarea,\n ],\n})\nexport class FrTextareaModule {}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":";;;~~MAQa~~,UAAU,CAAA;wGAAV,UAAU,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAAV,UAAU,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;4FAAV,UAAU,EAAA,UAAA,EAAA,CAAA;kBANtB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,sBAAsB;AAChC,oBAAA,IAAI,EAAE;AACJ,wBAAA,KAAK,EAAE,gBAAgB;AACxB,qBAAA;AACF,iBAAA;;;~~MCMY~~,gBAAgB,CAAA;wGAAhB,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;yGAAhB,gBAAgB,EAAA,OAAA,EAAA,CANzB,UAAU,CAAA,EAAA,OAAA,EAAA,CAGV,UAAU,CAAA,EAAA,CAAA;yGAGD,gBAAgB,EAAA,CAAA;;4FAAhB,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAR5B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,OAAO,EAAE;wBACP,UAAU;AACX,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,UAAU;AACX,qBAAA;AACF,iBAAA;;;ACZD;;AAEG;;;;"}
1	+ {"version":3,"file":"frame-ui-ng-components-textarea.mjs","sources":["../../../projects/components/textarea/src/textarea.ts","../../../projects/components/textarea/textarea.module.ts","../../../projects/components/textarea/frame-ui-ng-components-textarea.ts"],"sourcesContent":["import { Directive } from '@angular/core';\r\n\r\n/** Textarea control with FrameUI field styling. /\r\n@Directive({\r\n selector: 'textarea[frTextarea]',\r\n host: {\r\n class: 'frame-textarea',\r\n },\r\n})\r\nexport class FrTextarea {}\r\n\r\n","import { NgModule } from '@angular/core';\nimport {\n FrTextarea,\n} from './src/textarea';\n\n@NgModule({\n imports: [\n FrTextarea,\n ],\n exports: [\n FrTextarea,\n ],\n})\nexport class FrTextareaModule {}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":";;;AAEA;MAOa,UAAU,CAAA;wGAAV,UAAU,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAAV,UAAU,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;4FAAV,UAAU,EAAA,UAAA,EAAA,CAAA;kBANtB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,sBAAsB;AAChC,oBAAA,IAAI,EAAE;AACJ,wBAAA,KAAK,EAAE,gBAAgB;AACxB,qBAAA;AACF,iBAAA;;;MCKY,gBAAgB,CAAA;wGAAhB,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;yGAAhB,gBAAgB,EAAA,OAAA,EAAA,CANzB,UAAU,CAAA,EAAA,OAAA,EAAA,CAGV,UAAU,CAAA,EAAA,CAAA;yGAGD,gBAAgB,EAAA,CAAA;;4FAAhB,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAR5B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,OAAO,EAAE;wBACP,UAAU;AACX,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,UAAU;AACX,qBAAA;AACF,iBAAA;;;ACZD;;AAEG;;;;"}

package/fesm2022/frame-ui-ng-components-toast.mjs CHANGED Viewed

@@ -6,6 +6,7 @@ import { FrSpinner } from '@frame-ui-ng/components/spinner';
 const DEFAULT_DURATION = 4000;
 const DISMISS_ANIMATION_DURATION = 180;
 let nextToastId = 0;
+/** Service for creating and dismissing toasts. */
 class FrToastService {
     timers = new Map();
     removalTimers = new Map();
@@ -140,6 +141,7 @@ const FR_TOAST_POSITIONS = [
     'bottom-right',
 ];
+/** Viewport container for rendered toasts. */
 class FrToastViewport {
     toast = inject(FrToastService);
     strategy = input('fixed', ...(ngDevMode ? [{ debugName: "strategy" }] : /* istanbul ignore next */ []));

package/fesm2022/frame-ui-ng-components-toast.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"frame-ui-ng-components-toast.mjs","sources":["../../../projects/components/toast/src/toast.service.ts","../../../projects/components/toast/src/toast.types.ts","../../../projects/components/toast/src/toast.ts","../../../projects/components/toast/toast.module.ts","../../../projects/components/toast/frame-ui-ng-components-toast.ts"],"sourcesContent":["import { Injectable, computed, signal } from '@angular/core';\n\nimport { FrToastOptions, FrToastRecord, FrToastVariant } from './toast.types';\n\nconst DEFAULT_DURATION = 4000;\nconst DISMISS_ANIMATION_DURATION = 180;\nlet nextToastId = 0;\n\n@Injectable({ providedIn: 'root' })\nexport class FrToastService {\n private readonly timers = new Map<string, ReturnType<typeof setTimeout>>();\n private readonly removalTimers = new Map<string, ReturnType<typeof setTimeout>>();\n private readonly toastRecords = signal<FrToastRecord[]>([]);\n\n readonly toasts = computed(() => this.toastRecords());\n\n show(title: string, options?: Omit<FrToastOptions, 'title'>): string;\n show(options: FrToastOptions): string;\n show(titleOrOptions: string \| FrToastOptions, options: Omit<FrToastOptions, 'title'> = {}): string {\n const toast = this.createToast(titleOrOptions, options);\n\n this.clearRemovalTimer(toast.id);\n this.toastRecords.update((toasts) => [toast, ...toasts.filter((item) => item.id !== toast.id)]);\n this.scheduleDismiss(toast);\n\n return toast.id;\n }\n\n success(title: string, options: Omit<FrToastOptions, 'title' \| 'variant'> = {}): string {\n return this.show(title, { ...options, variant: 'success' });\n }\n\n info(title: string, options: Omit<FrToastOptions, 'title' \| 'variant'> = {}): string {\n return this.show(title, { ...options, variant: 'info' });\n }\n\n warning(title: string, options: Omit<FrToastOptions, 'title' \| 'variant'> = {}): string {\n return this.show(title, { ...options, variant: 'warning' });\n }\n\n error(title: string, options: Omit<FrToastOptions, 'title' \| 'variant'> = {}): string {\n return this.show(title, { ...options, variant: 'error' });\n }\n\n loading(title: string, options: Omit<FrToastOptions, 'title' \| 'variant' \| 'loading'> = {}): string {\n return this.show(title, { ...options, variant: 'loading', loading: true, duration: options.duration ?? 0 });\n }\n\n update(id: string, options: Partial<Omit<FrToastOptions, 'id'>>): void {\n let updatedToast: FrToastRecord \| undefined;\n\n this.clearRemovalTimer(id);\n this.toastRecords.update((toasts) =>\n toasts.map((toast) => {\n if (toast.id !== id) {\n return toast;\n }\n\n updatedToast = {\n ...toast,\n ...options,\n variant: options.variant ?? toast.variant,\n loading: options.loading ?? toast.loading,\n state: 'visible',\n };\n\n return updatedToast;\n }),\n );\n\n if (updatedToast) {\n this.scheduleDismiss(updatedToast);\n }\n }\n\n dismiss(id: string): void {\n this.clearTimer(id);\n\n let shouldRemove = false;\n\n this.toastRecords.update((toasts) =>\n toasts.map((toast) => {\n if (toast.id !== id) {\n return toast;\n }\n\n if (toast.state === 'dismissing') {\n return toast;\n }\n\n shouldRemove = true;\n return { ...toast, state: 'dismissing' };\n }),\n );\n\n if (!shouldRemove) {\n return;\n }\n\n this.removalTimers.set(\n id,\n setTimeout(() => {\n this.removalTimers.delete(id);\n this.toastRecords.update((toasts) => toasts.filter((toast) => toast.id !== id));\n }, DISMISS_ANIMATION_DURATION),\n );\n }\n\n dismissAll(): void {\n for (const id of this.timers.keys()) {\n this.clearTimer(id);\n }\n\n for (const id of this.removalTimers.keys()) {\n this.clearRemovalTimer(id);\n }\n\n this.toastRecords.set([]);\n }\n\n private createToast(\n titleOrOptions: string \| FrToastOptions,\n options: Omit<FrToastOptions, 'title'>,\n ): FrToastRecord {\n const merged = typeof titleOrOptions === 'string'\n ? { ...options, title: titleOrOptions }\n : titleOrOptions;\n const variant: FrToastVariant = merged.variant ?? (merged.loading ? 'loading' : 'default');\n\n return {\n id: merged.id ?? `frame-toast-${nextToastId++}`,\n title: merged.title,\n description: merged.description,\n variant,\n position: merged.position ?? 'bottom-right',\n duration: merged.duration ?? (merged.loading \|\| variant === 'loading' ? 0 : DEFAULT_DURATION),\n dismissible: merged.dismissible ?? true,\n action: merged.action,\n loading: merged.loading ?? variant === 'loading',\n createdAt: Date.now(),\n state: 'visible',\n };\n }\n\n private scheduleDismiss(toast: FrToastRecord): void {\n this.clearTimer(toast.id);\n\n if (!toast.duration \|\| toast.duration <= 0) {\n return;\n }\n\n this.timers.set(\n toast.id,\n setTimeout(() => this.dismiss(toast.id), toast.duration),\n );\n }\n\n private clearTimer(id: string): void {\n const timer = this.timers.get(id);\n\n if (timer) {\n clearTimeout(timer);\n this.timers.delete(id);\n }\n }\n\n private clearRemovalTimer(id: string): void {\n const timer = this.removalTimers.get(id);\n\n if (timer) {\n clearTimeout(timer);\n this.removalTimers.delete(id);\n }\n }\n}\n","export type FrToastVariant =\n \| 'default'\n \| 'success'\n \| 'info'\n \| 'warning'\n \| 'error'\n \| 'loading';\n\nexport type FrToastPosition =\n \| 'top-left'\n \| 'top-center'\n \| 'top-right'\n \| 'bottom-left'\n \| 'bottom-center'\n \| 'bottom-right';\n\nexport type FrToastAction = {\n label: string;\n altText?: string;\n handler?: () => void;\n};\n\nexport type FrToastState = 'visible' \| 'dismissing';\n\nexport type FrToastOptions = {\n id?: string;\n title: string;\n description?: string;\n variant?: FrToastVariant;\n position?: FrToastPosition;\n duration?: number;\n dismissible?: boolean;\n action?: FrToastAction;\n loading?: boolean;\n};\n\nexport type FrToastRecord = Required<\n Pick<FrToastOptions, 'id' \| 'title' \| 'variant' \| 'position' \| 'dismissible' \| 'loading'>\n> &\n Pick<FrToastOptions, 'description' \| 'duration' \| 'action'> & {\n createdAt: number;\n state: FrToastState;\n };\n\nexport const FR_TOAST_POSITIONS: FrToastPosition[] = [\n 'top-left',\n 'top-center',\n 'top-right',\n 'bottom-left',\n 'bottom-center',\n 'bottom-right',\n];\n","import { NgTemplateOutlet } from '@angular/common';\r\nimport { ChangeDetectionStrategy, Component, TemplateRef, computed, inject, input } from '@angular/core';\r\nimport { FrSpinner } from '@frame-ui-ng/components/spinner';\r\n\r\nimport { FrToastService } from './toast.service';\r\nimport { FR_TOAST_POSITIONS, FrToastPosition, FrToastRecord } from './toast.types';\r\n\r\n@Component({\r\n selector: 'frame-toast-viewport',\r\n exportAs: 'frToastViewport',\r\n host: {\r\n class: 'frame-toast-viewport',\r\n '[attr.data-strategy]': 'strategy()',\r\n '[attr.aria-live]': 'politeness()',\r\n '[attr.aria-label]': 'label()',\r\n },\r\n imports: [NgTemplateOutlet, FrSpinner],\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n template: `\r\n @for (position of positions; track position) {\r\n @let positionToasts = groupedToasts().get(position) ?? [];\r\n\r\n @if (positionToasts.length > 0) {\r\n <section\r\n class=\"frame-toast__group\"\r\n [attr.data-position]=\"position\"\r\n [style.--frame-toast-count]=\"positionToasts.length\"\r\n >\r\n @for (toast of positionToasts; track toast.id; let toastIndex = $index) {\r\n <article\r\n class=\"frame-toast\"\r\n [attr.data-variant]=\"toast.variant\"\r\n [attr.data-loading]=\"toast.loading\"\r\n [attr.data-dismissible]=\"toast.dismissible\"\r\n [attr.data-has-description]=\"toast.description ? 'true' : 'false'\"\r\n [attr.data-has-action]=\"toast.action ? 'true' : 'false'\"\r\n [attr.data-state]=\"toast.state\"\r\n [style.--frame-toast-index]=\"toastIndex\"\r\n data-token-target=\"toast-root\"\r\n >\r\n @if (toast.loading) {\r\n <span\r\n frSpinner\r\n class=\"frame-toast__loader\"\r\n decorative\r\n size=\"sm\"\r\n data-token-target=\"toast-loader\"\r\n ></span>\r\n } @else {\r\n <span class=\"frame-toast__status\" aria-hidden=\"true\" data-token-target=\"toast-status\"></span>\r\n }\r\n\r\n <div class=\"frame-toast__content\" data-token-target=\"toast-content\">\r\n <h2 class=\"frame-toast__title\" data-token-target=\"toast-title\">{{ toast.title }}</h2>\r\n\r\n @if (toast.description) {\r\n <p class=\"frame-toast__description\" data-token-target=\"toast-description\">\r\n {{ toast.description }}\r\n </p>\r\n }\r\n </div>\r\n\r\n @if (toast.action) {\r\n <button\r\n class=\"frame-toast__action\"\r\n type=\"button\"\r\n [attr.aria-label]=\"toast.action.altText ?? toast.action.label\"\r\n (click)=\"runAction(toast)\"\r\n data-token-target=\"toast-action\"\r\n >\r\n {{ toast.action.label }}\r\n </button>\r\n }\r\n\r\n @if (toast.dismissible && !toast.action) {\r\n <button\r\n class=\"frame-toast__close\"\r\n type=\"button\"\r\n aria-label=\"Dismiss notification\"\r\n (click)=\"dismiss(toast.id)\"\r\n data-token-target=\"toast-close\"\r\n >\r\n @if (closeIcon(); as iconTemplate) {\r\n <ng-container [ngTemplateOutlet]=\"iconTemplate\" />\r\n } @else {\r\n <span aria-hidden=\"true\">x</span>\r\n }\r\n </button>\r\n }\r\n </article>\r\n }\r\n </section>\r\n }\r\n }\r\n `,\r\n})\r\nexport class FrToastViewport {\r\n private readonly toast = inject(FrToastService);\r\n\r\n readonly strategy = input<'fixed' \| 'inline'>('fixed');\r\n readonly label = input('Notifications');\r\n readonly politeness = input<'polite' \| 'assertive' \| 'off'>('polite');\r\n readonly closeIcon = input<TemplateRef<unknown> \| null>(null);\r\n\r\n protected readonly positions = FR_TOAST_POSITIONS;\r\n protected readonly groupedToasts = computed(() => {\r\n const groups = new Map<FrToastPosition, FrToastRecord[]>();\r\n\r\n for (const toast of this.toast.toasts()) {\r\n const toasts = groups.get(toast.position) ?? [];\r\n toasts.push(toast);\r\n groups.set(toast.position, toasts);\r\n }\r\n\r\n return groups;\r\n });\r\n\r\n protected dismiss(id: string): void {\r\n this.toast.dismiss(id);\r\n }\r\n\r\n protected runAction(toast: FrToastRecord): void {\r\n toast.action?.handler?.();\r\n this.toast.dismiss(toast.id);\r\n }\r\n}\r\n","import { NgModule } from '@angular/core';\nimport { FrSpinner } from '@frame-ui-ng/components/spinner';\n\nimport { FrToastViewport } from './src/toast';\n\n@NgModule({\n imports: [FrToastViewport, FrSpinner],\n exports: [FrToastViewport],\n})\nexport class FrToastModule {}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"frame-ui-ng-components-toast.mjs","sources":["../../../projects/components/toast/src/toast.service.ts","../../../projects/components/toast/src/toast.types.ts","../../../projects/components/toast/src/toast.ts","../../../projects/components/toast/toast.module.ts","../../../projects/components/toast/frame-ui-ng-components-toast.ts"],"sourcesContent":["import { Injectable, computed, signal } from '@angular/core';\r\n\r\nimport { FrToastOptions, FrToastRecord, FrToastVariant } from './toast.types';\r\n\r\nconst DEFAULT_DURATION = 4000;\r\nconst DISMISS_ANIMATION_DURATION = 180;\r\nlet nextToastId = 0;\r\n\r\n/** Service for creating and dismissing toasts. /\r\n@Injectable({ providedIn: 'root' })\r\nexport class FrToastService {\r\n private readonly timers = new Map<string, ReturnType<typeof setTimeout>>();\r\n private readonly removalTimers = new Map<string, ReturnType<typeof setTimeout>>();\r\n private readonly toastRecords = signal<FrToastRecord[]>([]);\r\n\r\n readonly toasts = computed(() => this.toastRecords());\r\n\r\n show(title: string, options?: Omit<FrToastOptions, 'title'>): string;\r\n show(options: FrToastOptions): string;\r\n show(titleOrOptions: string \| FrToastOptions, options: Omit<FrToastOptions, 'title'> = {}): string {\r\n const toast = this.createToast(titleOrOptions, options);\r\n\r\n this.clearRemovalTimer(toast.id);\r\n this.toastRecords.update((toasts) => [toast, ...toasts.filter((item) => item.id !== toast.id)]);\r\n this.scheduleDismiss(toast);\r\n\r\n return toast.id;\r\n }\r\n\r\n success(title: string, options: Omit<FrToastOptions, 'title' \| 'variant'> = {}): string {\r\n return this.show(title, { ...options, variant: 'success' });\r\n }\r\n\r\n info(title: string, options: Omit<FrToastOptions, 'title' \| 'variant'> = {}): string {\r\n return this.show(title, { ...options, variant: 'info' });\r\n }\r\n\r\n warning(title: string, options: Omit<FrToastOptions, 'title' \| 'variant'> = {}): string {\r\n return this.show(title, { ...options, variant: 'warning' });\r\n }\r\n\r\n error(title: string, options: Omit<FrToastOptions, 'title' \| 'variant'> = {}): string {\r\n return this.show(title, { ...options, variant: 'error' });\r\n }\r\n\r\n loading(title: string, options: Omit<FrToastOptions, 'title' \| 'variant' \| 'loading'> = {}): string {\r\n return this.show(title, { ...options, variant: 'loading', loading: true, duration: options.duration ?? 0 });\r\n }\r\n\r\n update(id: string, options: Partial<Omit<FrToastOptions, 'id'>>): void {\r\n let updatedToast: FrToastRecord \| undefined;\r\n\r\n this.clearRemovalTimer(id);\r\n this.toastRecords.update((toasts) =>\r\n toasts.map((toast) => {\r\n if (toast.id !== id) {\r\n return toast;\r\n }\r\n\r\n updatedToast = {\r\n ...toast,\r\n ...options,\r\n variant: options.variant ?? toast.variant,\r\n loading: options.loading ?? toast.loading,\r\n state: 'visible',\r\n };\r\n\r\n return updatedToast;\r\n }),\r\n );\r\n\r\n if (updatedToast) {\r\n this.scheduleDismiss(updatedToast);\r\n }\r\n }\r\n\r\n dismiss(id: string): void {\r\n this.clearTimer(id);\r\n\r\n let shouldRemove = false;\r\n\r\n this.toastRecords.update((toasts) =>\r\n toasts.map((toast) => {\r\n if (toast.id !== id) {\r\n return toast;\r\n }\r\n\r\n if (toast.state === 'dismissing') {\r\n return toast;\r\n }\r\n\r\n shouldRemove = true;\r\n return { ...toast, state: 'dismissing' };\r\n }),\r\n );\r\n\r\n if (!shouldRemove) {\r\n return;\r\n }\r\n\r\n this.removalTimers.set(\r\n id,\r\n setTimeout(() => {\r\n this.removalTimers.delete(id);\r\n this.toastRecords.update((toasts) => toasts.filter((toast) => toast.id !== id));\r\n }, DISMISS_ANIMATION_DURATION),\r\n );\r\n }\r\n\r\n dismissAll(): void {\r\n for (const id of this.timers.keys()) {\r\n this.clearTimer(id);\r\n }\r\n\r\n for (const id of this.removalTimers.keys()) {\r\n this.clearRemovalTimer(id);\r\n }\r\n\r\n this.toastRecords.set([]);\r\n }\r\n\r\n private createToast(\r\n titleOrOptions: string \| FrToastOptions,\r\n options: Omit<FrToastOptions, 'title'>,\r\n ): FrToastRecord {\r\n const merged = typeof titleOrOptions === 'string'\r\n ? { ...options, title: titleOrOptions }\r\n : titleOrOptions;\r\n const variant: FrToastVariant = merged.variant ?? (merged.loading ? 'loading' : 'default');\r\n\r\n return {\r\n id: merged.id ?? `frame-toast-${nextToastId++}`,\r\n title: merged.title,\r\n description: merged.description,\r\n variant,\r\n position: merged.position ?? 'bottom-right',\r\n duration: merged.duration ?? (merged.loading \|\| variant === 'loading' ? 0 : DEFAULT_DURATION),\r\n dismissible: merged.dismissible ?? true,\r\n action: merged.action,\r\n loading: merged.loading ?? variant === 'loading',\r\n createdAt: Date.now(),\r\n state: 'visible',\r\n };\r\n }\r\n\r\n private scheduleDismiss(toast: FrToastRecord): void {\r\n this.clearTimer(toast.id);\r\n\r\n if (!toast.duration \|\| toast.duration <= 0) {\r\n return;\r\n }\r\n\r\n this.timers.set(\r\n toast.id,\r\n setTimeout(() => this.dismiss(toast.id), toast.duration),\r\n );\r\n }\r\n\r\n private clearTimer(id: string): void {\r\n const timer = this.timers.get(id);\r\n\r\n if (timer) {\r\n clearTimeout(timer);\r\n this.timers.delete(id);\r\n }\r\n }\r\n\r\n private clearRemovalTimer(id: string): void {\r\n const timer = this.removalTimers.get(id);\r\n\r\n if (timer) {\r\n clearTimeout(timer);\r\n this.removalTimers.delete(id);\r\n }\r\n }\r\n}\r\n\r\n","export type FrToastVariant =\n \| 'default'\n \| 'success'\n \| 'info'\n \| 'warning'\n \| 'error'\n \| 'loading';\n\nexport type FrToastPosition =\n \| 'top-left'\n \| 'top-center'\n \| 'top-right'\n \| 'bottom-left'\n \| 'bottom-center'\n \| 'bottom-right';\n\nexport type FrToastAction = {\n label: string;\n altText?: string;\n handler?: () => void;\n};\n\nexport type FrToastState = 'visible' \| 'dismissing';\n\nexport type FrToastOptions = {\n id?: string;\n title: string;\n description?: string;\n variant?: FrToastVariant;\n position?: FrToastPosition;\n duration?: number;\n dismissible?: boolean;\n action?: FrToastAction;\n loading?: boolean;\n};\n\nexport type FrToastRecord = Required<\n Pick<FrToastOptions, 'id' \| 'title' \| 'variant' \| 'position' \| 'dismissible' \| 'loading'>\n> &\n Pick<FrToastOptions, 'description' \| 'duration' \| 'action'> & {\n createdAt: number;\n state: FrToastState;\n };\n\nexport const FR_TOAST_POSITIONS: FrToastPosition[] = [\n 'top-left',\n 'top-center',\n 'top-right',\n 'bottom-left',\n 'bottom-center',\n 'bottom-right',\n];\n","import { NgTemplateOutlet } from '@angular/common';\r\nimport { ChangeDetectionStrategy, Component, TemplateRef, computed, inject, input } from '@angular/core';\r\nimport { FrSpinner } from '@frame-ui-ng/components/spinner';\r\n\r\nimport { FrToastService } from './toast.service';\r\nimport { FR_TOAST_POSITIONS, FrToastPosition, FrToastRecord } from './toast.types';\r\n\r\n/* Viewport container for rendered toasts. /\r\n@Component({\r\n selector: 'frame-toast-viewport',\r\n exportAs: 'frToastViewport',\r\n host: {\r\n class: 'frame-toast-viewport',\r\n '[attr.data-strategy]': 'strategy()',\r\n '[attr.aria-live]': 'politeness()',\r\n '[attr.aria-label]': 'label()',\r\n },\r\n imports: [NgTemplateOutlet, FrSpinner],\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n template: `\r\n @for (position of positions; track position) {\r\n @let positionToasts = groupedToasts().get(position) ?? [];\r\n\r\n @if (positionToasts.length > 0) {\r\n <section\r\n class=\"frame-toast__group\"\r\n [attr.data-position]=\"position\"\r\n [style.--frame-toast-count]=\"positionToasts.length\"\r\n >\r\n @for (toast of positionToasts; track toast.id; let toastIndex = $index) {\r\n <article\r\n class=\"frame-toast\"\r\n [attr.data-variant]=\"toast.variant\"\r\n [attr.data-loading]=\"toast.loading\"\r\n [attr.data-dismissible]=\"toast.dismissible\"\r\n [attr.data-has-description]=\"toast.description ? 'true' : 'false'\"\r\n [attr.data-has-action]=\"toast.action ? 'true' : 'false'\"\r\n [attr.data-state]=\"toast.state\"\r\n [style.--frame-toast-index]=\"toastIndex\"\r\n data-token-target=\"toast-root\"\r\n >\r\n @if (toast.loading) {\r\n <span\r\n frSpinner\r\n class=\"frame-toast__loader\"\r\n decorative\r\n size=\"sm\"\r\n data-token-target=\"toast-loader\"\r\n ></span>\r\n } @else {\r\n <span class=\"frame-toast__status\" aria-hidden=\"true\" data-token-target=\"toast-status\"></span>\r\n }\r\n\r\n <div class=\"frame-toast__content\" data-token-target=\"toast-content\">\r\n <h2 class=\"frame-toast__title\" data-token-target=\"toast-title\">{{ toast.title }}</h2>\r\n\r\n @if (toast.description) {\r\n <p class=\"frame-toast__description\" data-token-target=\"toast-description\">\r\n {{ toast.description }}\r\n </p>\r\n }\r\n </div>\r\n\r\n @if (toast.action) {\r\n <button\r\n class=\"frame-toast__action\"\r\n type=\"button\"\r\n [attr.aria-label]=\"toast.action.altText ?? toast.action.label\"\r\n (click)=\"runAction(toast)\"\r\n data-token-target=\"toast-action\"\r\n >\r\n {{ toast.action.label }}\r\n </button>\r\n }\r\n\r\n @if (toast.dismissible && !toast.action) {\r\n <button\r\n class=\"frame-toast__close\"\r\n type=\"button\"\r\n aria-label=\"Dismiss notification\"\r\n (click)=\"dismiss(toast.id)\"\r\n data-token-target=\"toast-close\"\r\n >\r\n @if (closeIcon(); as iconTemplate) {\r\n <ng-container [ngTemplateOutlet]=\"iconTemplate\" />\r\n } @else {\r\n <span aria-hidden=\"true\">x</span>\r\n }\r\n </button>\r\n }\r\n </article>\r\n }\r\n </section>\r\n }\r\n }\r\n `,\r\n})\r\nexport class FrToastViewport {\r\n private readonly toast = inject(FrToastService);\r\n\r\n readonly strategy = input<'fixed' \| 'inline'>('fixed');\r\n readonly label = input('Notifications');\r\n readonly politeness = input<'polite' \| 'assertive' \| 'off'>('polite');\r\n readonly closeIcon = input<TemplateRef<unknown> \| null>(null);\r\n\r\n protected readonly positions = FR_TOAST_POSITIONS;\r\n protected readonly groupedToasts = computed(() => {\r\n const groups = new Map<FrToastPosition, FrToastRecord[]>();\r\n\r\n for (const toast of this.toast.toasts()) {\r\n const toasts = groups.get(toast.position) ?? [];\r\n toasts.push(toast);\r\n groups.set(toast.position, toasts);\r\n }\r\n\r\n return groups;\r\n });\r\n\r\n protected dismiss(id: string): void {\r\n this.toast.dismiss(id);\r\n }\r\n\r\n protected runAction(toast: FrToastRecord): void {\r\n toast.action?.handler?.();\r\n this.toast.dismiss(toast.id);\r\n }\r\n}\r\n\r\n","import { NgModule } from '@angular/core';\nimport { FrSpinner } from '@frame-ui-ng/components/spinner';\n\nimport { FrToastViewport } from './src/toast';\n\n@NgModule({\n imports: [FrToastViewport, FrSpinner],\n exports: [FrToastViewport],\n})\nexport class FrToastModule {}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/frame-ui-ng-components-toggle.mjs CHANGED Viewed

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { booleanAttribute, signal, input, output, computed, effect, ChangeDetectionStrategy, Component, Directive, NgModule } from '@angular/core';
+import { booleanAttribute, signal, input, output, computed, ChangeDetectionStrategy, Component, Directive, NgModule } from '@angular/core';
 import { FrControlValueAccessor, provideDsValueAccessor } from '@frame-ui-ng/components/forms';
 const FR_TOGGLE_VARIANTS = ['default', 'outline'];
@@ -8,9 +8,12 @@ const FR_TOGGLE_TYPES = ['button', 'submit', 'reset'];
 function booleanOrNullAttribute(value) {
     return value === null || value === undefined ? null : booleanAttribute(value);
 }
+/** Toggle button backed by ControlValueAccessor state. */
 class FrToggle extends FrControlValueAccessor {
     internalPressed = signal(false, ...(ngDevMode ? [{ debugName: "internalPressed" }] : /* istanbul ignore next */ []));
     controlledByInput = false;
+    lastDefaultPressed = null;
+    lastPressedInput = null;
     defaultPressed = input(false, { ...(ngDevMode ? { debugName: "defaultPressed" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     pressedInput = input(null, { ...(ngDevMode ? { debugName: "pressedInput" } : /* istanbul ignore next */ {}), alias: 'pressed',
         transform: booleanOrNullAttribute });
@@ -21,19 +24,21 @@ class FrToggle extends FrControlValueAccessor {
     pressedChange = output();
     disabled = computed(() => this.disabledInput() || this.formDisabled(), ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
     pressed = computed(() => this.internalPressed(), ...(ngDevMode ? [{ debugName: "pressed" }] : /* istanbul ignore next */ []));
-    constructor() {
-        super();
-        effect(() => {
-            const pressed = this.pressedInput();
-            if (pressed !== null) {
-                this.controlledByInput = true;
-                this.internalPressed.set(pressed);
-                return;
-            }
-            if (!this.controlledByInput) {
-                this.internalPressed.set(this.defaultPressed());
-            }
-        });
+    ngDoCheck() {
+        const pressed = this.pressedInput();
+        const defaultPressed = this.defaultPressed();
+        const pressedChanged = pressed !== this.lastPressedInput;
+        const defaultChanged = defaultPressed !== this.lastDefaultPressed;
+        this.lastPressedInput = pressed;
+        this.lastDefaultPressed = defaultPressed;
+        if (pressedChanged && pressed !== null) {
+            this.controlledByInput = true;
+            this.internalPressed.set(pressed);
+            return;
+        }
+        if (!this.controlledByInput && defaultChanged) {
+            this.internalPressed.set(defaultPressed);
+        }
     }
     setViewValue(value) {
         this.internalPressed.set(!!value);
@@ -53,7 +58,7 @@ class FrToggle extends FrControlValueAccessor {
     markTouched() {
         this.markAsTouched();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrToggle, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrToggle, deps: null, target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.16", type: FrToggle, isStandalone: true, selector: "button[frToggle]", inputs: { defaultPressed: { classPropertyName: "defaultPressed", publicName: "defaultPressed", isSignal: true, isRequired: false, transformFunction: null }, pressedInput: { classPropertyName: "pressedInput", publicName: "pressed", isSignal: true, isRequired: false, transformFunction: null }, disabledInput: { classPropertyName: "disabledInput", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { pressedChange: "pressedChange" }, host: { listeners: { "blur": "markTouched()", "click": "togglePressed($event)" }, properties: { "attr.aria-pressed": "pressed()", "attr.data-state": "pressed() ? \"on\" : \"off\"", "attr.data-variant": "variant()", "attr.data-size": "size()", "attr.data-disabled": "disabled() ? \"\" : null", "attr.disabled": "disabled() ? \"\" : null", "attr.type": "type()" }, classAttribute: "frame-toggle" }, providers: [provideDsValueAccessor(FrToggle)], exportAs: ["frToggle"], usesInheritance: true, ngImport: i0, template: `<ng-content />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrToggle, decorators: [{
@@ -77,7 +82,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
                     },
                     template: `<ng-content />`,
                 }]
-        }], ctorParameters: () => [], propDecorators: { defaultPressed: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultPressed", required: false }] }], pressedInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "pressed", required: false }] }], disabledInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], pressedChange: [{ type: i0.Output, args: ["pressedChange"] }] } });
+        }], propDecorators: { defaultPressed: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultPressed", required: false }] }], pressedInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "pressed", required: false }] }], disabledInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], pressedChange: [{ type: i0.Output, args: ["pressedChange"] }] } });
+/** Icon slot for toggle. */
 class FrToggleIcon {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrToggleIcon, deps: [], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.16", type: FrToggleIcon, isStandalone: true, selector: "[frToggleIcon]", host: { attributes: { "aria-hidden": "true" }, classAttribute: "frame-toggle__icon" }, ngImport: i0 });
@@ -92,6 +98,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
                     },
                 }]
         }] });
+/** Label slot for toggle. */
 class FrToggleLabel {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrToggleLabel, deps: [], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.16", type: FrToggleLabel, isStandalone: true, selector: "[frToggleLabel]", host: { classAttribute: "frame-toggle__label" }, ngImport: i0 });

package/fesm2022/frame-ui-ng-components-toggle.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"frame-ui-ng-components-toggle.mjs","sources":["../../../projects/components/toggle/src/toggle.ts","../../../projects/components/toggle/toggle.module.ts","../../../projects/components/toggle/frame-ui-ng-components-toggle.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n Directive,\n booleanAttribute,\n computed,\n effect,\n input,\n output,\n signal,\n} from '@angular/core';\n\nimport { FrControlValueAccessor, provideDsValueAccessor } from '@frame-ui-ng/components/forms';\n\nexport const FR_TOGGLE_VARIANTS = ['default', 'outline'] as const;\nexport const FR_TOGGLE_SIZES = ['sm', 'default', 'lg'] as const;\nexport const FR_TOGGLE_TYPES = ['button', 'submit', 'reset'] as const;\n\nexport type FrToggleVariant = (typeof FR_TOGGLE_VARIANTS)[number];\nexport type FrToggleSize = (typeof FR_TOGGLE_SIZES)[number];\nexport type FrToggleType = (typeof FR_TOGGLE_TYPES)[number];\n\nfunction booleanOrNullAttribute(value: unknown): boolean \| null {\n return value === null \|\| value === undefined ? null : booleanAttribute(value);\n}\n\n@Component({\n selector: 'button[frToggle]',\n exportAs: 'frToggle',\n providers: [provideDsValueAccessor(FrToggle)],\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n class: 'frame-toggle',\n '[attr.aria-pressed]': 'pressed()',\n '[attr.data-state]': 'pressed() ? \"on\" : \"off\"',\n '[attr.data-variant]': 'variant()',\n '[attr.data-size]': 'size()',\n '[attr.data-disabled]': 'disabled() ? \"\" : null',\n '[attr.disabled]': 'disabled() ? \"\" : null',\n '[attr.type]': 'type()',\n '(blur)': 'markTouched()',\n '(click)': 'togglePressed($event)',\n },\n template: `<ng-content />`,\n})\nexport class FrToggle extends FrControlValueAccessor<boolean> {\n private readonly internalPressed = signal(false);\n private controlledByInput = false;\n\n readonly defaultPressed = input(false, { transform: booleanAttribute });\n readonly pressedInput = input<boolean \| null, unknown>(null, {\n alias: 'pressed',\n transform: booleanOrNullAttribute,\n });\n readonly disabledInput = input(false, { alias: 'disabled', transform: booleanAttribute });\n readonly variant = input<FrToggleVariant>('default');\n readonly size = input<FrToggleSize>('default');\n readonly type = input<FrToggleType>('button');\n\n readonly pressedChange = output<boolean>();\n\n protected readonly disabled = computed(() => this.disabledInput() \|\| this.formDisabled());\n protected readonly pressed = computed(() => this.internalPressed());\n\n constructor() {\n super();\n\n effect(() => {\n const pressed = this.pressedInput();\n\n if (pressed !== null) {\n this.controlledByInput = true;\n this.internalPressed.set(pressed);\n return;\n }\n\n if (!this.controlledByInput) {\n this.internalPressed.set(this.defaultPressed());\n }\n });\n }\n\n protected setViewValue(value: boolean \| null): void {\n this.internalPressed.set(!!value);\n }\n\n protected togglePressed(event: MouseEvent): void {\n if (this.disabled()) {\n event.preventDefault();\n event.stopImmediatePropagation();\n return;\n }\n\n const next = !this.internalPressed();\n this.internalPressed.set(next);\n this.notifyValueChange(next);\n this.pressedChange.emit(next);\n this.markAsTouched();\n }\n\n protected markTouched(): void {\n this.markAsTouched();\n }\n}\n\n@Directive({\n selector: '[frToggleIcon]',\n host: {\n class: 'frame-toggle__icon',\n 'aria-hidden': 'true',\n },\n})\nexport class FrToggleIcon {}\n\n@Directive({\n selector: '[frToggleLabel]',\n host: {\n class: 'frame-toggle__label',\n },\n})\nexport class FrToggleLabel {}\n","import { NgModule } from '@angular/core';\n\nimport { FrToggle, FrToggleIcon, FrToggleLabel } from './src/toggle';\n\n@NgModule({\n imports: [FrToggle, FrToggleIcon, FrToggleLabel],\n exports: [FrToggle, FrToggleIcon, FrToggleLabel],\n})\nexport class FrToggleModule {}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"frame-ui-ng-components-toggle.mjs","sources":["../../../projects/components/toggle/src/toggle.ts","../../../projects/components/toggle/toggle.module.ts","../../../projects/components/toggle/frame-ui-ng-components-toggle.ts"],"sourcesContent":["import {\r\n ChangeDetectionStrategy,\r\n Component,\r\n DoCheck,\r\n Directive,\r\n booleanAttribute,\r\n computed,\r\n input,\r\n output,\r\n signal,\r\n} from '@angular/core';\r\n\r\nimport { FrControlValueAccessor, provideDsValueAccessor } from '@frame-ui-ng/components/forms';\r\n\r\nexport const FR_TOGGLE_VARIANTS = ['default', 'outline'] as const;\r\nexport const FR_TOGGLE_SIZES = ['sm', 'default', 'lg'] as const;\r\nexport const FR_TOGGLE_TYPES = ['button', 'submit', 'reset'] as const;\r\n\r\nexport type FrToggleVariant = (typeof FR_TOGGLE_VARIANTS)[number];\r\nexport type FrToggleSize = (typeof FR_TOGGLE_SIZES)[number];\r\nexport type FrToggleType = (typeof FR_TOGGLE_TYPES)[number];\r\n\r\nfunction booleanOrNullAttribute(value: unknown): boolean \| null {\r\n return value === null \|\| value === undefined ? null : booleanAttribute(value);\r\n}\r\n\r\n/** Toggle button backed by ControlValueAccessor state. /\r\n@Component({\r\n selector: 'button[frToggle]',\r\n exportAs: 'frToggle',\r\n providers: [provideDsValueAccessor(FrToggle)],\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n host: {\r\n class: 'frame-toggle',\r\n '[attr.aria-pressed]': 'pressed()',\r\n '[attr.data-state]': 'pressed() ? \"on\" : \"off\"',\r\n '[attr.data-variant]': 'variant()',\r\n '[attr.data-size]': 'size()',\r\n '[attr.data-disabled]': 'disabled() ? \"\" : null',\r\n '[attr.disabled]': 'disabled() ? \"\" : null',\r\n '[attr.type]': 'type()',\r\n '(blur)': 'markTouched()',\r\n '(click)': 'togglePressed($event)',\r\n },\r\n template: `<ng-content />`,\r\n})\r\nexport class FrToggle extends FrControlValueAccessor<boolean> implements DoCheck {\r\n private readonly internalPressed = signal(false);\r\n private controlledByInput = false;\r\n private lastDefaultPressed: boolean \| null = null;\r\n private lastPressedInput: boolean \| null = null;\r\n\r\n readonly defaultPressed = input(false, { transform: booleanAttribute });\r\n readonly pressedInput = input<boolean \| null, unknown>(null, {\r\n alias: 'pressed',\r\n transform: booleanOrNullAttribute,\r\n });\r\n readonly disabledInput = input(false, { alias: 'disabled', transform: booleanAttribute });\r\n readonly variant = input<FrToggleVariant>('default');\r\n readonly size = input<FrToggleSize>('default');\r\n readonly type = input<FrToggleType>('button');\r\n\r\n readonly pressedChange = output<boolean>();\r\n\r\n protected readonly disabled = computed(() => this.disabledInput() \|\| this.formDisabled());\r\n protected readonly pressed = computed(() => this.internalPressed());\r\n\r\n ngDoCheck(): void {\r\n const pressed = this.pressedInput();\r\n const defaultPressed = this.defaultPressed();\r\n const pressedChanged = pressed !== this.lastPressedInput;\r\n const defaultChanged = defaultPressed !== this.lastDefaultPressed;\r\n\r\n this.lastPressedInput = pressed;\r\n this.lastDefaultPressed = defaultPressed;\r\n\r\n if (pressedChanged && pressed !== null) {\r\n this.controlledByInput = true;\r\n this.internalPressed.set(pressed);\r\n return;\r\n }\r\n\r\n if (!this.controlledByInput && defaultChanged) {\r\n this.internalPressed.set(defaultPressed);\r\n }\r\n }\r\n\r\n protected setViewValue(value: boolean \| null): void {\r\n this.internalPressed.set(!!value);\r\n }\r\n\r\n protected togglePressed(event: MouseEvent): void {\r\n if (this.disabled()) {\r\n event.preventDefault();\r\n event.stopImmediatePropagation();\r\n return;\r\n }\r\n\r\n const next = !this.internalPressed();\r\n this.internalPressed.set(next);\r\n this.notifyValueChange(next);\r\n this.pressedChange.emit(next);\r\n this.markAsTouched();\r\n }\r\n\r\n protected markTouched(): void {\r\n this.markAsTouched();\r\n }\r\n}\r\n\r\n/* Icon slot for toggle. /\r\n@Directive({\r\n selector: '[frToggleIcon]',\r\n host: {\r\n class: 'frame-toggle__icon',\r\n 'aria-hidden': 'true',\r\n },\r\n})\r\nexport class FrToggleIcon {}\r\n\r\n/* Label slot for toggle. /\r\n@Directive({\r\n selector: '[frToggleLabel]',\r\n host: {\r\n class: 'frame-toggle__label',\r\n },\r\n})\r\nexport class FrToggleLabel {}\r\n\r\n","import { NgModule } from '@angular/core';\n\nimport { FrToggle, FrToggleIcon, FrToggleLabel } from './src/toggle';\n\n@NgModule({\n imports: [FrToggle, FrToggleIcon, FrToggleLabel],\n exports: [FrToggle, FrToggleIcon, FrToggleLabel],\n})\nexport class FrToggleModule {}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/frame-ui-ng-components-tooltip.mjs CHANGED Viewed

@@ -2,7 +2,8 @@ import { Overlay } from '@angular/cdk/overlay';
 import { ComponentPortal } from '@angular/cdk/portal';
 import { DOCUMENT, isPlatformBrowser, NgTemplateOutlet } from '@angular/common';
 import * as i0 from '@angular/core';
-import { inject, DestroyRef, ElementRef, PLATFORM_ID, input, booleanAttribute, numberAttribute, signal, effect, Directive, TemplateRef, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
+import { inject, DestroyRef, ElementRef, PLATFORM_ID, input, booleanAttribute, numberAttribute, signal, Directive, computed, TemplateRef, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
+import { parseCssPixelValue, clampNumber } from '@frame-ui-ng/components/utils';
 function buildTooltipPositions(options) {
     const primary = buildPosition(options.side, options);
@@ -74,6 +75,7 @@ const FR_TOOLTIP_TOKEN_NAMES = [
 ];
 let nextInlineTooltipId = 0;
+/** Tooltip trigger directive with delay and placement options. */
 class FrTooltipDirective {
     destroyRef = inject(DestroyRef);
     document = inject(DOCUMENT);
@@ -95,21 +97,29 @@ class FrTooltipDirective {
     openTimer = null;
     overlayRef = null;
     panelRef = null;
+    arrowFrameId = -1;
+    currentSide = this.side();
+    pendingArrowSide = this.side();
     triggerElement = this.elementRef.nativeElement;
     wrapped = false;
     wrapper = null;
     teardownListeners = [];
+    lastPanelInputKey = '';
     constructor() {
         this.destroyRef.onDestroy(() => this.destroy());
-        effect(() => {
-            const content = this.content();
-            if (this.panelRef && content) {
-                this.updatePanelInputs();
-            }
-            if (!content) {
-                this.close();
-            }
-        });
+    }
+    ngDoCheck() {
+        const content = this.content();
+        if (!content) {
+            this.close();
+            this.lastPanelInputKey = '';
+            return;
+        }
+        const panelInputKey = [content, this.arrow(), this.side(), this.tooltipId].map(String).join('|');
+        if (this.panelRef && panelInputKey !== this.lastPanelInputKey) {
+            this.updatePanelInputs();
+        }
+        this.lastPanelInputKey = panelInputKey;
     }
     ngAfterViewInit() {
         if (!isPlatformBrowser(this.platformId)) {
@@ -143,6 +153,7 @@ class FrTooltipDirective {
             return;
         }
         const wrapper = this.document.createElement('span');
+        // Disabled form controls do not emit pointer/focus events, so the wrapper becomes the trigger.
         wrapper.className = 'frame-tooltip__disabled-trigger';
         wrapper.tabIndex = 0;
         parent.insertBefore(wrapper, element);
@@ -201,6 +212,7 @@ class FrTooltipDirective {
             this.panelRef = this.overlayRef.attach(new ComponentPortal(FrTooltipInlinePanel));
             this.updatePanelInputs();
             this.syncCustomPropertiesToOverlay();
+            this.scheduleArrowPosition();
         }
         this.isOpen.set(true);
     }
@@ -250,8 +262,10 @@ class FrTooltipDirective {
                     ? 'right'
                     : 'left';
         this.panelRef?.setInput('side', side);
+        this.currentSide = side;
         this.overlayRef?.removePanelClass(['frame-tooltip-overlay--top', 'frame-tooltip-overlay--right', 'frame-tooltip-overlay--bottom', 'frame-tooltip-overlay--left']);
         this.overlayRef?.addPanelClass(`frame-tooltip-overlay--${side}`);
+        this.scheduleArrowPosition(side);
     }
     updatePanelInputs() {
         const panelRef = this.panelRef;
@@ -262,6 +276,7 @@ class FrTooltipDirective {
         panelRef.setInput('content', this.content() ?? '');
         panelRef.setInput('id', this.tooltipId);
         panelRef.setInput('side', this.side());
+        this.currentSide = this.side();
     }
     syncCustomPropertiesToOverlay() {
         const overlayPane = this.overlayRef?.overlayElement;
@@ -276,6 +291,7 @@ class FrTooltipDirective {
     }
     copyCustomProperties(source, overlayPane, panel) {
         const sourceStyles = getComputedStyle(source);
+        // Overlay content is portaled, so copy theme tokens from the trigger into the pane.
         for (const propertyName of FR_TOOLTIP_TOKEN_NAMES) {
             const propertyValue = sourceStyles.getPropertyValue(propertyName);
             if (propertyValue.trim()) {
@@ -293,6 +309,39 @@ class FrTooltipDirective {
             panel.style.setProperty(propertyName, propertyValue);
         }
     }
+    scheduleArrowPosition(side = this.currentSide) {
+        this.pendingArrowSide = side;
+        if (!this.arrow() || this.arrowFrameId !== -1) {
+            return;
+        }
+        // Coalesce position changes until CDK has applied the latest overlay geometry.
+        this.arrowFrameId = requestAnimationFrame(() => {
+            this.arrowFrameId = -1;
+            this.syncArrowPosition(this.pendingArrowSide);
+        });
+    }
+    syncArrowPosition(side) {
+        const panel = this.overlayRef?.overlayElement.querySelector('.frame-tooltip__content');
+        if (!panel) {
+            return;
+        }
+        const panelRect = panel.getBoundingClientRect();
+        const triggerRect = this.triggerElement.getBoundingClientRect();
+        if (!panelRect.width || !panelRect.height || !triggerRect.width || !triggerRect.height) {
+            return;
+        }
+        const arrowSize = parseCssPixelValue(getComputedStyle(panel).getPropertyValue('--frame-tooltip-arrow-size'), 8);
+        const edgeInset = arrowSize / 2;
+        if (side === 'top' || side === 'bottom') {
+            const triggerCenter = triggerRect.left + triggerRect.width / 2 - panelRect.left;
+            const arrowX = clampNumber(triggerCenter - arrowSize / 2, edgeInset, panelRect.width - arrowSize - edgeInset);
+            panel.style.setProperty('--frame-tooltip-arrow-x', `${Math.round(arrowX * 100) / 100}px`);
+            return;
+        }
+        const triggerCenter = triggerRect.top + triggerRect.height / 2 - panelRect.top;
+        const arrowY = clampNumber(triggerCenter - arrowSize / 2, edgeInset, panelRect.height - arrowSize - edgeInset);
+        panel.style.setProperty('--frame-tooltip-arrow-y', `${Math.round(arrowY * 100) / 100}px`);
+    }
     listen(target, eventName, listener) {
         target.addEventListener(eventName, listener);
         return () => target.removeEventListener(eventName, listener);
@@ -311,6 +360,10 @@ class FrTooltipDirective {
     }
     destroy() {
         this.close();
+        if (this.arrowFrameId !== -1) {
+            cancelAnimationFrame(this.arrowFrameId);
+            this.arrowFrameId = -1;
+        }
         this.overlayRef?.dispose();
         this.overlayRef = null;
         this.disabledObserver?.disconnect();
@@ -337,6 +390,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
                     },
                 }]
         }], ctorParameters: () => [], propDecorators: { content: [{ type: i0.Input, args: [{ isSignal: true, alias: "frTooltip", required: false }] }], align: [{ type: i0.Input, args: [{ isSignal: true, alias: "frTooltipAlign", required: false }] }], alignOffset: [{ type: i0.Input, args: [{ isSignal: true, alias: "frTooltipAlignOffset", required: false }] }], arrow: [{ type: i0.Input, args: [{ isSignal: true, alias: "frTooltipArrow", required: false }] }], closeDelay: [{ type: i0.Input, args: [{ isSignal: true, alias: "frTooltipCloseDelay", required: false }] }], openDelay: [{ type: i0.Input, args: [{ isSignal: true, alias: "frTooltipOpenDelay", required: false }] }], side: [{ type: i0.Input, args: [{ isSignal: true, alias: "frTooltipSide", required: false }] }], sideOffset: [{ type: i0.Input, args: [{ isSignal: true, alias: "frTooltipSideOffset", required: false }] }] } });
+/** Shortcut slot for tooltip. */
 class FrTooltipShortcut {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrTooltipShortcut, deps: [], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.16", type: FrTooltipShortcut, isStandalone: true, selector: "[frTooltipShortcut]", host: { classAttribute: "frame-tooltip__shortcut" }, ngImport: i0 });
@@ -350,25 +404,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
                     },
                 }]
         }] });
+/** Inline overlay panel that renders tooltip text or template content. */
 class FrTooltipInlinePanel {
     arrow = input(false, { ...(ngDevMode ? { debugName: "arrow" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     content = input('', ...(ngDevMode ? [{ debugName: "content" }] : /* istanbul ignore next */ []));
     id = input.required(...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
     side = input('top', ...(ngDevMode ? [{ debugName: "side" }] : /* istanbul ignore next */ []));
-    templateContent = signal(null, ...(ngDevMode ? [{ debugName: "templateContent" }] : /* istanbul ignore next */ []));
-    textContent = signal('', ...(ngDevMode ? [{ debugName: "textContent" }] : /* istanbul ignore next */ []));
-    constructor() {
-        effect(() => {
-            const content = this.content();
-            if (content instanceof TemplateRef) {
-                this.templateContent.set(content);
-                this.textContent.set('');
-                return;
-            }
-            this.templateContent.set(null);
-            this.textContent.set(content ?? '');
-        });
-    }
+    templateContent = computed(() => {
+        const content = this.content();
+        return content instanceof TemplateRef ? content : null;
+    }, ...(ngDevMode ? [{ debugName: "templateContent" }] : /* istanbul ignore next */ []));
+    textContent = computed(() => {
+        const content = this.content();
+        return content instanceof TemplateRef ? '' : content;
+    }, ...(ngDevMode ? [{ debugName: "textContent" }] : /* istanbul ignore next */ []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrTooltipInlinePanel, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: FrTooltipInlinePanel, isStandalone: true, selector: "frame-tooltip-inline-panel", inputs: { arrow: { classPropertyName: "arrow", publicName: "arrow", isSignal: true, isRequired: false, transformFunction: null }, content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: true, transformFunction: null }, side: { classPropertyName: "side", publicName: "side", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
     <div
@@ -408,7 +457,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
     </div>
   `,
                 }]
-        }], ctorParameters: () => [], propDecorators: { arrow: [{ type: i0.Input, args: [{ isSignal: true, alias: "arrow", required: false }] }], content: [{ type: i0.Input, args: [{ isSignal: true, alias: "content", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: true }] }], side: [{ type: i0.Input, args: [{ isSignal: true, alias: "side", required: false }] }] } });
+        }], propDecorators: { arrow: [{ type: i0.Input, args: [{ isSignal: true, alias: "arrow", required: false }] }], content: [{ type: i0.Input, args: [{ isSignal: true, alias: "content", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: true }] }], side: [{ type: i0.Input, args: [{ isSignal: true, alias: "side", required: false }] }] } });
 const FR_TOOLTIP_SIDES = ['top', 'right', 'bottom', 'left'];
 const FR_TOOLTIP_ALIGNMENTS = ['start', 'center', 'end'];