@updevs/components 1.0.0-alpha.10 → 1.0.0-alpha.100

package/fesm2022/updevs-components.mjs

@@ -6,7 +6,7 @@ class ColumnSizeHelper {
         if (!colSize) {
             return `col-${defaultIfEmpty || 12}`;
         }
-        return this.getClasses(`col-${colSize.default}`, `col-md-${colSize.medium || colSize.default}`, `col-sm-${(colSize.small || 12)}`);
+        return this.getClasses(!!colSize.default ? `col-${colSize.default}` : '', !!colSize.extraLarge ? `col-xl-${colSize.extraLarge}` : '', !!colSize.large ? `col-lg-${colSize.large}` : '', !!colSize.medium ? `col-md-${colSize.medium}` : '', !!colSize.small ? `col-sm-${(colSize.small)}` : '');
     }
     static getClasses(...classes) {
         return classes.join(' ').trim();
@@ -14,11 +14,11 @@ class ColumnSizeHelper {
 }
 
 class UpdComponentsModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: UpdComponentsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.0", ngImport: i0, type: UpdComponentsModule }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: UpdComponentsModule }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: UpdComponentsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.4", ngImport: i0, type: UpdComponentsModule }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: UpdComponentsModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: UpdComponentsModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: UpdComponentsModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: []

package/fesm2022/updevs-components.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"updevs-components.mjs","sources":["../../../../libs/components/src/lib/tools/column-size.helper.ts","../../../../libs/components/src/lib/upd-components.module.ts","../../../../libs/components/src/updevs-components.ts"],"sourcesContent":["import { RowColumnSize } from '../models/row-column-size';\n\nexport class ColumnSizeHelper {\n    static getSizeClasses(colSize?: RowColumnSize, defaultIfEmpty?: number): string {\n        if (!colSize) {\n            return `col-${defaultIfEmpty || 12}`;\n        }\n\n        return this.getClasses(\n            `col-${colSize.default}`,\n            `col-md-${colSize.medium || colSize.default}`,\n            `col-sm-${(colSize.small || 12)}`\n        );\n    }\n\n    static getClasses(...classes: string[]): string {\n        return classes.join(' ').trim();\n    }\n}\n","import { NgModule } from '@angular/core';\n\n@NgModule({\n    imports: []\n})\nexport class UpdComponentsModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MAEa,gBAAgB,CAAA;AACzB,IAAA,OAAO,cAAc,CAAC,OAAuB,EAAE,cAAuB,EAAA;QAClE,IAAI,CAAC,OAAO,EAAE;AACV,YAAA,OAAO,CAAO,IAAA,EAAA,cAAc,IAAI,EAAE,EAAE,CAAC;SACxC;AAED,QAAA,OAAO,IAAI,CAAC,UAAU,CAClB,CAAO,IAAA,EAAA,OAAO,CAAC,OAAO,CAAE,CAAA,EACxB,CAAU,OAAA,EAAA,OAAO,CAAC,MAAM,IAAI,OAAO,CAAC,OAAO,CAAA,CAAE,EAC7C,CAAA,OAAA,GAAW,OAAO,CAAC,KAAK,IAAI,EAAE,EAAC,CAAE,CACpC,CAAC;KACL;AAED,IAAA,OAAO,UAAU,CAAC,GAAG,OAAiB,EAAA;QAClC,OAAO,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC;KACnC;AACJ;;MCbY,mBAAmB,CAAA;8GAAnB,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;+GAAnB,mBAAmB,EAAA,CAAA,CAAA,EAAA;+GAAnB,mBAAmB,EAAA,CAAA,CAAA,EAAA;;2FAAnB,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAH/B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACN,oBAAA,OAAO,EAAE,EAAE;AACd,iBAAA,CAAA;;;ACJD;;AAEG;;;;"}
+{"version":3,"file":"updevs-components.mjs","sources":["../../../../libs/components/src/lib/tools/column-size.helper.ts","../../../../libs/components/src/lib/upd-components.module.ts","../../../../libs/components/src/updevs-components.ts"],"sourcesContent":["import { RowColumnSize } from '../models/row-column-size';\n\nexport class ColumnSizeHelper {\n    static getSizeClasses(colSize?: RowColumnSize, defaultIfEmpty?: number): string {\n        if (!colSize) {\n            return `col-${defaultIfEmpty || 12}`;\n        }\n\n        return this.getClasses(\n            !!colSize.default ? `col-${colSize.default}` : '',\n            !!colSize.extraLarge ? `col-xl-${colSize.extraLarge}` : '',\n            !!colSize.large ? `col-lg-${colSize.large}` : '',\n            !!colSize.medium ? `col-md-${colSize.medium}` : '',\n            !!colSize.small ? `col-sm-${(colSize.small)}` : ''\n        );\n    }\n\n    static getClasses(...classes: string[]): string {\n        return classes.join(' ').trim();\n    }\n}\n","import { NgModule } from '@angular/core';\n\n@NgModule({\n    imports: []\n})\nexport class UpdComponentsModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MAEa,gBAAgB,CAAA;AACzB,IAAA,OAAO,cAAc,CAAC,OAAuB,EAAE,cAAuB,EAAA;QAClE,IAAI,CAAC,OAAO,EAAE;AACV,YAAA,OAAO,CAAO,IAAA,EAAA,cAAc,IAAI,EAAE,EAAE;;QAGxC,OAAO,IAAI,CAAC,UAAU,CAClB,CAAC,CAAC,OAAO,CAAC,OAAO,GAAG,CAAA,IAAA,EAAO,OAAO,CAAC,OAAO,EAAE,GAAG,EAAE,EACjD,CAAC,CAAC,OAAO,CAAC,UAAU,GAAG,CAAU,OAAA,EAAA,OAAO,CAAC,UAAU,CAAA,CAAE,GAAG,EAAE,EAC1D,CAAC,CAAC,OAAO,CAAC,KAAK,GAAG,UAAU,OAAO,CAAC,KAAK,CAAE,CAAA,GAAG,EAAE,EAChD,CAAC,CAAC,OAAO,CAAC,MAAM,GAAG,UAAU,OAAO,CAAC,MAAM,CAAA,CAAE,GAAG,EAAE,EAClD,CAAC,CAAC,OAAO,CAAC,KAAK,GAAG,CAAA,OAAA,GAAW,OAAO,CAAC,KAAK,EAAC,CAAE,GAAG,EAAE,CACrD;;AAGL,IAAA,OAAO,UAAU,CAAC,GAAG,OAAiB,EAAA;QAClC,OAAO,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE;;AAEtC;;MCfY,mBAAmB,CAAA;8GAAnB,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;+GAAnB,mBAAmB,EAAA,CAAA,CAAA;+GAAnB,mBAAmB,EAAA,CAAA,CAAA;;2FAAnB,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAH/B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACN,oBAAA,OAAO,EAAE;AACZ,iBAAA;;;ACJD;;AAEG;;;;"}

package/package.json

@@ -1,163 +1,132 @@
 {
   "name": "@updevs/components",
-  "version": "1.0.0-alpha.10",
+  "version": "1.0.0-alpha.100",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/eestein/updevs-sdk-angular.git",
+    "directory": "libs/components"
+  },
   "peerDependencies": {
-    "@angular/common": "^18.0.1",
-    "@angular/core": "^18.0.1",
+    "@angular/common": "^18.0.1 || ^19.0.0 || ^20.0.0 || ^21.0.0",
+    "@angular/core": "^18.0.1 || ^19.0.0 || ^20.0.0 || ^21.0.0",
     "@jsverse/transloco": "^7.4.2",
+    "@jsverse/transloco-messageformat": "^7.0.1",
     "@updevs/icons": "^1.0.9",
-    "@updevs/sdk": "^1.0.0-alpha.19"
+    "@updevs/sdk": "^1.0.0-alpha.48"
   },
   "dependencies": {
     "tslib": "^2.3.0"
   },
   "publishConfig": {
-    "access": "public"
+    "access": "public",
+    "provenance": false
   },
   "sideEffects": false,
   "module": "fesm2022/updevs-components.mjs",
-  "typings": "index.d.ts",
+  "typings": "types/updevs-components.d.ts",
   "exports": {
     "./package.json": {
       "default": "./package.json"
     },
     ".": {
-      "types": "./index.d.ts",
-      "esm2022": "./esm2022/updevs-components.mjs",
-      "esm": "./esm2022/updevs-components.mjs",
+      "types": "./types/updevs-components.d.ts",
       "default": "./fesm2022/updevs-components.mjs"
     },
     "./badge": {
-      "types": "./badge/index.d.ts",
-      "esm2022": "./esm2022/badge/updevs-components-badge.mjs",
-      "esm": "./esm2022/badge/updevs-components-badge.mjs",
+      "types": "./types/updevs-components-badge.d.ts",
       "default": "./fesm2022/updevs-components-badge.mjs"
     },
-    "./card": {
-      "types": "./card/index.d.ts",
-      "esm2022": "./esm2022/card/updevs-components-card.mjs",
-      "esm": "./esm2022/card/updevs-components-card.mjs",
-      "default": "./fesm2022/updevs-components-card.mjs"
-    },
     "./button": {
-      "types": "./button/index.d.ts",
-      "esm2022": "./esm2022/button/updevs-components-button.mjs",
-      "esm": "./esm2022/button/updevs-components-button.mjs",
+      "types": "./types/updevs-components-button.d.ts",
       "default": "./fesm2022/updevs-components-button.mjs"
     },
     "./calendar": {
-      "types": "./calendar/index.d.ts",
-      "esm2022": "./esm2022/calendar/updevs-components-calendar.mjs",
-      "esm": "./esm2022/calendar/updevs-components-calendar.mjs",
+      "types": "./types/updevs-components-calendar.d.ts",
       "default": "./fesm2022/updevs-components-calendar.mjs"
     },
+    "./card": {
+      "types": "./types/updevs-components-card.d.ts",
+      "default": "./fesm2022/updevs-components-card.mjs"
+    },
     "./drag-and-drop": {
-      "types": "./drag-and-drop/index.d.ts",
-      "esm2022": "./esm2022/drag-and-drop/updevs-components-drag-and-drop.mjs",
-      "esm": "./esm2022/drag-and-drop/updevs-components-drag-and-drop.mjs",
+      "types": "./types/updevs-components-drag-and-drop.d.ts",
       "default": "./fesm2022/updevs-components-drag-and-drop.mjs"
     },
-    "./form": {
-      "types": "./form/index.d.ts",
-      "esm2022": "./esm2022/form/updevs-components-form.mjs",
-      "esm": "./esm2022/form/updevs-components-form.mjs",
-      "default": "./fesm2022/updevs-components-form.mjs"
-    },
     "./dropdown": {
-      "types": "./dropdown/index.d.ts",
-      "esm2022": "./esm2022/dropdown/updevs-components-dropdown.mjs",
-      "esm": "./esm2022/dropdown/updevs-components-dropdown.mjs",
+      "types": "./types/updevs-components-dropdown.d.ts",
       "default": "./fesm2022/updevs-components-dropdown.mjs"
     },
-    "./layout": {
-      "types": "./layout/index.d.ts",
-      "esm2022": "./esm2022/layout/updevs-components-layout.mjs",
-      "esm": "./esm2022/layout/updevs-components-layout.mjs",
-      "default": "./fesm2022/updevs-components-layout.mjs"
-    },
-    "./link": {
-      "types": "./link/index.d.ts",
-      "esm2022": "./esm2022/link/updevs-components-link.mjs",
-      "esm": "./esm2022/link/updevs-components-link.mjs",
-      "default": "./fesm2022/updevs-components-link.mjs"
-    },
-    "./list": {
-      "types": "./list/index.d.ts",
-      "esm2022": "./esm2022/list/updevs-components-list.mjs",
-      "esm": "./esm2022/list/updevs-components-list.mjs",
-      "default": "./fesm2022/updevs-components-list.mjs"
-    },
-    "./modal": {
-      "types": "./modal/index.d.ts",
-      "esm2022": "./esm2022/modal/updevs-components-modal.mjs",
-      "esm": "./esm2022/modal/updevs-components-modal.mjs",
-      "default": "./fesm2022/updevs-components-modal.mjs"
-    },
-    "./paginator": {
-      "types": "./paginator/index.d.ts",
-      "esm2022": "./esm2022/paginator/updevs-components-paginator.mjs",
-      "esm": "./esm2022/paginator/updevs-components-paginator.mjs",
-      "default": "./fesm2022/updevs-components-paginator.mjs"
-    },
-    "./popover": {
-      "types": "./popover/index.d.ts",
-      "esm2022": "./esm2022/popover/updevs-components-popover.mjs",
-      "esm": "./esm2022/popover/updevs-components-popover.mjs",
-      "default": "./fesm2022/updevs-components-popover.mjs"
-    },
-    "./table": {
-      "types": "./table/index.d.ts",
-      "esm2022": "./esm2022/table/updevs-components-table.mjs",
-      "esm": "./esm2022/table/updevs-components-table.mjs",
-      "default": "./fesm2022/updevs-components-table.mjs"
+    "./form": {
+      "types": "./types/updevs-components-form.d.ts",
+      "default": "./fesm2022/updevs-components-form.mjs"
     },
     "./form-controls/abstractions": {
-      "types": "./form-controls/abstractions/index.d.ts",
-      "esm2022": "./esm2022/form-controls/abstractions/updevs-components-form-controls-abstractions.mjs",
-      "esm": "./esm2022/form-controls/abstractions/updevs-components-form-controls-abstractions.mjs",
+      "types": "./types/updevs-components-form-controls-abstractions.d.ts",
       "default": "./fesm2022/updevs-components-form-controls-abstractions.mjs"
     },
     "./form-controls/checkbox": {
-      "types": "./form-controls/checkbox/index.d.ts",
-      "esm2022": "./esm2022/form-controls/checkbox/updevs-components-form-controls-checkbox.mjs",
-      "esm": "./esm2022/form-controls/checkbox/updevs-components-form-controls-checkbox.mjs",
+      "types": "./types/updevs-components-form-controls-checkbox.d.ts",
       "default": "./fesm2022/updevs-components-form-controls-checkbox.mjs"
     },
     "./form-controls/date-picker": {
-      "types": "./form-controls/date-picker/index.d.ts",
-      "esm2022": "./esm2022/form-controls/date-picker/updevs-components-form-controls-date-picker.mjs",
-      "esm": "./esm2022/form-controls/date-picker/updevs-components-form-controls-date-picker.mjs",
+      "types": "./types/updevs-components-form-controls-date-picker.d.ts",
       "default": "./fesm2022/updevs-components-form-controls-date-picker.mjs"
     },
+    "./form-controls/file-upload": {
+      "types": "./types/updevs-components-form-controls-file-upload.d.ts",
+      "default": "./fesm2022/updevs-components-form-controls-file-upload.mjs"
+    },
     "./form-controls/input": {
-      "types": "./form-controls/input/index.d.ts",
-      "esm2022": "./esm2022/form-controls/input/updevs-components-form-controls-input.mjs",
-      "esm": "./esm2022/form-controls/input/updevs-components-form-controls-input.mjs",
+      "types": "./types/updevs-components-form-controls-input.d.ts",
       "default": "./fesm2022/updevs-components-form-controls-input.mjs"
     },
     "./form-controls/radio": {
-      "types": "./form-controls/radio/index.d.ts",
-      "esm2022": "./esm2022/form-controls/radio/updevs-components-form-controls-radio.mjs",
-      "esm": "./esm2022/form-controls/radio/updevs-components-form-controls-radio.mjs",
+      "types": "./types/updevs-components-form-controls-radio.d.ts",
       "default": "./fesm2022/updevs-components-form-controls-radio.mjs"
     },
     "./form-controls/select": {
-      "types": "./form-controls/select/index.d.ts",
-      "esm2022": "./esm2022/form-controls/select/updevs-components-form-controls-select.mjs",
-      "esm": "./esm2022/form-controls/select/updevs-components-form-controls-select.mjs",
+      "types": "./types/updevs-components-form-controls-select.d.ts",
       "default": "./fesm2022/updevs-components-form-controls-select.mjs"
     },
     "./form-controls/textarea": {
-      "types": "./form-controls/textarea/index.d.ts",
-      "esm2022": "./esm2022/form-controls/textarea/updevs-components-form-controls-textarea.mjs",
-      "esm": "./esm2022/form-controls/textarea/updevs-components-form-controls-textarea.mjs",
+      "types": "./types/updevs-components-form-controls-textarea.d.ts",
       "default": "./fesm2022/updevs-components-form-controls-textarea.mjs"
     },
     "./form-controls/time-picker": {
-      "types": "./form-controls/time-picker/index.d.ts",
-      "esm2022": "./esm2022/form-controls/time-picker/updevs-components-form-controls-time-picker.mjs",
-      "esm": "./esm2022/form-controls/time-picker/updevs-components-form-controls-time-picker.mjs",
+      "types": "./types/updevs-components-form-controls-time-picker.d.ts",
       "default": "./fesm2022/updevs-components-form-controls-time-picker.mjs"
+    },
+    "./layout": {
+      "types": "./types/updevs-components-layout.d.ts",
+      "default": "./fesm2022/updevs-components-layout.mjs"
+    },
+    "./link": {
+      "types": "./types/updevs-components-link.d.ts",
+      "default": "./fesm2022/updevs-components-link.mjs"
+    },
+    "./list": {
+      "types": "./types/updevs-components-list.d.ts",
+      "default": "./fesm2022/updevs-components-list.mjs"
+    },
+    "./modal": {
+      "types": "./types/updevs-components-modal.d.ts",
+      "default": "./fesm2022/updevs-components-modal.mjs"
+    },
+    "./paginator": {
+      "types": "./types/updevs-components-paginator.d.ts",
+      "default": "./fesm2022/updevs-components-paginator.mjs"
+    },
+    "./popover": {
+      "types": "./types/updevs-components-popover.d.ts",
+      "default": "./fesm2022/updevs-components-popover.mjs"
+    },
+    "./pricing": {
+      "types": "./types/updevs-components-pricing.d.ts",
+      "default": "./fesm2022/updevs-components-pricing.mjs"
+    },
+    "./table": {
+      "types": "./types/updevs-components-table.d.ts",
+      "default": "./fesm2022/updevs-components-table.mjs"
     }
   }
 }

package/types/updevs-components-badge.d.ts

@@ -0,0 +1,44 @@
+import * as _angular_core from '@angular/core';
+import { BgColorStyleType, ColorStyleType } from '@updevs/sdk/types';
+import { TextModel } from '@updevs/sdk';
+import * as i2 from '@angular/common';
+
+interface BadgeConfig {
+    bgColor?: BgColorStyleType;
+    textColor?: ColorStyleType;
+    text?: TextModel;
+    isOutline?: boolean;
+    isPill?: boolean;
+    isNotification?: boolean;
+    isBlinking?: boolean;
+    customClasses?: string;
+}
+
+declare class BadgeComponent {
+    get hostClasses(): string;
+    config: _angular_core.InputSignal<BadgeConfig | undefined>;
+    bgColor: _angular_core.InputSignal<BgColorStyleType>;
+    textColor: _angular_core.InputSignal<ColorStyleType | undefined>;
+    text: _angular_core.InputSignal<TextModel | undefined>;
+    isOutline: _angular_core.InputSignal<boolean>;
+    isPill: _angular_core.InputSignal<boolean>;
+    isNotification: _angular_core.InputSignal<boolean>;
+    isBlinking: _angular_core.InputSignal<boolean>;
+    customClasses: _angular_core.InputSignal<string>;
+    get badgeText(): string;
+    private readonly configModel;
+    private readonly classes;
+    private readonly fullClassString;
+    private readonly textService;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BadgeComponent, never>;
+    static ɵcmp: _angular_core.ɵɵ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>;
+}
+
+declare class UpdBadgeModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UpdBadgeModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<UpdBadgeModule, [typeof BadgeComponent], [typeof i2.CommonModule], [typeof BadgeComponent]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<UpdBadgeModule>;
+}
+
+export { BadgeComponent, UpdBadgeModule };
+export type { BadgeConfig };

package/types/updevs-components-button.d.ts

@@ -0,0 +1,75 @@
+import * as _angular_core from '@angular/core';
+import { EventEmitter } from '@angular/core';
+import * as _updevs_sdk_types from '@updevs/sdk/types';
+import { OptionalType, BrandType, LeftRightType, BgColorStyleType } from '@updevs/sdk/types';
+import * as i3 from '@updevs/icons';
+import { IconModel } from '@updevs/icons';
+import { TextModel } from '@updevs/sdk';
+import { ButtonModel } from '@updevs/sdk/layout';
+import * as i4 from '@updevs/components/badge';
+import { BadgeConfig } from '@updevs/components/badge';
+import * as i2 from '@angular/common';
+
+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>;
+    model: _angular_core.InputSignal<ButtonModel | undefined>;
+    text: _angular_core.InputSignal<TextModel | undefined>;
+    brandColorStyle: _angular_core.InputSignal<BrandType | undefined>;
+    customClasses: _angular_core.InputSignal<string | undefined>;
+    isOutline: _angular_core.InputSignal<boolean>;
+    isGhost: _angular_core.InputSignal<boolean>;
+    isSquare: _angular_core.InputSignal<boolean>;
+    isPill: _angular_core.InputSignal<boolean>;
+    isIcon: _angular_core.InputSignal<boolean>;
+    isLoading: _angular_core.InputSignal<boolean>;
+    /**
+     * Whether the button should act as a list (top-bottom alignment instead of left-right related to neighbors).
+     */
+    isList: _angular_core.InputSignal<boolean>;
+    /**
+     * Whether the button should be floating in the bottom right corner.
+     */
+    isFloating: _angular_core.InputSignal<boolean>;
+    isAction: _angular_core.InputSignal<boolean>;
+    isNavigationLink: _angular_core.InputSignal<boolean>;
+    isLink: _angular_core.InputSignal<boolean>;
+    shouldIgnoreBtnClass: _angular_core.InputSignal<boolean>;
+    iconModel: _angular_core.InputSignal<IconModel | undefined>;
+    iconPosition: _angular_core.InputSignal<LeftRightType>;
+    isDisabled: _angular_core.InputSignal<boolean>;
+    isActive: _angular_core.InputSignal<boolean>;
+    badgeConfig: _angular_core.InputSignal<BadgeConfig | undefined>;
+    colorStyle: _angular_core.InputSignal<BgColorStyleType | undefined>;
+    size: _angular_core.InputSignal<_updevs_sdk_types.SizeType>;
+    title: _angular_core.InputSignal<TextModel | undefined>;
+    stopPropagation: _angular_core.InputSignal<boolean>;
+    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;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ButtonComponent, never>;
+    static ɵcmp: _angular_core.ɵɵ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; }; "stopPropagation": { "alias": "stopPropagation"; "required": false; "isSignal": true; }; }, { "clicked": "clicked"; }, never, ["*"], false, never>;
+}
+
+declare class UpdButtonModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UpdButtonModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<UpdButtonModule, [typeof ButtonComponent], [typeof i2.CommonModule, typeof i3.UpdIconsModule, typeof i4.UpdBadgeModule], [typeof ButtonComponent]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<UpdButtonModule>;
+}
+
+export { ButtonComponent, UpdButtonModule };

package/types/updevs-components-calendar.d.ts

@@ -0,0 +1,175 @@
+import { OptionalType } from '@updevs/sdk/types';
+import * as _angular_core from '@angular/core';
+import { OnInit } from '@angular/core';
+import * as i4 from '@jsverse/transloco';
+import { TranslocoService } from '@jsverse/transloco';
+import * as i2 from '@angular/common';
+import * as i3 from '@updevs/components/button';
+import * as i5 from '@updevs/icons';
+
+interface CalendarUserEventModel<TValue> {
+    value: TValue;
+    event: Event;
+}
+
+/**
+ * A class representing a range of dates.
+ */
+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);
+}
+
+declare enum CalendarViewEnum {
+    Days = "days",
+    Months = "months",
+    Years = "years"
+}
+
+interface CalendarDateModel {
+    date: Date;
+    isCurrentMonth: boolean;
+    isToday: boolean;
+    isSelected: boolean;
+    isDisabled: boolean;
+    isInRange?: boolean;
+    isRangeStart?: boolean;
+    isRangeEnd?: boolean;
+}
+
+interface CalendarMonthModel {
+    monthIndex: number;
+    name: string;
+    isCurrentMonth: boolean;
+    isSelected: boolean;
+    isDisabled: boolean;
+}
+
+interface CalendarYearModel {
+    year: number;
+    isCurrentYear: boolean;
+    isSelected: boolean;
+    isDisabled: boolean;
+}
+
+interface CalendarSelectedModel {
+    selectedDate?: Date;
+    startDate?: Date;
+    endDate?: Date;
+}
+
+/**
+ * Provides the default date range selection behavior.
+ */
+declare class CalendarRangeStrategyService {
+    private readonly dateService;
+    /**
+     * Called when the user has finished selecting a value.
+     * @param date Date that was selected. Will be null if the user cleared the selection.
+     * @param currentRange Range that is currently show in the calendar.
+     */
+    selectionFinished(date: OptionalType<Date>, currentRange: DateRangeModel): DateRangeModel;
+    /**
+     * Called when the user has activated a new date (e.g. by hovering over
+     * it or moving focus) and the calendar tries to display a date range.
+     *
+     * @param activeDate Date that the user has activated. Will be null if the user moved
+     *    focus to an element that's no a calendar cell.
+     * @param currentRange Range that is currently shown in the calendar.
+     */
+    createPreview(activeDate: OptionalType<Date>, currentRange: DateRangeModel): DateRangeModel;
+    /**
+     * Called when the user has dragged a date in the currently selected range to another
+     * date. Returns the date updated range that should result from this interaction.
+     *
+     * @param dragOrigin The date the user started dragging from.
+     * @param originalRange The originally selected date range.
+     * @param newDate The currently targeted date in the drag operation.
+     */
+    createDrag(dragOrigin: Date, originalRange: DateRangeModel, newDate: Date): OptionalType<DateRangeModel>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CalendarRangeStrategyService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<CalendarRangeStrategyService>;
+}
+
+type CalendarViewType = 'month' | 'year' | 'multi-year';
+
+declare class CalendarComponent implements OnInit {
+    readonly selectedDate: _angular_core.InputSignal<OptionalType<Date>>;
+    readonly selectedStartDate: _angular_core.InputSignal<OptionalType<Date>>;
+    readonly selectedEndDate: _angular_core.InputSignal<OptionalType<Date>>;
+    readonly minDate: _angular_core.InputSignal<OptionalType<Date>>;
+    readonly maxDate: _angular_core.InputSignal<OptionalType<Date>>;
+    readonly disabledDatesFilter: _angular_core.InputSignal<OptionalType<(date: Date) => boolean>>;
+    readonly isRange: _angular_core.InputSignal<boolean>;
+    readonly shouldRemoveExternalBorder: _angular_core.InputSignal<boolean>;
+    readonly selected: _angular_core.OutputEmitterRef<OptionalType<CalendarSelectedModel>>;
+    readonly monthChanged: _angular_core.OutputEmitterRef<Date>;
+    CalendarViewEnum: typeof CalendarViewEnum;
+    readonly currentView: _angular_core.WritableSignal<CalendarViewEnum>;
+    readonly currentDate: _angular_core.WritableSignal<Date>;
+    readonly yearRange: _angular_core.WritableSignal<{
+        start: number;
+        end: number;
+    }>;
+    readonly currentYear: _angular_core.Signal<number>;
+    readonly currentMonth: _angular_core.Signal<number>;
+    readonly currentMonthName: _angular_core.Signal<string>;
+    readonly calendarDays: _angular_core.Signal<CalendarDateModel[]>;
+    readonly calendarMonths: _angular_core.Signal<CalendarMonthModel[]>;
+    readonly calendarYears: _angular_core.Signal<CalendarYearModel[]>;
+    readonly weekDayNames: _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: _angular_core.ɵɵFactoryDeclaration<CalendarComponent, never>;
+    static ɵcmp: _angular_core.ɵɵ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>;
+}
+
+declare class UpdCalendarModule {
+    constructor(translocoService: TranslocoService);
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UpdCalendarModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<UpdCalendarModule, [typeof CalendarComponent], [typeof i2.CommonModule, typeof i3.UpdButtonModule, typeof i4.TranslocoDirective, typeof i5.UpdIconsModule], [typeof CalendarComponent]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<UpdCalendarModule>;
+}
+
+export { CalendarComponent, CalendarRangeStrategyService, CalendarViewEnum, DateRangeModel, UpdCalendarModule };
+export type { CalendarDateModel, CalendarMonthModel, CalendarSelectedModel, CalendarUserEventModel, CalendarViewType, CalendarYearModel };