@tetacom/ng-components 1.2.9 → 1.2.11

package/fesm2022/tetacom-ng-components.mjs

@@ -57,15 +57,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImpor
         }], ctorParameters: () => [{ type: i0.TemplateRef }] });
 
 class AccordionItemComponent {
+    get dividerClass() {
+        return this.divider;
+    }
     get class() {
-        return `accordion_${this.viewType}`;
+        return `accordion-item_${this.viewType}`;
     }
     constructor(accordion, cdr$) {
         this.cdr$ = cdr$;
         this.open = false;
         this.disabled = false;
-        this.viewType = 'rounded';
         this.accordionItemClass = true;
+        this.divider = false;
+        this.viewType = 'rounded';
         this.accordion$ = accordion;
     }
     toggle() {
@@ -73,11 +77,11 @@ class AccordionItemComponent {
         this.cdr$.detectChanges();
     }
     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 }); }
+    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", divider: "divider", viewType: "viewType" }, host: { properties: { "class.accordion-item_active": "this.open", "class.accordion-item": "this.accordionItemClass", "class.accordion-item_divider": "this.dividerClass", "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.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" }]
+            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: AccordionComponent, decorators: [{
                     type: Optional
                 }, {
@@ -93,11 +97,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImpor
                 type: Input
             }], disabled: [{
                 type: Input
-            }], viewType: [{
-                type: Input
             }], accordionItemClass: [{
                 type: HostBinding,
                 args: ['class.accordion-item']
+            }], divider: [{
+                type: Input
+            }], dividerClass: [{
+                type: HostBinding,
+                args: ['class.accordion-item_divider']
+            }], viewType: [{
+                type: Input
             }], class: [{
                 type: HostBinding,
                 args: [`class`]
@@ -246,16 +255,13 @@ class AccordionHeadComponent {
     get disabled() {
         return this.accordionItem$.disabled;
     }
-    ngOnInit() {
-    }
+    ngOnInit() { }
     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 }); }
+    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\" [class.accordion-toggle_opened]=\"open\">\n  <teta-icon [name]=\"'arrowDownKey'\"></teta-icon>\n</div>\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.3.5", ngImport: i0, type: AccordionHeadComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'teta-accordion-head', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
-                        IconComponent
-                    ], 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" }]
+            args: [{ selector: 'teta-accordion-head', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [IconComponent], template: "<ng-content></ng-content>\n@if (showToggle) {\n<div class=\"accordion-toggle\" [class.accordion-toggle_opened]=\"open\">\n  <teta-icon [name]=\"'arrowDownKey'\"></teta-icon>\n</div>\n}\n" }]
         }], ctorParameters: () => [{ type: AccordionItemComponent, decorators: [{
                     type: Host
                 }, {
@@ -364,6 +370,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImpor
         }], ctorParameters: () => [] });
 
 class ButtonComponent {
+    constructor() {
+        this.view = 'primary';
+        this.square = false;
+        this.viewType = 'rounded';
+        this.size = TetaSize.M;
+    }
     get getClass() {
         const result = [this.class, 'button'];
         if (this.palette) {
@@ -376,35 +388,35 @@ class ButtonComponent {
             result.push(`button-square`);
         }
         switch (this.size) {
-            case 'l':
+            case TetaSize.XL:
+                result.push(`button-xl`);
+                break;
+            case TetaSize.L:
                 result.push(`button-l`);
                 break;
-            case 'm':
+            case TetaSize.M:
                 result.push(`font-button-2`);
                 result.push(`button-m`);
                 break;
-            case 's':
+            case TetaSize.S:
                 result.push(`font-button-3`);
                 result.push(`button-s`);
                 break;
+            case TetaSize.XS:
+                result.push(`font-button-3`);
+                result.push(`button-xs`);
+                break;
         }
         result.push(`button_${this.viewType}`);
         return result.join(' ');
     }
-    constructor() {
-        this.view = 'primary';
-        this.square = false;
-        this.viewType = 'rounded';
-        this.size = 'm';
-    }
-    ngOnInit() { }
     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.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: [{
+        }], propDecorators: { palette: [{
                 type: Input
             }], class: [{
                 type: Input