@drayman/elements 1.57.0 → 1.59.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@drayman/elements",
-  "version": "1.57.0",
+  "version": "1.59.0",
   "description": "A collection of web components for Drayman.",
   "license": "MIT",
   "keywords": [
@@ -12,7 +12,7 @@
     "build:types": "tsc -p ./tsconfig.types.json",
     "typedoc": "npm run build:types && typedoc --tsconfig ./tsconfig.types.json",
     "lint": "ng lint",
-    "build": "npm run build:calendar && npm run build:code-editor && npm run build:button && npm run build:text-field && npm run build:claviz-charts && npm run build:file-uploader && npm run build:number-field && npm run build:select && npm run build:table && npm run build:checkbox && npm run build:slider && npm run build:textarea-field && npm run build:radio-group && npm run build:datepicker && npm run build:timepicker && npm run build:pdf-viewer && npm run build:ngx-charts && npm run build:menu && npm run build:ngx-graph && npm run build:youtube-player && npm run build:nebula && npm run build:grid && npm run build:gauge && npm run typedoc",
+    "build": "npm run build:calendar && npm run build:code-editor && npm run build:button && npm run build:text-field && npm run build:claviz-charts && npm run build:file-uploader && npm run build:number-field && npm run build:select && npm run build:table && npm run build:checkbox && npm run build:slider && npm run build:textarea-field && npm run build:radio-group && npm run build:datepicker && npm run build:timepicker && npm run build:pdf-viewer && npm run build:ngx-charts && npm run build:menu && npm run build:ngx-graph && npm run build:youtube-player && npm run build:nebula && npm run build:grid && npm run build:gauge && npm run build:year-calendar && npm run typedoc",
     "build:code-editor": "ng build code-editor --extra-webpack-config webpack.partial.js --configuration production --single-bundle --output-hashing=none",
     "build:calendar": "ng build calendar --configuration production --single-bundle --output-hashing=none",
     "build:button": "ng build button --configuration production --single-bundle --output-hashing=none",
@@ -36,6 +36,7 @@
     "build:ngx-charts": "ng build ngx-charts --configuration production --single-bundle --output-hashing=none",
     "build:ngx-graph": "ng build ngx-graph --configuration production --single-bundle --output-hashing=none",
     "build:menu": "ng build menu --configuration production --single-bundle --output-hashing=none",
+    "build:year-calendar": "ng build year-calendar --configuration production --single-bundle --output-hashing=none",
     "create-element": "./element-generator/create.sh",
     "e2e": "ng e2e"
   },
@@ -53,6 +54,9 @@
       "drayman-calendar": {
         "script": "./dist/calendar/main.js"
       },
+      "drayman-year-calendar": {
+        "script": "./dist/year-calendar/main.js"
+      },
       "drayman-code-editor": {
         "script": "./dist/code-editor/main.js"
       },
@@ -151,6 +155,7 @@
     "claviz-charts": "0.5.0",
     "codelyzer": "^6.0.0",
     "codemirror": "5.65.2",
+    "cpx": "^1.5.0",
     "d3-require": "1.2.4",
     "date-fns": "2.29.2",
     "dayjs": "1.9.6",

package/types/index.d.ts

@@ -3,6 +3,7 @@ import { DraymanClavizCharts } from '../dist/types/claviz-charts/src/app/models/
 import { DraymanDatepicker } from '../dist/types/datepicker/src/app/models/datepicker-options';
 import { DraymanGauge } from '../dist/types/gauge/src/app/models/gauge-options';
 import { DraymanFileUploader } from '../dist/types/file-uploader/src/app/models/file-uploader-options';
+import { DraymanYearCalendar } from '../dist/types/year-calendar/src/app/models/year-calendar-options';
 import { DraymanMenu } from '../dist/types/menu/src/app/models/menu-options';
 import { DraymanNgxCharts } from '../dist/types/ngx-charts/src/app/models/ngx-charts-options';
 import { DraymanNgxGraph } from '../dist/types/ngx-graph/src/app/models/ngx-graph-options';
@@ -313,6 +314,44 @@ declare global {
      * ```
      */
     interface DraymanSliderProps extends DraymanSlider, DraymanElementsProps { }
+    /**
+     * # <drayman-year-calendar \/>
+     *
+     * Year calendar.
+     *
+     * ## Example of usage
+     *
+     * ### Year calendar with selected dates.
+     * ![](media://drayman-year-calendar.gif)
+     *
+     * ```typescript
+     * export const component: DraymanComponent = async ({ forceUpdate }) => {
+     * 
+     *     let selectedDates = ['2025-01-01'];
+     * 
+     *     return () => {
+     *         return (
+     *             <div>
+     *                 <p>Selected dates count: {selectedDates.length}</p>
+     *                 <drayman-year-calendar
+     *                     selectedDates={selectedDates}
+     *                     year={2025}
+     *                     onDayClick={async ({ date }) => {
+     *                         if (selectedDates.includes(date)) {
+     *                             selectedDates = selectedDates.filter((d) => d !== date);
+     *                         } else {
+     *                             selectedDates.push(date);
+     *                         }
+     *                         await forceUpdate();
+     *                     }}
+     *                 />
+     *             </div>
+     *         );
+     *     }
+     * }
+     * ```
+     */
+    interface DraymanYearCalendarProps extends DraymanYearCalendar, DraymanElementsProps { }
     /**
      * # <drayman-claviz-charts \/>
      *