npm - @frame-ui-ng/components - Versions diffs - 0.5.0-beta.0 → 0.6.0-beta.0 - Mend

@frame-ui-ng/components 0.5.0-beta.0 → 0.6.0-beta.0

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 (106) hide show

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

@@ -258,9 +258,9 @@ class FrConfirmPopoverPanel {
     confirmed = output();
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrConfirmPopoverPanel, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: FrConfirmPopoverPanel, isStandalone: true, selector: "frame-confirm-popover-panel", inputs: { buttonSize: { classPropertyName: "buttonSize", publicName: "buttonSize", isSignal: true, isRequired: false, transformFunction: null }, cancelAppearance: { classPropertyName: "cancelAppearance", publicName: "cancelAppearance", isSignal: true, isRequired: false, transformFunction: null }, cancelLabel: { classPropertyName: "cancelLabel", publicName: "cancelLabel", isSignal: true, isRequired: false, transformFunction: null }, confirmAppearance: { classPropertyName: "confirmAppearance", publicName: "confirmAppearance", isSignal: true, isRequired: false, transformFunction: null }, confirmLabel: { classPropertyName: "confirmLabel", publicName: "confirmLabel", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, descriptionId: { classPropertyName: "descriptionId", publicName: "descriptionId", isSignal: true, isRequired: false, transformFunction: null }, side: { classPropertyName: "side", publicName: "side", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, titleId: { classPropertyName: "titleId", publicName: "titleId", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { cancelled: "cancelled", confirmed: "confirmed" }, ngImport: i0, template: `
-    <div
-      class="frame-popover__content frame-confirm-popover__content"
-      role="alertdialog"
+      <div
+        class="frame-popover__content frame-confirm-popover__content frame-corner-handles"
+        role="alertdialog"
       [attr.aria-describedby]="descriptionId()"
       [attr.aria-labelledby]="titleId()"
       [attr.data-side]="side()"
@@ -307,9 +307,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
                     imports: [FrButton, FrButtonLabel],
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: `
-    <div
-      class="frame-popover__content frame-confirm-popover__content"
-      role="alertdialog"
+      <div
+        class="frame-popover__content frame-confirm-popover__content frame-corner-handles"
+        role="alertdialog"
       [attr.aria-describedby]="descriptionId()"
       [attr.aria-labelledby]="titleId()"
       [attr.data-side]="side()"

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

	@@ -1 +1 @@
1	- {"version":3,"file":"frame-ui-ng-components-confirm-popover.mjs","sources":["../../../projects/components/confirm-popover/src/confirm-popover.ts","../../../projects/components/confirm-popover/confirm-popover.module.ts","../../../projects/components/confirm-popover/frame-ui-ng-components-confirm-popover.ts"],"sourcesContent":["import { ConnectedOverlayPositionChange, ConnectedPosition, Overlay, OverlayRef } from '@angular/cdk/overlay';\r\nimport { ComponentPortal } from '@angular/cdk/portal';\r\nimport { isPlatformBrowser } from '@angular/common';\r\nimport {\r\n ChangeDetectionStrategy,\r\n Component,\r\n ComponentRef,\r\n DestroyRef,\r\n Directive,\r\n ElementRef,\r\n PLATFORM_ID,\r\n booleanAttribute,\r\n inject,\r\n input,\r\n numberAttribute,\r\n output,\r\n signal,\r\n} from '@angular/core';\r\nimport { FrButton, FrButtonAppearance, FrButtonLabel, FrButtonSize } from '@frame-ui-ng/components/button';\r\nimport { FrPopoverAlignment, FrPopoverSide } from '@frame-ui-ng/components/popover';\r\n\r\nexport type FrConfirmPopoverResult = 'cancel' \| 'confirm';\r\n\r\nexport type FrConfirmPopoverConfig = {\r\n align?: FrPopoverAlignment;\r\n alignOffset?: number;\r\n buttonSize?: FrButtonSize;\r\n cancelAppearance?: FrButtonAppearance;\r\n cancelLabel?: string;\r\n confirmAppearance?: FrButtonAppearance;\r\n confirmLabel?: string;\r\n description?: string;\r\n disabled?: boolean;\r\n side?: FrPopoverSide;\r\n sideOffset?: number;\r\n title?: string;\r\n};\r\n\r\ntype ResolvedConfirmPopoverConfig = Required<\r\n Omit<FrConfirmPopoverConfig, 'description'>\r\n> & {\r\n description?: string;\r\n};\r\n\r\nlet nextConfirmPopoverId = 0;\r\n\r\n/** Flexible confirmation popover trigger that can attach to any host element. /\r\n@Directive({\r\n selector: `\r\n [frConfirmPopover],\r\n [frConfirmPopoverAlign],\r\n [frConfirmPopoverAlignOffset],\r\n [frConfirmPopoverButtonSize],\r\n [frConfirmPopoverCancelAppearance],\r\n [frConfirmPopoverCancelLabel],\r\n [frConfirmPopoverConfirmAppearance],\r\n [frConfirmPopoverConfirmLabel],\r\n [frConfirmPopoverDescription],\r\n [frConfirmPopoverDisabled],\r\n [frConfirmPopoverSide],\r\n [frConfirmPopoverSideOffset],\r\n [frConfirmPopoverTitle]\r\n `,\r\n exportAs: 'frConfirmPopover',\r\n host: {\r\n class: 'frame-confirm-popover__trigger',\r\n '[attr.aria-expanded]': 'isOpen()',\r\n '[attr.aria-haspopup]': '\"dialog\"',\r\n '[attr.data-state]': 'isOpen() ? \"open\" : \"closed\"',\r\n '(click)': 'handleClick($event)',\r\n '(keydown)': 'handleKeydown($event)',\r\n },\r\n})\r\nexport class FrConfirmPopover {\r\n private readonly destroyRef = inject(DestroyRef);\r\n private readonly elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\r\n private readonly overlay = inject(Overlay);\r\n private readonly platformId = inject(PLATFORM_ID);\r\n\r\n readonly config = input<FrConfirmPopoverConfig \| string>({}, { alias: 'frConfirmPopover' });\r\n readonly align = input<FrPopoverAlignment \| undefined>(undefined, { alias: 'frConfirmPopoverAlign' });\r\n readonly alignOffset = input<number \| undefined, unknown>(undefined, {\r\n alias: 'frConfirmPopoverAlignOffset',\r\n transform: optionalNumberAttribute,\r\n });\r\n readonly buttonSize = input<FrButtonSize \| undefined>(undefined, { alias: 'frConfirmPopoverButtonSize' });\r\n readonly cancelAppearance = input<FrButtonAppearance \| undefined>(undefined, {\r\n alias: 'frConfirmPopoverCancelAppearance',\r\n });\r\n readonly cancelLabel = input<string \| undefined>(undefined, { alias: 'frConfirmPopoverCancelLabel' });\r\n readonly confirmAppearance = input<FrButtonAppearance \| undefined>(undefined, {\r\n alias: 'frConfirmPopoverConfirmAppearance',\r\n });\r\n readonly confirmLabel = input<string \| undefined>(undefined, { alias: 'frConfirmPopoverConfirmLabel' });\r\n readonly description = input<string \| undefined>(undefined, { alias: 'frConfirmPopoverDescription' });\r\n readonly disabled = input<boolean \| undefined, unknown>(undefined, {\r\n alias: 'frConfirmPopoverDisabled',\r\n transform: optionalBooleanAttribute,\r\n });\r\n readonly side = input<FrPopoverSide \| undefined>(undefined, { alias: 'frConfirmPopoverSide' });\r\n readonly sideOffset = input<number \| undefined, unknown>(undefined, {\r\n alias: 'frConfirmPopoverSideOffset',\r\n transform: optionalNumberAttribute,\r\n });\r\n readonly title = input<string \| undefined>(undefined, { alias: 'frConfirmPopoverTitle' });\r\n\r\n readonly closed = output<FrConfirmPopoverResult \| undefined>({ alias: 'frConfirmPopoverClosed' });\r\n readonly cancelled = output<void>({ alias: 'frConfirmPopoverCancelled' });\r\n readonly confirmed = output<void>({ alias: 'frConfirmPopoverConfirmed' });\r\n\r\n protected readonly isOpen = signal(false);\r\n\r\n private overlayRef: OverlayRef \| null = null;\r\n private panelRef: ComponentRef<FrConfirmPopoverPanel> \| null = null;\r\n private currentSide: FrPopoverSide = 'bottom';\r\n\r\n constructor() {\r\n this.destroyRef.onDestroy(() => this.destroy());\r\n }\r\n\r\n open(): void {\r\n if (!isPlatformBrowser(this.platformId)) {\r\n return;\r\n }\r\n\r\n const config = this.resolvedConfig();\r\n\r\n if (config.disabled) {\r\n return;\r\n }\r\n\r\n if (!this.overlayRef) {\r\n this.overlayRef = this.createOverlay(config);\r\n }\r\n\r\n if (!this.overlayRef.hasAttached()) {\r\n this.panelRef = this.overlayRef.attach(new ComponentPortal(FrConfirmPopoverPanel));\r\n this.panelRef.instance.cancelled.subscribe(() => this.close('cancel'));\r\n this.panelRef.instance.confirmed.subscribe(() => this.close('confirm'));\r\n this.syncCustomPropertiesToOverlay();\r\n }\r\n\r\n this.updatePanelInputs(config);\r\n this.isOpen.set(true);\r\n }\r\n\r\n close(result?: FrConfirmPopoverResult): void {\r\n this.detachPanel({ dispose: true });\r\n this.closed.emit(result);\r\n\r\n if (result === 'confirm') {\r\n this.confirmed.emit();\r\n return;\r\n }\r\n\r\n if (result === 'cancel') {\r\n this.cancelled.emit();\r\n }\r\n }\r\n\r\n toggle(): void {\r\n if (this.isOpen()) {\r\n this.close();\r\n return;\r\n }\r\n\r\n this.open();\r\n }\r\n\r\n protected handleClick(event: Event): void {\r\n event.preventDefault();\r\n this.toggle();\r\n }\r\n\r\n protected handleKeydown(event: KeyboardEvent): void {\r\n if (event.key === 'Escape') {\r\n event.preventDefault();\r\n this.close();\r\n return;\r\n }\r\n\r\n if (this.isNativeInteractiveElement()) {\r\n return;\r\n }\r\n\r\n if (event.key === 'Enter' \|\| event.key === ' ') {\r\n event.preventDefault();\r\n this.toggle();\r\n }\r\n }\r\n\r\n private createOverlay(config: ResolvedConfirmPopoverConfig): OverlayRef {\r\n this.currentSide = config.side;\r\n\r\n const positionStrategy = this.overlay\r\n .position()\r\n .flexibleConnectedTo(this.elementRef.nativeElement)\r\n .withPositions(buildConfirmPopoverPositions(config))\r\n .withPush(true)\r\n .withViewportMargin(12);\r\n\r\n positionStrategy.positionChanges.subscribe((event) => this.handlePositionChange(event));\r\n\r\n const overlayRef = this.overlay.create({\r\n hasBackdrop: true,\r\n backdropClass: 'frame-popover__backdrop',\r\n panelClass: [\r\n 'frame-popover-overlay',\r\n 'frame-confirm-popover-overlay',\r\n `frame-popover-overlay--${config.side}`,\r\n ],\r\n positionStrategy,\r\n scrollStrategy: this.overlay.scrollStrategies.reposition(),\r\n });\r\n\r\n overlayRef.backdropClick().subscribe(() => this.close());\r\n overlayRef.keydownEvents().subscribe((event) => {\r\n if (event.key === 'Escape') {\r\n event.preventDefault();\r\n this.close();\r\n }\r\n });\r\n\r\n return overlayRef;\r\n }\r\n\r\n private handlePositionChange(event: ConnectedOverlayPositionChange): void {\r\n const pair = event.connectionPair;\r\n const side: FrPopoverSide = pair.overlayY === 'top'\r\n ? 'bottom'\r\n : pair.overlayY === 'bottom'\r\n ? 'top'\r\n : pair.overlayX === 'start'\r\n ? 'right'\r\n : 'left';\r\n\r\n this.currentSide = side;\r\n this.panelRef?.setInput('side', side);\r\n this.overlayRef?.removePanelClass([\r\n 'frame-popover-overlay--top',\r\n 'frame-popover-overlay--right',\r\n 'frame-popover-overlay--bottom',\r\n 'frame-popover-overlay--left',\r\n ]);\r\n this.overlayRef?.addPanelClass(`frame-popover-overlay--${side}`);\r\n }\r\n\r\n private updatePanelInputs(config: ResolvedConfirmPopoverConfig): void {\r\n const panelRef = this.panelRef;\r\n\r\n if (!panelRef) {\r\n return;\r\n }\r\n\r\n const panelId = `frame-confirm-popover-${nextConfirmPopoverId++}`;\r\n\r\n panelRef.setInput('buttonSize', config.buttonSize);\r\n panelRef.setInput('cancelAppearance', config.cancelAppearance);\r\n panelRef.setInput('cancelLabel', config.cancelLabel);\r\n panelRef.setInput('confirmAppearance', config.confirmAppearance);\r\n panelRef.setInput('confirmLabel', config.confirmLabel);\r\n panelRef.setInput('description', config.description);\r\n panelRef.setInput('descriptionId', config.description ? `${panelId}-description` : null);\r\n panelRef.setInput('side', this.currentSide);\r\n panelRef.setInput('title', config.title);\r\n panelRef.setInput('titleId', `${panelId}-title`);\r\n }\r\n\r\n private resolvedConfig(): ResolvedConfirmPopoverConfig {\r\n const config = this.config();\r\n const baseConfig: FrConfirmPopoverConfig = typeof config === 'string' ? { title: config } : config;\r\n\r\n return {\r\n align: this.align() ?? baseConfig.align ?? 'center',\r\n alignOffset: this.alignOffset() ?? baseConfig.alignOffset ?? 0,\r\n buttonSize: this.buttonSize() ?? baseConfig.buttonSize ?? 'sm',\r\n cancelAppearance: this.cancelAppearance() ?? baseConfig.cancelAppearance ?? 'outline',\r\n cancelLabel: this.cancelLabel() ?? baseConfig.cancelLabel ?? 'Cancel',\r\n confirmAppearance: this.confirmAppearance() ?? baseConfig.confirmAppearance ?? 'primary',\r\n confirmLabel: this.confirmLabel() ?? baseConfig.confirmLabel ?? 'Confirm',\r\n description: this.description() ?? baseConfig.description,\r\n disabled: this.disabled() ?? baseConfig.disabled ?? false,\r\n side: this.side() ?? baseConfig.side ?? 'bottom',\r\n sideOffset: this.sideOffset() ?? baseConfig.sideOffset ?? 8,\r\n title: this.title() ?? baseConfig.title ?? 'Are you sure?',\r\n };\r\n }\r\n\r\n private syncCustomPropertiesToOverlay(): void {\r\n const overlayPane = this.overlayRef?.overlayElement;\r\n const panel = overlayPane?.querySelector<HTMLElement>('.frame-confirm-popover__content');\r\n\r\n if (!overlayPane \|\| !panel \|\| typeof getComputedStyle === 'undefined') {\r\n return;\r\n }\r\n\r\n const sourceStyles = getComputedStyle(this.elementRef.nativeElement);\r\n\r\n // Overlay content is portaled, so copy popover-compatible token overrides from the trigger.\r\n for (let index = 0; index < sourceStyles.length; index += 1) {\r\n const propertyName = sourceStyles.item(index);\r\n\r\n if (!propertyName.startsWith('--frame-popover-') && !propertyName.startsWith('--frame-confirm-popover-')) {\r\n continue;\r\n }\r\n\r\n const propertyValue = sourceStyles.getPropertyValue(propertyName);\r\n overlayPane.style.setProperty(propertyName, propertyValue);\r\n panel.style.setProperty(propertyName, propertyValue);\r\n }\r\n }\r\n\r\n private isNativeInteractiveElement(): boolean {\r\n const tagName = this.elementRef.nativeElement.tagName.toLowerCase();\r\n\r\n return ['a', 'button', 'input', 'select', 'textarea'].includes(tagName);\r\n }\r\n\r\n private destroy(): void {\r\n this.detachPanel({ dispose: true });\r\n }\r\n\r\n private detachPanel(options: { dispose?: boolean } = {}): void {\r\n this.overlayRef?.detach();\r\n this.panelRef = null;\r\n this.isOpen.set(false);\r\n\r\n if (options.dispose) {\r\n this.overlayRef?.dispose();\r\n this.overlayRef = null;\r\n }\r\n }\r\n}\r\n\r\n@Component({\r\n selector: 'frame-confirm-popover-panel',\r\n imports: [FrButton, FrButtonLabel],\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n template: `\r\n <div\r\n class=\"frame-popover__content frame-confirm-popover__content\"\r\n role=\"alertdialog\"\r\n [attr.aria-describedby]=\"descriptionId()\"\r\n [attr.aria-labelledby]=\"titleId()\"\r\n [attr.data-side]=\"side()\"\r\n >\r\n <div class=\"frame-popover__header frame-confirm-popover__header\">\r\n <h3 class=\"frame-popover__title frame-confirm-popover__title\" [id]=\"titleId()\">\r\n {{ title() }}\r\n </h3>\r\n\r\n @if (description()) {\r\n <p class=\"frame-popover__description frame-confirm-popover__description\" [id]=\"descriptionId()\">\r\n {{ description() }}\r\n </p>\r\n }\r\n </div>\r\n\r\n <div class=\"frame-popover__footer frame-confirm-popover__footer\">\r\n <button\r\n frButton\r\n type=\"button\"\r\n [appearance]=\"cancelAppearance()\"\r\n [size]=\"buttonSize()\"\r\n (click)=\"cancelled.emit()\"\r\n >\r\n <span frButtonLabel>{{ cancelLabel() }}</span>\r\n </button>\r\n <button\r\n frButton\r\n type=\"button\"\r\n [appearance]=\"confirmAppearance()\"\r\n [size]=\"buttonSize()\"\r\n (click)=\"confirmed.emit()\"\r\n >\r\n <span frButtonLabel>{{ confirmLabel() }}</span>\r\n </button>\r\n </div>\r\n </div>\r\n `,\r\n})\r\nexport class FrConfirmPopoverPanel {\r\n readonly buttonSize = input<FrButtonSize>('sm');\r\n readonly cancelAppearance = input<FrButtonAppearance>('outline');\r\n readonly cancelLabel = input('Cancel');\r\n readonly confirmAppearance = input<FrButtonAppearance>('primary');\r\n readonly confirmLabel = input('Confirm');\r\n readonly description = input<string \| undefined>(undefined);\r\n readonly descriptionId = input<string \| null>(null);\r\n readonly side = input<FrPopoverSide>('bottom');\r\n readonly title = input('Are you sure?');\r\n readonly titleId = input.required<string>();\r\n\r\n readonly cancelled = output<void>();\r\n readonly confirmed = output<void>();\r\n}\r\n\r\nfunction buildConfirmPopoverPositions(options: {\r\n align: FrPopoverAlignment;\r\n alignOffset: number;\r\n side: FrPopoverSide;\r\n sideOffset: number;\r\n}): ConnectedPosition[] {\r\n const primary = buildPosition(options.side, options);\r\n const fallback = buildPosition(oppositeSide(options.side), options);\r\n\r\n return [primary, fallback];\r\n}\r\n\r\nfunction buildPosition(\r\n side: FrPopoverSide,\r\n options: {\r\n align: FrPopoverAlignment;\r\n alignOffset: number;\r\n sideOffset: number;\r\n },\r\n): ConnectedPosition {\r\n if (side === 'top' \|\| side === 'bottom') {\r\n const isBottom = side === 'bottom';\r\n\r\n return {\r\n originX: options.align,\r\n originY: isBottom ? 'bottom' : 'top',\r\n overlayX: options.align,\r\n overlayY: isBottom ? 'top' : 'bottom',\r\n offsetX: options.alignOffset,\r\n offsetY: isBottom ? options.sideOffset : -options.sideOffset,\r\n };\r\n }\r\n\r\n const isRight = side === 'right';\r\n\r\n return {\r\n originX: isRight ? 'end' : 'start',\r\n originY: verticalPosition(options.align),\r\n overlayX: isRight ? 'start' : 'end',\r\n overlayY: verticalPosition(options.align),\r\n offsetX: isRight ? options.sideOffset : -options.sideOffset,\r\n offsetY: options.alignOffset,\r\n };\r\n}\r\n\r\nfunction verticalPosition(align: FrPopoverAlignment): 'top' \| 'center' \| 'bottom' {\r\n if (align === 'center') {\r\n return 'center';\r\n }\r\n\r\n return align === 'start' ? 'top' : 'bottom';\r\n}\r\n\r\nfunction oppositeSide(side: FrPopoverSide): FrPopoverSide {\r\n if (side === 'top') {\r\n return 'bottom';\r\n }\r\n\r\n if (side === 'bottom') {\r\n return 'top';\r\n }\r\n\r\n if (side === 'left') {\r\n return 'right';\r\n }\r\n\r\n return 'left';\r\n}\r\n\r\nfunction optionalBooleanAttribute(value: unknown): boolean \| undefined {\r\n return value == null ? undefined : booleanAttribute(value);\r\n}\r\n\r\nfunction optionalNumberAttribute(value: unknown): number \| undefined {\r\n return value == null ? undefined : numberAttribute(value);\r\n}\r\n","import { NgModule } from '@angular/core';\r\n\r\nimport { FrConfirmPopover } from './src/confirm-popover';\r\n\r\n@NgModule({\r\n imports: [FrConfirmPopover],\r\n exports: [FrConfirmPopover],\r\n})\r\nexport class FrConfirmPopoverModule {}\r\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-confirm-popover.mjs","sources":["../../../projects/components/confirm-popover/src/confirm-popover.ts","../../../projects/components/confirm-popover/confirm-popover.module.ts","../../../projects/components/confirm-popover/frame-ui-ng-components-confirm-popover.ts"],"sourcesContent":["import { ConnectedOverlayPositionChange, ConnectedPosition, Overlay, OverlayRef } from '@angular/cdk/overlay';\r\nimport { ComponentPortal } from '@angular/cdk/portal';\r\nimport { isPlatformBrowser } from '@angular/common';\r\nimport {\r\n ChangeDetectionStrategy,\r\n Component,\r\n ComponentRef,\r\n DestroyRef,\r\n Directive,\r\n ElementRef,\r\n PLATFORM_ID,\r\n booleanAttribute,\r\n inject,\r\n input,\r\n numberAttribute,\r\n output,\r\n signal,\r\n} from '@angular/core';\r\nimport { FrButton, FrButtonAppearance, FrButtonLabel, FrButtonSize } from '@frame-ui-ng/components/button';\r\nimport { FrPopoverAlignment, FrPopoverSide } from '@frame-ui-ng/components/popover';\r\n\r\nexport type FrConfirmPopoverResult = 'cancel' \| 'confirm';\r\n\r\nexport type FrConfirmPopoverConfig = {\r\n align?: FrPopoverAlignment;\r\n alignOffset?: number;\r\n buttonSize?: FrButtonSize;\r\n cancelAppearance?: FrButtonAppearance;\r\n cancelLabel?: string;\r\n confirmAppearance?: FrButtonAppearance;\r\n confirmLabel?: string;\r\n description?: string;\r\n disabled?: boolean;\r\n side?: FrPopoverSide;\r\n sideOffset?: number;\r\n title?: string;\r\n};\r\n\r\ntype ResolvedConfirmPopoverConfig = Required<\r\n Omit<FrConfirmPopoverConfig, 'description'>\r\n> & {\r\n description?: string;\r\n};\r\n\r\nlet nextConfirmPopoverId = 0;\r\n\r\n/** Flexible confirmation popover trigger that can attach to any host element. /\r\n@Directive({\r\n selector: `\r\n [frConfirmPopover],\r\n [frConfirmPopoverAlign],\r\n [frConfirmPopoverAlignOffset],\r\n [frConfirmPopoverButtonSize],\r\n [frConfirmPopoverCancelAppearance],\r\n [frConfirmPopoverCancelLabel],\r\n [frConfirmPopoverConfirmAppearance],\r\n [frConfirmPopoverConfirmLabel],\r\n [frConfirmPopoverDescription],\r\n [frConfirmPopoverDisabled],\r\n [frConfirmPopoverSide],\r\n [frConfirmPopoverSideOffset],\r\n [frConfirmPopoverTitle]\r\n `,\r\n exportAs: 'frConfirmPopover',\r\n host: {\r\n class: 'frame-confirm-popover__trigger',\r\n '[attr.aria-expanded]': 'isOpen()',\r\n '[attr.aria-haspopup]': '\"dialog\"',\r\n '[attr.data-state]': 'isOpen() ? \"open\" : \"closed\"',\r\n '(click)': 'handleClick($event)',\r\n '(keydown)': 'handleKeydown($event)',\r\n },\r\n})\r\nexport class FrConfirmPopover {\r\n private readonly destroyRef = inject(DestroyRef);\r\n private readonly elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\r\n private readonly overlay = inject(Overlay);\r\n private readonly platformId = inject(PLATFORM_ID);\r\n\r\n readonly config = input<FrConfirmPopoverConfig \| string>({}, { alias: 'frConfirmPopover' });\r\n readonly align = input<FrPopoverAlignment \| undefined>(undefined, { alias: 'frConfirmPopoverAlign' });\r\n readonly alignOffset = input<number \| undefined, unknown>(undefined, {\r\n alias: 'frConfirmPopoverAlignOffset',\r\n transform: optionalNumberAttribute,\r\n });\r\n readonly buttonSize = input<FrButtonSize \| undefined>(undefined, { alias: 'frConfirmPopoverButtonSize' });\r\n readonly cancelAppearance = input<FrButtonAppearance \| undefined>(undefined, {\r\n alias: 'frConfirmPopoverCancelAppearance',\r\n });\r\n readonly cancelLabel = input<string \| undefined>(undefined, { alias: 'frConfirmPopoverCancelLabel' });\r\n readonly confirmAppearance = input<FrButtonAppearance \| undefined>(undefined, {\r\n alias: 'frConfirmPopoverConfirmAppearance',\r\n });\r\n readonly confirmLabel = input<string \| undefined>(undefined, { alias: 'frConfirmPopoverConfirmLabel' });\r\n readonly description = input<string \| undefined>(undefined, { alias: 'frConfirmPopoverDescription' });\r\n readonly disabled = input<boolean \| undefined, unknown>(undefined, {\r\n alias: 'frConfirmPopoverDisabled',\r\n transform: optionalBooleanAttribute,\r\n });\r\n readonly side = input<FrPopoverSide \| undefined>(undefined, { alias: 'frConfirmPopoverSide' });\r\n readonly sideOffset = input<number \| undefined, unknown>(undefined, {\r\n alias: 'frConfirmPopoverSideOffset',\r\n transform: optionalNumberAttribute,\r\n });\r\n readonly title = input<string \| undefined>(undefined, { alias: 'frConfirmPopoverTitle' });\r\n\r\n readonly closed = output<FrConfirmPopoverResult \| undefined>({ alias: 'frConfirmPopoverClosed' });\r\n readonly cancelled = output<void>({ alias: 'frConfirmPopoverCancelled' });\r\n readonly confirmed = output<void>({ alias: 'frConfirmPopoverConfirmed' });\r\n\r\n protected readonly isOpen = signal(false);\r\n\r\n private overlayRef: OverlayRef \| null = null;\r\n private panelRef: ComponentRef<FrConfirmPopoverPanel> \| null = null;\r\n private currentSide: FrPopoverSide = 'bottom';\r\n\r\n constructor() {\r\n this.destroyRef.onDestroy(() => this.destroy());\r\n }\r\n\r\n open(): void {\r\n if (!isPlatformBrowser(this.platformId)) {\r\n return;\r\n }\r\n\r\n const config = this.resolvedConfig();\r\n\r\n if (config.disabled) {\r\n return;\r\n }\r\n\r\n if (!this.overlayRef) {\r\n this.overlayRef = this.createOverlay(config);\r\n }\r\n\r\n if (!this.overlayRef.hasAttached()) {\r\n this.panelRef = this.overlayRef.attach(new ComponentPortal(FrConfirmPopoverPanel));\r\n this.panelRef.instance.cancelled.subscribe(() => this.close('cancel'));\r\n this.panelRef.instance.confirmed.subscribe(() => this.close('confirm'));\r\n this.syncCustomPropertiesToOverlay();\r\n }\r\n\r\n this.updatePanelInputs(config);\r\n this.isOpen.set(true);\r\n }\r\n\r\n close(result?: FrConfirmPopoverResult): void {\r\n this.detachPanel({ dispose: true });\r\n this.closed.emit(result);\r\n\r\n if (result === 'confirm') {\r\n this.confirmed.emit();\r\n return;\r\n }\r\n\r\n if (result === 'cancel') {\r\n this.cancelled.emit();\r\n }\r\n }\r\n\r\n toggle(): void {\r\n if (this.isOpen()) {\r\n this.close();\r\n return;\r\n }\r\n\r\n this.open();\r\n }\r\n\r\n protected handleClick(event: Event): void {\r\n event.preventDefault();\r\n this.toggle();\r\n }\r\n\r\n protected handleKeydown(event: KeyboardEvent): void {\r\n if (event.key === 'Escape') {\r\n event.preventDefault();\r\n this.close();\r\n return;\r\n }\r\n\r\n if (this.isNativeInteractiveElement()) {\r\n return;\r\n }\r\n\r\n if (event.key === 'Enter' \|\| event.key === ' ') {\r\n event.preventDefault();\r\n this.toggle();\r\n }\r\n }\r\n\r\n private createOverlay(config: ResolvedConfirmPopoverConfig): OverlayRef {\r\n this.currentSide = config.side;\r\n\r\n const positionStrategy = this.overlay\r\n .position()\r\n .flexibleConnectedTo(this.elementRef.nativeElement)\r\n .withPositions(buildConfirmPopoverPositions(config))\r\n .withPush(true)\r\n .withViewportMargin(12);\r\n\r\n positionStrategy.positionChanges.subscribe((event) => this.handlePositionChange(event));\r\n\r\n const overlayRef = this.overlay.create({\r\n hasBackdrop: true,\r\n backdropClass: 'frame-popover__backdrop',\r\n panelClass: [\r\n 'frame-popover-overlay',\r\n 'frame-confirm-popover-overlay',\r\n `frame-popover-overlay--${config.side}`,\r\n ],\r\n positionStrategy,\r\n scrollStrategy: this.overlay.scrollStrategies.reposition(),\r\n });\r\n\r\n overlayRef.backdropClick().subscribe(() => this.close());\r\n overlayRef.keydownEvents().subscribe((event) => {\r\n if (event.key === 'Escape') {\r\n event.preventDefault();\r\n this.close();\r\n }\r\n });\r\n\r\n return overlayRef;\r\n }\r\n\r\n private handlePositionChange(event: ConnectedOverlayPositionChange): void {\r\n const pair = event.connectionPair;\r\n const side: FrPopoverSide = pair.overlayY === 'top'\r\n ? 'bottom'\r\n : pair.overlayY === 'bottom'\r\n ? 'top'\r\n : pair.overlayX === 'start'\r\n ? 'right'\r\n : 'left';\r\n\r\n this.currentSide = side;\r\n this.panelRef?.setInput('side', side);\r\n this.overlayRef?.removePanelClass([\r\n 'frame-popover-overlay--top',\r\n 'frame-popover-overlay--right',\r\n 'frame-popover-overlay--bottom',\r\n 'frame-popover-overlay--left',\r\n ]);\r\n this.overlayRef?.addPanelClass(`frame-popover-overlay--${side}`);\r\n }\r\n\r\n private updatePanelInputs(config: ResolvedConfirmPopoverConfig): void {\r\n const panelRef = this.panelRef;\r\n\r\n if (!panelRef) {\r\n return;\r\n }\r\n\r\n const panelId = `frame-confirm-popover-${nextConfirmPopoverId++}`;\r\n\r\n panelRef.setInput('buttonSize', config.buttonSize);\r\n panelRef.setInput('cancelAppearance', config.cancelAppearance);\r\n panelRef.setInput('cancelLabel', config.cancelLabel);\r\n panelRef.setInput('confirmAppearance', config.confirmAppearance);\r\n panelRef.setInput('confirmLabel', config.confirmLabel);\r\n panelRef.setInput('description', config.description);\r\n panelRef.setInput('descriptionId', config.description ? `${panelId}-description` : null);\r\n panelRef.setInput('side', this.currentSide);\r\n panelRef.setInput('title', config.title);\r\n panelRef.setInput('titleId', `${panelId}-title`);\r\n }\r\n\r\n private resolvedConfig(): ResolvedConfirmPopoverConfig {\r\n const config = this.config();\r\n const baseConfig: FrConfirmPopoverConfig = typeof config === 'string' ? { title: config } : config;\r\n\r\n return {\r\n align: this.align() ?? baseConfig.align ?? 'center',\r\n alignOffset: this.alignOffset() ?? baseConfig.alignOffset ?? 0,\r\n buttonSize: this.buttonSize() ?? baseConfig.buttonSize ?? 'sm',\r\n cancelAppearance: this.cancelAppearance() ?? baseConfig.cancelAppearance ?? 'outline',\r\n cancelLabel: this.cancelLabel() ?? baseConfig.cancelLabel ?? 'Cancel',\r\n confirmAppearance: this.confirmAppearance() ?? baseConfig.confirmAppearance ?? 'primary',\r\n confirmLabel: this.confirmLabel() ?? baseConfig.confirmLabel ?? 'Confirm',\r\n description: this.description() ?? baseConfig.description,\r\n disabled: this.disabled() ?? baseConfig.disabled ?? false,\r\n side: this.side() ?? baseConfig.side ?? 'bottom',\r\n sideOffset: this.sideOffset() ?? baseConfig.sideOffset ?? 8,\r\n title: this.title() ?? baseConfig.title ?? 'Are you sure?',\r\n };\r\n }\r\n\r\n private syncCustomPropertiesToOverlay(): void {\r\n const overlayPane = this.overlayRef?.overlayElement;\r\n const panel = overlayPane?.querySelector<HTMLElement>('.frame-confirm-popover__content');\r\n\r\n if (!overlayPane \|\| !panel \|\| typeof getComputedStyle === 'undefined') {\r\n return;\r\n }\r\n\r\n const sourceStyles = getComputedStyle(this.elementRef.nativeElement);\r\n\r\n // Overlay content is portaled, so copy popover-compatible token overrides from the trigger.\r\n for (let index = 0; index < sourceStyles.length; index += 1) {\r\n const propertyName = sourceStyles.item(index);\r\n\r\n if (!propertyName.startsWith('--frame-popover-') && !propertyName.startsWith('--frame-confirm-popover-')) {\r\n continue;\r\n }\r\n\r\n const propertyValue = sourceStyles.getPropertyValue(propertyName);\r\n overlayPane.style.setProperty(propertyName, propertyValue);\r\n panel.style.setProperty(propertyName, propertyValue);\r\n }\r\n }\r\n\r\n private isNativeInteractiveElement(): boolean {\r\n const tagName = this.elementRef.nativeElement.tagName.toLowerCase();\r\n\r\n return ['a', 'button', 'input', 'select', 'textarea'].includes(tagName);\r\n }\r\n\r\n private destroy(): void {\r\n this.detachPanel({ dispose: true });\r\n }\r\n\r\n private detachPanel(options: { dispose?: boolean } = {}): void {\r\n this.overlayRef?.detach();\r\n this.panelRef = null;\r\n this.isOpen.set(false);\r\n\r\n if (options.dispose) {\r\n this.overlayRef?.dispose();\r\n this.overlayRef = null;\r\n }\r\n }\r\n}\r\n\r\n@Component({\r\n selector: 'frame-confirm-popover-panel',\r\n imports: [FrButton, FrButtonLabel],\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n template: `\r\n <div\r\n class=\"frame-popover__content frame-confirm-popover__content frame-corner-handles\"\r\n role=\"alertdialog\"\r\n [attr.aria-describedby]=\"descriptionId()\"\r\n [attr.aria-labelledby]=\"titleId()\"\r\n [attr.data-side]=\"side()\"\r\n >\r\n <div class=\"frame-popover__header frame-confirm-popover__header\">\r\n <h3 class=\"frame-popover__title frame-confirm-popover__title\" [id]=\"titleId()\">\r\n {{ title() }}\r\n </h3>\r\n\r\n @if (description()) {\r\n <p class=\"frame-popover__description frame-confirm-popover__description\" [id]=\"descriptionId()\">\r\n {{ description() }}\r\n </p>\r\n }\r\n </div>\r\n\r\n <div class=\"frame-popover__footer frame-confirm-popover__footer\">\r\n <button\r\n frButton\r\n type=\"button\"\r\n [appearance]=\"cancelAppearance()\"\r\n [size]=\"buttonSize()\"\r\n (click)=\"cancelled.emit()\"\r\n >\r\n <span frButtonLabel>{{ cancelLabel() }}</span>\r\n </button>\r\n <button\r\n frButton\r\n type=\"button\"\r\n [appearance]=\"confirmAppearance()\"\r\n [size]=\"buttonSize()\"\r\n (click)=\"confirmed.emit()\"\r\n >\r\n <span frButtonLabel>{{ confirmLabel() }}</span>\r\n </button>\r\n </div>\r\n </div>\r\n `,\r\n})\r\nexport class FrConfirmPopoverPanel {\r\n readonly buttonSize = input<FrButtonSize>('sm');\r\n readonly cancelAppearance = input<FrButtonAppearance>('outline');\r\n readonly cancelLabel = input('Cancel');\r\n readonly confirmAppearance = input<FrButtonAppearance>('primary');\r\n readonly confirmLabel = input('Confirm');\r\n readonly description = input<string \| undefined>(undefined);\r\n readonly descriptionId = input<string \| null>(null);\r\n readonly side = input<FrPopoverSide>('bottom');\r\n readonly title = input('Are you sure?');\r\n readonly titleId = input.required<string>();\r\n\r\n readonly cancelled = output<void>();\r\n readonly confirmed = output<void>();\r\n}\r\n\r\nfunction buildConfirmPopoverPositions(options: {\r\n align: FrPopoverAlignment;\r\n alignOffset: number;\r\n side: FrPopoverSide;\r\n sideOffset: number;\r\n}): ConnectedPosition[] {\r\n const primary = buildPosition(options.side, options);\r\n const fallback = buildPosition(oppositeSide(options.side), options);\r\n\r\n return [primary, fallback];\r\n}\r\n\r\nfunction buildPosition(\r\n side: FrPopoverSide,\r\n options: {\r\n align: FrPopoverAlignment;\r\n alignOffset: number;\r\n sideOffset: number;\r\n },\r\n): ConnectedPosition {\r\n if (side === 'top' \|\| side === 'bottom') {\r\n const isBottom = side === 'bottom';\r\n\r\n return {\r\n originX: options.align,\r\n originY: isBottom ? 'bottom' : 'top',\r\n overlayX: options.align,\r\n overlayY: isBottom ? 'top' : 'bottom',\r\n offsetX: options.alignOffset,\r\n offsetY: isBottom ? options.sideOffset : -options.sideOffset,\r\n };\r\n }\r\n\r\n const isRight = side === 'right';\r\n\r\n return {\r\n originX: isRight ? 'end' : 'start',\r\n originY: verticalPosition(options.align),\r\n overlayX: isRight ? 'start' : 'end',\r\n overlayY: verticalPosition(options.align),\r\n offsetX: isRight ? options.sideOffset : -options.sideOffset,\r\n offsetY: options.alignOffset,\r\n };\r\n}\r\n\r\nfunction verticalPosition(align: FrPopoverAlignment): 'top' \| 'center' \| 'bottom' {\r\n if (align === 'center') {\r\n return 'center';\r\n }\r\n\r\n return align === 'start' ? 'top' : 'bottom';\r\n}\r\n\r\nfunction oppositeSide(side: FrPopoverSide): FrPopoverSide {\r\n if (side === 'top') {\r\n return 'bottom';\r\n }\r\n\r\n if (side === 'bottom') {\r\n return 'top';\r\n }\r\n\r\n if (side === 'left') {\r\n return 'right';\r\n }\r\n\r\n return 'left';\r\n}\r\n\r\nfunction optionalBooleanAttribute(value: unknown): boolean \| undefined {\r\n return value == null ? undefined : booleanAttribute(value);\r\n}\r\n\r\nfunction optionalNumberAttribute(value: unknown): number \| undefined {\r\n return value == null ? undefined : numberAttribute(value);\r\n}\r\n","import { NgModule } from '@angular/core';\r\n\r\nimport { FrConfirmPopover } from './src/confirm-popover';\r\n\r\n@NgModule({\r\n imports: [FrConfirmPopover],\r\n exports: [FrConfirmPopover],\r\n})\r\nexport class FrConfirmPopoverModule {}\r\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-date-picker.mjs CHANGED Viewed

@@ -24,7 +24,7 @@ const POSITIONS = [
 /** Date picker control backed by the calendar primitive. */
 class FrDatePicker extends FrControlValueAccessor {
     mode = input('single', ...(ngDevMode ? [{ debugName: "mode" }] : /* istanbul ignore next */ []));
-    captionLayout = input('label', ...(ngDevMode ? [{ debugName: "captionLayout" }] : /* istanbul ignore next */ []));
+    captionLayout = input('dropdown', ...(ngDevMode ? [{ debugName: "captionLayout" }] : /* istanbul ignore next */ []));
     numberOfMonths = input(1, ...(ngDevMode ? [{ debugName: "numberOfMonths" }] : /* istanbul ignore next */ []));
     firstDayOfWeek = input(0, ...(ngDevMode ? [{ debugName: "firstDayOfWeek" }] : /* istanbul ignore next */ []));
     locale = input('en-US', ...(ngDevMode ? [{ debugName: "locale" }] : /* istanbul ignore next */ []));
@@ -43,15 +43,13 @@ class FrDatePicker extends FrControlValueAccessor {
     showTime = input(false, { ...(ngDevMode ? { debugName: "showTime" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     placeholder = input('Pick a date', ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
     dialogLabel = input('Choose date', ...(ngDevMode ? [{ debugName: "dialogLabel" }] : /* istanbul ignore next */ []));
-    icon = input('◷', ...(ngDevMode ? [{ debugName: "icon" }] : /* istanbul ignore next */ []));
+    icon = input(null, ...(ngDevMode ? [{ debugName: "icon" }] : /* istanbul ignore next */ []));
     disabledDates = input([], ...(ngDevMode ? [{ debugName: "disabledDates" }] : /* istanbul ignore next */ []));
     dateLabels = input({}, ...(ngDevMode ? [{ debugName: "dateLabels" }] : /* istanbul ignore next */ []));
     disabledMatcher = input(null, ...(ngDevMode ? [{ debugName: "disabledMatcher" }] : /* istanbul ignore next */ []));
     cellTemplate = input(null, ...(ngDevMode ? [{ debugName: "cellTemplate" }] : /* istanbul ignore next */ []));
     previousMonthTemplate = input(null, ...(ngDevMode ? [{ debugName: "previousMonthTemplate" }] : /* istanbul ignore next */ []));
     nextMonthTemplate = input(null, ...(ngDevMode ? [{ debugName: "nextMonthTemplate" }] : /* istanbul ignore next */ []));
-    previousMonthIcon = input('‹', ...(ngDevMode ? [{ debugName: "previousMonthIcon" }] : /* istanbul ignore next */ []));
-    nextMonthIcon = input('›', ...(ngDevMode ? [{ debugName: "nextMonthIcon" }] : /* istanbul ignore next */ []));
     previousMonthLabel = input('Previous month', ...(ngDevMode ? [{ debugName: "previousMonthLabel" }] : /* istanbul ignore next */ []));
     nextMonthLabel = input('Next month', ...(ngDevMode ? [{ debugName: "nextMonthLabel" }] : /* istanbul ignore next */ []));
     headerTemplate = input(null, ...(ngDevMode ? [{ debugName: "headerTemplate" }] : /* istanbul ignore next */ []));
@@ -184,11 +182,22 @@ class FrDatePicker extends FrControlValueAccessor {
         this.markAsTouched();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrDatePicker, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: FrDatePicker, isStandalone: true, selector: "frame-date-picker", inputs: { mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, captionLayout: { classPropertyName: "captionLayout", publicName: "captionLayout", isSignal: true, isRequired: false, transformFunction: null }, numberOfMonths: { classPropertyName: "numberOfMonths", publicName: "numberOfMonths", isSignal: true, isRequired: false, transformFunction: null }, firstDayOfWeek: { classPropertyName: "firstDayOfWeek", publicName: "firstDayOfWeek", isSignal: true, isRequired: false, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: true, isRequired: false, transformFunction: null }, timeZone: { classPropertyName: "timeZone", publicName: "timeZone", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, fromYear: { classPropertyName: "fromYear", publicName: "fromYear", isSignal: true, isRequired: false, transformFunction: null }, toYear: { classPropertyName: "toYear", publicName: "toYear", isSignal: true, isRequired: false, transformFunction: null }, showOutsideDays: { classPropertyName: "showOutsideDays", publicName: "showOutsideDays", isSignal: true, isRequired: false, transformFunction: null }, showWeekNumber: { classPropertyName: "showWeekNumber", publicName: "showWeekNumber", isSignal: true, isRequired: false, transformFunction: null }, disabledInput: { classPropertyName: "disabledInput", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, invalidInput: { classPropertyName: "invalidInput", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, editable: { classPropertyName: "editable", publicName: "editable", isSignal: true, isRequired: false, transformFunction: null }, readonlyInput: { classPropertyName: "readonlyInput", publicName: "readonlyInput", isSignal: true, isRequired: false, transformFunction: null }, closeOnSelect: { classPropertyName: "closeOnSelect", publicName: "closeOnSelect", isSignal: true, isRequired: false, transformFunction: null }, debugVisible: { classPropertyName: "debugVisible", publicName: "debugVisible", isSignal: true, isRequired: false, transformFunction: null }, showTime: { classPropertyName: "showTime", publicName: "showTime", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, dialogLabel: { classPropertyName: "dialogLabel", publicName: "dialogLabel", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, disabledDates: { classPropertyName: "disabledDates", publicName: "disabledDates", isSignal: true, isRequired: false, transformFunction: null }, dateLabels: { classPropertyName: "dateLabels", publicName: "dateLabels", isSignal: true, isRequired: false, transformFunction: null }, disabledMatcher: { classPropertyName: "disabledMatcher", publicName: "disabledMatcher", isSignal: true, isRequired: false, transformFunction: null }, cellTemplate: { classPropertyName: "cellTemplate", publicName: "cellTemplate", isSignal: true, isRequired: false, transformFunction: null }, previousMonthTemplate: { classPropertyName: "previousMonthTemplate", publicName: "previousMonthTemplate", isSignal: true, isRequired: false, transformFunction: null }, nextMonthTemplate: { classPropertyName: "nextMonthTemplate", publicName: "nextMonthTemplate", isSignal: true, isRequired: false, transformFunction: null }, previousMonthIcon: { classPropertyName: "previousMonthIcon", publicName: "previousMonthIcon", isSignal: true, isRequired: false, transformFunction: null }, nextMonthIcon: { classPropertyName: "nextMonthIcon", publicName: "nextMonthIcon", isSignal: true, isRequired: false, transformFunction: null }, previousMonthLabel: { classPropertyName: "previousMonthLabel", publicName: "previousMonthLabel", isSignal: true, isRequired: false, transformFunction: null }, nextMonthLabel: { classPropertyName: "nextMonthLabel", publicName: "nextMonthLabel", isSignal: true, isRequired: false, transformFunction: null }, headerTemplate: { classPropertyName: "headerTemplate", publicName: "headerTemplate", isSignal: true, isRequired: false, transformFunction: null }, footerTemplate: { classPropertyName: "footerTemplate", publicName: "footerTemplate", isSignal: true, isRequired: false, transformFunction: null }, month: { classPropertyName: "month", publicName: "month", isSignal: true, isRequired: false, transformFunction: null }, presets: { classPropertyName: "presets", publicName: "presets", isSignal: true, isRequired: false, transformFunction: null }, formatter: { classPropertyName: "formatter", publicName: "formatter", isSignal: true, isRequired: false, transformFunction: null }, parser: { classPropertyName: "parser", publicName: "parser", isSignal: true, isRequired: false, transformFunction: null }, timeLabel: { classPropertyName: "timeLabel", publicName: "timeLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange", openChange: "openChange", monthChange: "monthChange" }, host: { properties: { "attr.data-open": "isOpen() ? \"\" : null", "attr.data-disabled": "disabled() ? \"\" : null", "attr.data-invalid": "invalid() ? \"\" : null", "attr.data-mode": "mode()", "attr.dir": "dir()" }, classAttribute: "frame-date-picker" }, providers: [provideDsValueAccessor(FrDatePicker)], viewQueries: [{ propertyName: "calendar", first: true, predicate: FrCalendar, descendants: true, isSignal: true }], exportAs: ["frDatePicker"], usesInheritance: true, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: FrDatePicker, isStandalone: true, selector: "frame-date-picker", inputs: { mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, captionLayout: { classPropertyName: "captionLayout", publicName: "captionLayout", isSignal: true, isRequired: false, transformFunction: null }, numberOfMonths: { classPropertyName: "numberOfMonths", publicName: "numberOfMonths", isSignal: true, isRequired: false, transformFunction: null }, firstDayOfWeek: { classPropertyName: "firstDayOfWeek", publicName: "firstDayOfWeek", isSignal: true, isRequired: false, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: true, isRequired: false, transformFunction: null }, timeZone: { classPropertyName: "timeZone", publicName: "timeZone", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, fromYear: { classPropertyName: "fromYear", publicName: "fromYear", isSignal: true, isRequired: false, transformFunction: null }, toYear: { classPropertyName: "toYear", publicName: "toYear", isSignal: true, isRequired: false, transformFunction: null }, showOutsideDays: { classPropertyName: "showOutsideDays", publicName: "showOutsideDays", isSignal: true, isRequired: false, transformFunction: null }, showWeekNumber: { classPropertyName: "showWeekNumber", publicName: "showWeekNumber", isSignal: true, isRequired: false, transformFunction: null }, disabledInput: { classPropertyName: "disabledInput", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, invalidInput: { classPropertyName: "invalidInput", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, editable: { classPropertyName: "editable", publicName: "editable", isSignal: true, isRequired: false, transformFunction: null }, readonlyInput: { classPropertyName: "readonlyInput", publicName: "readonlyInput", isSignal: true, isRequired: false, transformFunction: null }, closeOnSelect: { classPropertyName: "closeOnSelect", publicName: "closeOnSelect", isSignal: true, isRequired: false, transformFunction: null }, debugVisible: { classPropertyName: "debugVisible", publicName: "debugVisible", isSignal: true, isRequired: false, transformFunction: null }, showTime: { classPropertyName: "showTime", publicName: "showTime", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, dialogLabel: { classPropertyName: "dialogLabel", publicName: "dialogLabel", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, disabledDates: { classPropertyName: "disabledDates", publicName: "disabledDates", isSignal: true, isRequired: false, transformFunction: null }, dateLabels: { classPropertyName: "dateLabels", publicName: "dateLabels", isSignal: true, isRequired: false, transformFunction: null }, disabledMatcher: { classPropertyName: "disabledMatcher", publicName: "disabledMatcher", isSignal: true, isRequired: false, transformFunction: null }, cellTemplate: { classPropertyName: "cellTemplate", publicName: "cellTemplate", isSignal: true, isRequired: false, transformFunction: null }, previousMonthTemplate: { classPropertyName: "previousMonthTemplate", publicName: "previousMonthTemplate", isSignal: true, isRequired: false, transformFunction: null }, nextMonthTemplate: { classPropertyName: "nextMonthTemplate", publicName: "nextMonthTemplate", isSignal: true, isRequired: false, transformFunction: null }, previousMonthLabel: { classPropertyName: "previousMonthLabel", publicName: "previousMonthLabel", isSignal: true, isRequired: false, transformFunction: null }, nextMonthLabel: { classPropertyName: "nextMonthLabel", publicName: "nextMonthLabel", isSignal: true, isRequired: false, transformFunction: null }, headerTemplate: { classPropertyName: "headerTemplate", publicName: "headerTemplate", isSignal: true, isRequired: false, transformFunction: null }, footerTemplate: { classPropertyName: "footerTemplate", publicName: "footerTemplate", isSignal: true, isRequired: false, transformFunction: null }, month: { classPropertyName: "month", publicName: "month", isSignal: true, isRequired: false, transformFunction: null }, presets: { classPropertyName: "presets", publicName: "presets", isSignal: true, isRequired: false, transformFunction: null }, formatter: { classPropertyName: "formatter", publicName: "formatter", isSignal: true, isRequired: false, transformFunction: null }, parser: { classPropertyName: "parser", publicName: "parser", isSignal: true, isRequired: false, transformFunction: null }, timeLabel: { classPropertyName: "timeLabel", publicName: "timeLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange", openChange: "openChange", monthChange: "monthChange" }, host: { properties: { "attr.data-open": "isOpen() ? \"\" : null", "attr.data-disabled": "disabled() ? \"\" : null", "attr.data-invalid": "invalid() ? \"\" : null", "attr.data-mode": "mode()", "attr.dir": "dir()" }, classAttribute: "frame-date-picker" }, providers: [provideDsValueAccessor(FrDatePicker)], viewQueries: [{ propertyName: "calendar", first: true, predicate: FrCalendar, descendants: true, isSignal: true }], exportAs: ["frDatePicker"], usesInheritance: true, ngImport: i0, template: `
     <span cdkOverlayOrigin #origin="cdkOverlayOrigin" class="frame-date-picker__anchor">
       @if (editable()) {
         <span class="frame-date-picker__input-wrap">
-          <span class="frame-date-picker__icon" aria-hidden="true">{{ icon() }}</span>
+          <span class="frame-date-picker__icon" aria-hidden="true">
+            @if (icon(); as customIcon) {
+              {{ customIcon }}
+            } @else {
+              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                <path d="M8 2v4"></path>
+                <path d="M16 2v4"></path>
+                <rect width="18" height="18" x="3" y="4" rx="2"></rect>
+                <path d="M3 10h18"></path>
+              </svg>
+            }
+          </span>
           <input
             class="frame-date-picker__input"
             type="text"
@@ -218,7 +227,18 @@ class FrDatePicker extends FrControlValueAccessor {
           (click)="toggle()"
           (keydown)="handleTriggerKeydown($event)"
         >
-          <span class="frame-date-picker__icon" aria-hidden="true">{{ icon() }}</span>
+          <span class="frame-date-picker__icon" aria-hidden="true">
+            @if (icon(); as customIcon) {
+              {{ customIcon }}
+            } @else {
+              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                <path d="M8 2v4"></path>
+                <path d="M16 2v4"></path>
+                <rect width="18" height="18" x="3" y="4" rx="2"></rect>
+                <path d="M3 10h18"></path>
+              </svg>
+            }
+          </span>
           <span class="frame-date-picker__trigger-label" [attr.data-placeholder]="hasValue() ? null : ''">
             {{ displayValue() || placeholder() }}
           </span>
@@ -239,17 +259,7 @@ class FrDatePicker extends FrControlValueAccessor {
       (detach)="close()"
       (positionChange)="handlePositionChange($event)"
     >
-      <div class="frame-date-picker__content" role="dialog" [attr.aria-label]="dialogLabel()">
-        @if (presets().length) {
-          <div class="frame-date-picker__presets" aria-label="Date presets">
-            @for (preset of presets(); track preset.label) {
-              <button class="frame-date-picker__preset" type="button" (click)="selectPreset(preset)">
-                {{ preset.label }}
-              </button>
-            }
-          </div>
-        }
+      <div class="frame-date-picker__content frame-corner-handles" role="dialog" [attr.aria-label]="dialogLabel()">
         <ng-container [ngTemplateOutlet]="headerTemplate() ?? null" />
         <frame-calendar
@@ -271,8 +281,6 @@ class FrDatePicker extends FrControlValueAccessor {
           [cellTemplate]="cellTemplate()"
           [previousMonthTemplate]="previousMonthTemplate()"
           [nextMonthTemplate]="nextMonthTemplate()"
-          [previousMonthIcon]="previousMonthIcon()"
-          [nextMonthIcon]="nextMonthIcon()"
           [previousMonthLabel]="previousMonthLabel()"
           [nextMonthLabel]="nextMonthLabel()"
           [month]="month()"
@@ -294,10 +302,20 @@ class FrDatePicker extends FrControlValueAccessor {
           </label>
         }
+        @if (presets().length) {
+          <div class="frame-date-picker__presets" aria-label="Date presets">
+            @for (preset of presets(); track preset.label) {
+              <button class="frame-date-picker__preset" type="button" (click)="selectPreset(preset)">
+                {{ preset.label }}
+              </button>
+            }
+          </div>
+        }
         <ng-container [ngTemplateOutlet]="footerTemplate() ?? null" />
       </div>
     </ng-template>
-  `, isInline: true, dependencies: [{ kind: "directive", type: CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation", "cdkConnectedOverlayUsePopover", "cdkConnectedOverlayMatchWidth", "cdkConnectedOverlay"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "component", type: FrCalendar, selector: "frame-calendar", inputs: ["mode", "captionLayout", "numberOfMonths", "firstDayOfWeek", "locale", "timeZone", "dir", "fromYear", "toYear", "showOutsideDays", "showWeekNumber", "disabled", "disabledDates", "dateLabels", "disabledMatcher", "cellTemplate", "previousMonthTemplate", "nextMonthTemplate", "previousMonthIcon", "nextMonthIcon", "previousMonthLabel", "nextMonthLabel", "month", "selected"], outputs: ["selectedChange", "monthChange"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, dependencies: [{ kind: "directive", type: CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation", "cdkConnectedOverlayUsePopover", "cdkConnectedOverlayMatchWidth", "cdkConnectedOverlay"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "component", type: FrCalendar, selector: "frame-calendar", inputs: ["mode", "captionLayout", "numberOfMonths", "firstDayOfWeek", "locale", "timeZone", "dir", "fromYear", "toYear", "showOutsideDays", "showWeekNumber", "disabled", "disabledDates", "dateLabels", "disabledMatcher", "cellTemplate", "previousMonthTemplate", "nextMonthTemplate", "previousMonthLabel", "nextMonthLabel", "month", "selected"], outputs: ["selectedChange", "monthChange"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrDatePicker, decorators: [{
             type: Component,
@@ -319,7 +337,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
     <span cdkOverlayOrigin #origin="cdkOverlayOrigin" class="frame-date-picker__anchor">
       @if (editable()) {
         <span class="frame-date-picker__input-wrap">
-          <span class="frame-date-picker__icon" aria-hidden="true">{{ icon() }}</span>
+          <span class="frame-date-picker__icon" aria-hidden="true">
+            @if (icon(); as customIcon) {
+              {{ customIcon }}
+            } @else {
+              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                <path d="M8 2v4"></path>
+                <path d="M16 2v4"></path>
+                <rect width="18" height="18" x="3" y="4" rx="2"></rect>
+                <path d="M3 10h18"></path>
+              </svg>
+            }
+          </span>
           <input
             class="frame-date-picker__input"
             type="text"
@@ -349,7 +378,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
           (click)="toggle()"
           (keydown)="handleTriggerKeydown($event)"
         >
-          <span class="frame-date-picker__icon" aria-hidden="true">{{ icon() }}</span>
+          <span class="frame-date-picker__icon" aria-hidden="true">
+            @if (icon(); as customIcon) {
+              {{ customIcon }}
+            } @else {
+              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                <path d="M8 2v4"></path>
+                <path d="M16 2v4"></path>
+                <rect width="18" height="18" x="3" y="4" rx="2"></rect>
+                <path d="M3 10h18"></path>
+              </svg>
+            }
+          </span>
           <span class="frame-date-picker__trigger-label" [attr.data-placeholder]="hasValue() ? null : ''">
             {{ displayValue() || placeholder() }}
           </span>
@@ -370,17 +410,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
       (detach)="close()"
       (positionChange)="handlePositionChange($event)"
     >
-      <div class="frame-date-picker__content" role="dialog" [attr.aria-label]="dialogLabel()">
-        @if (presets().length) {
-          <div class="frame-date-picker__presets" aria-label="Date presets">
-            @for (preset of presets(); track preset.label) {
-              <button class="frame-date-picker__preset" type="button" (click)="selectPreset(preset)">
-                {{ preset.label }}
-              </button>
-            }
-          </div>
-        }
+      <div class="frame-date-picker__content frame-corner-handles" role="dialog" [attr.aria-label]="dialogLabel()">
         <ng-container [ngTemplateOutlet]="headerTemplate() ?? null" />
         <frame-calendar
@@ -402,8 +432,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
           [cellTemplate]="cellTemplate()"
           [previousMonthTemplate]="previousMonthTemplate()"
           [nextMonthTemplate]="nextMonthTemplate()"
-          [previousMonthIcon]="previousMonthIcon()"
-          [nextMonthIcon]="nextMonthIcon()"
           [previousMonthLabel]="previousMonthLabel()"
           [nextMonthLabel]="nextMonthLabel()"
           [month]="month()"
@@ -425,12 +453,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
           </label>
         }
+        @if (presets().length) {
+          <div class="frame-date-picker__presets" aria-label="Date presets">
+            @for (preset of presets(); track preset.label) {
+              <button class="frame-date-picker__preset" type="button" (click)="selectPreset(preset)">
+                {{ preset.label }}
+              </button>
+            }
+          </div>
+        }
         <ng-container [ngTemplateOutlet]="footerTemplate() ?? null" />
       </div>
     </ng-template>
   `,
                 }]
-        }], ctorParameters: () => [], propDecorators: { mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }], captionLayout: [{ type: i0.Input, args: [{ isSignal: true, alias: "captionLayout", required: false }] }], numberOfMonths: [{ type: i0.Input, args: [{ isSignal: true, alias: "numberOfMonths", required: false }] }], firstDayOfWeek: [{ type: i0.Input, args: [{ isSignal: true, alias: "firstDayOfWeek", required: false }] }], locale: [{ type: i0.Input, args: [{ isSignal: true, alias: "locale", required: false }] }], timeZone: [{ type: i0.Input, args: [{ isSignal: true, alias: "timeZone", required: false }] }], dir: [{ type: i0.Input, args: [{ isSignal: true, alias: "dir", required: false }] }], fromYear: [{ type: i0.Input, args: [{ isSignal: true, alias: "fromYear", required: false }] }], toYear: [{ type: i0.Input, args: [{ isSignal: true, alias: "toYear", required: false }] }], showOutsideDays: [{ type: i0.Input, args: [{ isSignal: true, alias: "showOutsideDays", required: false }] }], showWeekNumber: [{ type: i0.Input, args: [{ isSignal: true, alias: "showWeekNumber", required: false }] }], disabledInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], invalidInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], editable: [{ type: i0.Input, args: [{ isSignal: true, alias: "editable", required: false }] }], readonlyInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonlyInput", required: false }] }], closeOnSelect: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeOnSelect", required: false }] }], debugVisible: [{ type: i0.Input, args: [{ isSignal: true, alias: "debugVisible", required: false }] }], showTime: [{ type: i0.Input, args: [{ isSignal: true, alias: "showTime", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], dialogLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "dialogLabel", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], disabledDates: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabledDates", required: false }] }], dateLabels: [{ type: i0.Input, args: [{ isSignal: true, alias: "dateLabels", required: false }] }], disabledMatcher: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabledMatcher", required: false }] }], cellTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "cellTemplate", required: false }] }], previousMonthTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "previousMonthTemplate", required: false }] }], nextMonthTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "nextMonthTemplate", required: false }] }], previousMonthIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "previousMonthIcon", required: false }] }], nextMonthIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "nextMonthIcon", required: false }] }], previousMonthLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "previousMonthLabel", required: false }] }], nextMonthLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "nextMonthLabel", required: false }] }], headerTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerTemplate", required: false }] }], footerTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "footerTemplate", required: false }] }], month: [{ type: i0.Input, args: [{ isSignal: true, alias: "month", required: false }] }], presets: [{ type: i0.Input, args: [{ isSignal: true, alias: "presets", required: false }] }], formatter: [{ type: i0.Input, args: [{ isSignal: true, alias: "formatter", required: false }] }], parser: [{ type: i0.Input, args: [{ isSignal: true, alias: "parser", required: false }] }], timeLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "timeLabel", required: false }] }], valueChange: [{ type: i0.Output, args: ["valueChange"] }], openChange: [{ type: i0.Output, args: ["openChange"] }], monthChange: [{ type: i0.Output, args: ["monthChange"] }], calendar: [{ type: i0.ViewChild, args: [i0.forwardRef(() => FrCalendar), { isSignal: true }] }] } });
+        }], ctorParameters: () => [], propDecorators: { mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }], captionLayout: [{ type: i0.Input, args: [{ isSignal: true, alias: "captionLayout", required: false }] }], numberOfMonths: [{ type: i0.Input, args: [{ isSignal: true, alias: "numberOfMonths", required: false }] }], firstDayOfWeek: [{ type: i0.Input, args: [{ isSignal: true, alias: "firstDayOfWeek", required: false }] }], locale: [{ type: i0.Input, args: [{ isSignal: true, alias: "locale", required: false }] }], timeZone: [{ type: i0.Input, args: [{ isSignal: true, alias: "timeZone", required: false }] }], dir: [{ type: i0.Input, args: [{ isSignal: true, alias: "dir", required: false }] }], fromYear: [{ type: i0.Input, args: [{ isSignal: true, alias: "fromYear", required: false }] }], toYear: [{ type: i0.Input, args: [{ isSignal: true, alias: "toYear", required: false }] }], showOutsideDays: [{ type: i0.Input, args: [{ isSignal: true, alias: "showOutsideDays", required: false }] }], showWeekNumber: [{ type: i0.Input, args: [{ isSignal: true, alias: "showWeekNumber", required: false }] }], disabledInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], invalidInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], editable: [{ type: i0.Input, args: [{ isSignal: true, alias: "editable", required: false }] }], readonlyInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonlyInput", required: false }] }], closeOnSelect: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeOnSelect", required: false }] }], debugVisible: [{ type: i0.Input, args: [{ isSignal: true, alias: "debugVisible", required: false }] }], showTime: [{ type: i0.Input, args: [{ isSignal: true, alias: "showTime", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], dialogLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "dialogLabel", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], disabledDates: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabledDates", required: false }] }], dateLabels: [{ type: i0.Input, args: [{ isSignal: true, alias: "dateLabels", required: false }] }], disabledMatcher: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabledMatcher", required: false }] }], cellTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "cellTemplate", required: false }] }], previousMonthTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "previousMonthTemplate", required: false }] }], nextMonthTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "nextMonthTemplate", required: false }] }], previousMonthLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "previousMonthLabel", required: false }] }], nextMonthLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "nextMonthLabel", required: false }] }], headerTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerTemplate", required: false }] }], footerTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "footerTemplate", required: false }] }], month: [{ type: i0.Input, args: [{ isSignal: true, alias: "month", required: false }] }], presets: [{ type: i0.Input, args: [{ isSignal: true, alias: "presets", required: false }] }], formatter: [{ type: i0.Input, args: [{ isSignal: true, alias: "formatter", required: false }] }], parser: [{ type: i0.Input, args: [{ isSignal: true, alias: "parser", required: false }] }], timeLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "timeLabel", required: false }] }], valueChange: [{ type: i0.Output, args: ["valueChange"] }], openChange: [{ type: i0.Output, args: ["openChange"] }], monthChange: [{ type: i0.Output, args: ["monthChange"] }], calendar: [{ type: i0.ViewChild, args: [i0.forwardRef(() => FrCalendar), { isSignal: true }] }] } });
 function normalizeValue(value, mode) {
     if (!value) {
         return mode === 'range' ? { from: null, to: null } : null;