@dereekb/dbx-web 13.10.6 → 13.10.8

package/eslint/src/index.d.ts

@@ -0,0 +1 @@
+export * from './lib';

package/eslint/src/lib/index.d.ts

@@ -0,0 +1,4 @@
+export { dbxWebRequireCleanSubscriptionRule } from './require-clean-subscription.rule';
+export { dbxWebRequireCompleteOnDestroyRule } from './require-complete-on-destroy.rule';
+export { dbxWebNoRedundantOnDestroyRule } from './no-redundant-on-destroy.rule';
+export { dbxWebEslintPlugin } from './plugin';

package/eslint/src/lib/no-redundant-on-destroy.rule.d.ts

@@ -0,0 +1,40 @@
+import { type AstNode } from './util';
+/**
+ * ESLint rule definition shape used by `no-redundant-on-destroy`.
+ */
+export interface DbxWebNoRedundantOnDestroyRuleDefinition {
+    readonly meta: {
+        readonly type: 'suggestion';
+        readonly fixable: 'code';
+        readonly docs: {
+            readonly description: string;
+            readonly recommended: boolean;
+        };
+        readonly messages: {
+            readonly redundantCleanupCall: string;
+            readonly redundantNgOnDestroy: string;
+            readonly emptyNgOnDestroy: string;
+            readonly orphanedImplementsOnDestroy: string;
+        };
+        readonly schema: readonly object[];
+    };
+    create(context: AstNode): Record<string, (node: AstNode) => void>;
+}
+/**
+ * ESLint rule that flags `ngOnDestroy()` bodies whose statements are entirely
+ * redundant `this.<field>.destroy()` / `this.<field>.complete()` calls on
+ * fields whose initializer is wrapped with `cleanSubscription`,
+ * `completeOnDestroy`, or `clean`.
+ *
+ * Auto-fix:
+ * - Removes each redundant statement, plus its leading whitespace and trailing newline.
+ * - Removes the `ngOnDestroy` method declaration when its body becomes empty.
+ * - When the `ngOnDestroy` method is removed entirely, also removes the
+ *   `implements OnDestroy` clause from the class (verified against the
+ *   `@angular/core` import). The now-unused `OnDestroy` import is left for
+ *   `eslint-plugin-unused-imports` to clean up.
+ * - When a class declares `implements OnDestroy` from `@angular/core` but has
+ *   no `ngOnDestroy()` method (e.g. left over from a previous run), the
+ *   orphaned implements clause is removed.
+ */
+export declare const dbxWebNoRedundantOnDestroyRule: DbxWebNoRedundantOnDestroyRuleDefinition;

package/eslint/src/lib/plugin.d.ts

@@ -0,0 +1,20 @@
+import { dbxWebRequireCleanSubscriptionRule } from './require-clean-subscription.rule';
+import { dbxWebRequireCompleteOnDestroyRule } from './require-complete-on-destroy.rule';
+import { dbxWebNoRedundantOnDestroyRule } from './no-redundant-on-destroy.rule';
+/**
+ * ESLint plugin interface for dbx-web rules.
+ */
+export interface DbxWebEslintPlugin {
+    readonly rules: {
+        readonly 'require-clean-subscription': typeof dbxWebRequireCleanSubscriptionRule;
+        readonly 'require-complete-on-destroy': typeof dbxWebRequireCompleteOnDestroyRule;
+        readonly 'no-redundant-on-destroy': typeof dbxWebNoRedundantOnDestroyRule;
+    };
+}
+/**
+ * ESLint plugin for dbx-web rules.
+ *
+ * Register as a plugin in your flat ESLint config, then enable individual rules
+ * under the chosen plugin prefix (e.g. 'dereekb-dbx-web/require-clean-subscription').
+ */
+export declare const dbxWebEslintPlugin: DbxWebEslintPlugin;

package/eslint/src/lib/require-clean-subscription.rule.d.ts

@@ -0,0 +1,79 @@
+import { type AstNode } from './util';
+/**
+ * ESLint rule definition shape used by `require-clean-subscription`.
+ */
+export interface DbxWebRequireCleanSubscriptionRuleDefinition {
+    readonly meta: {
+        readonly type: 'problem';
+        readonly fixable: 'code';
+        readonly docs: {
+            readonly description: string;
+            readonly recommended: boolean;
+        };
+        readonly messages: {
+            readonly missingCleanSubscription: string;
+        };
+        readonly schema: readonly object[];
+    };
+    create(context: AstNode): Record<string, (node: AstNode) => void>;
+}
+/**
+ * Input for {@link collectNgOnDestroyRemovalFixes}.
+ */
+export interface CollectNgOnDestroyRemovalFixesInput {
+    /**
+     * The ESLint RuleFixer.
+     */
+    readonly fixer: AstNode;
+    /**
+     * The MethodDefinition node for `ngOnDestroy`.
+     */
+    readonly ngOnDestroy: AstNode;
+    /**
+     * The class field name to match against `this.<name>`.
+     */
+    readonly propName: string;
+    /**
+     * The method name on the field to match (`destroy` or `complete`).
+     */
+    readonly methodName: string;
+    /**
+     * The ESLint sourceCode service for the current file.
+     */
+    readonly sourceCode: AstNode;
+    /**
+     * The fix collector array. Mutated.
+     */
+    readonly fixes: AstNode[];
+}
+/**
+ * ESLint rule that requires class-field initializers of `new SubscriptionObject(...)`
+ * to be replaced with `cleanSubscription(...)` (which auto-registers cleanup with
+ * Angular's DestroyRef) on `@Component` / `@Directive` / `@Pipe` classes.
+ *
+ * Fires only when `SubscriptionObject` is imported from `@dereekb/rxjs`.
+ *
+ * Auto-fix:
+ * - Rewrites the initializer to `cleanSubscription(...)` (preserving any constructor argument).
+ * - Inserts the `cleanSubscription` named import from `@dereekb/dbx-core` if missing.
+ * - Removes any matching `this.<field>.destroy();` line from the same class's `ngOnDestroy`.
+ */
+export declare const dbxWebRequireCleanSubscriptionRule: DbxWebRequireCleanSubscriptionRuleDefinition;
+/**
+ * Pushes fixes that remove `this.<propName>.<methodName>()` ExpressionStatements
+ * from `ngOnDestroy`'s body. Removes the statement node and any preceding
+ * indentation on the same line so a blank line isn't left behind.
+ *
+ * @param input - The fixer, ngOnDestroy method, target property/method names, source-code service, and fix collector.
+ */
+export declare function collectNgOnDestroyRemovalFixes(input: CollectNgOnDestroyRemovalFixesInput): void;
+/**
+ * Returns the range to remove for a statement, expanded to include any
+ * leading whitespace on the same line and the trailing newline. This avoids
+ * leaving a blank line after fix application.
+ *
+ * @param statement - The ExpressionStatement AST node.
+ * @param sourceCode - The ESLint sourceCode service.
+ * @returns A range tuple `[start, end]` to pass to `fixer.removeRange`.
+ */
+export declare function getStatementRangeWithLeadingWhitespace(statement: AstNode, sourceCode: AstNode): readonly [number, number];

package/eslint/src/lib/require-complete-on-destroy.rule.d.ts

@@ -0,0 +1,33 @@
+import { type AstNode } from './util';
+/**
+ * ESLint rule definition shape used by `require-complete-on-destroy`.
+ */
+export interface DbxWebRequireCompleteOnDestroyRuleDefinition {
+    readonly meta: {
+        readonly type: 'problem';
+        readonly fixable: 'code';
+        readonly docs: {
+            readonly description: string;
+            readonly recommended: boolean;
+        };
+        readonly messages: {
+            readonly missingCompleteOnDestroy: string;
+        };
+        readonly schema: readonly object[];
+    };
+    create(context: AstNode): Record<string, (node: AstNode) => void>;
+}
+/**
+ * ESLint rule that requires class-field initializers of `new Subject(...)`,
+ * `new BehaviorSubject(...)`, `new ReplaySubject(...)`, and `new AsyncSubject(...)`
+ * to be wrapped with `completeOnDestroy(...)` from `@dereekb/dbx-core` on
+ * `@Component` / `@Directive` / `@Pipe` classes.
+ *
+ * Fires only when the Subject identifier is imported from `rxjs`.
+ *
+ * Auto-fix:
+ * - Wraps the initializer with `completeOnDestroy(...)`.
+ * - Inserts the `completeOnDestroy` named import from `@dereekb/dbx-core` if missing.
+ * - Removes any matching `this.<field>.complete();` line from the same class's `ngOnDestroy`.
+ */
+export declare const dbxWebRequireCompleteOnDestroyRule: DbxWebRequireCompleteOnDestroyRuleDefinition;

package/eslint/src/lib/util.d.ts

@@ -0,0 +1,256 @@
+/**
+ * Module that holds Angular component decorators.
+ */
+export declare const ANGULAR_CORE_MODULE = "@angular/core";
+/**
+ * Decorators that mark a class with a component-scoped DestroyRef lifecycle.
+ *
+ * `@Injectable` is intentionally excluded — services often expose long-lived
+ * Subjects as part of their public API and cleaning them on destroy is wrong.
+ */
+export declare const ANGULAR_COMPONENT_DECORATORS: ReadonlySet<string>;
+/**
+ * Module that holds the dbx-components RxJS extras (SubscriptionObject).
+ */
+export declare const DEREEKB_RXJS_MODULE = "@dereekb/rxjs";
+/**
+ * Module that holds Subject/BehaviorSubject/etc.
+ */
+export declare const RXJS_MODULE = "rxjs";
+/**
+ * Module that holds the cleanup helpers (cleanSubscription, completeOnDestroy, clean).
+ */
+export declare const DEREEKB_DBX_CORE_MODULE = "@dereekb/dbx-core";
+/**
+ * Identifier name for the `SubscriptionObject` class.
+ */
+export declare const SUBSCRIPTION_OBJECT_NAME = "SubscriptionObject";
+/**
+ * Identifier names for RxJS Subject classes that should be wrapped with `completeOnDestroy`.
+ */
+export declare const SUBJECT_NAMES: ReadonlySet<string>;
+/**
+ * Helper imported from `@dereekb/dbx-core` that replaces a manual SubscriptionObject creation.
+ */
+export declare const CLEAN_SUBSCRIPTION_HELPER = "cleanSubscription";
+/**
+ * Helper imported from `@dereekb/dbx-core` that wraps a Subject so it completes on destroy.
+ */
+export declare const COMPLETE_ON_DESTROY_HELPER = "completeOnDestroy";
+/**
+ * Underlying Destroyable/DestroyFunction primitive helper from `@dereekb/dbx-core`.
+ *
+ * Accepted as a wrapper for `new SubscriptionObject(...)` since `SubscriptionObject`
+ * is `Destroyable`. Not accepted for raw Subjects since those are neither
+ * `Destroyable` nor `DestroyFunction` and would not actually call `.complete()`.
+ */
+export declare const CLEAN_HELPER = "clean";
+/**
+ * Loose AST node alias used by the rule implementations.
+ */
+export type AstNode = any;
+/**
+ * Per-file registry of import information used by all rules in this plugin.
+ *
+ * Tracks: which local names came from which module, the ImportDeclaration node
+ * for each module (for fix insertion), and the last import declaration in the
+ * file (for inserting brand-new imports after).
+ */
+export interface ImportRegistry {
+    /**
+     * Maps source-module string to the set of locally-bound identifiers that came from it.
+     */
+    readonly bySource: Map<string, Set<string>>;
+    /**
+     * Maps a local identifier name to the source-module string it was imported from.
+     */
+    readonly localToSource: Map<string, string>;
+    /**
+     * Maps source-module string to its ImportDeclaration AST node (for appending specifiers).
+     */
+    readonly sourceToDeclaration: Map<string, AstNode>;
+    /**
+     * The last ImportDeclaration node in the file. Used to insert brand-new imports.
+     */
+    lastImportDeclaration: AstNode | null;
+}
+/**
+ * Creates an empty {@link ImportRegistry}.
+ *
+ * @returns A fresh empty registry.
+ */
+export declare function createImportRegistry(): ImportRegistry;
+/**
+ * Records an `ImportDeclaration` node in the registry. Call from the rule's
+ * `ImportDeclaration` visitor for every import in the file.
+ *
+ * @param registry - The registry to mutate.
+ * @param node - The ImportDeclaration AST node.
+ */
+export declare function trackImportDeclaration(registry: ImportRegistry, node: AstNode): void;
+/**
+ * Returns true when the given local identifier name was imported from the given module.
+ *
+ * @param registry - The import registry built from the file's import declarations.
+ * @param localName - The local identifier (as it appears in code).
+ * @param fromSource - The expected source-module string.
+ * @returns True when the local name maps to the given source.
+ */
+export declare function isImportedFrom(registry: ImportRegistry, localName: string, fromSource: string): boolean;
+/**
+ * Extracts the decorator name from a decorator AST node.
+ *
+ * Handles `@Foo()` (CallExpression) and `@Foo` (Identifier). Returns the empty
+ * string for anything else.
+ *
+ * @param decorator - The decorator AST node.
+ * @returns The decorator name, or empty string when unrecognized.
+ */
+export declare function getDecoratorName(decorator: AstNode): string;
+/**
+ * Returns the first decorator on the class that names a component-tier
+ * Angular decorator (`@Component`, `@Directive`, `@Pipe`) imported from
+ * `@angular/core`, or null when none match.
+ *
+ * @param classNode - The ClassDeclaration / ClassExpression AST node.
+ * @param registry - The file's import registry, used to verify the decorator
+ *   identifier really came from `@angular/core` (and not a local alias).
+ * @returns The matching decorator and its name, or null.
+ */
+export declare function findAngularComponentDecorator(classNode: AstNode, registry: ImportRegistry): {
+    readonly decorator: AstNode;
+    readonly name: string;
+} | null;
+/**
+ * Returns the property name of a class member when its key is a simple Identifier or string Literal.
+ *
+ * Returns null for computed/symbol/private keys.
+ *
+ * @param member - A ClassBody member AST node.
+ * @returns The property name, or null when not a simple key.
+ */
+export declare function getClassMemberName(member: AstNode): string | null;
+/**
+ * Finds the `ngOnDestroy` method declaration on the given class, if any.
+ *
+ * @param classNode - The ClassDeclaration / ClassExpression AST node.
+ * @returns The MethodDefinition AST node for `ngOnDestroy`, or null.
+ */
+export declare function findNgOnDestroyMethod(classNode: AstNode): AstNode | null;
+/**
+ * If the given expression is a `CallExpression` whose callee is one of the
+ * accepted identifier names, returns the matching name. Otherwise null.
+ *
+ * @example
+ * ```
+ * isCalledIdentifier(node, ['cleanSubscription', 'clean']) // returns 'cleanSubscription'
+ * ```
+ *
+ * @param node - The expression AST node.
+ * @param names - The accepted identifier names.
+ * @returns The matched name, or null.
+ */
+export declare function isCalledIdentifier(node: AstNode, names: ReadonlySet<string>): string | null;
+/**
+ * Returns true when the given AST node is a `this.<propName>` MemberExpression.
+ *
+ * @param node - The AST node to check.
+ * @param propName - The expected property name.
+ * @returns True when the node is `this.<propName>`.
+ */
+export declare function isThisMemberAccess(node: AstNode, propName: string): boolean;
+/**
+ * Input for {@link ensureNamedImportFix}.
+ */
+export interface EnsureNamedImportFixInput {
+    /**
+     * The ESLint RuleFixer.
+     */
+    readonly fixer: AstNode;
+    /**
+     * The file's import registry. Mutated to record the new import.
+     */
+    readonly registry: ImportRegistry;
+    /**
+     * The named-import identifier to ensure is present.
+     */
+    readonly importName: string;
+    /**
+     * The source-module string to import from.
+     */
+    readonly fromSource: string;
+}
+/**
+ * Builds a fix operation that ensures `importName` is imported from
+ * `fromSource` in the file. Returns null when the import is already present.
+ *
+ * Side effect: mutates the registry to mark the import as present, so two
+ * separate report fixes in the same lint pass don't both insert the same import.
+ *
+ * @param input - The fixer, registry, and import names.
+ * @returns A fix operation, or null when the import is already present.
+ */
+export declare function ensureNamedImportFix(input: EnsureNamedImportFixInput): AstNode | null;
+/**
+ * Returns true when the given PropertyDefinition declares a `static` member.
+ *
+ * @param node - The PropertyDefinition AST node.
+ * @returns True when the node has `static` modifier.
+ */
+export declare function isStaticProperty(node: AstNode): boolean;
+/**
+ * Returns true when the given PropertyDefinition uses `declare`
+ * (`declare readonly foo: T`) — i.e. has no runtime initializer.
+ *
+ * @param node - The PropertyDefinition AST node.
+ * @returns True when the property is declared abstractly.
+ */
+export declare function isDeclareProperty(node: AstNode): boolean;
+/**
+ * The Angular `OnDestroy` lifecycle interface name.
+ */
+export declare const ON_DESTROY_INTERFACE_NAME = "OnDestroy";
+/**
+ * Match details for an `implements OnDestroy` clause located on a class.
+ */
+export interface OnDestroyImplementsMatch {
+    /**
+     * The full list of `implements` specifiers on the class (TSClassImplements nodes).
+     */
+    readonly allImplements: readonly AstNode[];
+    /**
+     * The TSClassImplements node for `OnDestroy`.
+     */
+    readonly clauseSpecifier: AstNode;
+    /**
+     * Index of {@link clauseSpecifier} within {@link allImplements}.
+     */
+    readonly index: number;
+}
+/**
+ * Locates an `implements OnDestroy` clause on the class whose `OnDestroy`
+ * identifier resolves to the import from `@angular/core`. Returns null when
+ * no matching clause exists.
+ *
+ * @param classNode - The ClassDeclaration / ClassExpression AST node.
+ * @param registry - The file's import registry.
+ * @returns The match details, or null.
+ */
+export declare function findOnDestroyImplementsClause(classNode: AstNode, registry: ImportRegistry): OnDestroyImplementsMatch | null;
+/**
+ * Computes the source range to remove for the given `implements` specifier so
+ * that the surrounding `implements` clause stays well-formed.
+ *
+ * Behavior:
+ * - When the specifier is the only entry, the entire `implements <X>` clause
+ *   is removed, including the leading whitespace before the `implements`
+ *   keyword (so `class Foo implements OnDestroy {` becomes `class Foo {`).
+ * - When the specifier is the first of several, the specifier and the
+ *   following comma+whitespace are removed.
+ * - Otherwise, the preceding comma+whitespace and the specifier are removed.
+ *
+ * @param match - The `implements OnDestroy` match details.
+ * @param sourceCode - The ESLint sourceCode service.
+ * @returns A `[start, end]` range tuple suitable for `fixer.removeRange`.
+ */
+export declare function getImplementsSpecifierRemovalRange(match: OnDestroyImplementsMatch, sourceCode: AstNode): readonly [number, number];

package/fesm2022/dereekb-dbx-web-calendar.mjs

@@ -172,10 +172,10 @@ class DbxCalendarStore extends ComponentStore {
     setNavigationRangeLimit = this.updater((state, navigationRangeLimit) => updateCalendarStateWithNavigationRangeLimit(state, navigationRangeLimit));
     setShowTodayButton = this.updater((state, showTodayButton) => ({ ...state, showTodayButton: showTodayButton ?? true }));
     setShowPageButtons = this.updater((state, showPageButtons) => ({ ...state, showPageButtons: showPageButtons ?? false }));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxCalendarStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxCalendarStore });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: DbxCalendarStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: DbxCalendarStore });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxCalendarStore, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: DbxCalendarStore, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 /**
@@ -290,10 +290,10 @@ class DbxCalendarBaseComponent {
     typeToggleChanged(event) {
         this.calendarStore.setDisplayType(event.value);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxCalendarBaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", type: DbxCalendarBaseComponent, isStandalone: true, selector: "dbx-calendar-base", ngImport: i0, template: "<div class=\"dbx-calendar\">\n  <h3 class=\"dbx-calendar-title\">{{ viewDateSignal() | calendarDate: displayTypeSignal() + 'ViewTitle' : 'en' }}</h3>\n  <div class=\"dbx-calendar-header\">\n    <div class=\"dbx-calendar-controls\" fxLayout=\"row\" fxLayout.xs=\"column\" ngClass.xs=\"dbx-calendar-controls-compact\">\n      <span class=\"dbx-calendar-controls-left dbx-flex\" fxFlex=\"nogrow\">\n        @if (showTodayButtonSignal()) {\n          <button mat-stroked-button [disabled]=\"!canJumpToTodaySignal()\" (click)=\"todayClicked()\">Today</button>\n        }\n        <dbx-button-spacer></dbx-button-spacer>\n        @if (hasMultiplePagesSignal()) {\n          <div class=\"d-iblock\">\n            @if (showPageButtonsSignal()) {\n              <button mat-icon-button [disabled]=\"isLookingAtMinimumDateSignal()\" aria-label=\"first page button\" (click)=\"firstPageButtonClicked()\">\n                <mat-icon>first_page</mat-icon>\n              </button>\n            }\n            <button mat-icon-button [disabled]=\"isLookingAtMinimumDateSignal()\" [attr.aria-label]=\"'Previous ' + displayTypeSignal() + ' button'\" (click)=\"previousButtonClicked()\">\n              <mat-icon>navigate_before</mat-icon>\n            </button>\n            <button mat-icon-button [disabled]=\"isLookingAtMaximumDateSignal()\" [attr.aria-label]=\"'Next ' + displayTypeSignal() + ' button'\" (click)=\"nextButtonClicked()\">\n              <mat-icon>navigate_next</mat-icon>\n            </button>\n            @if (showPageButtonsSignal()) {\n              <button mat-icon-button [disabled]=\"isLookingAtMaximumDateSignal()\" aria-label=\"last page button\" (click)=\"lastPageButtonClicked()\">\n                <mat-icon>last_page</mat-icon>\n              </button>\n            }\n          </div>\n        }\n      </span>\n      <span class=\"spacer\"></span>\n      <span class=\"dbx-calendar-controls-right\" fxFlex=\"nogrow\">\n        <ng-content select=\"[controls]\"></ng-content>\n      </span>\n    </div>\n  </div>\n  <ng-content></ng-content>\n</div>\n", dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatButtonToggleModule }, { kind: "directive", type: DbxButtonSpacerDirective, selector: "dbx-button-spacer,[dbxButtonSpacer]" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: FlexLayoutModule }, { kind: "directive", type: i3.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i3.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "directive", type: i4.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { kind: "pipe", type: CalendarDatePipe, name: "calendarDate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: DbxCalendarBaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.11", type: DbxCalendarBaseComponent, isStandalone: true, selector: "dbx-calendar-base", ngImport: i0, template: "<div class=\"dbx-calendar\">\n  <h3 class=\"dbx-calendar-title\">{{ viewDateSignal() | calendarDate: displayTypeSignal() + 'ViewTitle' : 'en' }}</h3>\n  <div class=\"dbx-calendar-header\">\n    <div class=\"dbx-calendar-controls\" fxLayout=\"row\" fxLayout.xs=\"column\" ngClass.xs=\"dbx-calendar-controls-compact\">\n      <span class=\"dbx-calendar-controls-left dbx-flex\" fxFlex=\"nogrow\">\n        @if (showTodayButtonSignal()) {\n          <button mat-stroked-button [disabled]=\"!canJumpToTodaySignal()\" (click)=\"todayClicked()\">Today</button>\n        }\n        <dbx-button-spacer></dbx-button-spacer>\n        @if (hasMultiplePagesSignal()) {\n          <div class=\"d-iblock\">\n            @if (showPageButtonsSignal()) {\n              <button mat-icon-button [disabled]=\"isLookingAtMinimumDateSignal()\" aria-label=\"first page button\" (click)=\"firstPageButtonClicked()\">\n                <mat-icon>first_page</mat-icon>\n              </button>\n            }\n            <button mat-icon-button [disabled]=\"isLookingAtMinimumDateSignal()\" [attr.aria-label]=\"'Previous ' + displayTypeSignal() + ' button'\" (click)=\"previousButtonClicked()\">\n              <mat-icon>navigate_before</mat-icon>\n            </button>\n            <button mat-icon-button [disabled]=\"isLookingAtMaximumDateSignal()\" [attr.aria-label]=\"'Next ' + displayTypeSignal() + ' button'\" (click)=\"nextButtonClicked()\">\n              <mat-icon>navigate_next</mat-icon>\n            </button>\n            @if (showPageButtonsSignal()) {\n              <button mat-icon-button [disabled]=\"isLookingAtMaximumDateSignal()\" aria-label=\"last page button\" (click)=\"lastPageButtonClicked()\">\n                <mat-icon>last_page</mat-icon>\n              </button>\n            }\n          </div>\n        }\n      </span>\n      <span class=\"spacer\"></span>\n      <span class=\"dbx-calendar-controls-right\" fxFlex=\"nogrow\">\n        <ng-content select=\"[controls]\"></ng-content>\n      </span>\n    </div>\n  </div>\n  <ng-content></ng-content>\n</div>\n", dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatButtonToggleModule }, { kind: "directive", type: DbxButtonSpacerDirective, selector: "dbx-button-spacer,[dbxButtonSpacer]" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: FlexLayoutModule }, { kind: "directive", type: i3.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i3.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "directive", type: i4.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { kind: "pipe", type: CalendarDatePipe, name: "calendarDate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxCalendarBaseComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: DbxCalendarBaseComponent, decorators: [{
             type: Component,
             args: [{ selector: 'dbx-calendar-base', standalone: true, imports: [MatButtonModule, MatButtonToggleModule, DbxButtonSpacerDirective, MatIconModule, CalendarDatePipe, FlexLayoutModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"dbx-calendar\">\n  <h3 class=\"dbx-calendar-title\">{{ viewDateSignal() | calendarDate: displayTypeSignal() + 'ViewTitle' : 'en' }}</h3>\n  <div class=\"dbx-calendar-header\">\n    <div class=\"dbx-calendar-controls\" fxLayout=\"row\" fxLayout.xs=\"column\" ngClass.xs=\"dbx-calendar-controls-compact\">\n      <span class=\"dbx-calendar-controls-left dbx-flex\" fxFlex=\"nogrow\">\n        @if (showTodayButtonSignal()) {\n          <button mat-stroked-button [disabled]=\"!canJumpToTodaySignal()\" (click)=\"todayClicked()\">Today</button>\n        }\n        <dbx-button-spacer></dbx-button-spacer>\n        @if (hasMultiplePagesSignal()) {\n          <div class=\"d-iblock\">\n            @if (showPageButtonsSignal()) {\n              <button mat-icon-button [disabled]=\"isLookingAtMinimumDateSignal()\" aria-label=\"first page button\" (click)=\"firstPageButtonClicked()\">\n                <mat-icon>first_page</mat-icon>\n              </button>\n            }\n            <button mat-icon-button [disabled]=\"isLookingAtMinimumDateSignal()\" [attr.aria-label]=\"'Previous ' + displayTypeSignal() + ' button'\" (click)=\"previousButtonClicked()\">\n              <mat-icon>navigate_before</mat-icon>\n            </button>\n            <button mat-icon-button [disabled]=\"isLookingAtMaximumDateSignal()\" [attr.aria-label]=\"'Next ' + displayTypeSignal() + ' button'\" (click)=\"nextButtonClicked()\">\n              <mat-icon>navigate_next</mat-icon>\n            </button>\n            @if (showPageButtonsSignal()) {\n              <button mat-icon-button [disabled]=\"isLookingAtMaximumDateSignal()\" aria-label=\"last page button\" (click)=\"lastPageButtonClicked()\">\n                <mat-icon>last_page</mat-icon>\n              </button>\n            }\n          </div>\n        }\n      </span>\n      <span class=\"spacer\"></span>\n      <span class=\"dbx-calendar-controls-right\" fxFlex=\"nogrow\">\n        <ng-content select=\"[controls]\"></ng-content>\n      </span>\n    </div>\n  </div>\n  <ng-content></ng-content>\n</div>\n" }]
         }] });
@@ -333,10 +333,10 @@ class DbxCalendarComponent {
     typeToggleChanged(event) {
         this.calendarStore.setDisplayType(event.value);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxCalendarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", type: DbxCalendarComponent, isStandalone: true, selector: "dbx-calendar", outputs: { clickEvent: "clickEvent" }, ngImport: i0, template: "<dbx-calendar-base>\n  <ng-container controls>\n    <mat-button-toggle-group name=\"calendarDisplayStyle\" [value]=\"displayTypeSignal()\" (change)=\"typeToggleChanged($event)\" aria-label=\"Display Style\">\n      <mat-button-toggle value=\"month\">Month</mat-button-toggle>\n      <mat-button-toggle value=\"week\">Week</mat-button-toggle>\n      <mat-button-toggle value=\"day\">Day</mat-button-toggle>\n    </mat-button-toggle-group>\n  </ng-container>\n  <div class=\"dbx-calendar-content\" [ngClass]=\"displayTypeClassSignal()\">\n    @switch (displayTypeSignal()) {\n      @case ('month') {\n        <mwl-calendar-month-view [viewDate]=\"viewDateSignal()\" [events]=\"eventsSignal()\" [activeDayIsOpen]=\"activeDayIsOpenSignal()\" (dayClicked)=\"dayClicked($event.day)\" (eventClicked)=\"eventClicked('Clicked', $event.event)\"></mwl-calendar-month-view>\n      }\n      @case ('week') {\n        <mwl-calendar-week-view [viewDate]=\"viewDateSignal()\" [events]=\"eventsSignal()\" (eventClicked)=\"eventClicked('Clicked', $event.event)\"></mwl-calendar-week-view>\n      }\n      @case ('day') {\n        <mwl-calendar-day-view [viewDate]=\"viewDateSignal()\" [events]=\"eventsSignal()\" (eventClicked)=\"eventClicked('Clicked', $event.event)\"></mwl-calendar-day-view>\n      }\n    }\n  </div>\n</dbx-calendar-base>\n", dependencies: [{ kind: "component", type: DbxCalendarBaseComponent, selector: "dbx-calendar-base" }, { kind: "component", type: CalendarMonthViewComponent, selector: "mwl-calendar-month-view", inputs: ["viewDate", "events", "excludeDays", "activeDayIsOpen", "activeDay", "refresh", "locale", "tooltipPlacement", "tooltipTemplate", "tooltipAppendToBody", "tooltipDelay", "weekStartsOn", "headerTemplate", "cellTemplate", "openDayEventsTemplate", "eventTitleTemplate", "eventActionsTemplate", "weekendDays"], outputs: ["beforeViewRender", "dayClicked", "eventClicked", "columnHeaderClicked", "eventTimesChanged"] }, { kind: "component", type: CalendarDayViewComponent, selector: "mwl-calendar-day-view", inputs: ["viewDate", "events", "hourSegments", "hourSegmentHeight", "hourDuration", "minimumEventHeight", "dayStartHour", "dayStartMinute", "dayEndHour", "dayEndMinute", "refresh", "locale", "eventSnapSize", "tooltipPlacement", "tooltipTemplate", "tooltipAppendToBody", "tooltipDelay", "hourSegmentTemplate", "eventTemplate", "eventTitleTemplate", "eventActionsTemplate", "snapDraggedEvents", "allDayEventsLabelTemplate", "currentTimeMarkerTemplate", "validateEventTimesChanged", "resizeCursors"], outputs: ["eventClicked", "hourSegmentClicked", "eventTimesChanged", "beforeViewRender"] }, { kind: "component", type: CalendarWeekViewComponent, selector: "mwl-calendar-week-view", inputs: ["viewDate", "events", "excludeDays", "refresh", "locale", "tooltipPlacement", "tooltipTemplate", "tooltipAppendToBody", "tooltipDelay", "weekStartsOn", "headerTemplate", "eventTemplate", "eventTitleTemplate", "eventActionsTemplate", "precision", "weekendDays", "snapDraggedEvents", "hourSegments", "hourDuration", "hourSegmentHeight", "minimumEventHeight", "dayStartHour", "dayStartMinute", "dayEndHour", "dayEndMinute", "hourSegmentTemplate", "eventSnapSize", "allDayEventsLabelTemplate", "daysInWeek", "currentTimeMarkerTemplate", "validateEventTimesChanged", "resizeCursors"], outputs: ["dayHeaderClicked", "eventClicked", "eventTimesChanged", "beforeViewRender", "hourSegmentClicked"] }, { kind: "ngmodule", type: MatButtonToggleModule }, { kind: "directive", type: i1$1.MatButtonToggleGroup, selector: "mat-button-toggle-group", inputs: ["appearance", "name", "vertical", "value", "multiple", "disabled", "disabledInteractive", "hideSingleSelectionIndicator", "hideMultipleSelectionIndicator"], outputs: ["valueChange", "change"], exportAs: ["matButtonToggleGroup"] }, { kind: "component", type: i1$1.MatButtonToggle, selector: "mat-button-toggle", inputs: ["aria-label", "aria-labelledby", "id", "name", "value", "tabIndex", "disableRipple", "appearance", "checked", "disabled", "disabledInteractive"], outputs: ["change"], exportAs: ["matButtonToggle"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: DbxCalendarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.11", type: DbxCalendarComponent, isStandalone: true, selector: "dbx-calendar", outputs: { clickEvent: "clickEvent" }, ngImport: i0, template: "<dbx-calendar-base>\n  <ng-container controls>\n    <mat-button-toggle-group name=\"calendarDisplayStyle\" [value]=\"displayTypeSignal()\" (change)=\"typeToggleChanged($event)\" aria-label=\"Display Style\">\n      <mat-button-toggle value=\"month\">Month</mat-button-toggle>\n      <mat-button-toggle value=\"week\">Week</mat-button-toggle>\n      <mat-button-toggle value=\"day\">Day</mat-button-toggle>\n    </mat-button-toggle-group>\n  </ng-container>\n  <div class=\"dbx-calendar-content\" [ngClass]=\"displayTypeClassSignal()\">\n    @switch (displayTypeSignal()) {\n      @case ('month') {\n        <mwl-calendar-month-view [viewDate]=\"viewDateSignal()\" [events]=\"eventsSignal()\" [activeDayIsOpen]=\"activeDayIsOpenSignal()\" (dayClicked)=\"dayClicked($event.day)\" (eventClicked)=\"eventClicked('Clicked', $event.event)\"></mwl-calendar-month-view>\n      }\n      @case ('week') {\n        <mwl-calendar-week-view [viewDate]=\"viewDateSignal()\" [events]=\"eventsSignal()\" (eventClicked)=\"eventClicked('Clicked', $event.event)\"></mwl-calendar-week-view>\n      }\n      @case ('day') {\n        <mwl-calendar-day-view [viewDate]=\"viewDateSignal()\" [events]=\"eventsSignal()\" (eventClicked)=\"eventClicked('Clicked', $event.event)\"></mwl-calendar-day-view>\n      }\n    }\n  </div>\n</dbx-calendar-base>\n", dependencies: [{ kind: "component", type: DbxCalendarBaseComponent, selector: "dbx-calendar-base" }, { kind: "component", type: CalendarMonthViewComponent, selector: "mwl-calendar-month-view", inputs: ["viewDate", "events", "excludeDays", "activeDayIsOpen", "activeDay", "refresh", "locale", "tooltipPlacement", "tooltipTemplate", "tooltipAppendToBody", "tooltipDelay", "weekStartsOn", "headerTemplate", "cellTemplate", "openDayEventsTemplate", "eventTitleTemplate", "eventActionsTemplate", "weekendDays"], outputs: ["beforeViewRender", "dayClicked", "eventClicked", "columnHeaderClicked", "eventTimesChanged"] }, { kind: "component", type: CalendarDayViewComponent, selector: "mwl-calendar-day-view", inputs: ["viewDate", "events", "hourSegments", "hourSegmentHeight", "hourDuration", "minimumEventHeight", "dayStartHour", "dayStartMinute", "dayEndHour", "dayEndMinute", "refresh", "locale", "eventSnapSize", "tooltipPlacement", "tooltipTemplate", "tooltipAppendToBody", "tooltipDelay", "hourSegmentTemplate", "eventTemplate", "eventTitleTemplate", "eventActionsTemplate", "snapDraggedEvents", "allDayEventsLabelTemplate", "currentTimeMarkerTemplate", "validateEventTimesChanged", "resizeCursors"], outputs: ["eventClicked", "hourSegmentClicked", "eventTimesChanged", "beforeViewRender"] }, { kind: "component", type: CalendarWeekViewComponent, selector: "mwl-calendar-week-view", inputs: ["viewDate", "events", "excludeDays", "refresh", "locale", "tooltipPlacement", "tooltipTemplate", "tooltipAppendToBody", "tooltipDelay", "weekStartsOn", "headerTemplate", "eventTemplate", "eventTitleTemplate", "eventActionsTemplate", "precision", "weekendDays", "snapDraggedEvents", "hourSegments", "hourDuration", "hourSegmentHeight", "minimumEventHeight", "dayStartHour", "dayStartMinute", "dayEndHour", "dayEndMinute", "hourSegmentTemplate", "eventSnapSize", "allDayEventsLabelTemplate", "daysInWeek", "currentTimeMarkerTemplate", "validateEventTimesChanged", "resizeCursors"], outputs: ["dayHeaderClicked", "eventClicked", "eventTimesChanged", "beforeViewRender", "hourSegmentClicked"] }, { kind: "ngmodule", type: MatButtonToggleModule }, { kind: "directive", type: i1$1.MatButtonToggleGroup, selector: "mat-button-toggle-group", inputs: ["appearance", "name", "vertical", "value", "multiple", "disabled", "disabledInteractive", "hideSingleSelectionIndicator", "hideMultipleSelectionIndicator"], outputs: ["valueChange", "change"], exportAs: ["matButtonToggleGroup"] }, { kind: "component", type: i1$1.MatButtonToggle, selector: "mat-button-toggle", inputs: ["aria-label", "aria-labelledby", "id", "name", "value", "tabIndex", "disableRipple", "appearance", "checked", "disabled", "disabledInteractive"], outputs: ["change"], exportAs: ["matButtonToggle"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DbxCalendarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: DbxCalendarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'dbx-calendar', imports: [DbxCalendarBaseComponent, CalendarMonthViewComponent, CalendarDayViewComponent, CalendarWeekViewComponent, MatButtonToggleModule, NgClass], changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<dbx-calendar-base>\n  <ng-container controls>\n    <mat-button-toggle-group name=\"calendarDisplayStyle\" [value]=\"displayTypeSignal()\" (change)=\"typeToggleChanged($event)\" aria-label=\"Display Style\">\n      <mat-button-toggle value=\"month\">Month</mat-button-toggle>\n      <mat-button-toggle value=\"week\">Week</mat-button-toggle>\n      <mat-button-toggle value=\"day\">Day</mat-button-toggle>\n    </mat-button-toggle-group>\n  </ng-container>\n  <div class=\"dbx-calendar-content\" [ngClass]=\"displayTypeClassSignal()\">\n    @switch (displayTypeSignal()) {\n      @case ('month') {\n        <mwl-calendar-month-view [viewDate]=\"viewDateSignal()\" [events]=\"eventsSignal()\" [activeDayIsOpen]=\"activeDayIsOpenSignal()\" (dayClicked)=\"dayClicked($event.day)\" (eventClicked)=\"eventClicked('Clicked', $event.event)\"></mwl-calendar-month-view>\n      }\n      @case ('week') {\n        <mwl-calendar-week-view [viewDate]=\"viewDateSignal()\" [events]=\"eventsSignal()\" (eventClicked)=\"eventClicked('Clicked', $event.event)\"></mwl-calendar-week-view>\n      }\n      @case ('day') {\n        <mwl-calendar-day-view [viewDate]=\"viewDateSignal()\" [events]=\"eventsSignal()\" (eventClicked)=\"eventClicked('Clicked', $event.event)\"></mwl-calendar-day-view>\n      }\n    }\n  </div>\n</dbx-calendar-base>\n" }]
         }], propDecorators: { clickEvent: [{ type: i0.Output, args: ["clickEvent"] }] } });