@yuuvis/material 2.0.0-beta.5 → 2.0.0

package/fesm2022/yuuvis-material.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Inject, Injectable, input, booleanAttribute, inject, EnvironmentInjector, ApplicationRef, ElementRef, effect, createComponent, Directive, makeEnvironmentProviders } from '@angular/core';
+import { Inject, Injectable, inject, makeEnvironmentProviders, input, booleanAttribute, ElementRef, EnvironmentInjector, ApplicationRef, effect, createComponent, Directive } from '@angular/core';
 import { MatIconRegistry } from '@angular/material/icon';
 import { MAT_FORM_FIELD_DEFAULT_OPTIONS } from '@angular/material/form-field';
 import { MAT_TOOLTIP_DEFAULT_OPTIONS } from '@angular/material/tooltip';
@@ -7,16 +7,20 @@ import * as i1 from '@angular/common/http';
 import * as i2 from '@angular/platform-browser';
 import { DOCUMENT } from '@angular/common';
 import { coerceBooleanProperty } from '@angular/cdk/coercion';
-import { MatButton, MatIconButton } from '@angular/material/button';
+import { MatPaginatorIntl } from '@angular/material/paginator';
+import { TranslateService } from '@ngx-translate/core';
+import { MAT_TABS_CONFIG } from '@angular/material/tabs';
+import { MAT_RIPPLE_GLOBAL_OPTIONS } from '@angular/material/core';
+import { MatIconButton, MatButton } from '@angular/material/button';
 
-class YuvMatIconRegistry extends MatIconRegistry {
-    #yuvFontSetClassNames = ['material-symbols-sharp'];
+class YmtMatIconRegistryService extends MatIconRegistry {
+    #ymtFontSetClassNames = ['material-symbols-sharp'];
     constructor(_httpClient, _sanitizer, document, _errorHandler) {
         super(_httpClient, _sanitizer, document, _errorHandler);
         this.setDefaultFontSetClass();
     }
     setDefaultFontSetClass(...classnames) {
-        const merged = [...new Set([...classnames, ...this.#yuvFontSetClassNames])];
+        const merged = [...new Set([...classnames, ...this.#ymtFontSetClassNames])];
         super.setDefaultFontSetClass(...merged);
         return this;
     }
@@ -28,10 +32,10 @@ class YuvMatIconRegistry extends MatIconRegistry {
         }
         return false;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: YuvMatIconRegistry, deps: [{ token: i1.HttpClient }, { token: i2.DomSanitizer }, { token: DOCUMENT }, { token: i0.ErrorHandler }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: YuvMatIconRegistry, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: YmtMatIconRegistryService, deps: [{ token: i1.HttpClient }, { token: i2.DomSanitizer }, { token: DOCUMENT }, { token: i0.ErrorHandler }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: YmtMatIconRegistryService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: YuvMatIconRegistry, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: YmtMatIconRegistryService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -41,95 +45,68 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImpor
                     args: [DOCUMENT]
                 }] }, { type: i0.ErrorHandler }] });
 
-class YuvButtonDirective {
-    ymtButton = input('primary');
-    disabled = input(false, { transform: booleanAttribute });
-    ariaDisabled = input(false, { alias: 'aria-disabled', transform: booleanAttribute });
-    disableRipple = input(false, { transform: booleanAttribute });
-    disabledInteractive = input(false, { transform: booleanAttribute });
-    // Todo: Add input "isBusy" as "busy inactive state": not clickable and with mat-spinner in button
-    #environmentInjector = inject(EnvironmentInjector);
-    #applicationRef = inject(ApplicationRef);
-    #host = inject(ElementRef).nativeElement;
-    #matButtonComponentRef = null;
-    #iconPrefix = [];
-    #noneIconNodes = [];
-    #iconSuffix = [];
-    constructor() {
-        effect(() => {
-            const disabled = this.disabled();
-            const ariaDisabled = this.ariaDisabled();
-            const disableRipple = this.disableRipple();
-            const disabledInteractive = this.disabledInteractive();
-            this.#updateInputs(disabled, ariaDisabled, disableRipple, disabledInteractive);
-        });
-    }
-    ngOnInit() {
-        this.#iconPrefix = this.#getIconPrefixElements();
-        this.#noneIconNodes = this.#getNoneIconNodes();
-        this.#iconSuffix = this.#getIconSuffixElements();
-    }
-    ngAfterViewInit() {
-        this.#matButtonComponentRef = this.#createMatButtonComponent();
-        this.#updateInputs();
-    }
-    #updateInputs(disabled = this.disabled(), ariaDisabled = this.ariaDisabled(), disableRipple = this.disableRipple(), disabledInteractive = this.disabledInteractive()) {
-        this.#matButtonComponentRef?.setInput('disabled', disabled);
-        this.#matButtonComponentRef?.setInput('aria-disabled', ariaDisabled);
-        this.#matButtonComponentRef?.setInput('disableRipple', disableRipple);
-        this.#matButtonComponentRef?.setInput('disabledInteractive', disabledInteractive);
-    }
-    #createMatButtonComponent(host = this.#host, iconPrefix = this.#iconPrefix, noneIconNodes = this.#noneIconNodes, iconSuffix = this.#iconSuffix) {
-        const componentRef = createComponent(MatButton, {
-            environmentInjector: this.#environmentInjector,
-            hostElement: host,
-            projectableNodes: [[...iconPrefix], [...noneIconNodes], [...iconSuffix]]
+/* Draft */
+class YmtMatPaginatorIntlService extends MatPaginatorIntl {
+    #translate = inject(TranslateService);
+    rangeLabelSeparator = this.#translate.instant('ymt.paginator.rangeLabelSeparator');
+    getRangeLabel = (page, pageSize, length) => {
+        if (length === 0 || pageSize === 0) {
+            return `0 ${this.rangeLabelSeparator} ${length}`;
+        }
+        length = Math.max(length, 0);
+        const startIndex = page * pageSize;
+        // If the start index exceeds the list length, do not try and fix the end index to the end.
+        const endIndex = startIndex < length ?
+            Math.min(startIndex + pageSize, length) :
+            startIndex + pageSize;
+        return `${startIndex + 1} - ${endIndex} ${this.rangeLabelSeparator} ${length}`;
+    };
+    //=== Proposal =========================================================
+    injectTranslateService(translate) {
+        this.#translate = translate;
+        this.#translate.onLangChange.subscribe(() => {
+            this.translateLabels();
         });
-        this.#applicationRef.attachView(componentRef.hostView);
-        componentRef.changeDetectorRef.detectChanges();
-        return componentRef;
-    }
-    #getIconPrefixElements() {
-        return Array.from(this.#host.querySelectorAll('mat-icon:not([iconPositionEnd])'));
-    }
-    #getIconSuffixElements() {
-        return Array.from(this.#host.querySelectorAll('mat-icon[iconPositionEnd]'));
+        this.translateLabels();
     }
-    #getNoneIconNodes() {
-        const iter = document.createNodeIterator(this.#host, NodeFilter.SHOW_ALL, (node) => {
-            return node.nodeName.toLowerCase() !== 'mat-icon' && node.parentElement === this.#host
-                ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_REJECT;
-        });
-        let currentNode;
-        const filteredNodes = [];
-        while ((currentNode = iter.nextNode())) {
-            filteredNodes.push(currentNode);
-        }
-        return filteredNodes;
+    translateLabels() {
+        this.itemsPerPageLabel = this.#translate.instant('ymt.paginator.itemsPerPageLabel');
+        this.nextPageLabel = this.#translate.instant('ymt.paginator.nextPageLabel');
+        this.previousPageLabel = this.#translate.instant('ymt.paginator.previousPageLabel');
+        this.firstPageLabel = this.#translate.instant('ymt.paginator.firstPageLabel');
+        this.lastPageLabel = this.#translate.instant('ymt.paginator.lastPageLabel');
+        this.rangeLabelSeparator = this.#translate.instant('ymt.paginator.rangeLabelSeparator');
+        this.changes.next();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: YuvButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.1", type: YuvButtonDirective, isStandalone: true, selector: "button[ymtButton], a[ymtButton]", inputs: { ymtButton: { classPropertyName: "ymtButton", publicName: "ymtButton", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, ariaDisabled: { classPropertyName: "ariaDisabled", publicName: "aria-disabled", isSignal: true, isRequired: false, transformFunction: null }, disableRipple: { classPropertyName: "disableRipple", publicName: "disableRipple", isSignal: true, isRequired: false, transformFunction: null }, disabledInteractive: { classPropertyName: "disabledInteractive", publicName: "disabledInteractive", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.mat-flat-button": "ymtButton() === \"primary\" ? \"\" : null", "attr.mat-stroked-button": "ymtButton() === \"secondary\" ? \"\" : null", "attr.mat-button": "ymtButton() === \"tertiary\" ? \"\" : null" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: YmtMatPaginatorIntlService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: YmtMatPaginatorIntlService });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: YuvButtonDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'button[ymtButton], a[ymtButton]',
-                    standalone: true,
-                    host: {
-                        '[attr.mat-flat-button]': 'ymtButton() === "primary" ? "" : null',
-                        '[attr.mat-stroked-button]': 'ymtButton() === "secondary" ? "" : null',
-                        '[attr.mat-button]': 'ymtButton() === "tertiary" ? "" : null',
-                    },
-                }]
-        }], ctorParameters: () => [] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: YmtMatPaginatorIntlService, decorators: [{
+            type: Injectable
+        }] });
 
-const provideYuvMaterial = () => {
+const provideYmtMaterial = () => {
     const providers = [
         /**
          * Material Icon Registry Service Override
          */
-        { provide: MatIconRegistry, useClass: YuvMatIconRegistry },
-        YuvButtonDirective,
+        { provide: MatIconRegistry, useClass: YmtMatIconRegistryService },
+        /**
+         * Material Ripple Config
+         */
+        { provide: MAT_RIPPLE_GLOBAL_OPTIONS, useValue: { disabled: true } },
+        /**
+         * Material Paginator Internationalization Service Override
+         */
+        {
+            provide: MatPaginatorIntl,
+            useFactory: (translate) => {
+                const service = new YmtMatPaginatorIntlService();
+                service.injectTranslateService(translate);
+                return service;
+            },
+            deps: [TranslateService]
+        },
         /**
          * Material Tooltip Config
          */
@@ -148,23 +125,34 @@ const provideYuvMaterial = () => {
                 appearance: 'outline',
                 floatLabel: 'always'
             }
+        },
+        /**
+         * Material Tab Config
+         */
+        {
+            provide: MAT_TABS_CONFIG,
+            useValue: {
+                animationDuration: '0',
+                stretchTabs: false,
+                alignTabs: 'start'
+            }
         }
     ];
     return makeEnvironmentProviders(providers);
 };
 
-var ICON_BUTTON_SIZE;
-(function (ICON_BUTTON_SIZE) {
-    ICON_BUTTON_SIZE["small"] = "small";
-    ICON_BUTTON_SIZE["medium"] = "medium";
-})(ICON_BUTTON_SIZE || (ICON_BUTTON_SIZE = {}));
+var YMT_ICON_BUTTON_SIZE;
+(function (YMT_ICON_BUTTON_SIZE) {
+    YMT_ICON_BUTTON_SIZE["small"] = "small";
+    YMT_ICON_BUTTON_SIZE["medium"] = "medium";
+})(YMT_ICON_BUTTON_SIZE || (YMT_ICON_BUTTON_SIZE = {}));
 
-class IconButtonDirective {
+class YmtIconButtonDirective {
     disabled = input(false, { transform: booleanAttribute });
     disableRipple = input(false, { transform: booleanAttribute });
     ariaDisabled = input(false, { transform: booleanAttribute, alias: 'aria-disabled' });
     disabledInteractive = input(false, { transform: booleanAttribute });
-    size = input(ICON_BUTTON_SIZE.medium, { alias: 'icon-button-size' });
+    size = input(YMT_ICON_BUTTON_SIZE.medium, { alias: 'icon-button-size' });
     #elRef = inject(ElementRef);
     #host = this.#elRef.nativeElement;
     #injector = inject(EnvironmentInjector);
@@ -188,8 +176,8 @@ class IconButtonDirective {
         this.#MatIconButtonComponentRef = this.#createComponent();
     }
     #applySizeClass() {
-        this.size() === ICON_BUTTON_SIZE.small ? this.#host.classList.add(`ymt-icon-button--size-s`) : this.#host.classList.remove(`ymt-icon-button--size-s`);
-        this.size() === ICON_BUTTON_SIZE.medium ? this.#host.classList.add(`ymt-icon-button--size-m`) : this.#host.classList.remove(`ymt-icon-button--size-m`);
+        this.size() === YMT_ICON_BUTTON_SIZE.small ? this.#host.classList.add(`ymt-icon-button--size-s`) : this.#host.classList.remove(`ymt-icon-button--size-s`);
+        this.size() === YMT_ICON_BUTTON_SIZE.medium ? this.#host.classList.add(`ymt-icon-button--size-m`) : this.#host.classList.remove(`ymt-icon-button--size-m`);
     }
     #setMaterialInputs() {
         this.#materialIconButtonInputs.forEach(({ name, signal }) => {
@@ -205,10 +193,10 @@ class IconButtonDirective {
         componentRef.changeDetectorRef.detectChanges();
         return componentRef;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: IconButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.1", type: IconButtonDirective, isStandalone: true, selector: "button[ymtIconButton],button[ymt-icon-button],a[ymtIconButton],a[ymt-icon-button]", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, disableRipple: { classPropertyName: "disableRipple", publicName: "disableRipple", isSignal: true, isRequired: false, transformFunction: null }, ariaDisabled: { classPropertyName: "ariaDisabled", publicName: "aria-disabled", isSignal: true, isRequired: false, transformFunction: null }, disabledInteractive: { classPropertyName: "disabledInteractive", publicName: "disabledInteractive", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "icon-button-size", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "mat-icon-button": "" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: YmtIconButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.12", type: YmtIconButtonDirective, isStandalone: true, selector: "button[ymtIconButton],button[ymt-icon-button],a[ymtIconButton],a[ymt-icon-button]", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, disableRipple: { classPropertyName: "disableRipple", publicName: "disableRipple", isSignal: true, isRequired: false, transformFunction: null }, ariaDisabled: { classPropertyName: "ariaDisabled", publicName: "aria-disabled", isSignal: true, isRequired: false, transformFunction: null }, disabledInteractive: { classPropertyName: "disabledInteractive", publicName: "disabledInteractive", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "icon-button-size", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "mat-icon-button": "" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: IconButtonDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: YmtIconButtonDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'button[ymtIconButton],button[ymt-icon-button],a[ymtIconButton],a[ymt-icon-button]',
@@ -219,11 +207,112 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImpor
                 }]
         }], ctorParameters: () => [] });
 
+var YMT_BUTTON_SIZE;
+(function (YMT_BUTTON_SIZE) {
+    YMT_BUTTON_SIZE["small"] = "small";
+    YMT_BUTTON_SIZE["medium"] = "medium";
+})(YMT_BUTTON_SIZE || (YMT_BUTTON_SIZE = {}));
+
+var MatButtonAttributeEnum;
+(function (MatButtonAttributeEnum) {
+    MatButtonAttributeEnum["primary"] = "mat-flat-button";
+    MatButtonAttributeEnum["secondary"] = "mat-stroked-button";
+    MatButtonAttributeEnum["tertiary"] = "mat-button";
+})(MatButtonAttributeEnum || (MatButtonAttributeEnum = {}));
+class YmtButtonDirective {
+    ymtButton = input('primary');
+    disabled = input(false, { transform: booleanAttribute });
+    ariaDisabled = input(false, { alias: 'aria-disabled', transform: booleanAttribute });
+    disableRipple = input(false, { transform: booleanAttribute });
+    disabledInteractive = input(false, { transform: booleanAttribute });
+    size = input(YMT_BUTTON_SIZE.medium, { alias: 'button-size' });
+    // Todo: Add input "isBusy" as "busy inactive state": not clickable and with mat-spinner in button
+    #environmentInjector = inject(EnvironmentInjector);
+    #applicationRef = inject(ApplicationRef);
+    #hostElement = inject(ElementRef).nativeElement;
+    #matButtonComponentRef = null;
+    #iconPrefix = [];
+    #noneIconNodes = [];
+    #iconSuffix = [];
+    #matButtonAttribute = MatButtonAttributeEnum;
+    constructor() {
+        effect(() => {
+            const disabled = this.disabled();
+            const ariaDisabled = this.ariaDisabled();
+            const disableRipple = this.disableRipple();
+            const disabledInteractive = this.disabledInteractive();
+            this.#updateInputs(disabled, ariaDisabled, disableRipple, disabledInteractive);
+        });
+        effect(() => {
+            this.#applySizeClass();
+        });
+    }
+    ngOnInit() {
+        this.#iconPrefix = this.#getIconPrefixElements();
+        this.#noneIconNodes = this.#getNoneIconNodes();
+        this.#iconSuffix = this.#getIconSuffixElements();
+        this.#matButtonComponentRef = this.#createMatButtonComponent();
+    }
+    ngAfterViewInit() {
+        this.#updateInputs();
+    }
+    #updateInputs(disabled = this.disabled(), ariaDisabled = this.ariaDisabled(), disableRipple = this.disableRipple(), disabledInteractive = this.disabledInteractive()) {
+        this.#matButtonComponentRef?.setInput('disabled', disabled);
+        this.#matButtonComponentRef?.setInput('aria-disabled', ariaDisabled);
+        this.#matButtonComponentRef?.setInput('disableRipple', disableRipple);
+        this.#matButtonComponentRef?.setInput('disabledInteractive', disabledInteractive);
+    }
+    #createMatButtonComponent(hostElement = this.#hostElement, environmentInjector = this.#environmentInjector, iconPrefix = this.#iconPrefix, noneIconNodes = this.#noneIconNodes, iconSuffix = this.#iconSuffix) {
+        this.#setInitialAttributesToHost();
+        const componentRef = createComponent(MatButton, {
+            environmentInjector,
+            hostElement,
+            projectableNodes: [[...iconPrefix], [...noneIconNodes], [...iconSuffix]]
+        });
+        this.#applicationRef.attachView(componentRef.hostView);
+        componentRef.changeDetectorRef.detectChanges();
+        return componentRef;
+    }
+    #setInitialAttributesToHost() {
+        this.#hostElement.setAttribute(this.#matButtonAttribute[this.ymtButton()], '');
+    }
+    #getIconPrefixElements() {
+        return Array.from(this.#hostElement.querySelectorAll('mat-icon:not([iconPositionEnd])'));
+    }
+    #getIconSuffixElements() {
+        return Array.from(this.#hostElement.querySelectorAll('mat-icon[iconPositionEnd]'));
+    }
+    #getNoneIconNodes() {
+        const iter = document.createNodeIterator(this.#hostElement, NodeFilter.SHOW_ALL, (node) => {
+            return node.nodeName.toLowerCase() !== 'mat-icon' && node.parentElement === this.#hostElement ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_REJECT;
+        });
+        let currentNode;
+        const filteredNodes = [];
+        while ((currentNode = iter.nextNode())) {
+            filteredNodes.push(currentNode);
+        }
+        return filteredNodes;
+    }
+    #applySizeClass() {
+        this.size() === YMT_BUTTON_SIZE.small ? this.#hostElement.classList.add(`ymt-button--size-s`) : this.#hostElement.classList.remove(`ymt-button--size-s`);
+        this.size() === YMT_BUTTON_SIZE.medium ? this.#hostElement.classList.add(`ymt-button--size-m`) : this.#hostElement.classList.remove(`ymt-button--size-m`);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: YmtButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.12", type: YmtButtonDirective, isStandalone: true, selector: "button[ymtButton], a[ymtButton]", inputs: { ymtButton: { classPropertyName: "ymtButton", publicName: "ymtButton", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, ariaDisabled: { classPropertyName: "ariaDisabled", publicName: "aria-disabled", isSignal: true, isRequired: false, transformFunction: null }, disableRipple: { classPropertyName: "disableRipple", publicName: "disableRipple", isSignal: true, isRequired: false, transformFunction: null }, disabledInteractive: { classPropertyName: "disabledInteractive", publicName: "disabledInteractive", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "button-size", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: YmtButtonDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'button[ymtButton], a[ymtButton]',
+                    standalone: true,
+                }]
+        }], ctorParameters: () => [] });
+
 var index = {};
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { ICON_BUTTON_SIZE, IconButtonDirective, YuvButtonDirective, YuvMatIconRegistry, provideYuvMaterial };
+export { YMT_BUTTON_SIZE, YMT_ICON_BUTTON_SIZE, YmtButtonDirective, YmtIconButtonDirective, YmtMatIconRegistryService, provideYmtMaterial };
 //# sourceMappingURL=yuuvis-material.mjs.map

package/fesm2022/yuuvis-material.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"yuuvis-material.mjs","sources":["../../../../../libs/yuuvis/material/src/lib/services/yuv-mat-icon-registry.service.ts","../../../../../libs/yuuvis/material/src/lib/directives/yuv-button.directive.ts","../../../../../libs/yuuvis/material/src/lib/providers/material.providers.ts","../../../../../libs/yuuvis/material/src/lib/directives/icon-button/icon-button.model.ts","../../../../../libs/yuuvis/material/src/lib/directives/icon-button/icon-button.directive.ts","../../../../../libs/yuuvis/material/src/lib/components/index.ts","../../../../../libs/yuuvis/material/src/yuuvis-material.ts"],"sourcesContent":["import { ErrorHandler, Inject, Injectable } from '@angular/core';\nimport { MatIconRegistry } from '@angular/material/icon';\nimport { HttpClient } from '@angular/common/http';\nimport { DomSanitizer } from '@angular/platform-browser';\nimport { DOCUMENT } from '@angular/common';\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\n\n@Injectable({\n  providedIn: 'root'\n})\nexport class YuvMatIconRegistry extends MatIconRegistry {\n  #yuvFontSetClassNames = ['material-symbols-sharp'];\n\n  constructor(_httpClient: HttpClient, _sanitizer: DomSanitizer, @Inject(DOCUMENT) document: any, _errorHandler: ErrorHandler) {\n    super(_httpClient, _sanitizer, document, _errorHandler);\n    this.setDefaultFontSetClass();\n  }\n\n  override setDefaultFontSetClass(...classnames: string[]) {\n    const merged = [...new Set([...classnames, ...this.#yuvFontSetClassNames])];\n    super.setDefaultFontSetClass(...merged);\n    return this;\n  }\n\n  static isFontIcon(input: string | null) {\n    if (typeof input === 'string') {\n      const parser = new DOMParser();\n      const doc = parser.parseFromString(input, 'image/svg+xml');\n      return coerceBooleanProperty(doc.querySelector('parsererror'));\n    }\n    return false;\n  }\n}\n","import {\n  ApplicationRef, ChangeDetectorRef,\n  createComponent,\n  Directive,\n  ElementRef,\n  EnvironmentInjector, input,\n  OnInit,\n  ViewContainerRef, Input, AfterViewInit, inject, effect, ComponentRef, booleanAttribute, signal, untracked\n} from '@angular/core';\nimport { MatButton } from '@angular/material/button';\nimport { takeUntilDestroyed, toObservable } from '@angular/core/rxjs-interop';\n\ntype ButtonType = 'primary' | 'secondary' | 'tertiary';\n\n@Directive({\n  selector: 'button[ymtButton], a[ymtButton]',\n  standalone: true,\n  host: {\n    '[attr.mat-flat-button]': 'ymtButton() === \"primary\" ? \"\" : null',\n    '[attr.mat-stroked-button]': 'ymtButton() === \"secondary\" ? \"\" : null',\n    '[attr.mat-button]': 'ymtButton() === \"tertiary\" ? \"\" : null',\n  },\n})\nexport class YuvButtonDirective implements OnInit, AfterViewInit {\n  ymtButton = input<ButtonType>('primary');\n  disabled = input(false, { transform: booleanAttribute });\n  ariaDisabled = input(false, { alias: 'aria-disabled',transform: booleanAttribute });\n  disableRipple = input(false, { transform: booleanAttribute });\n  disabledInteractive = input(false, { transform: booleanAttribute });\n  // Todo: Add input \"isBusy\" as \"busy inactive state\": not clickable and with mat-spinner in button\n  \n  #environmentInjector = inject(EnvironmentInjector);\n  #applicationRef = inject(ApplicationRef);\n  #host = inject<ElementRef<HTMLElement>>(ElementRef).nativeElement;\n  \n  #matButtonComponentRef: ComponentRef<MatButton> | null = null;\n  \n  #iconPrefix: Element[] = [];\n  #noneIconNodes: Node[] = [];\n  #iconSuffix: Element[] = [];\n  \n  constructor() {\n    effect(() => {\n      const disabled = this.disabled();\n      const ariaDisabled = this.ariaDisabled();\n      const disableRipple = this.disableRipple();\n      const disabledInteractive = this.disabledInteractive();\n      this.#updateInputs(disabled, ariaDisabled, disableRipple, disabledInteractive);\n    });\n  }\n  \n  ngOnInit() {\n    this.#iconPrefix = this.#getIconPrefixElements();\n    this.#noneIconNodes = this.#getNoneIconNodes();\n    this.#iconSuffix = this.#getIconSuffixElements();\n  }\n  \n  ngAfterViewInit() {\n    this.#matButtonComponentRef = this.#createMatButtonComponent();\n    this.#updateInputs();\n  }\n  \n  #updateInputs(\n    disabled: boolean = this.disabled(),\n    ariaDisabled: boolean = this.ariaDisabled(),\n    disableRipple: boolean = this.disableRipple(),\n    disabledInteractive: boolean = this.disabledInteractive(),\n  ){\n    this.#matButtonComponentRef?.setInput('disabled', disabled);\n    this.#matButtonComponentRef?.setInput('aria-disabled', ariaDisabled);\n    this.#matButtonComponentRef?.setInput('disableRipple', disableRipple);\n    this.#matButtonComponentRef?.setInput('disabledInteractive', disabledInteractive);\n  }\n  \n  #createMatButtonComponent(\n    host: HTMLElement = this.#host,\n    iconPrefix: Element[] = this.#iconPrefix,\n    noneIconNodes: Node[] = this.#noneIconNodes,\n    iconSuffix: Element[] = this.#iconSuffix\n  ) {\n    const componentRef = createComponent(\n      MatButton,\n      {\n        environmentInjector: this.#environmentInjector,\n        hostElement: host,\n        projectableNodes: [[...iconPrefix],[...noneIconNodes],[...iconSuffix]]\n      });\n    this.#applicationRef.attachView(componentRef.hostView);\n    componentRef.changeDetectorRef.detectChanges();\n    return componentRef;\n  }\n  \n  #getIconPrefixElements() {\n    return Array.from(this.#host.querySelectorAll('mat-icon:not([iconPositionEnd])'));\n  }\n  \n  #getIconSuffixElements() {\n    return Array.from(this.#host.querySelectorAll('mat-icon[iconPositionEnd]'));\n  }\n  \n  #getNoneIconNodes() {\n    const iter = document.createNodeIterator(\n      this.#host,\n      NodeFilter.SHOW_ALL,\n      (node) => {\n        return node.nodeName.toLowerCase() !== 'mat-icon' && node.parentElement === this.#host\n          ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_REJECT;\n      }\n    );\n    let currentNode: Node | null;\n    const filteredNodes: Node[] = [];\n    while ((currentNode = iter.nextNode())) {\n      filteredNodes.push(currentNode);\n    }\n    return filteredNodes;\n  }\n}\n","import { EnvironmentProviders, makeEnvironmentProviders, Provider } from '@angular/core';\nimport { MatIconRegistry } from '@angular/material/icon';\nimport { MAT_FORM_FIELD_DEFAULT_OPTIONS, MatFormFieldDefaultOptions } from '@angular/material/form-field';\nimport { MAT_TOOLTIP_DEFAULT_OPTIONS, MatTooltipDefaultOptions } from '@angular/material/tooltip';\nimport { YuvMatIconRegistry } from '../services/yuv-mat-icon-registry.service';\nimport { YuvButtonDirective } from '../directives/yuv-button.directive';\n\nexport const provideYuvMaterial = (): EnvironmentProviders => {\n  const providers: Provider[] = [\n    /**\n     * Material Icon Registry Service Override\n     */\n    { provide: MatIconRegistry, useClass: YuvMatIconRegistry },\n    YuvButtonDirective,\n\n    /**\n     * Material Tooltip Config\n     */\n    {\n      provide: MAT_TOOLTIP_DEFAULT_OPTIONS,\n      useValue: {\n        showDelay: 500\n      } as MatTooltipDefaultOptions\n    },\n    /**\n     * Material Form Field Config\n     */\n    {\n      provide: MAT_FORM_FIELD_DEFAULT_OPTIONS,\n      useValue: {\n        appearance: 'outline',\n        floatLabel: 'always'\n      } as MatFormFieldDefaultOptions\n    }\n  ];\n  return makeEnvironmentProviders(providers);\n};\n","export enum ICON_BUTTON_SIZE {\n  small = 'small',\n  medium = 'medium'\n}\n","import {\n  ApplicationRef,\n  booleanAttribute,\n  ComponentRef,\n  createComponent,\n  Directive,\n  effect,\n  ElementRef,\n  EnvironmentInjector,\n  inject,\n  input,\n  OnInit\n} from '@angular/core';\nimport { MatIconButton } from '@angular/material/button';\nimport { ICON_BUTTON_SIZE } from './icon-button.model';\n\n@Directive({\n  selector: 'button[ymtIconButton],button[ymt-icon-button],a[ymtIconButton],a[ymt-icon-button]',\n  standalone: true,\n  host: {\n    'mat-icon-button': ''\n  }\n})\nexport class IconButtonDirective implements OnInit {\n  disabled = input(false, { transform: booleanAttribute });\n  disableRipple = input(false, { transform: booleanAttribute });\n  ariaDisabled = input(false, { transform: booleanAttribute, alias: 'aria-disabled' });\n  disabledInteractive = input(false, { transform: booleanAttribute });\n  size = input<'small' | 'medium' | ICON_BUTTON_SIZE>(ICON_BUTTON_SIZE.medium, { alias: 'icon-button-size' });\n\n  #elRef = inject(ElementRef);\n  #host = this.#elRef.nativeElement;\n  #injector = inject(EnvironmentInjector);\n  #appRef = inject(ApplicationRef);\n  #MatIconButtonComponentRef: ComponentRef<MatIconButton> | null = null;\n  #materialIconButtonInputs = [\n    { name: 'disabled', signal: this.disabled },\n    { name: 'disableRipple', signal: this.disableRipple },\n    { name: 'aria-disabled', signal: this.ariaDisabled },\n    { name: 'disabledInteractive', signal: this.disabledInteractive }\n  ];\n\n  constructor() {\n    effect(() => {\n      this.#applySizeClass();\n    });\n\n    effect(() => {\n      this.#setMaterialInputs();\n    });\n  }\n\n  ngOnInit(): void {\n    this.#MatIconButtonComponentRef = this.#createComponent();\n  }\n\n  #applySizeClass() {\n    this.size() === ICON_BUTTON_SIZE.small ? this.#host.classList.add(`ymt-icon-button--size-s`) : this.#host.classList.remove(`ymt-icon-button--size-s`);\n    this.size() === ICON_BUTTON_SIZE.medium ? this.#host.classList.add(`ymt-icon-button--size-m`) : this.#host.classList.remove(`ymt-icon-button--size-m`);\n  }\n\n  #setMaterialInputs() {\n    this.#materialIconButtonInputs.forEach(({ name, signal }) => {\n      this.#MatIconButtonComponentRef?.setInput(name, signal());\n    });\n  }\n\n  #createComponent() {\n    const matIcon = this.#host.querySelector('mat-icon'); //todo support also upcoming yuv-icon\n    const environmentInjector = this.#injector;\n    const hostElement = this.#host;\n    const componentRef = createComponent(MatIconButton, { hostElement, projectableNodes: [[matIcon]], environmentInjector });\n    this.#appRef.attachView(componentRef.hostView);\n    componentRef.changeDetectorRef.detectChanges();\n    return componentRef;\n  }\n}\n","export default {};\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"yuuvis-material.mjs","sources":["../../../../../libs/yuuvis/material/src/lib/services/ymt-mat-icon-registry.service.ts","../../../../../libs/yuuvis/material/src/lib/services/ymt-mat-paginator-intl.service.ts","../../../../../libs/yuuvis/material/src/lib/providers/material.providers.ts","../../../../../libs/yuuvis/material/src/lib/directives/icon-button/ymt-icon-button.model.ts","../../../../../libs/yuuvis/material/src/lib/directives/icon-button/ymt-icon-button.directive.ts","../../../../../libs/yuuvis/material/src/lib/directives/button/ymt-button.model.ts","../../../../../libs/yuuvis/material/src/lib/directives/button/ymt-button.directive.ts","../../../../../libs/yuuvis/material/src/lib/components/index.ts","../../../../../libs/yuuvis/material/src/yuuvis-material.ts"],"sourcesContent":["import { ErrorHandler, Inject, Injectable } from '@angular/core';\nimport { MatIconRegistry } from '@angular/material/icon';\nimport { HttpClient } from '@angular/common/http';\nimport { DomSanitizer } from '@angular/platform-browser';\nimport { DOCUMENT } from '@angular/common';\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\n\n@Injectable({\n  providedIn: 'root'\n})\nexport class YmtMatIconRegistryService extends MatIconRegistry {\n  #ymtFontSetClassNames = ['material-symbols-sharp'];\n\n  constructor(_httpClient: HttpClient, _sanitizer: DomSanitizer, @Inject(DOCUMENT) document: any, _errorHandler: ErrorHandler) {\n    super(_httpClient, _sanitizer, document, _errorHandler);\n    this.setDefaultFontSetClass();\n  }\n\n  override setDefaultFontSetClass(...classnames: string[]) {\n    const merged = [...new Set([...classnames, ...this.#ymtFontSetClassNames])];\n    super.setDefaultFontSetClass(...merged);\n    return this;\n  }\n\n  static isFontIcon(input: string | null) {\n    if (typeof input === 'string') {\n      const parser = new DOMParser();\n      const doc = parser.parseFromString(input, 'image/svg+xml');\n      return coerceBooleanProperty(doc.querySelector('parsererror'));\n    }\n    return false;\n  }\n}\n","import { inject, Injectable } from '@angular/core';\nimport { MatPaginatorIntl } from '@angular/material/paginator';\nimport { TranslateService } from '@ngx-translate/core';\n\n/* Draft */\n@Injectable()\nexport class YmtMatPaginatorIntlService extends MatPaginatorIntl {\n  #translate = inject(TranslateService);\n  rangeLabelSeparator: string = this.#translate.instant('ymt.paginator.rangeLabelSeparator');\n  \n  override getRangeLabel = (\n    page: number,\n    pageSize: number,\n    length: number\n  ) => {\n    if (length === 0 || pageSize === 0) {\n      return `0 ${this.rangeLabelSeparator} ${length}`;\n    }\n    \n    length = Math.max(length, 0);\n    const startIndex = page * pageSize;\n    // If the start index exceeds the list length, do not try and fix the end index to the end.\n    const endIndex = startIndex < length ?\n      Math.min(startIndex + pageSize, length) :\n      startIndex + pageSize;\n    return `${startIndex + 1} - ${endIndex} ${this.rangeLabelSeparator} ${length}`;\n  };\n  \n  //=== Proposal =========================================================\n  \n  injectTranslateService(translate: TranslateService) {\n    this.#translate = translate;\n    \n    this.#translate.onLangChange.subscribe(() => {\n      this.translateLabels();\n    });\n    \n    this.translateLabels();\n  }\n  \n  translateLabels() {\n    this.itemsPerPageLabel = this.#translate.instant('ymt.paginator.itemsPerPageLabel');\n    this.nextPageLabel     = this.#translate.instant('ymt.paginator.nextPageLabel');\n    this.previousPageLabel = this.#translate.instant('ymt.paginator.previousPageLabel');\n    this.firstPageLabel = this.#translate.instant('ymt.paginator.firstPageLabel');\n    this.lastPageLabel = this.#translate.instant('ymt.paginator.lastPageLabel');\n    this.rangeLabelSeparator = this.#translate.instant('ymt.paginator.rangeLabelSeparator');\n    this.changes.next();\n  }\n  \n  //=== Proposal END =====================================================\n}\n","import { EnvironmentProviders, makeEnvironmentProviders, Provider } from '@angular/core';\nimport { MatIconRegistry } from '@angular/material/icon';\nimport { MAT_FORM_FIELD_DEFAULT_OPTIONS, MatFormFieldDefaultOptions } from '@angular/material/form-field';\nimport { MAT_TOOLTIP_DEFAULT_OPTIONS, MatTooltipDefaultOptions } from '@angular/material/tooltip';\nimport { YmtMatIconRegistryService } from '../services/ymt-mat-icon-registry.service';\nimport { MatPaginatorIntl } from '@angular/material/paginator';\nimport { YmtMatPaginatorIntlService } from '../services/ymt-mat-paginator-intl.service';\nimport { TranslateService } from '@ngx-translate/core';\nimport { MAT_TAB_GROUP, MAT_TABS_CONFIG, MatTabsConfig } from '@angular/material/tabs';\nimport { MAT_RIPPLE_GLOBAL_OPTIONS, RippleGlobalOptions } from '@angular/material/core';\n\nexport const provideYmtMaterial = (): EnvironmentProviders => {\n  const providers: Provider[] = [\n    /**\n     * Material Icon Registry Service Override\n     */\n    { provide: MatIconRegistry, useClass: YmtMatIconRegistryService },\n\n    /**\n     * Material Ripple Config\n     */\n    { provide: MAT_RIPPLE_GLOBAL_OPTIONS, useValue: { disabled: true } as RippleGlobalOptions },\n\n    /**\n     * Material Paginator Internationalization Service Override\n     */\n    {\n      provide: MatPaginatorIntl,\n      useFactory: (translate: TranslateService) => {\n        const service = new YmtMatPaginatorIntlService();\n        service.injectTranslateService(translate);\n        return service;\n      },\n      deps: [TranslateService]\n    },\n    /**\n     * Material Tooltip Config\n     */\n    {\n      provide: MAT_TOOLTIP_DEFAULT_OPTIONS,\n      useValue: {\n        showDelay: 500\n      } as MatTooltipDefaultOptions\n    },\n    /**\n     * Material Form Field Config\n     */\n    {\n      provide: MAT_FORM_FIELD_DEFAULT_OPTIONS,\n      useValue: {\n        appearance: 'outline',\n        floatLabel: 'always'\n      } as MatFormFieldDefaultOptions\n    },\n    /**\n     * Material Tab Config\n     */\n    {\n      provide: MAT_TABS_CONFIG,\n      useValue: {\n        animationDuration: '0',\n        stretchTabs: false,\n        alignTabs: 'start'\n      } as MatTabsConfig\n    }\n  ];\n  return makeEnvironmentProviders(providers);\n};\n","export enum YMT_ICON_BUTTON_SIZE {\n  small = 'small',\n  medium = 'medium'\n}\n","import {\n  ApplicationRef,\n  booleanAttribute,\n  ComponentRef,\n  createComponent,\n  Directive,\n  effect,\n  ElementRef,\n  EnvironmentInjector,\n  inject,\n  input,\n  OnInit\n} from '@angular/core';\nimport { MatIconButton } from '@angular/material/button';\nimport { YMT_ICON_BUTTON_SIZE } from './ymt-icon-button.model';\n\n@Directive({\n  selector: 'button[ymtIconButton],button[ymt-icon-button],a[ymtIconButton],a[ymt-icon-button]',\n  standalone: true,\n  host: {\n    'mat-icon-button': ''\n  }\n})\nexport class YmtIconButtonDirective implements OnInit {\n  disabled = input(false, { transform: booleanAttribute });\n  disableRipple = input(false, { transform: booleanAttribute });\n  ariaDisabled = input(false, { transform: booleanAttribute, alias: 'aria-disabled' });\n  disabledInteractive = input(false, { transform: booleanAttribute });\n  size = input<'small' | 'medium' | YMT_ICON_BUTTON_SIZE>(YMT_ICON_BUTTON_SIZE.medium, { alias: 'icon-button-size' });\n\n  #elRef = inject(ElementRef);\n  #host = this.#elRef.nativeElement;\n  #injector = inject(EnvironmentInjector);\n  #appRef = inject(ApplicationRef);\n  #MatIconButtonComponentRef: ComponentRef<MatIconButton> | null = null;\n  #materialIconButtonInputs = [\n    { name: 'disabled', signal: this.disabled },\n    { name: 'disableRipple', signal: this.disableRipple },\n    { name: 'aria-disabled', signal: this.ariaDisabled },\n    { name: 'disabledInteractive', signal: this.disabledInteractive }\n  ];\n\n  constructor() {\n    effect(() => {\n      this.#applySizeClass();\n    });\n\n    effect(() => {\n      this.#setMaterialInputs();\n    });\n  }\n\n  ngOnInit(): void {\n    this.#MatIconButtonComponentRef = this.#createComponent();\n  }\n\n  #applySizeClass() {\n    this.size() === YMT_ICON_BUTTON_SIZE.small ? this.#host.classList.add(`ymt-icon-button--size-s`) : this.#host.classList.remove(`ymt-icon-button--size-s`);\n    this.size() === YMT_ICON_BUTTON_SIZE.medium ? this.#host.classList.add(`ymt-icon-button--size-m`) : this.#host.classList.remove(`ymt-icon-button--size-m`);\n  }\n\n  #setMaterialInputs() {\n    this.#materialIconButtonInputs.forEach(({ name, signal }) => {\n      this.#MatIconButtonComponentRef?.setInput(name, signal());\n    });\n  }\n\n  #createComponent() {\n    const matIcon = this.#host.querySelector('mat-icon'); //todo support also upcoming yuv-icon\n    const environmentInjector = this.#injector;\n    const hostElement = this.#host;\n    const componentRef = createComponent(MatIconButton, { hostElement, projectableNodes: [[matIcon]], environmentInjector });\n    this.#appRef.attachView(componentRef.hostView);\n    componentRef.changeDetectorRef.detectChanges();\n    return componentRef;\n  }\n}\n","export enum YMT_BUTTON_SIZE {\n  small = 'small',\n  medium = 'medium'\n}\n","import {\n  ApplicationRef,\n  createComponent,\n  Directive,\n  ElementRef,\n  EnvironmentInjector,\n  input,\n  OnInit,\n  AfterViewInit,\n  inject,\n  effect,\n  ComponentRef,\n  booleanAttribute\n} from '@angular/core';\nimport { MatButton } from '@angular/material/button';\nimport { YMT_BUTTON_SIZE } from './ymt-button.model';\n\ntype ButtonType = keyof typeof MatButtonAttributeEnum;\nenum MatButtonAttributeEnum {\n  primary = 'mat-flat-button',\n  secondary = 'mat-stroked-button',\n  tertiary = 'mat-button'\n}\n\n@Directive({\n  selector: 'button[ymtButton], a[ymtButton]',\n  standalone: true,\n})\nexport class YmtButtonDirective implements OnInit, AfterViewInit {\n  ymtButton = input<ButtonType>('primary');\n  disabled = input(false, { transform: booleanAttribute });\n  ariaDisabled = input(false, { alias: 'aria-disabled', transform: booleanAttribute });\n  disableRipple = input(false, { transform: booleanAttribute });\n  disabledInteractive = input(false, { transform: booleanAttribute });\n  size = input<'small' | 'medium' | YMT_BUTTON_SIZE>(YMT_BUTTON_SIZE.medium, { alias: 'button-size' });\n  // Todo: Add input \"isBusy\" as \"busy inactive state\": not clickable and with mat-spinner in button\n\n  #environmentInjector = inject(EnvironmentInjector);\n  #applicationRef = inject(ApplicationRef);\n  #hostElement = inject<ElementRef<HTMLElement>>(ElementRef).nativeElement;\n\n  #matButtonComponentRef: ComponentRef<MatButton> | null = null;\n\n  #iconPrefix: Element[] = [];\n  #noneIconNodes: Node[] = [];\n  #iconSuffix: Element[] = [];\n  \n  #matButtonAttribute = MatButtonAttributeEnum;\n\n  constructor() {\n    effect(() => {\n      const disabled = this.disabled();\n      const ariaDisabled = this.ariaDisabled();\n      const disableRipple = this.disableRipple();\n      const disabledInteractive = this.disabledInteractive();\n      this.#updateInputs(disabled, ariaDisabled, disableRipple, disabledInteractive);\n    });\n\n    effect(() => {\n      this.#applySizeClass();\n    });\n  }\n\n  ngOnInit() {\n    this.#iconPrefix = this.#getIconPrefixElements();\n    this.#noneIconNodes = this.#getNoneIconNodes();\n    this.#iconSuffix = this.#getIconSuffixElements();\n    this.#matButtonComponentRef = this.#createMatButtonComponent();\n  }\n\n  ngAfterViewInit() {\n    this.#updateInputs();\n  }\n\n  #updateInputs(\n    disabled: boolean = this.disabled(),\n    ariaDisabled: boolean = this.ariaDisabled(),\n    disableRipple: boolean = this.disableRipple(),\n    disabledInteractive: boolean = this.disabledInteractive()\n  ) {\n    this.#matButtonComponentRef?.setInput('disabled', disabled);\n    this.#matButtonComponentRef?.setInput('aria-disabled', ariaDisabled);\n    this.#matButtonComponentRef?.setInput('disableRipple', disableRipple);\n    this.#matButtonComponentRef?.setInput('disabledInteractive', disabledInteractive);\n  }\n\n  #createMatButtonComponent(\n    hostElement: HTMLElement = this.#hostElement,\n    environmentInjector: EnvironmentInjector = this.#environmentInjector,\n    iconPrefix: Element[] = this.#iconPrefix,\n    noneIconNodes: Node[] = this.#noneIconNodes,\n    iconSuffix: Element[] = this.#iconSuffix\n  ) {\n    this.#setInitialAttributesToHost();\n    const componentRef = createComponent(MatButton, {\n      environmentInjector,\n      hostElement,\n      projectableNodes: [[...iconPrefix], [...noneIconNodes], [...iconSuffix]]\n    });\n    this.#applicationRef.attachView(componentRef.hostView);\n    componentRef.changeDetectorRef.detectChanges();\n    return componentRef;\n  }\n\n  #setInitialAttributesToHost() {\n    this.#hostElement.setAttribute(this.#matButtonAttribute[this.ymtButton()], '');\n  }\n  \n  #getIconPrefixElements() {\n    return Array.from(this.#hostElement.querySelectorAll('mat-icon:not([iconPositionEnd])'));\n  }\n\n  #getIconSuffixElements() {\n    return Array.from(this.#hostElement.querySelectorAll('mat-icon[iconPositionEnd]'));\n  }\n\n  #getNoneIconNodes() {\n    const iter = document.createNodeIterator(this.#hostElement, NodeFilter.SHOW_ALL, (node) => {\n      return node.nodeName.toLowerCase() !== 'mat-icon' && node.parentElement === this.#hostElement ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_REJECT;\n    });\n    let currentNode: Node | null;\n    const filteredNodes: Node[] = [];\n    while ((currentNode = iter.nextNode())) {\n      filteredNodes.push(currentNode);\n    }\n    return filteredNodes;\n  }\n\n  #applySizeClass() {\n    this.size() === YMT_BUTTON_SIZE.small ? this.#hostElement.classList.add(`ymt-button--size-s`) : this.#hostElement.classList.remove(`ymt-button--size-s`);\n    this.size() === YMT_BUTTON_SIZE.medium ? this.#hostElement.classList.add(`ymt-button--size-m`) : this.#hostElement.classList.remove(`ymt-button--size-m`);\n  }\n}\n","export default {};\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/lib/assets/i18n/de.json

@@ -0,0 +1,8 @@
+{
+	"ymt.paginator.firstPageLabel": "Erste Seite",
+	"ymt.paginator.itemsPerPageLabel": "Treffer pro Seite",
+	"ymt.paginator.lastPageLabel": "Letzte Seite",
+	"ymt.paginator.nextPageLabel": "Nächste Seite",
+	"ymt.paginator.previousPageLabel": "Vorherige Seite",
+	"ymt.paginator.rangeLabelSeparator": "von"
+}

package/lib/assets/i18n/en.json

@@ -0,0 +1,8 @@
+{
+	"ymt.paginator.firstPageLabel": "First Page",
+	"ymt.paginator.itemsPerPageLabel": "Items per Page",
+	"ymt.paginator.lastPageLabel": "Last Page",
+	"ymt.paginator.nextPageLabel": "Next Page",
+	"ymt.paginator.previousPageLabel": "Previous Page",
+	"ymt.paginator.rangeLabelSeparator": "of"
+}

package/lib/directives/button/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ymt-button.directive';
+export * from './ymt-button.model';

package/lib/directives/{yuv-button.directive.d.ts → button/ymt-button.directive.d.ts}

@@ -1,17 +1,17 @@
 import { OnInit, AfterViewInit } from '@angular/core';
+import { YMT_BUTTON_SIZE } from './ymt-button.model';
 import * as i0 from "@angular/core";
-type ButtonType = 'primary' | 'secondary' | 'tertiary';
-export declare class YuvButtonDirective implements OnInit, AfterViewInit {
+export declare class YmtButtonDirective implements OnInit, AfterViewInit {
     #private;
-    ymtButton: import("@angular/core").InputSignal<ButtonType>;
+    ymtButton: import("@angular/core").InputSignal<"primary" | "secondary" | "tertiary">;
     disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     ariaDisabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     disableRipple: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     disabledInteractive: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    size: import("@angular/core").InputSignal<"small" | "medium" | YMT_BUTTON_SIZE>;
     constructor();
     ngOnInit(): void;
     ngAfterViewInit(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<YuvButtonDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<YuvButtonDirective, "button[ymtButton], a[ymtButton]", never, { "ymtButton": { "alias": "ymtButton"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "ariaDisabled": { "alias": "aria-disabled"; "required": false; "isSignal": true; }; "disableRipple": { "alias": "disableRipple"; "required": false; "isSignal": true; }; "disabledInteractive": { "alias": "disabledInteractive"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<YmtButtonDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<YmtButtonDirective, "button[ymtButton], a[ymtButton]", never, { "ymtButton": { "alias": "ymtButton"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "ariaDisabled": { "alias": "aria-disabled"; "required": false; "isSignal": true; }; "disableRipple": { "alias": "disableRipple"; "required": false; "isSignal": true; }; "disabledInteractive": { "alias": "disabledInteractive"; "required": false; "isSignal": true; }; "size": { "alias": "button-size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
-export {};

package/lib/directives/{icon-button/icon-button.model.d.ts → button/ymt-button.model.d.ts}

@@ -1,4 +1,4 @@
-export declare enum ICON_BUTTON_SIZE {
+export declare enum YMT_BUTTON_SIZE {
     small = "small",
     medium = "medium"
 }

package/lib/directives/icon-button/index.d.ts

@@ -1,2 +1,2 @@
-export * from './icon-button.directive';
-export * from './icon-button.model';
+export * from './ymt-icon-button.directive';
+export * from './ymt-icon-button.model';

package/lib/directives/icon-button/ymt-icon-button.directive.d.ts

@@ -0,0 +1,15 @@
+import { OnInit } from '@angular/core';
+import { YMT_ICON_BUTTON_SIZE } from './ymt-icon-button.model';
+import * as i0 from "@angular/core";
+export declare class YmtIconButtonDirective implements OnInit {
+    #private;
+    disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    disableRipple: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    ariaDisabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    disabledInteractive: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    size: import("@angular/core").InputSignal<"small" | "medium" | YMT_ICON_BUTTON_SIZE>;
+    constructor();
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<YmtIconButtonDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<YmtIconButtonDirective, "button[ymtIconButton],button[ymt-icon-button],a[ymtIconButton],a[ymt-icon-button]", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "disableRipple": { "alias": "disableRipple"; "required": false; "isSignal": true; }; "ariaDisabled": { "alias": "aria-disabled"; "required": false; "isSignal": true; }; "disabledInteractive": { "alias": "disabledInteractive"; "required": false; "isSignal": true; }; "size": { "alias": "icon-button-size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/lib/directives/icon-button/ymt-icon-button.model.d.ts

@@ -0,0 +1,4 @@
+export declare enum YMT_ICON_BUTTON_SIZE {
+    small = "small",
+    medium = "medium"
+}

package/lib/directives/index.d.ts

@@ -1,2 +1,2 @@
 export * from './icon-button';
-export * from './yuv-button.directive';
+export * from './button';

package/lib/providers/material.providers.d.ts

@@ -1,2 +1,2 @@
 import { EnvironmentProviders } from '@angular/core';
-export declare const provideYuvMaterial: () => EnvironmentProviders;
+export declare const provideYmtMaterial: () => EnvironmentProviders;

package/lib/services/index.d.ts

@@ -1 +1 @@
-export * from './yuv-mat-icon-registry.service';
+export * from './ymt-mat-icon-registry.service';

package/lib/services/{yuv-mat-icon-registry.service.d.ts → ymt-mat-icon-registry.service.d.ts}

@@ -3,11 +3,11 @@ import { MatIconRegistry } from '@angular/material/icon';
 import { HttpClient } from '@angular/common/http';
 import { DomSanitizer } from '@angular/platform-browser';
 import * as i0 from "@angular/core";
-export declare class YuvMatIconRegistry extends MatIconRegistry {
+export declare class YmtMatIconRegistryService extends MatIconRegistry {
     #private;
     constructor(_httpClient: HttpClient, _sanitizer: DomSanitizer, document: any, _errorHandler: ErrorHandler);
     setDefaultFontSetClass(...classnames: string[]): this;
     static isFontIcon(input: string | null): boolean;
-    static ɵfac: i0.ɵɵFactoryDeclaration<YuvMatIconRegistry, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<YuvMatIconRegistry>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<YmtMatIconRegistryService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<YmtMatIconRegistryService>;
 }

package/lib/services/ymt-mat-paginator-intl.service.d.ts

@@ -0,0 +1,12 @@
+import { MatPaginatorIntl } from '@angular/material/paginator';
+import { TranslateService } from '@ngx-translate/core';
+import * as i0 from "@angular/core";
+export declare class YmtMatPaginatorIntlService extends MatPaginatorIntl {
+    #private;
+    rangeLabelSeparator: string;
+    getRangeLabel: (page: number, pageSize: number, length: number) => string;
+    injectTranslateService(translate: TranslateService): void;
+    translateLabels(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<YmtMatPaginatorIntlService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<YmtMatPaginatorIntlService>;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yuuvis/material",
-  "version": "2.0.0-beta.5",
+  "version": "2.0.0",
   "peerDependencies": {
     "@angular/common": "^19.2.1",
     "@angular/core": "^19.2.1",

package/scss/components/index.scss

@@ -1 +1 @@
-@forward 'loading-indicator';
+

package/scss/elements/_bidirectonal-layout.scss

@@ -0,0 +1,3 @@
+[dir="rtl"] * {
+  direction: rtl;
+}

package/scss/elements/_index.scss

@@ -1,5 +1,6 @@
 @forward 'root';
 @forward 'body';
+@forward 'bidirectonal-layout';
 @forward 'text';
 @forward 'focus';
 @forward 'text-selection';

package/scss/elements/_root.scss

@@ -3,11 +3,11 @@
   height: 100%;
 }
 
-:root.yuv-light-mode {
+:root.ymt-light-mode {
   color-scheme: light;
 }
 
-:root.yuv-dark-mode {
+:root.ymt-dark-mode {
   color-scheme: dark;
 }
 

package/scss/material-components/_button.scss

@@ -1,3 +1,22 @@
+@use '@angular/material' as mat;
+@use './../token/token.tools' as t;
+
+// small
+.ymt-button--size-s.mdc-button {
+  @include mat.button-density(-2);
+  @include mat.button-overrides((
+    filled-label-text-size: var(--mat-sys-label-medium-size),
+    filled-horizontal-padding: t.use-token(spacing-m),
+    outlined-horizontal-padding: t.use-token(spacing-m),
+    outlined-label-text-size: var(--mat-sys-label-medium-size),
+    text-label-text-size: var(--mat-sys-label-medium-size),
+    text-horizontal-padding: t.use-token(spacing-m),
+  ));
+}
+
+// medium (default)
+// .ymt-button--size-m.mdc-button {}
+
 
 .mdc-button .mdc-button__label{
   line-height: 1;

package/scss/material-components/_icon-button.scss

@@ -1,6 +1,7 @@
 @use '@angular/material' as mat;
 @use './../token/token.tools' as t;
 
+// small
 .ymt-icon-button--size-s.mat-mdc-icon-button {
   @include mat.icon-button-overrides(
     (
@@ -17,6 +18,7 @@
   }
 }
 
+// medium (default)
 .ymt-icon-button--size-m.mat-mdc-icon-button {
   @include mat.icon-button-overrides(
     (

package/scss/material-components/_icon.scss

@@ -13,3 +13,10 @@
   font-size: t.use-token(sizing-m);
   line-height: 1;
 }
+
+.ymt-icon--size-6xl.mat-icon {
+  height: t.use-token(sizing-6xl);
+  width: t.use-token(sizing-6xl);
+  font-size: t.use-token(sizing-6xl);
+  line-height: 1;
+}

package/scss/themes/yuuvis-standard/theme.scss

@@ -114,8 +114,8 @@
   ));
   @include mat.progress-spinner-overrides((
     active-indicator-color: var(--mat-sys-primary),
-    //active-indicator-width: 40px, // does not work!
-    //size: var(--ymt-sizing-small), // does not work!
+    // "active-indicator-width" does not work!
+    // "size" does not work!
   ));
   /* Buttons */
   @include mat.button-overrides(());
@@ -163,8 +163,8 @@
       container-text-tracking: var(--mat-sys-body-medium-tracking),
       container-text-weight: var(--mat-sys-body-medium-weight),
       container-vertical-padding: 10px,
-      outlined-focus-outline-color: var(--yuv-focus-indicator-outer),
-      outlined-focus-outline-width: var(--yuv-focus-indicator-size),
+      outlined-focus-outline-color: token.$focus-indicator-outer,
+      outlined-focus-outline-width: token.$focus-indicator-size,
       outlined-label-text-font: var(--mat-sys-body-medium-font),
       outlined-label-text-size: var(--mat-sys-body-medium-size),
       outlined-label-text-tracking: var(--mat-sys-body-medium-tracking),
@@ -203,28 +203,27 @@
   @include mat.dialog-overrides(
     (
       container-shape: var(--mat-sys-corner-medium),
-      container-color: var(--mat-sys-surface-container-low),
+      container-color: var(--mat-sys-surface),
       subhead-color: var(--mat-sys-on-surface),
       subhead-font: var(--mat-sys-title-large-font),
       subhead-line-height: var(--mat-sys-title-large-line-height),
       subhead-size: var(--mat-sys-title-large-size),
       subhead-weight: var(--mat-sys-title-large-weight),
       subhead-tracking: var(--mat-sys-title-large-tracking),
-      //supporting-text-color: var(--mat-sys-on-surface-variant),
-      //supporting-text-font: var(--mat-sys-body-medium-font),
-      //supporting-text-line-height: var(--mat-sys-body-medium-line-height),
-      //supporting-text-size: var(--mat-sys-body-medium-size),
-      //supporting-text-weight: var(--mat-sys-body-medium-weight),
-      //supporting-text-tracking: var(--mat-sys-body-medium-tracking),
-      //container-elevation-shadow: none,
-      //container-max-width: none,
-      //container-small-max-width: none,
-      //container-min-width: none,
-      //actions-alignment: none,
-      //actions-padding: none,
-      //content-padding: none,
       with-actions-content-padding: none,
-      //headline-padding: none,
     )
   );
+
+  /*Tree*/
+  @include mat.tree-overrides((
+    node-text-font: var(--mat-sys-body-medium-font),
+    node-text-size: var(--mat-sys-body-medium-size),
+    node-text-weight: var(--mat-sys-body-medium-weight),
+    node-min-height: token.$sizing-l
+  ));
+
+  /*Tabs*/
+  @include mat.tabs-overrides((
+    divider-color: var(--mat-sys-outline-variant)
+  ));
 }

package/scss/token/_token.scss

@@ -159,6 +159,7 @@ $corner-full: var(--mat-sys-corner-full);
 $corner-xl: var(--mat-sys-corner-extra-large);
 $corner-l: var(--mat-sys-corner-large);
 $corner: var(--mat-sys-corner-medium);
+$corner-m: $corner;
 $corner-s: var(--mat-sys-corner-small);
 $corner-xs: var(--mat-sys-corner-extra-small);
 
@@ -177,6 +178,8 @@ $sizing-xl: $_sizing-base * 2; // 32px;
 $sizing-2xl: $_sizing-base * 2.25; // 36px;
 $sizing-3xl: $_sizing-base * 2.5; // 40px;
 $sizing-4xl: $_sizing-base * 3; // 48px;
+$sizing-5xl: $_sizing-base * 4; // 64px;
+$sizing-6xl: $_sizing-base * 7.5; // 120px;
 
 
 /*

package/lib/directives/icon-button/icon-button.directive.d.ts

@@ -1,15 +0,0 @@
-import { OnInit } from '@angular/core';
-import { ICON_BUTTON_SIZE } from './icon-button.model';
-import * as i0 from "@angular/core";
-export declare class IconButtonDirective implements OnInit {
-    #private;
-    disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
-    disableRipple: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
-    ariaDisabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
-    disabledInteractive: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
-    size: import("@angular/core").InputSignal<"small" | "medium" | ICON_BUTTON_SIZE>;
-    constructor();
-    ngOnInit(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<IconButtonDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<IconButtonDirective, "button[ymtIconButton],button[ymt-icon-button],a[ymtIconButton],a[ymt-icon-button]", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "disableRipple": { "alias": "disableRipple"; "required": false; "isSignal": true; }; "ariaDisabled": { "alias": "aria-disabled"; "required": false; "isSignal": true; }; "disabledInteractive": { "alias": "disabledInteractive"; "required": false; "isSignal": true; }; "size": { "alias": "icon-button-size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}

package/scss/components/_loading-indicator.scss

@@ -1,126 +0,0 @@
-/*
-  Yuuvis Loading Indicators
- */
-
-.yuv-loader-linear {
-  position: relative;
-  width: 100%;
-  overflow: hidden;
-  background-color: rgb(from var(--ymt-primary) r g b / 0.2);
-  height: 4px;
-
-  &:before {
-    content: '';
-    position: absolute;
-    height: 100%;
-    background-color: var(--ymt-primary);
-    animation: linear-before 1.5s infinite ease-out;
-  }
-
-  &:after {
-    content: '';
-    position: absolute;
-    height: 100%;
-    background-color: rgb(from var(--ymt-primary) r g b / 0.5);
-    animation: linear-after 1.5s infinite ease-in;
-  }
-}
-
-@keyframes linear-before {
-  0% {
-    left: -100%;
-    width: 100%;
-  }
-  100% {
-    left: 100%;
-    width: 10%;
-  }
-}
-
-@keyframes linear-after {
-  0% {
-    left: -150%;
-    width: 100%;
-  }
-  100% {
-    left: 100%;
-    width: 10%;
-  }
-}
-// Small straight loading spinner (dots in a row)
-.yuv-loader-straight {
-  display: flex;
-  flex-flow: row nowrap;
-  align-items: center;
-
-  &::after,
-  &::before {
-    content: '';
-    width: 8px;
-    height: 8px;
-    margin: 0 1px;
-    border-radius: 50%;
-    display: block;
-    background-color: currentColor;
-    animation: bouncedelay 1.4s infinite ease-in-out both;
-  }
-
-  &::before {
-    animation-delay: -0.16s;
-  }
-
-  @keyframes bouncedelay {
-    0%,
-    80%,
-    100% {
-      transform: scale(0);
-    }
-    40% {
-      transform: scale(1);
-    }
-  }
-}
-
-// circular loading spinner
-.yuv-loader {
-  font-size: 10px;
-  position: relative;
-  text-indent: -9999em;
-  border: 3px solid rgba(0, 0, 0, 0.1);
-  border-left-color: var(--ymt-primary);
-  transform: translateZ(0);
-  animation: load8 1.1s infinite linear;
-
-  .dark & {
-    border-color: rgba(255, 255, 255, 0.1);
-    border-left-color: var(--ymt-primary);
-  }
-
-  &.large {
-    width: 10em;
-    height: 10em;
-    border-width: 8px;
-  }
-
-  &.small {
-    width: 2em;
-    height: 2em;
-    border-width: 2px;
-  }
-}
-.yuv-loader,
-.yuv-loader:after {
-  border-radius: 50%;
-  width: 5em;
-  height: 5em;
-  border-width: 4px;
-}
-
-@keyframes load8 {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(360deg);
-  }
-}