npm - @tetacom/ng-components - Versions diffs - 1.2.0 → 1.2.1 - Mend

@tetacom/ng-components 1.2.0 → 1.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (143) hide show

package/esm2022/common/service/click.service.mjs CHANGED Viewed

@@ -8,10 +8,10 @@ export class ClickService {
         this.click = fromEvent(this._document, 'click');
         this.contextMenu = fromEvent(this._document, 'contextmenu');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: ClickService, deps: [{ token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: ClickService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: ClickService, deps: [{ token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: ClickService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: ClickService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: ClickService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',

package/esm2022/common/service/dynamic-component.service.mjs CHANGED Viewed

@@ -81,10 +81,10 @@ export class DynamicComponentService {
         this._appRef.attachView(componentRef.hostView);
         return new TetaContentRef([[componentNativeEl]], componentRef.hostView, componentRef);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: DynamicComponentService, deps: [{ token: i0.ComponentFactoryResolver }, { token: i0.RendererFactory2 }, { token: i0.ApplicationRef }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: DynamicComponentService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: DynamicComponentService, deps: [{ token: i0.ComponentFactoryResolver }, { token: i0.RendererFactory2 }, { token: i0.ApplicationRef }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: DynamicComponentService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: DynamicComponentService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: DynamicComponentService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',

package/esm2022/common/service/overlay-container.service.mjs CHANGED Viewed

@@ -26,10 +26,10 @@ export class OverlayContainerService {
     ngOnDestroy() {
         this.removeContainer();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: OverlayContainerService, deps: [{ token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: OverlayContainerService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: OverlayContainerService, deps: [{ token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: OverlayContainerService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: OverlayContainerService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: OverlayContainerService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',

package/esm2022/component/accordion/accordion/accordion.component.mjs CHANGED Viewed

@@ -4,10 +4,10 @@ export class AccordionComponent {
     constructor() {
         this.accordionClassName = true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: AccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: AccordionComponent, isStandalone: true, selector: "teta-accordion", host: { properties: { "class.accordion": "this.accordionClassName" } }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: AccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.5", type: AccordionComponent, isStandalone: true, selector: "teta-accordion", host: { properties: { "class.accordion": "this.accordionClassName" } }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: AccordionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: AccordionComponent, decorators: [{
             type: Component,
             args: [{ selector: 'teta-accordion', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<ng-content></ng-content>\n" }]
         }], propDecorators: { accordionClassName: [{

package/esm2022/component/accordion/accordion-content.directive.mjs CHANGED Viewed

@@ -4,10 +4,10 @@ export class AccordionContentDirective {
     constructor(template) {
         this.template = template;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: AccordionContentDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.1.3", type: AccordionContentDirective, isStandalone: true, selector: "[tetaAccordionContent]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: AccordionContentDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.5", type: AccordionContentDirective, isStandalone: true, selector: "[tetaAccordionContent]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: AccordionContentDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: AccordionContentDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[tetaAccordionContent]',

package/esm2022/component/accordion/accordion-head/accordion-head.component.mjs CHANGED Viewed

@@ -23,10 +23,10 @@ export class AccordionHeadComponent {
     }
     ngOnInit() {
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: AccordionHeadComponent, deps: [{ token: AccordionItemComponent, host: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: AccordionHeadComponent, isStandalone: true, selector: "teta-accordion-head", inputs: { showToggle: "showToggle" }, host: { listeners: { "click": "toggle()" }, properties: { "class.accordion-head": "this.accordionHeadClass", "class.accordion-head_open": "this.open", "class.accordion-head_disabled": "this.disabled" } }, ngImport: i0, template: "<ng-content></ng-content>\n@if (showToggle) {\n  <div class=\"accordion-toggle\">\n    <teta-icon [name]=\"open ? 'arrowUpKey' : 'arrowDownKey'\"></teta-icon>\n  </div>\n}\n\n", styles: [""], dependencies: [{ kind: "component", type: IconComponent, selector: "teta-icon", inputs: ["name", "size", "palette", "class"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: AccordionHeadComponent, deps: [{ token: AccordionItemComponent, host: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: AccordionHeadComponent, isStandalone: true, selector: "teta-accordion-head", inputs: { showToggle: "showToggle" }, host: { listeners: { "click": "toggle()" }, properties: { "class.accordion-head": "this.accordionHeadClass", "class.accordion-head_open": "this.open", "class.accordion-head_disabled": "this.disabled" } }, ngImport: i0, template: "<ng-content></ng-content>\n@if (showToggle) {\n  <div class=\"accordion-toggle\">\n    <teta-icon [name]=\"open ? 'arrowUpKey' : 'arrowDownKey'\"></teta-icon>\n  </div>\n}\n\n", styles: [""], dependencies: [{ kind: "component", type: IconComponent, selector: "teta-icon", inputs: ["name", "size", "palette", "class"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: AccordionHeadComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: AccordionHeadComponent, decorators: [{
             type: Component,
             args: [{ selector: 'teta-accordion-head', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
                         IconComponent

package/esm2022/component/accordion/accordion-item/accordion-item.component.mjs CHANGED Viewed

@@ -20,10 +20,10 @@ export class AccordionItemComponent {
         this.open = !this.open;
         this.cdr$.detectChanges();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: AccordionItemComponent, deps: [{ token: AccordionComponent, optional: true }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: AccordionItemComponent, isStandalone: true, selector: "teta-accordion-item", inputs: { open: "open", disabled: "disabled", viewType: "viewType" }, host: { properties: { "class.accordion-item_active": "this.open", "class.accordion-item": "this.accordionItemClass", "class": "this.class" } }, queries: [{ propertyName: "content", first: true, predicate: AccordionContentDirective, descendants: true }], ngImport: i0, template: "<ng-content select=\"teta-accordion-head\"></ng-content>\n@if (open) {\n  <div class=\"accordion-content\">\n    <ng-container *ngTemplateOutlet=\"content!.template\"></ng-container>\n  </div>\n}\n", styles: [""], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: AccordionItemComponent, deps: [{ token: AccordionComponent, optional: true }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: AccordionItemComponent, isStandalone: true, selector: "teta-accordion-item", inputs: { open: "open", disabled: "disabled", viewType: "viewType" }, host: { properties: { "class.accordion-item_active": "this.open", "class.accordion-item": "this.accordionItemClass", "class": "this.class" } }, queries: [{ propertyName: "content", first: true, predicate: AccordionContentDirective, descendants: true }], ngImport: i0, template: "<ng-content select=\"teta-accordion-head\"></ng-content>\n@if (open) {\n  <div class=\"accordion-content\">\n    <ng-container *ngTemplateOutlet=\"content!.template\"></ng-container>\n  </div>\n}\n", styles: [""], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: AccordionItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: AccordionItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'teta-accordion-item', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgTemplateOutlet], template: "<ng-content select=\"teta-accordion-head\"></ng-content>\n@if (open) {\n  <div class=\"accordion-content\">\n    <ng-container *ngTemplateOutlet=\"content!.template\"></ng-container>\n  </div>\n}\n" }]
         }], ctorParameters: () => [{ type: i1.AccordionComponent, decorators: [{

package/esm2022/component/autocomplete/autocomplete/autocomplete.component.mjs CHANGED Viewed

@@ -4,10 +4,10 @@ export class AutocompleteComponent {
     constructor() { }
     ngOnInit() {
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: AutocompleteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: AutocompleteComponent, isStandalone: true, selector: "teta-autocomplete", ngImport: i0, template: "<p>autocomplete works!</p>\n", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: AutocompleteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.5", type: AutocompleteComponent, isStandalone: true, selector: "teta-autocomplete", ngImport: i0, template: "<p>autocomplete works!</p>\n", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: AutocompleteComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: AutocompleteComponent, decorators: [{
             type: Component,
             args: [{ selector: 'teta-autocomplete', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<p>autocomplete works!</p>\n" }]
         }], ctorParameters: () => [] });

package/esm2022/component/avatar/avatar/avatar.component.mjs CHANGED Viewed

@@ -33,10 +33,10 @@ export class AvatarComponent {
     }
     ngOnInit() {
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: AvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: AvatarComponent, isStandalone: true, selector: "teta-avatar", inputs: { photo: "photo", name: "name", id: "id", viewType: "viewType", size: "size" }, host: { properties: { "class": "this.avatar" } }, ngImport: i0, template: "<div [class]=\"avatar\">\n  @if (photo) {\n    <img [class]=\"'avatar_' + this.viewType\" [src]=\"photo\" alt=\"\"/>\n  } @else {\n    <div [class]=\"'avatar_' + this.viewType\" [style.background-color]=\"colorMap.get(id%17)||colorMap.get(0)\"\n      class=\"column align-center justify-content-center position-relative\">\n      @if (name) {\n        <p>{{name}}</p>\n      } @else {\n        <teta-icon class=\"width-10 height-10\" style=\"fill: white;width:{{size}}px; height:{{size}}px\"\n        name=\"photoCamera\"></teta-icon>\n      }\n      <div [class]=\"'avatar_' + this.viewType\" class=\"position-absolute\"\n      style=\"width: 100%;z-index:1;height: 100%; background: linear-gradient(180deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0) 100%);'\"></div>\n    </div>\n  }\n\n</div>\n", styles: [".avatar{font-style:normal;font-weight:600;line-height:16px}.avatar_brick{border-radius:var(--radius-base-brick)}.avatar_circle{border-radius:var(--radius-base-circle)}.avatar_rounded{border-radius:var(--radius-base-round)}.avatar-size-24{height:24px;width:24px;font-size:11px}.avatar-size-24 img,.avatar-size-24 div{height:24px;width:24px}.avatar-size-28{height:28px;width:28px;font-size:11px}.avatar-size-28 img,.avatar-size-28 div{height:28px;width:28px}.avatar-size-32{height:32px;width:32px;font-size:11px}.avatar-size-32 img,.avatar-size-32 div{height:32px;width:32px}.avatar-size-44{height:44px;width:44px;font-size:14px}.avatar-size-44 img,.avatar-size-44 div{height:44px;width:44px}.avatar-size-64{height:64px;width:64px;font-size:16px}.avatar-size-64 img,.avatar-size-64 div{height:64px;width:64px}.avatar-size-128{height:128px;width:128px;font-size:28px}.avatar-size-128 img,.avatar-size-128 div{height:128px;width:128px}.avatar-size-200{height:200px;width:200px;font-size:35px}.avatar-size-200 img,.avatar-size-200 div{height:200px;width:200px}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "teta-icon", inputs: ["name", "size", "palette", "class"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: AvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: AvatarComponent, isStandalone: true, selector: "teta-avatar", inputs: { photo: "photo", name: "name", id: "id", viewType: "viewType", size: "size" }, host: { properties: { "class": "this.avatar" } }, ngImport: i0, template: "<div [class]=\"avatar\">\n  @if (photo) {\n    <img [class]=\"'avatar_' + this.viewType\" [src]=\"photo\" alt=\"\"/>\n  } @else {\n    <div [class]=\"'avatar_' + this.viewType\" [style.background-color]=\"colorMap.get(id%17)||colorMap.get(0)\"\n      class=\"column align-center justify-content-center position-relative\">\n      @if (name) {\n        <p>{{name}}</p>\n      } @else {\n        <teta-icon class=\"width-10 height-10\" style=\"fill: white;width:{{size}}px; height:{{size}}px\"\n        name=\"photoCamera\"></teta-icon>\n      }\n      <div [class]=\"'avatar_' + this.viewType\" class=\"position-absolute\"\n      style=\"width: 100%;z-index:1;height: 100%; background: linear-gradient(180deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0) 100%);'\"></div>\n    </div>\n  }\n\n</div>\n", styles: [".avatar{font-style:normal;font-weight:600;line-height:16px}.avatar_brick{border-radius:var(--radius-base-brick)}.avatar_circle{border-radius:var(--radius-base-circle)}.avatar_rounded{border-radius:var(--radius-base-round)}.avatar-size-24{height:24px;width:24px;font-size:11px}.avatar-size-24 img,.avatar-size-24 div{height:24px;width:24px}.avatar-size-28{height:28px;width:28px;font-size:11px}.avatar-size-28 img,.avatar-size-28 div{height:28px;width:28px}.avatar-size-32{height:32px;width:32px;font-size:11px}.avatar-size-32 img,.avatar-size-32 div{height:32px;width:32px}.avatar-size-44{height:44px;width:44px;font-size:14px}.avatar-size-44 img,.avatar-size-44 div{height:44px;width:44px}.avatar-size-64{height:64px;width:64px;font-size:16px}.avatar-size-64 img,.avatar-size-64 div{height:64px;width:64px}.avatar-size-128{height:128px;width:128px;font-size:28px}.avatar-size-128 img,.avatar-size-128 div{height:128px;width:128px}.avatar-size-200{height:200px;width:200px;font-size:35px}.avatar-size-200 img,.avatar-size-200 div{height:200px;width:200px}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "teta-icon", inputs: ["name", "size", "palette", "class"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: AvatarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: AvatarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'teta-avatar', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [IconComponent], template: "<div [class]=\"avatar\">\n  @if (photo) {\n    <img [class]=\"'avatar_' + this.viewType\" [src]=\"photo\" alt=\"\"/>\n  } @else {\n    <div [class]=\"'avatar_' + this.viewType\" [style.background-color]=\"colorMap.get(id%17)||colorMap.get(0)\"\n      class=\"column align-center justify-content-center position-relative\">\n      @if (name) {\n        <p>{{name}}</p>\n      } @else {\n        <teta-icon class=\"width-10 height-10\" style=\"fill: white;width:{{size}}px; height:{{size}}px\"\n        name=\"photoCamera\"></teta-icon>\n      }\n      <div [class]=\"'avatar_' + this.viewType\" class=\"position-absolute\"\n      style=\"width: 100%;z-index:1;height: 100%; background: linear-gradient(180deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0) 100%);'\"></div>\n    </div>\n  }\n\n</div>\n", styles: [".avatar{font-style:normal;font-weight:600;line-height:16px}.avatar_brick{border-radius:var(--radius-base-brick)}.avatar_circle{border-radius:var(--radius-base-circle)}.avatar_rounded{border-radius:var(--radius-base-round)}.avatar-size-24{height:24px;width:24px;font-size:11px}.avatar-size-24 img,.avatar-size-24 div{height:24px;width:24px}.avatar-size-28{height:28px;width:28px;font-size:11px}.avatar-size-28 img,.avatar-size-28 div{height:28px;width:28px}.avatar-size-32{height:32px;width:32px;font-size:11px}.avatar-size-32 img,.avatar-size-32 div{height:32px;width:32px}.avatar-size-44{height:44px;width:44px;font-size:14px}.avatar-size-44 img,.avatar-size-44 div{height:44px;width:44px}.avatar-size-64{height:64px;width:64px;font-size:16px}.avatar-size-64 img,.avatar-size-64 div{height:64px;width:64px}.avatar-size-128{height:128px;width:128px;font-size:28px}.avatar-size-128 img,.avatar-size-128 div{height:128px;width:128px}.avatar-size-200{height:200px;width:200px;font-size:35px}.avatar-size-200 img,.avatar-size-200 div{height:200px;width:200px}\n"] }]
         }], ctorParameters: () => [], propDecorators: { photo: [{

package/esm2022/component/button/button/button.component.mjs CHANGED Viewed

@@ -30,10 +30,10 @@ export class ButtonComponent {
     }
     ngOnInit() {
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: ButtonComponent, isStandalone: true, selector: "button[teta-button], teta-button", inputs: { palette: "palette", class: "class", view: "view", square: "square", viewType: "viewType", size: "size" }, host: { properties: { "class": "this.getClass" } }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.5", type: ButtonComponent, isStandalone: true, selector: "button[teta-button], teta-button", inputs: { palette: "palette", class: "class", view: "view", square: "square", viewType: "viewType", size: "size" }, host: { properties: { "class": "this.getClass" } }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: ButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: ButtonComponent, decorators: [{
             type: Component,
             args: [{ selector: 'button[teta-button], teta-button', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<ng-content></ng-content>\n" }]
         }], ctorParameters: () => [], propDecorators: { palette: [{

package/esm2022/component/chart-3d/chart3d/chart3d.component.mjs CHANGED Viewed

@@ -239,10 +239,10 @@ export class Chart3dComponent {
             .nice();
         return { x, y, z };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: Chart3dComponent, deps: [{ token: i0.ElementRef }, { token: i1.ThemeSwitchService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: Chart3dComponent, isStandalone: true, selector: "teta-chart3d", inputs: { config: "config" }, viewQueries: [{ propertyName: "canvasRef", first: true, predicate: ["canvas"], descendants: true }], ngImport: i0, template: "<canvas #canvas></canvas>\n", styles: [":host{display:flex;width:100%;height:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: Chart3dComponent, deps: [{ token: i0.ElementRef }, { token: i1.ThemeSwitchService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.5", type: Chart3dComponent, isStandalone: true, selector: "teta-chart3d", inputs: { config: "config" }, viewQueries: [{ propertyName: "canvasRef", first: true, predicate: ["canvas"], descendants: true }], ngImport: i0, template: "<canvas #canvas></canvas>\n", styles: [":host{display:flex;width:100%;height:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: Chart3dComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: Chart3dComponent, decorators: [{
             type: Component,
             args: [{ selector: 'teta-chart3d', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<canvas #canvas></canvas>\n", styles: [":host{display:flex;width:100%;height:100%}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.ThemeSwitchService }], propDecorators: { canvasRef: [{

package/esm2022/component/checkbox/checkbox/checkbox.component.mjs CHANGED Viewed

@@ -99,10 +99,10 @@ export class CheckboxComponent {
         this.disabled = isDisabled;
         this.cdr.detectChanges();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: CheckboxComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: CheckboxComponent, isStandalone: true, selector: "teta-checkbox", inputs: { class: "class", palette: "palette", noLabel: "noLabel", disabled: "disabled", value: "value", binary: "binary", labelPosition: "labelPosition", allowNull: "allowNull" }, host: { listeners: { "click": "changeValue()" }, properties: { "attr.tabindex": "this.tabindex", "class": "this.getClass", "class.checkbox_disabled": "this.disabled" } }, providers: [CHECKBOX_CONTROL_VALUE_ACCESSOR], ngImport: i0, template: "@if (labelPosition==='right') {\n  <div class=\"checkbox__tick\" [class.checkbox__tick_active]=\"checked != false\">\n    <teta-icon [name]=\"checked ? 'tick' : checked === false ? '' : 'dash'\"></teta-icon>\n  </div>\n  @if (!noLabel) {\n    <span class=\"font-body-3\">\n      <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    </span>\n  }\n}\n@if (labelPosition==='left') {\n  @if (!noLabel) {\n    <span class=\"font-body-3\">\n      <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    </span>\n  }\n  <div class=\"checkbox__tick\" [class.checkbox__tick_active]=\"checked != false\">\n    <teta-icon [name]=\"checked ? 'tick' : checked === false ? '' : 'dash'\"></teta-icon>\n  </div>\n}\n<ng-template #content><ng-content></ng-content></ng-template>\n", styles: [""], dependencies: [{ kind: "component", type: IconComponent, selector: "teta-icon", inputs: ["name", "size", "palette", "class"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: CheckboxComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: CheckboxComponent, isStandalone: true, selector: "teta-checkbox", inputs: { class: "class", palette: "palette", noLabel: "noLabel", disabled: "disabled", value: "value", binary: "binary", labelPosition: "labelPosition", allowNull: "allowNull" }, host: { listeners: { "click": "changeValue()" }, properties: { "attr.tabindex": "this.tabindex", "class": "this.getClass", "class.checkbox_disabled": "this.disabled" } }, providers: [CHECKBOX_CONTROL_VALUE_ACCESSOR], ngImport: i0, template: "@if (labelPosition==='right') {\n  <div class=\"checkbox__tick\" [class.checkbox__tick_active]=\"checked != false\">\n    <teta-icon [name]=\"checked ? 'tick' : checked === false ? '' : 'dash'\"></teta-icon>\n  </div>\n  @if (!noLabel) {\n    <span class=\"font-body-3\">\n      <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    </span>\n  }\n}\n@if (labelPosition==='left') {\n  @if (!noLabel) {\n    <span class=\"font-body-3\">\n      <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    </span>\n  }\n  <div class=\"checkbox__tick\" [class.checkbox__tick_active]=\"checked != false\">\n    <teta-icon [name]=\"checked ? 'tick' : checked === false ? '' : 'dash'\"></teta-icon>\n  </div>\n}\n<ng-template #content><ng-content></ng-content></ng-template>\n", styles: [""], dependencies: [{ kind: "component", type: IconComponent, selector: "teta-icon", inputs: ["name", "size", "palette", "class"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: CheckboxComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: CheckboxComponent, decorators: [{
             type: Component,
             args: [{ selector: 'teta-checkbox', providers: [CHECKBOX_CONTROL_VALUE_ACCESSOR], changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [IconComponent, NgTemplateOutlet], template: "@if (labelPosition==='right') {\n  <div class=\"checkbox__tick\" [class.checkbox__tick_active]=\"checked != false\">\n    <teta-icon [name]=\"checked ? 'tick' : checked === false ? '' : 'dash'\"></teta-icon>\n  </div>\n  @if (!noLabel) {\n    <span class=\"font-body-3\">\n      <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    </span>\n  }\n}\n@if (labelPosition==='left') {\n  @if (!noLabel) {\n    <span class=\"font-body-3\">\n      <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    </span>\n  }\n  <div class=\"checkbox__tick\" [class.checkbox__tick_active]=\"checked != false\">\n    <teta-icon [name]=\"checked ? 'tick' : checked === false ? '' : 'dash'\"></teta-icon>\n  </div>\n}\n<ng-template #content><ng-content></ng-content></ng-template>\n" }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { tabindex: [{

package/esm2022/component/date-picker/base-calendar.mjs CHANGED Viewed

@@ -115,10 +115,10 @@ export class BaseCalendar {
     selectDate(date) {
         this.setDate.emit(date);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: BaseCalendar, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: BaseCalendar, selector: "ng-component", usesOnChanges: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: BaseCalendar, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.5", type: BaseCalendar, selector: "ng-component", usesOnChanges: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: BaseCalendar, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: BaseCalendar, decorators: [{
             type: Component,
             args: [{
                     template: '',

package/esm2022/component/date-picker/date-picker/date-calendar/date-calendar.component.mjs CHANGED Viewed

@@ -24,10 +24,10 @@ export class DateCalendarComponent extends BaseCalendar {
             this.calendar = _;
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: DateCalendarComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: DateCalendarComponent, isStandalone: true, selector: "teta-date-calendar", inputs: { selectedDate: "selectedDate", open: "open", locale: "locale", viewType: "viewType", min: "min", isDateNull: "isDateNull", max: "max" }, outputs: { setDate: "setDate" }, usesInheritance: true, ngImport: i0, template: "@if ({currentMonth:currentMonth|async,currentYear:currentYear|async,selectedPicker:selectedPicker|async}; as data) {\n  <div\n    class=\"datepicker-content overflow-y-auto\"\n    >\n    @if (data.selectedPicker==='day') {\n      <div class=\"padding-h-3 padding-v-2\" (wheel)=\"scrollMonth($event,data.currentMonth,data.currentYear)\">\n        <div class=\"row align-center justify-content-between\">\n          <teta-button [class]=\"'change-month-button datepicker_'+viewType\" [square]=\"true\"\n            (click)=\"changeMonth(data.currentMonth-1,data.currentYear)\"\n            palette=\"text\"\n            view=\"ghost\">\n            <teta-icon name=\"arrowLeftKey\" [palette]=\"'text'\"></teta-icon>\n          </teta-button>\n          <div class=\"row gap-4 font-button-2 \">\n            <button [class]=\"'datepicker_'+viewType \" teta-button view=\"ghost\" palette=\"text\"\n            (click)=\"selectPicker('month')\"> {{getMothName(data.currentMonth)}}</button>\n            <button [class]=\"'datepicker_'+viewType\" teta-button view=\"ghost\" palette=\"text\"\n            (click)=\"selectPicker('year')\">{{data.currentYear}}</button>\n          </div>\n          <teta-button [square]=\"true\" [class]=\"'change-month-button datepicker_'+viewType\"\n            (click)=\"changeMonth(data.currentMonth+1,data.currentYear)\"\n            palette=\"text\"\n            view=\"ghost\">\n            <teta-icon name=\"arrowRightKey\" [palette]=\"'text'\"></teta-icon>\n          </teta-button>\n        </div>\n        <div>\n          <teta-day-picker [viewType]=\"viewType\" (selectDate)=\"selectDate($event)\" [locale]=\"locale\"\n          [calendar]=\"calendar\"></teta-day-picker>\n        </div>\n      </div>\n    }\n    @if (data.selectedPicker==='month') {\n      <teta-month-picker [localeMoths]=\"locale.months\" [currentYear]=\"data.currentYear\" (changeYear)=\"setYear($event)\"\n        [selectedMonth]=\"data.currentMonth\" [viewType]=\"viewType\"\n      (selectMonth)=\"selectMonth($event)\"></teta-month-picker>\n    }\n    @if (data.selectedPicker==='year') {\n      <teta-year-picker [locale]=\"locale\" [viewType]=\"viewType\" (selectYear)=\"selectYear($event)\"\n      [selectedYear]=\"data.currentYear\"></teta-year-picker>\n    }\n  </div>\n}\n\n", styles: [".change-month-button{-webkit-user-select:none;user-select:none}\n"], dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[teta-button], teta-button", inputs: ["palette", "class", "view", "square", "viewType", "size"] }, { kind: "component", type: IconComponent, selector: "teta-icon", inputs: ["name", "size", "palette", "class"] }, { kind: "component", type: DayPickerComponent, selector: "teta-day-picker", inputs: ["date", "calendar", "viewType", "range", "min", "max", "locale", "hoveredDate"], outputs: ["hoveredDateChange", "selectDate"] }, { kind: "component", type: MonthPickerComponent, selector: "teta-month-picker", inputs: ["selectedMonth", "viewType", "currentYear", "localeMoths"], outputs: ["selectMonth", "changeYear"] }, { kind: "component", type: YearPickerComponent, selector: "teta-year-picker", inputs: ["selectedYear", "viewType", "minMax", "locale"], outputs: ["selectYear"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: DateCalendarComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: DateCalendarComponent, isStandalone: true, selector: "teta-date-calendar", inputs: { selectedDate: "selectedDate", open: "open", locale: "locale", viewType: "viewType", min: "min", isDateNull: "isDateNull", max: "max" }, outputs: { setDate: "setDate" }, usesInheritance: true, ngImport: i0, template: "@if ({currentMonth:currentMonth|async,currentYear:currentYear|async,selectedPicker:selectedPicker|async}; as data) {\n  <div\n    class=\"datepicker-content overflow-y-auto\"\n    >\n    @if (data.selectedPicker==='day') {\n      <div class=\"padding-h-3 padding-v-2\" (wheel)=\"scrollMonth($event,data.currentMonth,data.currentYear)\">\n        <div class=\"row align-center justify-content-between\">\n          <teta-button [class]=\"'change-month-button datepicker_'+viewType\" [square]=\"true\"\n            (click)=\"changeMonth(data.currentMonth-1,data.currentYear)\"\n            palette=\"text\"\n            view=\"ghost\">\n            <teta-icon name=\"arrowLeftKey\" [palette]=\"'text'\"></teta-icon>\n          </teta-button>\n          <div class=\"row gap-4 font-button-2 \">\n            <button [class]=\"'datepicker_'+viewType \" teta-button view=\"ghost\" palette=\"text\"\n            (click)=\"selectPicker('month')\"> {{getMothName(data.currentMonth)}}</button>\n            <button [class]=\"'datepicker_'+viewType\" teta-button view=\"ghost\" palette=\"text\"\n            (click)=\"selectPicker('year')\">{{data.currentYear}}</button>\n          </div>\n          <teta-button [square]=\"true\" [class]=\"'change-month-button datepicker_'+viewType\"\n            (click)=\"changeMonth(data.currentMonth+1,data.currentYear)\"\n            palette=\"text\"\n            view=\"ghost\">\n            <teta-icon name=\"arrowRightKey\" [palette]=\"'text'\"></teta-icon>\n          </teta-button>\n        </div>\n        <div>\n          <teta-day-picker [viewType]=\"viewType\" (selectDate)=\"selectDate($event)\" [locale]=\"locale\"\n          [calendar]=\"calendar\"></teta-day-picker>\n        </div>\n      </div>\n    }\n    @if (data.selectedPicker==='month') {\n      <teta-month-picker [localeMoths]=\"locale.months\" [currentYear]=\"data.currentYear\" (changeYear)=\"setYear($event)\"\n        [selectedMonth]=\"data.currentMonth\" [viewType]=\"viewType\"\n      (selectMonth)=\"selectMonth($event)\"></teta-month-picker>\n    }\n    @if (data.selectedPicker==='year') {\n      <teta-year-picker [locale]=\"locale\" [viewType]=\"viewType\" (selectYear)=\"selectYear($event)\"\n      [selectedYear]=\"data.currentYear\"></teta-year-picker>\n    }\n  </div>\n}\n\n", styles: [".change-month-button{-webkit-user-select:none;user-select:none}\n"], dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[teta-button], teta-button", inputs: ["palette", "class", "view", "square", "viewType", "size"] }, { kind: "component", type: IconComponent, selector: "teta-icon", inputs: ["name", "size", "palette", "class"] }, { kind: "component", type: DayPickerComponent, selector: "teta-day-picker", inputs: ["date", "calendar", "viewType", "range", "min", "max", "locale", "hoveredDate"], outputs: ["hoveredDateChange", "selectDate"] }, { kind: "component", type: MonthPickerComponent, selector: "teta-month-picker", inputs: ["selectedMonth", "viewType", "currentYear", "localeMoths"], outputs: ["selectMonth", "changeYear"] }, { kind: "component", type: YearPickerComponent, selector: "teta-year-picker", inputs: ["selectedYear", "viewType", "minMax", "locale"], outputs: ["selectYear"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: DateCalendarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: DateCalendarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'teta-date-calendar', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
                         ButtonComponent,

package/esm2022/component/date-picker/date-picker/date-picker.component.mjs CHANGED Viewed

@@ -155,10 +155,10 @@ export class DatePickerComponent extends BasePicker {
     ngOnChanges(changes) {
         this.prepareInput(false);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: DatePickerComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.DatePipe }, { token: i2.TetaConfigService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: DatePickerComponent, isStandalone: true, selector: "teta-date-picker", inputs: { date: "date", showTime: "showTime", minDate: "minDate", maxDate: "maxDate", invalid: "invalid", disabled: "disabled", align: "align", verticalAlign: "verticalAlign", viewType: "viewType", appendToBody: "appendToBody", backdrop: "backdrop", allowNull: "allowNull", firstDayOfWeek: "firstDayOfWeek", disabledDates: "disabledDates", disabledPeriods: "disabledPeriods", disabledDays: "disabledDays", minYearDate: "minYearDate", maxYearDate: "maxYearDate" }, outputs: { selectDate: "selectDate" }, host: { properties: { "class.datepicker": "this.classDatepicker", "class.datepicker-time": "this.dateTimeClass", "tabindex": "this.tabindex" } }, providers: [DATE_PICKER_CONTROL_VALUE_ACCESSOR, DatePipe], viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "@if ({\n  selectedDate:selectedDate | async\n  }; as data) {\n  <teta-dropdown\n    class='row row_auto'\n    [appendToBody]='appendToBody'\n    [backdrop]='backdrop'\n    [open]='open'\n    (openChange)='openChange($event)'\n    [viewType]='viewType'\n    [disabled]='disabled'\n    [verticalAlign]='verticalAlign'\n    [align]='align'\n    [autoCloseIgnore]=\"['esc', 'inside','enter']\">\n    <div tetaDropdownHead\n      [class]=\"'datepicker-head font-body-3 gap-8  datepicker_'+viewType\"\n      [ngClass]=\"{'datepicker-head_invalid':invalid,'datepicker-head_disabled':disabled}\">\n      <teta-input class='row row_auto flex'>\n        <div [class]=\"'row_auto row datepicker_'+viewType\">\n          <div class='row row_auto position-relative font-body-3 align-center'>\n            <input [ngClass]=\"{'color-text-90':!disabled}\"\n              [disabled]='disabled' #input style='z-index: 1'\n              class='row_auto border-0'\n              (keydown)='checkEnter($event)'\n              [(ngModel)]='inputText'\n              (ngModelChange)='changeInput($event)'\n              [maskito]='maskitoOptions'>\n              @if (data.selectedDate||allowNull) {\n                <div (click)='input.focus()' class='position-absolute color-text-10'\n                style='cursor: text;user-select: none'>{{placeholder}}</div>\n              }\n            </div>\n            <teta-icon [name]=\"'calendar'\" [palette]=\"'text'\"></teta-icon>\n          </div>\n        </teta-input>\n      </div>\n      <div tetaDropdownContent\n        (click)='$event.preventDefault()'>\n        <teta-date-calendar [isDateNull]='date===null'\n          [open]='open'\n          [max]='maxDate'\n          [min]='minDate'\n          (setDate)='changeSelectedDate($event)'\n          [selectedDate]='data.selectedDate'\n        [viewType]='viewType' [locale]='locale|async'></teta-date-calendar>\n      </div>\n    </teta-dropdown>\n  }\n", styles: [""], dependencies: [{ kind: "component", type: DropdownComponent, selector: "teta-dropdown", exportAs: ["dropdown"] }, { kind: "directive", type: DropdownHeadDirective, selector: "[tetaDropdownHead]" }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: InputComponent, selector: "teta-input", inputs: ["label", "hint", "viewType", "horizontal", "required"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MaskitoModule }, { kind: "directive", type: i4.MaskitoDirective, selector: "[maskito]", inputs: ["maskito", "maskitoElement"] }, { kind: "directive", type: i4.MaskitoCVA, selector: "input[maskito], textarea[maskito]", inputs: ["maskito"] }, { kind: "component", type: IconComponent, selector: "teta-icon", inputs: ["name", "size", "palette", "class"] }, { kind: "directive", type: DropdownContentDirective, selector: "[tetaDropdownContent]" }, { kind: "component", type: DateCalendarComponent, selector: "teta-date-calendar", inputs: ["selectedDate", "open", "locale", "viewType", "min", "isDateNull", "max"], outputs: ["setDate"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: DatePickerComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.DatePipe }, { token: i2.TetaConfigService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: DatePickerComponent, isStandalone: true, selector: "teta-date-picker", inputs: { date: "date", showTime: "showTime", minDate: "minDate", maxDate: "maxDate", invalid: "invalid", disabled: "disabled", align: "align", verticalAlign: "verticalAlign", viewType: "viewType", appendToBody: "appendToBody", backdrop: "backdrop", allowNull: "allowNull", firstDayOfWeek: "firstDayOfWeek", disabledDates: "disabledDates", disabledPeriods: "disabledPeriods", disabledDays: "disabledDays", minYearDate: "minYearDate", maxYearDate: "maxYearDate" }, outputs: { selectDate: "selectDate" }, host: { properties: { "class.datepicker": "this.classDatepicker", "class.datepicker-time": "this.dateTimeClass", "tabindex": "this.tabindex" } }, providers: [DATE_PICKER_CONTROL_VALUE_ACCESSOR, DatePipe], viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "@if ({\n  selectedDate:selectedDate | async\n  }; as data) {\n  <teta-dropdown\n    class='row row_auto'\n    [appendToBody]='appendToBody'\n    [backdrop]='backdrop'\n    [open]='open'\n    (openChange)='openChange($event)'\n    [viewType]='viewType'\n    [disabled]='disabled'\n    [verticalAlign]='verticalAlign'\n    [align]='align'\n    [autoCloseIgnore]=\"['esc', 'inside','enter']\">\n    <div tetaDropdownHead\n      [class]=\"'datepicker-head font-body-3 gap-8  datepicker_'+viewType\"\n      [ngClass]=\"{'datepicker-head_invalid':invalid,'datepicker-head_disabled':disabled}\">\n      <teta-input class='row row_auto flex'>\n        <div [class]=\"'row_auto row datepicker_'+viewType\">\n          <div class='row row_auto position-relative font-body-3 align-center'>\n            <input [ngClass]=\"{'color-text-90':!disabled}\"\n              [disabled]='disabled' #input style='z-index: 1'\n              class='row_auto border-0'\n              (keydown)='checkEnter($event)'\n              [(ngModel)]='inputText'\n              (ngModelChange)='changeInput($event)'\n              [maskito]='maskitoOptions'>\n              @if (data.selectedDate||allowNull) {\n                <div (click)='input.focus()' class='position-absolute color-text-10'\n                style='cursor: text;user-select: none'>{{placeholder}}</div>\n              }\n            </div>\n            <teta-icon [name]=\"'calendar'\" [palette]=\"'text'\"></teta-icon>\n          </div>\n        </teta-input>\n      </div>\n      <div tetaDropdownContent\n        (click)='$event.preventDefault()'>\n        <teta-date-calendar [isDateNull]='date===null'\n          [open]='open'\n          [max]='maxDate'\n          [min]='minDate'\n          (setDate)='changeSelectedDate($event)'\n          [selectedDate]='data.selectedDate'\n        [viewType]='viewType' [locale]='locale|async'></teta-date-calendar>\n      </div>\n    </teta-dropdown>\n  }\n", styles: [""], dependencies: [{ kind: "component", type: DropdownComponent, selector: "teta-dropdown", exportAs: ["dropdown"] }, { kind: "directive", type: DropdownHeadDirective, selector: "[tetaDropdownHead]" }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: InputComponent, selector: "teta-input", inputs: ["label", "hint", "viewType", "horizontal", "required"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MaskitoModule }, { kind: "directive", type: i4.MaskitoDirective, selector: "[maskito]", inputs: ["maskito", "maskitoElement"] }, { kind: "directive", type: i4.MaskitoCVA, selector: "input[maskito], textarea[maskito]", inputs: ["maskito"] }, { kind: "component", type: IconComponent, selector: "teta-icon", inputs: ["name", "size", "palette", "class"] }, { kind: "directive", type: DropdownContentDirective, selector: "[tetaDropdownContent]" }, { kind: "component", type: DateCalendarComponent, selector: "teta-date-calendar", inputs: ["selectedDate", "open", "locale", "viewType", "min", "isDateNull", "max"], outputs: ["setDate"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: DatePickerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: DatePickerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'teta-date-picker', changeDetection: ChangeDetectionStrategy.OnPush, providers: [DATE_PICKER_CONTROL_VALUE_ACCESSOR, DatePipe], standalone: true, imports: [
                         DropdownComponent,

package/esm2022/component/date-picker/date-range/date-range.component.mjs CHANGED Viewed

@@ -188,10 +188,10 @@ export class DateRangeComponent extends BasePicker {
         this.prepareInput();
     }
     onChange(date) { }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: DateRangeComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i1.DatePipe }, { token: i2.TetaConfigService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: DateRangeComponent, isStandalone: true, selector: "teta-date-range", inputs: { date: "date", showTime: "showTime", minDate: "minDate", maxDate: "maxDate", invalid: "invalid", disabled: "disabled", align: "align", verticalAlign: "verticalAlign", viewType: "viewType", appendToBody: "appendToBody", backdrop: "backdrop", allowNull: "allowNull" }, outputs: { selectDate: "selectDate" }, host: { properties: { "class.daterange": "this.classDaterange" } }, providers: [DATE_Range_CONTROL_VALUE_ACCESSOR, DatePipe], viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }], usesInheritance: true, ngImport: i0, template: "@if ({selectedDate:selectedDate|async};as data) {\n  <teta-dropdown [appendToBody]=\"appendToBody\" [backdrop]=\"backdrop\"\n    class='row row_auto'\n    [(open)]=\"open\" (openChange)=\"openChange($event)\" [viewType]=\"viewType\"\n    [disabled]=\"disabled\" [verticalAlign]=\"verticalAlign\" [align]=\"align\"\n    [autoCloseIgnore]=\"['esc', 'inside','enter']\">\n    <div tetaDropdownHead\n      [class]=\"'datepicker-head font-body-3 gap-8 datepicker_'+viewType\"\n      [ngClass]=\"{'datepicker-head_invalid':invalid,'datepicker-head_disabled':disabled}\">\n      <teta-input class=\"row row_auto flex\">\n        <div [class]=\"'row_auto row datepicker_'+viewType\">\n          <div class=\"row row_auto position-relative font-body-3 align-center\">\n            <input [ngClass]=\"{'color-text-90':!disabled}\" [disabled]=\"disabled\" #input style=\"z-index: 1\"\n              class=\"border-0 color-text-90\" (keydown)=\"checkEnter($event)\"\n              [(ngModel)]=\"inputText\" (ngModelChange)=\"changeInput($event)\"\n              [maskito]=\"maskitoOptions\">\n              @if (data.selectedDate||allowNull) {\n                <div (click)=\"input.focus()\" class=\"position-absolute color-text-10\"\n                style=\"cursor: text;user-select: none\">{{placeholder}}</div>\n              }\n            </div>\n            <teta-icon [name]=\"'calendar'\" [palette]=\"'text'\"></teta-icon>\n          </div>\n        </teta-input>\n      </div>\n      <div tetaDropdownContent class=\"scrollable\" (click)=\"$event.preventDefault()\">\n        @if (open) {\n          <div class=\"row\">\n            <teta-range-calendar [isDateNull]=\"date===null||(date?.from===null&&date?.to===null)\" [open]=\"open\"\n              [max]=\"maxDate\"\n              [allowNull]=\"allowNull\"\n              [min]=\"minDate\"\n              (setDate)=\"changeSelectedDate($event,data.selectedDate)\"\n              [selectedDate]=\"data.selectedDate\"\n              [date]=\"date\"\n            [viewType]=\"viewType\" [locale]=\"locale|async\"></teta-range-calendar>\n          </div>\n        }\n      </div>\n    </teta-dropdown>\n  }\n", styles: [""], dependencies: [{ kind: "component", type: DropdownComponent, selector: "teta-dropdown", exportAs: ["dropdown"] }, { kind: "directive", type: DropdownHeadDirective, selector: "[tetaDropdownHead]" }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: InputComponent, selector: "teta-input", inputs: ["label", "hint", "viewType", "horizontal", "required"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MaskitoModule }, { kind: "directive", type: i4.MaskitoDirective, selector: "[maskito]", inputs: ["maskito", "maskitoElement"] }, { kind: "directive", type: i4.MaskitoCVA, selector: "input[maskito], textarea[maskito]", inputs: ["maskito"] }, { kind: "component", type: IconComponent, selector: "teta-icon", inputs: ["name", "size", "palette", "class"] }, { kind: "directive", type: DropdownContentDirective, selector: "[tetaDropdownContent]" }, { kind: "component", type: RangeCalendarComponent, selector: "teta-range-calendar", inputs: ["locale", "open", "date", "viewType", "allowNull", "selectedDate", "min", "isDateNull", "max"], outputs: ["hoveredDateChange", "setDate"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: DateRangeComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i1.DatePipe }, { token: i2.TetaConfigService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: DateRangeComponent, isStandalone: true, selector: "teta-date-range", inputs: { date: "date", showTime: "showTime", minDate: "minDate", maxDate: "maxDate", invalid: "invalid", disabled: "disabled", align: "align", verticalAlign: "verticalAlign", viewType: "viewType", appendToBody: "appendToBody", backdrop: "backdrop", allowNull: "allowNull" }, outputs: { selectDate: "selectDate" }, host: { properties: { "class.daterange": "this.classDaterange" } }, providers: [DATE_Range_CONTROL_VALUE_ACCESSOR, DatePipe], viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }], usesInheritance: true, ngImport: i0, template: "@if ({selectedDate:selectedDate|async};as data) {\n  <teta-dropdown [appendToBody]=\"appendToBody\" [backdrop]=\"backdrop\"\n    class='row row_auto'\n    [(open)]=\"open\" (openChange)=\"openChange($event)\" [viewType]=\"viewType\"\n    [disabled]=\"disabled\" [verticalAlign]=\"verticalAlign\" [align]=\"align\"\n    [autoCloseIgnore]=\"['esc', 'inside','enter']\">\n    <div tetaDropdownHead\n      [class]=\"'datepicker-head font-body-3 gap-8 datepicker_'+viewType\"\n      [ngClass]=\"{'datepicker-head_invalid':invalid,'datepicker-head_disabled':disabled}\">\n      <teta-input class=\"row row_auto flex\">\n        <div [class]=\"'row_auto row datepicker_'+viewType\">\n          <div class=\"row row_auto position-relative font-body-3 align-center\">\n            <input [ngClass]=\"{'color-text-90':!disabled}\" [disabled]=\"disabled\" #input style=\"z-index: 1\"\n              class=\"border-0 color-text-90\" (keydown)=\"checkEnter($event)\"\n              [(ngModel)]=\"inputText\" (ngModelChange)=\"changeInput($event)\"\n              [maskito]=\"maskitoOptions\">\n              @if (data.selectedDate||allowNull) {\n                <div (click)=\"input.focus()\" class=\"position-absolute color-text-10\"\n                style=\"cursor: text;user-select: none\">{{placeholder}}</div>\n              }\n            </div>\n            <teta-icon [name]=\"'calendar'\" [palette]=\"'text'\"></teta-icon>\n          </div>\n        </teta-input>\n      </div>\n      <div tetaDropdownContent class=\"scrollable\" (click)=\"$event.preventDefault()\">\n        @if (open) {\n          <div class=\"row\">\n            <teta-range-calendar [isDateNull]=\"date===null||(date?.from===null&&date?.to===null)\" [open]=\"open\"\n              [max]=\"maxDate\"\n              [allowNull]=\"allowNull\"\n              [min]=\"minDate\"\n              (setDate)=\"changeSelectedDate($event,data.selectedDate)\"\n              [selectedDate]=\"data.selectedDate\"\n              [date]=\"date\"\n            [viewType]=\"viewType\" [locale]=\"locale|async\"></teta-range-calendar>\n          </div>\n        }\n      </div>\n    </teta-dropdown>\n  }\n", styles: [""], dependencies: [{ kind: "component", type: DropdownComponent, selector: "teta-dropdown", exportAs: ["dropdown"] }, { kind: "directive", type: DropdownHeadDirective, selector: "[tetaDropdownHead]" }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: InputComponent, selector: "teta-input", inputs: ["label", "hint", "viewType", "horizontal", "required"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MaskitoModule }, { kind: "directive", type: i4.MaskitoDirective, selector: "[maskito]", inputs: ["maskito", "maskitoElement"] }, { kind: "directive", type: i4.MaskitoCVA, selector: "input[maskito], textarea[maskito]", inputs: ["maskito"] }, { kind: "component", type: IconComponent, selector: "teta-icon", inputs: ["name", "size", "palette", "class"] }, { kind: "directive", type: DropdownContentDirective, selector: "[tetaDropdownContent]" }, { kind: "component", type: RangeCalendarComponent, selector: "teta-range-calendar", inputs: ["locale", "open", "date", "viewType", "allowNull", "selectedDate", "min", "isDateNull", "max"], outputs: ["hoveredDateChange", "setDate"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: DateRangeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: DateRangeComponent, decorators: [{
             type: Component,
             args: [{ selector: 'teta-date-range', providers: [DATE_Range_CONTROL_VALUE_ACCESSOR, DatePipe], changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
                         DropdownComponent,

package/esm2022/component/date-picker/date-range/range-calendar/range-calendar.component.mjs CHANGED Viewed

@@ -78,10 +78,10 @@ export class RangeCalendarComponent extends BaseCalendar {
             this.changeCalendarData(this.selectedDate.from || this.date.from);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: RangeCalendarComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: RangeCalendarComponent, isStandalone: true, selector: "teta-range-calendar", inputs: { locale: "locale", open: "open", date: "date", viewType: "viewType", allowNull: "allowNull", selectedDate: "selectedDate", min: "min", isDateNull: "isDateNull", max: "max" }, outputs: { hoveredDateChange: "hoveredDateChange", setDate: "setDate" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "@if ({currentMonth:currentMonth|async,currentYear:currentYear|async,selectedPicker:selectedPicker|async,minMax:minMax|async}; as data) {\n  <div\n    class=\"datepicker-content overflow-y-auto\"\n    >\n    @if (data.selectedPicker==='day') {\n      <div class=\"row \" (wheel)=\"scrollMonth($event,data.currentMonth,data.currentYear)\">\n        <div class=\"padding-h-3 padding-v-2\">\n          <div class=\"row align-center justify-content-between\">\n            <teta-button\n              [ngClass]=\"{'datepicker-arrow_hidden':!isLastDaySuitable(data.currentMonth-1,data.currentYear,min)}\"\n              [class]=\"'change-month-button datepicker_'+viewType\" [square]=\"true\"\n              (click)=\"changeMonth(data.currentMonth-1,data.currentYear)\"\n              palette=\"text\"\n              view=\"ghost\">\n              <teta-icon name=\"arrowLeftKey\" [palette]=\"'text'\"></teta-icon>\n            </teta-button>\n            <div class=\"row gap-4 font-button-2 align-center padding-left-1\">\n              <p> {{getMothName(data.currentMonth)}}</p>\n              <button [class]=\"'datepicker_'+viewType\" teta-button view=\"ghost\" palette=\"text\"\n              (click)=\"selectPicker('year')\">{{data.currentYear}}</button>\n            </div>\n            <teta-button [square]=\"true\" [class]=\"'change-month-button datepicker-arrow_hidden datepicker_'+viewType\"\n              palette=\"text\"\n              view=\"ghost\">\n              <teta-icon name=\"arrowRightKey\" [palette]=\"'text'\"></teta-icon>\n            </teta-button>\n          </div>\n          <div>\n            <teta-day-picker [(hoveredDate)]=\"hoveredDate\" [range]=\"getFromTo()\" [viewType]=\"viewType\"\n              (selectDate)=\"selectDate($event)\" [locale]=\"locale\"\n            [calendar]=\"calendar.currentMonth\"></teta-day-picker>\n          </div>\n        </div>\n        @if (getAvailableMonthYear(data.currentMonth+1,data.currentYear); as availableMonthYear) {\n          <div class=\"padding-h-3 padding-v-2\"\n            >\n            <div class=\"row align-center justify-content-between\">\n              <teta-button [square]=\"true\" [class]=\"'change-month-button datepicker-arrow_hidden datepicker_'+viewType\"\n                palette=\"text\"\n                view=\"ghost\">\n                <teta-icon name=\"arrowLeftKey\" [palette]=\"'text'\"></teta-icon>\n              </teta-button>\n              <div class=\"row gap-4 font-button-2 align-center padding-left-1\">\n                <p>{{getMothName(availableMonthYear.availableMonth)}}</p>\n                <button [class]=\"'datepicker_'+viewType\" teta-button view=\"ghost\" palette=\"text\"\n                (click)=\"selectPicker('year')\">{{availableMonthYear.availableYear}}</button>\n              </div>\n              <teta-button [square]=\"true\"\n                [ngClass]=\"{'datepicker-arrow_hidden': !isFirstDaySuitable(data.currentMonth+2,data.currentYear,max)}\"\n                [class]=\"'change-month-button datepicker_'+viewType\"\n                (click)=\"changeMonth(data.currentMonth+1,data.currentYear)\"\n                palette=\"text\"\n                view=\"ghost\">\n                <teta-icon name=\"arrowRightKey\" [palette]=\"'text'\"></teta-icon>\n              </teta-button>\n            </div>\n            <div>\n              <teta-day-picker [(hoveredDate)]=\"hoveredDate\" [range]=\"getFromTo()\" [viewType]=\"viewType\"\n                (selectDate)=\"selectDate($event)\" [locale]=\"locale\"\n              [calendar]=\"calendar.nextMonth\"></teta-day-picker>\n            </div>\n          </div>\n        }\n      </div>\n    }\n    @if (data.selectedPicker==='month') {\n      <teta-month-picker [localeMoths]=\"locale.months\" [currentYear]=\"data.currentYear\" (changeYear)=\"setYear($event)\"\n        [selectedMonth]=\"data.currentMonth\" [viewType]=\"viewType\"\n      (selectMonth)=\"selectMonth($event)\"></teta-month-picker>\n    }\n    @if (data.selectedPicker==='year') {\n      <teta-year-picker [minMax]=\"data.minMax\" [locale]=\"locale\" [viewType]=\"viewType\" (selectYear)=\"selectYear($event)\"\n      [selectedYear]=\"data.currentYear\"></teta-year-picker>\n    }\n  </div>\n}\n\n", styles: [".change-month-button{-webkit-user-select:none;user-select:none}\n"], dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[teta-button], teta-button", inputs: ["palette", "class", "view", "square", "viewType", "size"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: IconComponent, selector: "teta-icon", inputs: ["name", "size", "palette", "class"] }, { kind: "component", type: DayPickerComponent, selector: "teta-day-picker", inputs: ["date", "calendar", "viewType", "range", "min", "max", "locale", "hoveredDate"], outputs: ["hoveredDateChange", "selectDate"] }, { kind: "component", type: MonthPickerComponent, selector: "teta-month-picker", inputs: ["selectedMonth", "viewType", "currentYear", "localeMoths"], outputs: ["selectMonth", "changeYear"] }, { kind: "component", type: YearPickerComponent, selector: "teta-year-picker", inputs: ["selectedYear", "viewType", "minMax", "locale"], outputs: ["selectYear"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: RangeCalendarComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: RangeCalendarComponent, isStandalone: true, selector: "teta-range-calendar", inputs: { locale: "locale", open: "open", date: "date", viewType: "viewType", allowNull: "allowNull", selectedDate: "selectedDate", min: "min", isDateNull: "isDateNull", max: "max" }, outputs: { hoveredDateChange: "hoveredDateChange", setDate: "setDate" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "@if ({currentMonth:currentMonth|async,currentYear:currentYear|async,selectedPicker:selectedPicker|async,minMax:minMax|async}; as data) {\n  <div\n    class=\"datepicker-content overflow-y-auto\"\n    >\n    @if (data.selectedPicker==='day') {\n      <div class=\"row \" (wheel)=\"scrollMonth($event,data.currentMonth,data.currentYear)\">\n        <div class=\"padding-h-3 padding-v-2\">\n          <div class=\"row align-center justify-content-between\">\n            <teta-button\n              [ngClass]=\"{'datepicker-arrow_hidden':!isLastDaySuitable(data.currentMonth-1,data.currentYear,min)}\"\n              [class]=\"'change-month-button datepicker_'+viewType\" [square]=\"true\"\n              (click)=\"changeMonth(data.currentMonth-1,data.currentYear)\"\n              palette=\"text\"\n              view=\"ghost\">\n              <teta-icon name=\"arrowLeftKey\" [palette]=\"'text'\"></teta-icon>\n            </teta-button>\n            <div class=\"row gap-4 font-button-2 align-center padding-left-1\">\n              <p> {{getMothName(data.currentMonth)}}</p>\n              <button [class]=\"'datepicker_'+viewType\" teta-button view=\"ghost\" palette=\"text\"\n              (click)=\"selectPicker('year')\">{{data.currentYear}}</button>\n            </div>\n            <teta-button [square]=\"true\" [class]=\"'change-month-button datepicker-arrow_hidden datepicker_'+viewType\"\n              palette=\"text\"\n              view=\"ghost\">\n              <teta-icon name=\"arrowRightKey\" [palette]=\"'text'\"></teta-icon>\n            </teta-button>\n          </div>\n          <div>\n            <teta-day-picker [(hoveredDate)]=\"hoveredDate\" [range]=\"getFromTo()\" [viewType]=\"viewType\"\n              (selectDate)=\"selectDate($event)\" [locale]=\"locale\"\n            [calendar]=\"calendar.currentMonth\"></teta-day-picker>\n          </div>\n        </div>\n        @if (getAvailableMonthYear(data.currentMonth+1,data.currentYear); as availableMonthYear) {\n          <div class=\"padding-h-3 padding-v-2\"\n            >\n            <div class=\"row align-center justify-content-between\">\n              <teta-button [square]=\"true\" [class]=\"'change-month-button datepicker-arrow_hidden datepicker_'+viewType\"\n                palette=\"text\"\n                view=\"ghost\">\n                <teta-icon name=\"arrowLeftKey\" [palette]=\"'text'\"></teta-icon>\n              </teta-button>\n              <div class=\"row gap-4 font-button-2 align-center padding-left-1\">\n                <p>{{getMothName(availableMonthYear.availableMonth)}}</p>\n                <button [class]=\"'datepicker_'+viewType\" teta-button view=\"ghost\" palette=\"text\"\n                (click)=\"selectPicker('year')\">{{availableMonthYear.availableYear}}</button>\n              </div>\n              <teta-button [square]=\"true\"\n                [ngClass]=\"{'datepicker-arrow_hidden': !isFirstDaySuitable(data.currentMonth+2,data.currentYear,max)}\"\n                [class]=\"'change-month-button datepicker_'+viewType\"\n                (click)=\"changeMonth(data.currentMonth+1,data.currentYear)\"\n                palette=\"text\"\n                view=\"ghost\">\n                <teta-icon name=\"arrowRightKey\" [palette]=\"'text'\"></teta-icon>\n              </teta-button>\n            </div>\n            <div>\n              <teta-day-picker [(hoveredDate)]=\"hoveredDate\" [range]=\"getFromTo()\" [viewType]=\"viewType\"\n                (selectDate)=\"selectDate($event)\" [locale]=\"locale\"\n              [calendar]=\"calendar.nextMonth\"></teta-day-picker>\n            </div>\n          </div>\n        }\n      </div>\n    }\n    @if (data.selectedPicker==='month') {\n      <teta-month-picker [localeMoths]=\"locale.months\" [currentYear]=\"data.currentYear\" (changeYear)=\"setYear($event)\"\n        [selectedMonth]=\"data.currentMonth\" [viewType]=\"viewType\"\n      (selectMonth)=\"selectMonth($event)\"></teta-month-picker>\n    }\n    @if (data.selectedPicker==='year') {\n      <teta-year-picker [minMax]=\"data.minMax\" [locale]=\"locale\" [viewType]=\"viewType\" (selectYear)=\"selectYear($event)\"\n      [selectedYear]=\"data.currentYear\"></teta-year-picker>\n    }\n  </div>\n}\n\n", styles: [".change-month-button{-webkit-user-select:none;user-select:none}\n"], dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[teta-button], teta-button", inputs: ["palette", "class", "view", "square", "viewType", "size"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: IconComponent, selector: "teta-icon", inputs: ["name", "size", "palette", "class"] }, { kind: "component", type: DayPickerComponent, selector: "teta-day-picker", inputs: ["date", "calendar", "viewType", "range", "min", "max", "locale", "hoveredDate"], outputs: ["hoveredDateChange", "selectDate"] }, { kind: "component", type: MonthPickerComponent, selector: "teta-month-picker", inputs: ["selectedMonth", "viewType", "currentYear", "localeMoths"], outputs: ["selectMonth", "changeYear"] }, { kind: "component", type: YearPickerComponent, selector: "teta-year-picker", inputs: ["selectedYear", "viewType", "minMax", "locale"], outputs: ["selectYear"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: RangeCalendarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: RangeCalendarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'teta-range-calendar', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
                         ButtonComponent,

package/esm2022/component/date-picker/day-picker/day-item/day-item.component.mjs CHANGED Viewed

@@ -4,10 +4,10 @@ import * as i0 from "@angular/core";
 export class DayItemComponent {
     ngOnInit() {
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: DayItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: DayItemComponent, isStandalone: true, selector: "teta-day-item", inputs: { day: "day" }, ngImport: i0, template: "<p>{{day.date.getDate()}}</p>\n\n", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: DayItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.5", type: DayItemComponent, isStandalone: true, selector: "teta-day-item", inputs: { day: "day" }, ngImport: i0, template: "<p>{{day.date.getDate()}}</p>\n\n", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: DayItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: DayItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'teta-day-item', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<p>{{day.date.getDate()}}</p>\n\n" }]
         }], propDecorators: { day: [{

package/esm2022/component/date-picker/day-picker/day-picker.component.mjs CHANGED Viewed

@@ -88,10 +88,10 @@ export class DayPickerComponent {
         arr.push(arr.shift());
         this.dayOrder = arr;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: DayPickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: DayPickerComponent, isStandalone: true, selector: "teta-day-picker", inputs: { date: "date", calendar: "calendar", viewType: "viewType", range: "range", min: "min", max: "max", locale: "locale", hoveredDate: "hoveredDate" }, outputs: { hoveredDateChange: "hoveredDateChange", selectDate: "selectDate" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"datepicker-week font-caption\">\n  @for (day of dayOrder; track day) {\n    <p class=\"datepicker-day\">\n      {{day}}\n    </p>\n  }\n</div>\n<div class=\"datepicker-picker color-text-90 font-body-3\">\n  @for (day of calendar; track day) {\n    <div [class]=\"getRangeActiveClass(day)+' datepicker-date font-body-3 datepicker_'+viewType\"\n      (mouseenter)=\"hover(day.date)\"\n      (click)=\"pickDate(day)\"\n         [ngClass]=\"{'datepicker-date_active':day.selected||(day.date===hoveredDate&&range&&!range.to),'datepicker-date-range_hover':range&&isHoveredRange(day),\n         'datepicker-date_disabled':day.disabled,'color-text-30':day.disabled||(!range&&!day.isCurrentMonth),'datepicker-date-range_disabled':!day.isCurrentMonth&&range,'datepicker-date-range_active':isActiveRange(day)}\">\n      <teta-day-item [day]=\"day\"></teta-day-item>\n    </div>\n  }\n</div>\n\n", styles: [""], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: DayItemComponent, selector: "teta-day-item", inputs: ["day"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: DayPickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: DayPickerComponent, isStandalone: true, selector: "teta-day-picker", inputs: { date: "date", calendar: "calendar", viewType: "viewType", range: "range", min: "min", max: "max", locale: "locale", hoveredDate: "hoveredDate" }, outputs: { hoveredDateChange: "hoveredDateChange", selectDate: "selectDate" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"datepicker-week font-caption\">\n  @for (day of dayOrder; track day) {\n    <p class=\"datepicker-day\">\n      {{day}}\n    </p>\n  }\n</div>\n<div class=\"datepicker-picker color-text-90 font-body-3\">\n  @for (day of calendar; track day) {\n    <div [class]=\"getRangeActiveClass(day)+' datepicker-date font-body-3 datepicker_'+viewType\"\n      (mouseenter)=\"hover(day.date)\"\n      (click)=\"pickDate(day)\"\n         [ngClass]=\"{'datepicker-date_active':day.selected||(day.date===hoveredDate&&range&&!range.to),'datepicker-date-range_hover':range&&isHoveredRange(day),\n         'datepicker-date_disabled':day.disabled,'color-text-30':day.disabled||(!range&&!day.isCurrentMonth),'datepicker-date-range_disabled':!day.isCurrentMonth&&range,'datepicker-date-range_active':isActiveRange(day)}\">\n      <teta-day-item [day]=\"day\"></teta-day-item>\n    </div>\n  }\n</div>\n\n", styles: [""], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: DayItemComponent, selector: "teta-day-item", inputs: ["day"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: DayPickerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: DayPickerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'teta-day-picker', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgClass, DayItemComponent], template: "<div class=\"datepicker-week font-caption\">\n  @for (day of dayOrder; track day) {\n    <p class=\"datepicker-day\">\n      {{day}}\n    </p>\n  }\n</div>\n<div class=\"datepicker-picker color-text-90 font-body-3\">\n  @for (day of calendar; track day) {\n    <div [class]=\"getRangeActiveClass(day)+' datepicker-date font-body-3 datepicker_'+viewType\"\n      (mouseenter)=\"hover(day.date)\"\n      (click)=\"pickDate(day)\"\n         [ngClass]=\"{'datepicker-date_active':day.selected||(day.date===hoveredDate&&range&&!range.to),'datepicker-date-range_hover':range&&isHoveredRange(day),\n         'datepicker-date_disabled':day.disabled,'color-text-30':day.disabled||(!range&&!day.isCurrentMonth),'datepicker-date-range_disabled':!day.isCurrentMonth&&range,'datepicker-date-range_active':isActiveRange(day)}\">\n      <teta-day-item [day]=\"day\"></teta-day-item>\n    </div>\n  }\n</div>\n\n" }]
         }], ctorParameters: () => [], propDecorators: { date: [{

package/esm2022/component/date-picker/month-picker/month-picker.component.mjs CHANGED Viewed

@@ -25,10 +25,10 @@ export class MonthPickerComponent {
             };
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: MonthPickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: MonthPickerComponent, isStandalone: true, selector: "teta-month-picker", inputs: { selectedMonth: "selectedMonth", viewType: "viewType", currentYear: "currentYear", localeMoths: "localeMoths" }, outputs: { selectMonth: "selectMonth", changeYear: "changeYear" }, ngImport: i0, template: "<div class=\"padding-h-3 padding-v-2 gap-8 column datepicker-month-wrapper\">\n  <div class=\"row align-center justify-content-between font-button-2\">\n    <teta-button [class]=\"'change-month-button datepicker_'+viewType\" [square]=\"true\"\n      (click)=\"pickYear(currentYear-1)\"\n      palette=\"text\"\n      view=\"ghost\">\n      <teta-icon name=\"arrowLeftKey\" [palette]=\"'text'\"></teta-icon>\n    </teta-button>\n    <p>{{currentYear}}</p>\n    <teta-button [square]=\"true\" [class]=\"'change-month-button datepicker_'+viewType\"\n      (click)=\"pickYear(currentYear+1)\"\n      palette=\"text\"\n      view=\"ghost\">\n      <teta-icon name=\"arrowRightKey\" [palette]=\"'text'\"></teta-icon>\n    </teta-button>\n  </div>\n  <div class=\"datepicker-month font-body-3 color-text-90\"\n    style=\"width: 100%\">\n    @for (month of months; track month) {\n      <div (click)=\"pickMonth(month.id)\">\n        <div [ngClass]=\"{'datepicker-month_item_active':month['isSelected']}\"\n          [class]=\"'datepicker-month_item column align-center justify-content-center datepicker_'+viewType\">\n          <p>\n            {{month.name}}\n          </p>\n        </div>\n      </div>\n    }\n  </div>\n</div>\n\n\n", styles: [""], dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[teta-button], teta-button", inputs: ["palette", "class", "view", "square", "viewType", "size"] }, { kind: "component", type: IconComponent, selector: "teta-icon", inputs: ["name", "size", "palette", "class"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: MonthPickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: MonthPickerComponent, isStandalone: true, selector: "teta-month-picker", inputs: { selectedMonth: "selectedMonth", viewType: "viewType", currentYear: "currentYear", localeMoths: "localeMoths" }, outputs: { selectMonth: "selectMonth", changeYear: "changeYear" }, ngImport: i0, template: "<div class=\"padding-h-3 padding-v-2 gap-8 column datepicker-month-wrapper\">\n  <div class=\"row align-center justify-content-between font-button-2\">\n    <teta-button [class]=\"'change-month-button datepicker_'+viewType\" [square]=\"true\"\n      (click)=\"pickYear(currentYear-1)\"\n      palette=\"text\"\n      view=\"ghost\">\n      <teta-icon name=\"arrowLeftKey\" [palette]=\"'text'\"></teta-icon>\n    </teta-button>\n    <p>{{currentYear}}</p>\n    <teta-button [square]=\"true\" [class]=\"'change-month-button datepicker_'+viewType\"\n      (click)=\"pickYear(currentYear+1)\"\n      palette=\"text\"\n      view=\"ghost\">\n      <teta-icon name=\"arrowRightKey\" [palette]=\"'text'\"></teta-icon>\n    </teta-button>\n  </div>\n  <div class=\"datepicker-month font-body-3 color-text-90\"\n    style=\"width: 100%\">\n    @for (month of months; track month) {\n      <div (click)=\"pickMonth(month.id)\">\n        <div [ngClass]=\"{'datepicker-month_item_active':month['isSelected']}\"\n          [class]=\"'datepicker-month_item column align-center justify-content-center datepicker_'+viewType\">\n          <p>\n            {{month.name}}\n          </p>\n        </div>\n      </div>\n    }\n  </div>\n</div>\n\n\n", styles: [""], dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[teta-button], teta-button", inputs: ["palette", "class", "view", "square", "viewType", "size"] }, { kind: "component", type: IconComponent, selector: "teta-icon", inputs: ["name", "size", "palette", "class"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: MonthPickerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: MonthPickerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'teta-month-picker', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [ButtonComponent, IconComponent, NgClass], template: "<div class=\"padding-h-3 padding-v-2 gap-8 column datepicker-month-wrapper\">\n  <div class=\"row align-center justify-content-between font-button-2\">\n    <teta-button [class]=\"'change-month-button datepicker_'+viewType\" [square]=\"true\"\n      (click)=\"pickYear(currentYear-1)\"\n      palette=\"text\"\n      view=\"ghost\">\n      <teta-icon name=\"arrowLeftKey\" [palette]=\"'text'\"></teta-icon>\n    </teta-button>\n    <p>{{currentYear}}</p>\n    <teta-button [square]=\"true\" [class]=\"'change-month-button datepicker_'+viewType\"\n      (click)=\"pickYear(currentYear+1)\"\n      palette=\"text\"\n      view=\"ghost\">\n      <teta-icon name=\"arrowRightKey\" [palette]=\"'text'\"></teta-icon>\n    </teta-button>\n  </div>\n  <div class=\"datepicker-month font-body-3 color-text-90\"\n    style=\"width: 100%\">\n    @for (month of months; track month) {\n      <div (click)=\"pickMonth(month.id)\">\n        <div [ngClass]=\"{'datepicker-month_item_active':month['isSelected']}\"\n          [class]=\"'datepicker-month_item column align-center justify-content-center datepicker_'+viewType\">\n          <p>\n            {{month.name}}\n          </p>\n        </div>\n      </div>\n    }\n  </div>\n</div>\n\n\n" }]
         }], ctorParameters: () => [], propDecorators: { selectedMonth: [{

package/esm2022/component/date-picker/year-picker/scroll-to-selected-year.directive.mjs CHANGED Viewed

@@ -11,10 +11,10 @@ export class ScrollToSelectedYearDirective {
     ngAfterViewInit() {
         this.el.nativeElement.scrollIntoView({ inline: "center", block: "center" });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: ScrollToSelectedYearDirective, deps: [{ token: ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.1.3", type: ScrollToSelectedYearDirective, isStandalone: true, selector: "[tetaScrollToSelectedYear]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: ScrollToSelectedYearDirective, deps: [{ token: ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.5", type: ScrollToSelectedYearDirective, isStandalone: true, selector: "[tetaScrollToSelectedYear]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: ScrollToSelectedYearDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: ScrollToSelectedYearDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[tetaScrollToSelectedYear]',

package/esm2022/component/date-picker/year-picker/year-picker.component.mjs CHANGED Viewed

@@ -26,10 +26,10 @@ export class YearPickerComponent {
         }
         return false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: YearPickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: YearPickerComponent, isStandalone: true, selector: "teta-year-picker", inputs: { selectedYear: "selectedYear", viewType: "viewType", minMax: "minMax", locale: "locale" }, outputs: { selectYear: "selectYear" }, ngImport: i0, template: "<div class=\"column\">\n  <div class=\"font-title-3 padding-v-4 padding-h-3\">\n    <p>{{locale.selectYear}}</p>\n  </div>\n  <div class=\"datepicker-year overflow-y-auto\">\n    @for (y of years; track y) {\n      <div class=\"font-button-2\" (click)=\"pickYear(y.id,y.disabled)\">\n        <div [ngClass]=\"{'datepicker-year_item_active':y.isSelected,'datepicker-year_item_disabled':y.disabled}\"\n          [class]=\"'datepicker-year_item column align-center justify-content-center datepicker_'+viewType\">\n          @if ( y.isSelected===true) {\n            <div tetaScrollToSelectedYear>\n              <span>{{y.id}}</span>\n            </div>\n          }\n          @if (!y.isSelected) {\n            <div>\n              <span>{{y.id}} </span>\n            </div>\n          }\n        </div>\n      </div>\n    }\n  </div>\n</div>\n\n", styles: [""], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: ScrollToSelectedYearDirective, selector: "[tetaScrollToSelectedYear]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: YearPickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: YearPickerComponent, isStandalone: true, selector: "teta-year-picker", inputs: { selectedYear: "selectedYear", viewType: "viewType", minMax: "minMax", locale: "locale" }, outputs: { selectYear: "selectYear" }, ngImport: i0, template: "<div class=\"column\">\n  <div class=\"font-title-3 padding-v-4 padding-h-3\">\n    <p>{{locale.selectYear}}</p>\n  </div>\n  <div class=\"datepicker-year overflow-y-auto\">\n    @for (y of years; track y) {\n      <div class=\"font-button-2\" (click)=\"pickYear(y.id,y.disabled)\">\n        <div [ngClass]=\"{'datepicker-year_item_active':y.isSelected,'datepicker-year_item_disabled':y.disabled}\"\n          [class]=\"'datepicker-year_item column align-center justify-content-center datepicker_'+viewType\">\n          @if ( y.isSelected===true) {\n            <div tetaScrollToSelectedYear>\n              <span>{{y.id}}</span>\n            </div>\n          }\n          @if (!y.isSelected) {\n            <div>\n              <span>{{y.id}} </span>\n            </div>\n          }\n        </div>\n      </div>\n    }\n  </div>\n</div>\n\n", styles: [""], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: ScrollToSelectedYearDirective, selector: "[tetaScrollToSelectedYear]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: YearPickerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: YearPickerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'teta-year-picker', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgClass, ScrollToSelectedYearDirective], template: "<div class=\"column\">\n  <div class=\"font-title-3 padding-v-4 padding-h-3\">\n    <p>{{locale.selectYear}}</p>\n  </div>\n  <div class=\"datepicker-year overflow-y-auto\">\n    @for (y of years; track y) {\n      <div class=\"font-button-2\" (click)=\"pickYear(y.id,y.disabled)\">\n        <div [ngClass]=\"{'datepicker-year_item_active':y.isSelected,'datepicker-year_item_disabled':y.disabled}\"\n          [class]=\"'datepicker-year_item column align-center justify-content-center datepicker_'+viewType\">\n          @if ( y.isSelected===true) {\n            <div tetaScrollToSelectedYear>\n              <span>{{y.id}}</span>\n            </div>\n          }\n          @if (!y.isSelected) {\n            <div>\n              <span>{{y.id}} </span>\n            </div>\n          }\n        </div>\n      </div>\n    }\n  </div>\n</div>\n\n" }]
         }], ctorParameters: () => [], propDecorators: { selectedYear: [{

package/esm2022/component/delimiter/delimiter/delimiter.component.mjs CHANGED Viewed

@@ -29,10 +29,10 @@ export class DelimiterComponent {
         return this.palette ? `bg-${this.palette}-10` : '';
     }
     ngOnInit() { }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: DelimiterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: DelimiterComponent, isStandalone: true, selector: "teta-delimiter", inputs: { direction: "direction", palette: "palette", height: "height", verticalMargin: "verticalMargin", horizontalMargin: "horizontalMargin", class: "class" }, host: { properties: { "class": "this.getClass", "style.height": "this.getHeight", "style.width": "this.getWidth", "style.margin": "this.getMargin" } }, ngImport: i0, template: "", styles: [":host.delimiter{flex-shrink:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: DelimiterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.5", type: DelimiterComponent, isStandalone: true, selector: "teta-delimiter", inputs: { direction: "direction", palette: "palette", height: "height", verticalMargin: "verticalMargin", horizontalMargin: "horizontalMargin", class: "class" }, host: { properties: { "class": "this.getClass", "style.height": "this.getHeight", "style.width": "this.getWidth", "style.margin": "this.getMargin" } }, ngImport: i0, template: "", styles: [":host.delimiter{flex-shrink:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: DelimiterComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: DelimiterComponent, decorators: [{
             type: Component,
             args: [{ selector: 'teta-delimiter', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "", styles: [":host.delimiter{flex-shrink:0}\n"] }]
         }], ctorParameters: () => [], propDecorators: { direction: [{