@updevs/components 1.0.0-alpha.8 → 1.0.0-alpha.80

package/assets/styles/vendor/_jsvectormap.scss

@@ -0,0 +1,47 @@
+.jvm-tooltip {
+  background: var(--#{$prefix}bg-surface-inverted);
+  color: var(--#{$prefix}text-inverted);
+  font-family: inherit;
+  font-size: $h5-font-size;
+  box-shadow: $card-box-shadow;
+}
+
+.jvm-series-container .jvm-legend  .jvm-legend-title {
+  border-bottom: 0;
+  font-weight: var(--#{$prefix}font-weight-medium);
+}
+
+.jvm-series-container .jvm-legend {
+  background-color: var(--#{$prefix}card-bg, var(--#{$prefix}bg-surface));
+  border: var(--#{$prefix}border-width) var(--#{$prefix}border-style) var(--#{$prefix}border-color);
+  min-width: 8rem;
+
+  .jvm-legend-inner .jvm-legend-tick {
+    display: flex;
+    align-items: center;
+
+    .jvm-legend-tick-sample {
+      width: .75rem;
+      height: .75rem;
+    }
+  }
+}
+
+.jvm-zoom-btn {
+  border: var(--#{$prefix}border-width) var(--#{$prefix}border-style) var(--#{$prefix}border-color);
+  background: var(--#{$prefix}card-bg, var(--#{$prefix}bg-surface));
+  color: var(--#{$prefix}body-color);
+  padding: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  line-height: 1;
+  width: 1.5rem;
+  height: 1.5rem;
+  font-size: 1rem;
+  box-shadow: $card-box-shadow;
+
+  &.jvm-zoomout {
+    top: 2.5rem;
+  }
+}

package/assets/styles/vendor/_litepicker.scss

@@ -0,0 +1,69 @@
+.litepicker {
+  --litepicker-month-weekday-color: #{var(--#{$prefix}secondary)};
+  --litepicker-button-prev-month-color: #{var(--#{$prefix}secondary)};
+  --litepicker-button-next-month-color: #{var(--#{$prefix}secondary)};
+  --litepicker-button-prev-month-color-hover: #{ var(--#{$prefix}primary) };
+  --litepicker-button-next-month-color-hover: #{ var(--#{$prefix}primary) };
+  --litepicker-day-color: var(--#{$prefix}body-color);
+  --litepicker-day-color-hover: #{ var(--#{$prefix}primary) };
+  --litepicker-is-start-color-bg: #{ var(--#{$prefix}primary) };
+  --litepicker-is-end-color-bg: #{ var(--#{$prefix}primary) };
+  --litepicker-is-in-range-color: #{ var(--#{$prefix}info) };
+  --litepicker-is-today-color: #{ var(--#{$prefix}primary) };
+  --litepicker-month-header-color: var(--#{$prefix}body-color);
+  --litepicker-container-months-color-bg: var(--#{$prefix}bg-surface);
+  font: inherit;
+  user-select: none;
+
+  .day-item.is-in-range {
+    --litepicker-day-color: var(--#{$prefix}light);
+  }
+
+  svg {
+    fill: none !important;
+  }
+
+  .container__main {
+    border: var(--#{$prefix}border-width) var(--#{$prefix}border-style) var(--#{$prefix}border-color);
+    border-radius: var(--#{$prefix}border-radius);
+    box-shadow: none;
+  }
+
+  .container__months {
+    .month-item-name,
+    .month-item-year {
+      font-weight: var(--#{$prefix}font-weight-medium) !important;
+    }
+
+    .button-next-month,
+    .button-previous-month {
+      cursor: pointer !important;
+    }
+
+    .month-item-weekdays-row {
+      > div {
+        padding: .5rem 0 !important;
+        font-size: $h5-font-size;
+      }
+    }
+  }
+
+  .container__days {
+    .day-item {
+      cursor: pointer !important;
+      padding: .5rem 0 !important;
+      @include transition(color $transition-time, background-color $transition-time, border-color $transition-time);
+    }
+  }
+
+  .datepicker-inline & {
+    box-shadow: $input-box-shadow;
+    
+    .container__months {
+      box-shadow: none;
+      background-color: var(--#{$prefix}bg-forms);
+      border-radius: calc(var(--#{$prefix}border-radius) - 1px);
+    }
+  }
+}
+

package/assets/styles/vendor/_nouislider.scss

@@ -0,0 +1,49 @@
+.noUi-target {
+  border: 0;
+  box-shadow: none;
+  background: none;
+  border-radius: 0;
+  color: $form-range-thumb-bg;
+}
+
+.noUi-horizontal {
+  height: add($form-range-track-height, 1rem);
+  padding: .5rem 0;
+}
+
+.noUi-base {
+  background: $form-range-track-bg;
+  border-radius: $form-range-track-border-radius;
+}
+
+.noUi-handle {
+  width: $form-range-thumb-width;
+  height: $form-range-thumb-height;
+  border: $form-range-thumb-border;
+  box-shadow: $form-range-thumb-box-shadow;
+  border-radius: $form-range-thumb-border-radius;
+  background: currentColor;
+  outline: 0;
+
+  &:before,
+  &:after {
+    content: none;
+  }
+
+  .noUi-horizontal & {
+    width: $form-range-thumb-width;
+    height: $form-range-thumb-height;
+    top: (-$form-range-thumb-height * .5);
+    right: (-$form-range-thumb-height * .5);
+    margin: 1px 1px 0 0;
+  }
+
+  &.noUi-active,
+  &:focus {
+    box-shadow: $form-range-thumb-focus-box-shadow;
+  }
+}
+
+.noUi-connect {
+  background: currentColor;
+}

package/assets/styles/vendor/_plyr.scss

@@ -0,0 +1,3 @@
+body {
+  --plyr-color-main: #{var(--#{$prefix}primary)};
+}

package/assets/styles/vendor/_stars-rating.scss

@@ -0,0 +1,22 @@
+:root {
+  --gl-star-size: auto;
+  --gl-star-color: var(--#{$prefix}yellow);
+  --gl-star-color-inactive: var(--#{$prefix}border-color);
+}
+
+[data-star-rating] {
+  svg {
+    width: var(--#{$prefix}icon-size, --gl-star-size);
+    height: var(--#{$prefix}icon-size, --gl-star-size);
+  }
+
+  :not(.gl-active) > .gl-star-full {
+    color: var(--gl-star-color-inactive) !important;
+  }
+
+  .gl-active > .gl-star-full {
+    color: var(--gl-star-color);
+    fill: currentColor;
+    stroke: currentColor;
+  }
+}

package/assets/styles/vendor/_tom-select.scss

@@ -0,0 +1,81 @@
+$select-color-dropdown: #fff;
+$select-color-dropdown-border-top: red;
+$input-border-width: 1px;
+
+:root {
+  --ts-pr-clear-button: 0rem;
+  --ts-pr-caret: 0rem;
+}
+
+.ts-input {
+  color: inherit;
+}
+
+.focus .ts-control {
+  border-radius: var(--#{$prefix}border-radius);
+}
+  
+
+.ts-control {
+  color: inherit;
+
+  .dropdown-menu {
+    width: 100%;
+    height: auto;
+  }
+}
+
+.ts-wrapper {
+  .form-control, 
+  .form-select,
+  &.form-control, 
+  &.form-select {
+    box-shadow: $input-box-shadow; 
+  }
+
+  &.is-invalid,
+  &.is-valid {
+    .ts-control {
+      --ts-pr-clear-button: 1.5rem;
+    }
+  }
+}
+
+.ts-dropdown {
+  background: var(--#{$prefix}bg-surface);
+  color: var(--#{$prefix}body-color);
+  box-shadow: var(--#{$prefix}shadow-dropdown);
+  z-index: $zindex-dropdown;
+
+  .option {
+    padding: $dropdown-item-padding-y $dropdown-item-padding-x;
+  }
+}
+
+.ts-control,
+.ts-control input {
+  color: var(--#{$prefix}body-color);
+}
+
+.ts-control input {
+  &::placeholder{
+    color: $input-placeholder-color;
+  }
+}
+
+.ts-wrapper.multi,
+.ts-wrapper.multi.disabled {
+  .ts-control > div {
+    background: var(--#{$prefix}bg-surface-secondary);
+    border: 1px solid var(--#{$prefix}border-color);
+    color: var(--#{$prefix}body-color);
+  }
+}
+
+.ts-wrapper.disabled .ts-control {
+  opacity: 1;
+
+  &> div.item {
+    color: var(--#{$prefix}gray-500);
+  }
+}

package/assets/styles/vendor/_turbo.scss

@@ -0,0 +1,3 @@
+.turbo-progress-bar {
+  background: var(--#{$prefix}primary);
+}

package/assets/styles/vendor/_typed.scss

@@ -0,0 +1,4 @@
+.typed-cursor {
+  font-weight: 500;
+  color: $secondary;
+}

package/assets/styles/vendor/_wysiwyg.scss

@@ -0,0 +1,46 @@
+.tox-hugerte {
+  border: var(--#{$prefix}border-width) var(--#{$prefix}border-style) var(--#{$prefix}border-color) !important;
+  border-radius: $border-radius !important;
+  font-family: var(--#{$prefix}font-sans-serif) !important;
+}
+
+.tox-toolbar__group {
+  padding: 0 .5rem 0;
+}
+
+.tox .tox-toolbar__primary {
+  background: transparent !important;
+}
+
+.tox:not(.tox-hugerte-inline) {
+  .tox-editor-header {
+    border-bottom: var(--#{$prefix}border-width) var(--#{$prefix}border-style) var(--#{$prefix}border-color) !important;
+    box-shadow: none !important;
+    padding: 0 !important;
+  }
+}
+
+.tox-tbtn {
+  margin: 0 !important;
+  background: var(--#{$prefix}bg-surface) !important;
+
+  &:hover,
+  &.tox-tbtn--enabled {
+    background: var(--#{$prefix}bg-surface-secondary) !important;
+  }
+}
+
+.tox-edit-area {
+  &::before {
+    border: none !important
+  }
+}
+
+.tox-statusbar {
+  border-top: var(--#{$prefix}border-width) var(--#{$prefix}border-style) var(--#{$prefix}border-color) !important;
+}
+
+.tox .tox-toolbar-overlord,
+.tox:not(.tox-hugerte-inline) .tox-editor-header {
+  background: transparent !important;
+}

package/badge/badge-config.model.d.ts

@@ -0,0 +1,14 @@
+import { BgColorStyleType, ColorStyleType } from '@updevs/sdk/types';
+import { TextModel } from '@updevs/sdk';
+import { BadgeConfig } from './badge.config';
+export declare class BadgeConfigModel implements BadgeConfig {
+    bgColor: BgColorStyleType;
+    textColor?: ColorStyleType;
+    text?: TextModel;
+    isOutline: boolean;
+    isPill: boolean;
+    isNotification: boolean;
+    isBlinking: boolean;
+    customClasses: string;
+    constructor(init?: BadgeConfig);
+}

package/badge/badge.component.d.ts

@@ -0,0 +1,23 @@
+import { BgColorStyleType, ColorStyleType } from '@updevs/sdk/types';
+import { TextModel } from '@updevs/sdk';
+import { BadgeConfig } from './badge.config';
+import * as i0 from "@angular/core";
+export declare class BadgeComponent {
+    get hostClasses(): string;
+    config: import("@angular/core").InputSignal<BadgeConfig | undefined>;
+    bgColor: import("@angular/core").InputSignal<BgColorStyleType>;
+    textColor: import("@angular/core").InputSignal<ColorStyleType | undefined>;
+    text: import("@angular/core").InputSignal<TextModel | undefined>;
+    isOutline: import("@angular/core").InputSignal<boolean>;
+    isPill: import("@angular/core").InputSignal<boolean>;
+    isNotification: import("@angular/core").InputSignal<boolean>;
+    isBlinking: import("@angular/core").InputSignal<boolean>;
+    customClasses: import("@angular/core").InputSignal<string>;
+    get badgeText(): string;
+    private readonly configModel;
+    private readonly classes;
+    private readonly fullClassString;
+    private readonly textService;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BadgeComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BadgeComponent, "upd-badge", never, { "config": { "alias": "config"; "required": false; "isSignal": true; }; "bgColor": { "alias": "bgColor"; "required": false; "isSignal": true; }; "textColor": { "alias": "textColor"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "isOutline": { "alias": "isOutline"; "required": false; "isSignal": true; }; "isPill": { "alias": "isPill"; "required": false; "isSignal": true; }; "isNotification": { "alias": "isNotification"; "required": false; "isSignal": true; }; "isBlinking": { "alias": "isBlinking"; "required": false; "isSignal": true; }; "customClasses": { "alias": "customClasses"; "required": false; "isSignal": true; }; }, {}, never, ["*"], false, never>;
+}

package/badge/badge.config.d.ts

@@ -0,0 +1,12 @@
+import { BgColorStyleType, ColorStyleType } from '@updevs/sdk/types';
+import { TextModel } from '@updevs/sdk';
+export interface BadgeConfig {
+    bgColor?: BgColorStyleType;
+    textColor?: ColorStyleType;
+    text?: TextModel;
+    isOutline?: boolean;
+    isPill?: boolean;
+    isNotification?: boolean;
+    isBlinking?: boolean;
+    customClasses?: string;
+}

package/badge/index.d.ts

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

package/badge/public-api.d.ts

@@ -0,0 +1,3 @@
+export * from './badge.component';
+export * from './badge.config';
+export * from './upd-badge.module';

package/badge/upd-badge.module.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./badge.component";
+import * as i2 from "@angular/common";
+export declare class UpdBadgeModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<UpdBadgeModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<UpdBadgeModule, [typeof i1.BadgeComponent], [typeof i2.CommonModule], [typeof i1.BadgeComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<UpdBadgeModule>;
+}

package/button/button.component.d.ts

@@ -1,43 +1,61 @@
-import { EventEmitter, OnInit, OnChanges, SimpleChanges } from '@angular/core';
-import { ColorStyleType, BrandType, ButtonModel } from '@updevs/sdk/layout';
+import { EventEmitter } from '@angular/core';
+import { IconModel } from '@updevs/icons';
+import { TextModel } from '@updevs/sdk';
+import { ButtonModel } from '@updevs/sdk/layout';
+import { LeftRightType, OptionalType, BrandType, BgColorStyleType } from '@updevs/sdk/types';
+import { BadgeConfig } from '@updevs/components/badge';
 import * as i0 from "@angular/core";
-export declare class ButtonComponent implements OnInit, OnChanges {
-    classes: string[];
-    text?: string;
-    model?: ButtonModel;
-    colorStyle?: ColorStyleType;
-    brandColorStyle?: BrandType;
-    customClasses?: string;
-    isActive: boolean;
-    isDisabled: boolean;
-    isOutline: boolean;
-    isGhost: boolean;
-    isSquare: boolean;
-    isPill: boolean;
-    isIcon: boolean;
-    isLoading: boolean;
-    /**
-     * Whether the button should act as a list (top-bottom alignment instead of left-right related to neighbors).
-     */
-    isList: boolean;
-    /**
-     * Whether the button should be floating in the bottom right corner.
-     */
-    isFloating: boolean;
-    isAction: boolean;
-    isNavigationLink: boolean;
-    shouldIgnoreBtnClass: boolean;
+export declare class ButtonComponent {
+    get classes(): string[];
+    get titleAttr(): OptionalType<string>;
     /**
      * Emitted when the button is clicked.
      * **NOTE:** The name of the event can not be 'click'. It would generate a conflict with the HTML event of same name.
      * That would cause strange behaviors like preventing `isDisabled` from working correctly.
      */
     readonly clicked: EventEmitter<any>;
-    ngOnInit(): void;
-    ngOnChanges(changes: SimpleChanges): void;
+    model: import("@angular/core").InputSignal<ButtonModel | undefined>;
+    text: import("@angular/core").InputSignal<TextModel | undefined>;
+    brandColorStyle: import("@angular/core").InputSignal<BrandType | undefined>;
+    customClasses: import("@angular/core").InputSignal<string | undefined>;
+    isOutline: import("@angular/core").InputSignal<boolean>;
+    isGhost: import("@angular/core").InputSignal<boolean>;
+    isSquare: import("@angular/core").InputSignal<boolean>;
+    isPill: import("@angular/core").InputSignal<boolean>;
+    isIcon: import("@angular/core").InputSignal<boolean>;
+    isLoading: import("@angular/core").InputSignal<boolean>;
+    /**
+     * Whether the button should act as a list (top-bottom alignment instead of left-right related to neighbors).
+     */
+    isList: import("@angular/core").InputSignal<boolean>;
+    /**
+     * Whether the button should be floating in the bottom right corner.
+     */
+    isFloating: import("@angular/core").InputSignal<boolean>;
+    isAction: import("@angular/core").InputSignal<boolean>;
+    isNavigationLink: import("@angular/core").InputSignal<boolean>;
+    isLink: import("@angular/core").InputSignal<boolean>;
+    shouldIgnoreBtnClass: import("@angular/core").InputSignal<boolean>;
+    iconModel: import("@angular/core").InputSignal<IconModel | undefined>;
+    iconPosition: import("@angular/core").InputSignal<LeftRightType>;
+    isDisabled: import("@angular/core").InputSignal<boolean>;
+    isActive: import("@angular/core").InputSignal<boolean>;
+    badgeConfig: import("@angular/core").InputSignal<BadgeConfig | undefined>;
+    colorStyle: import("@angular/core").InputSignal<BgColorStyleType | undefined>;
+    size: import("@angular/core").InputSignal<import("@updevs/sdk/types").SizeType>;
+    title: import("@angular/core").InputSignal<TextModel | undefined>;
+    get mainText(): string;
+    get _iconModel(): OptionalType<IconModel>;
+    get _iconPosition(): LeftRightType;
+    get _isIcon(): boolean;
+    private get sizeClass();
+    private _size;
+    private _title;
+    private _colorStyle;
+    private _brandColorStyle;
+    private buttonClasses;
+    private readonly textService;
     onClick(event: MouseEvent): void;
-    private updateClasses;
-    private setupFromModel;
     static ɵfac: i0.ɵɵFactoryDeclaration<ButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "upd-button", never, { "text": { "alias": "text"; "required": false; }; "model": { "alias": "model"; "required": false; }; "colorStyle": { "alias": "colorStyle"; "required": false; }; "brandColorStyle": { "alias": "brandColorStyle"; "required": false; }; "customClasses": { "alias": "customClasses"; "required": false; }; "isActive": { "alias": "isActive"; "required": false; }; "isDisabled": { "alias": "isDisabled"; "required": false; }; "isOutline": { "alias": "isOutline"; "required": false; }; "isGhost": { "alias": "isGhost"; "required": false; }; "isSquare": { "alias": "isSquare"; "required": false; }; "isPill": { "alias": "isPill"; "required": false; }; "isIcon": { "alias": "isIcon"; "required": false; }; "isLoading": { "alias": "isLoading"; "required": false; }; "isList": { "alias": "isList"; "required": false; }; "isFloating": { "alias": "isFloating"; "required": false; }; "isAction": { "alias": "isAction"; "required": false; }; "isNavigationLink": { "alias": "isNavigationLink"; "required": false; }; "shouldIgnoreBtnClass": { "alias": "shouldIgnoreBtnClass"; "required": false; }; }, { "clicked": "clicked"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "upd-button", never, { "model": { "alias": "model"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "brandColorStyle": { "alias": "brandColorStyle"; "required": false; "isSignal": true; }; "customClasses": { "alias": "customClasses"; "required": false; "isSignal": true; }; "isOutline": { "alias": "isOutline"; "required": false; "isSignal": true; }; "isGhost": { "alias": "isGhost"; "required": false; "isSignal": true; }; "isSquare": { "alias": "isSquare"; "required": false; "isSignal": true; }; "isPill": { "alias": "isPill"; "required": false; "isSignal": true; }; "isIcon": { "alias": "isIcon"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "isList": { "alias": "isList"; "required": false; "isSignal": true; }; "isFloating": { "alias": "isFloating"; "required": false; "isSignal": true; }; "isAction": { "alias": "isAction"; "required": false; "isSignal": true; }; "isNavigationLink": { "alias": "isNavigationLink"; "required": false; "isSignal": true; }; "isLink": { "alias": "isLink"; "required": false; "isSignal": true; }; "shouldIgnoreBtnClass": { "alias": "shouldIgnoreBtnClass"; "required": false; "isSignal": true; }; "iconModel": { "alias": "iconModel"; "required": false; "isSignal": true; }; "iconPosition": { "alias": "iconPosition"; "required": false; "isSignal": true; }; "isDisabled": { "alias": "isDisabled"; "required": false; "isSignal": true; }; "isActive": { "alias": "isActive"; "required": false; "isSignal": true; }; "badgeConfig": { "alias": "badgeConfig"; "required": false; "isSignal": true; }; "colorStyle": { "alias": "colorStyle"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; }, { "clicked": "clicked"; }, never, ["*"], false, never>;
 }

package/button/upd-button.module.d.ts

@@ -1,8 +1,10 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./button.component";
 import * as i2 from "@angular/common";
+import * as i3 from "@updevs/icons";
+import * as i4 from "@updevs/components/badge";
 export declare class UpdButtonModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<UpdButtonModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<UpdButtonModule, [typeof i1.ButtonComponent], [typeof i2.CommonModule], [typeof i1.ButtonComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<UpdButtonModule, [typeof i1.ButtonComponent], [typeof i2.CommonModule, typeof i3.UpdIconsModule, typeof i4.UpdBadgeModule], [typeof i1.ButtonComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<UpdButtonModule>;
 }

package/calendar/calendar.component.d.ts

@@ -0,0 +1,63 @@
+import { OnInit } from '@angular/core';
+import { OptionalType } from '@updevs/sdk/types';
+import { CalendarViewEnum } from './models/enums/calendar-view.enum';
+import { CalendarDateModel } from './models/calendar-date.model';
+import { CalendarMonthModel } from './models/calendar-month.model';
+import { CalendarYearModel } from './models/calendar-year.model';
+import { CalendarSelectedModel } from './models/calendar-selected.model';
+import * as i0 from "@angular/core";
+export declare class CalendarComponent implements OnInit {
+    readonly selectedDate: import("@angular/core").InputSignal<OptionalType<Date>>;
+    readonly selectedStartDate: import("@angular/core").InputSignal<OptionalType<Date>>;
+    readonly selectedEndDate: import("@angular/core").InputSignal<OptionalType<Date>>;
+    readonly minDate: import("@angular/core").InputSignal<OptionalType<Date>>;
+    readonly maxDate: import("@angular/core").InputSignal<OptionalType<Date>>;
+    readonly disabledDatesFilter: import("@angular/core").InputSignal<OptionalType<(date: Date) => boolean>>;
+    readonly isRange: import("@angular/core").InputSignal<boolean>;
+    readonly shouldRemoveExternalBorder: import("@angular/core").InputSignal<boolean>;
+    readonly selected: import("@angular/core").OutputEmitterRef<OptionalType<CalendarSelectedModel>>;
+    readonly monthChanged: import("@angular/core").OutputEmitterRef<Date>;
+    CalendarViewEnum: typeof CalendarViewEnum;
+    readonly currentView: import("@angular/core").WritableSignal<CalendarViewEnum>;
+    readonly currentDate: import("@angular/core").WritableSignal<Date>;
+    readonly yearRange: import("@angular/core").WritableSignal<{
+        start: number;
+        end: number;
+    }>;
+    readonly currentYear: import("@angular/core").Signal<number>;
+    readonly currentMonth: import("@angular/core").Signal<number>;
+    readonly currentMonthName: import("@angular/core").Signal<string>;
+    readonly calendarDays: import("@angular/core").Signal<CalendarDateModel[]>;
+    readonly calendarMonths: import("@angular/core").Signal<CalendarMonthModel[]>;
+    readonly calendarYears: import("@angular/core").Signal<CalendarYearModel[]>;
+    readonly weekDayNames: import("@angular/core").Signal<string[]>;
+    private readonly internalSelectedDate;
+    private readonly internalSelectedStartDate;
+    private readonly internalSelectedEndDate;
+    private readonly dateService;
+    private rangeSelectionState;
+    ngOnInit(): void;
+    onHeaderClick(): void;
+    onPreviousClick(): void;
+    onNextClick(): void;
+    onDateClick(dateModel: CalendarDateModel): void;
+    onMonthClick(monthModel: CalendarMonthModel): void;
+    onYearClick(yearModel: CalendarYearModel): void;
+    clearSelection(): void;
+    private syncInternalState;
+    private handleRangeSelection;
+    private generateCalendarDays;
+    private generateCalendarMonths;
+    private generateCalendarYears;
+    private isDateSelected;
+    private isDateInRange;
+    private isDateRangeStart;
+    private isDateRangeEnd;
+    private isDateDisabled;
+    private isMonthDisabled;
+    private isYearDisabled;
+    private updateYearRange;
+    private moveYearRange;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CalendarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CalendarComponent, "upd-calendar", never, { "selectedDate": { "alias": "selectedDate"; "required": false; "isSignal": true; }; "selectedStartDate": { "alias": "selectedStartDate"; "required": false; "isSignal": true; }; "selectedEndDate": { "alias": "selectedEndDate"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "disabledDatesFilter": { "alias": "disabledDatesFilter"; "required": false; "isSignal": true; }; "isRange": { "alias": "isRange"; "required": false; "isSignal": true; }; "shouldRemoveExternalBorder": { "alias": "shouldRemoveExternalBorder"; "required": false; "isSignal": true; }; }, { "selected": "selected"; "monthChanged": "monthChanged"; }, never, never, false, never>;
+}

package/calendar/index.d.ts

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

package/calendar/models/calendar-date.model.d.ts

@@ -0,0 +1,10 @@
+export interface CalendarDateModel {
+    date: Date;
+    isCurrentMonth: boolean;
+    isToday: boolean;
+    isSelected: boolean;
+    isDisabled: boolean;
+    isInRange?: boolean;
+    isRangeStart?: boolean;
+    isRangeEnd?: boolean;
+}

package/calendar/models/calendar-month.model.d.ts

@@ -0,0 +1,7 @@
+export interface CalendarMonthModel {
+    monthIndex: number;
+    name: string;
+    isCurrentMonth: boolean;
+    isSelected: boolean;
+    isDisabled: boolean;
+}

package/calendar/models/calendar-selected.model.d.ts

@@ -0,0 +1,5 @@
+export interface CalendarSelectedModel {
+    selectedDate?: Date;
+    startDate?: Date;
+    endDate?: Date;
+}

package/calendar/models/calendar-user-event.model.d.ts

@@ -0,0 +1,4 @@
+export interface CalendarUserEventModel<TValue> {
+    value: TValue;
+    event: Event;
+}

package/calendar/models/calendar-year.model.d.ts

@@ -0,0 +1,6 @@
+export interface CalendarYearModel {
+    year: number;
+    isCurrentYear: boolean;
+    isSelected: boolean;
+    isDisabled: boolean;
+}

package/calendar/models/date-range.model.d.ts

@@ -0,0 +1,22 @@
+/**
+ * A class representing a range of dates.
+ */
+export declare class DateRangeModel {
+    /**
+     * The start date of the range.
+     */
+    readonly start?: Date | undefined;
+    /**
+     * The end date of the range.
+     */
+    readonly end?: Date | undefined;
+    constructor(
+    /**
+     * The start date of the range.
+     */
+    start?: Date | undefined, 
+    /**
+     * The end date of the range.
+     */
+    end?: Date | undefined);
+}

package/calendar/models/enums/calendar-view.enum.d.ts

@@ -0,0 +1,5 @@
+export declare enum CalendarViewEnum {
+    Days = "days",
+    Months = "months",
+    Years = "years"
+}