matcha-components 20.259.0 → 20.261.0

package/fesm2022/matcha-components.mjs

@@ -12369,9 +12369,14 @@ class MatchaAvatarComponent {
         this.src = '';
         this.name = '';
         this.size = 'medium';
-        this.color = 'blue';
+        this.color = 'primary';
+        this._solid = false;
         this._disabled = false;
     }
+    get solid() { return this._solid; }
+    set solid(value) {
+        this._solid = value !== 'false' && value !== false;
+    }
     set disabled(value) {
         this._disabled = value != null && `${value}` !== 'false';
     }
@@ -12411,7 +12416,7 @@ class MatchaAvatarComponent {
     get avatarClasses() {
         let classes = `matcha-avatar radius-full ${this.sizeClass}`;
         if (!this.showDefaultIcon) {
-            classes += ' ' + this.color;
+            classes += this.solid ? ` ${this.color}` : ` ${this.color}-alpha`;
         }
         if (this.disabled) {
             classes += ' color-disabled';
@@ -12419,7 +12424,7 @@ class MatchaAvatarComponent {
         return classes;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: MatchaAvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: MatchaAvatarComponent, isStandalone: false, selector: "matcha-avatar", inputs: { src: "src", name: "name", size: "size", color: "color", disabled: "disabled" }, ngImport: i0, template: "<span [class]=\"avatarClasses\">\n    <!-- Imagem do usu\u00E1rio -->\n    <img \n      *ngIf=\"hasImage\" \n      [src]=\"src\" \n      [alt]=\"name || 'Avatar'\"\n      class=\"matcha-avatar-image\">\n    \n    <!-- Iniciais do nome -->\n    <span \n      *ngIf=\"!hasImage && hasName\" \n      class=\"matcha-avatar-initials\">\n      {{ initials }}\n    </span>\n    \n\n    <svg \n      *ngIf=\"showDefaultIcon\"\n      class=\"matcha-avatar-icon\"\n      viewBox=\"0 0 56 56\" \n      fill=\"none\" \n      xmlns=\"http://www.w3.org/2000/svg\">\n      <path \n        fill-rule=\"evenodd\" \n        clip-rule=\"evenodd\" \n        d=\"M28 0C12.544 0 0 12.544 0 28C0 43.456 12.544 56 28 56C43.456 56 56 43.456 56 28C56 12.544 43.456 0 28 0ZM28.0022 8.4C32.6502 8.4 36.4022 12.152 36.4022 16.8C36.4022 21.448 32.6502 25.2 28.0022 25.2C23.3542 25.2 19.6022 21.448 19.6022 16.8C19.6022 12.152 23.3542 8.4 28.0022 8.4ZM28.0022 48.1601C21.0022 48.1601 14.8142 44.5761 11.2022 39.1441C11.2862 33.5721 22.4022 30.5201 28.0022 30.5201C33.5742 30.5201 44.7182 33.5721 44.8022 39.1441C41.1902 44.5761 35.0022 48.1601 28.0022 48.1601Z\" \n        fill=\"currentColor\"/>\n    </svg>\n  </span>", styles: [""], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: MatchaAvatarComponent, isStandalone: false, selector: "matcha-avatar", inputs: { src: "src", name: "name", size: "size", color: "color", solid: "solid", disabled: "disabled" }, ngImport: i0, template: "<span [class]=\"avatarClasses\">\n    <!-- Imagem do usu\u00E1rio -->\n    <img \n      *ngIf=\"hasImage\" \n      [src]=\"src\" \n      [alt]=\"name || 'Avatar'\"\n      class=\"matcha-avatar-image\">\n    \n    <!-- Iniciais do nome -->\n    <span \n      *ngIf=\"!hasImage && hasName\" \n      class=\"matcha-avatar-initials\">\n      {{ initials }}\n    </span>\n    \n\n    <svg \n      *ngIf=\"showDefaultIcon\"\n      class=\"matcha-avatar-icon\"\n      viewBox=\"0 0 56 56\" \n      fill=\"none\" \n      xmlns=\"http://www.w3.org/2000/svg\">\n      <path \n        fill-rule=\"evenodd\" \n        clip-rule=\"evenodd\" \n        d=\"M28 0C12.544 0 0 12.544 0 28C0 43.456 12.544 56 28 56C43.456 56 56 43.456 56 28C56 12.544 43.456 0 28 0ZM28.0022 8.4C32.6502 8.4 36.4022 12.152 36.4022 16.8C36.4022 21.448 32.6502 25.2 28.0022 25.2C23.3542 25.2 19.6022 21.448 19.6022 16.8C19.6022 12.152 23.3542 8.4 28.0022 8.4ZM28.0022 48.1601C21.0022 48.1601 14.8142 44.5761 11.2022 39.1441C11.2862 33.5721 22.4022 30.5201 28.0022 30.5201C33.5742 30.5201 44.7182 33.5721 44.8022 39.1441C41.1902 44.5761 35.0022 48.1601 28.0022 48.1601Z\" \n        fill=\"currentColor\"/>\n    </svg>\n  </span>", styles: [""], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: MatchaAvatarComponent, decorators: [{
             type: Component,
@@ -12432,6 +12437,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
                 type: Input
             }], color: [{
                 type: Input
+            }], solid: [{
+                type: Input
             }], disabled: [{
                 type: Input
             }] } });
@@ -14616,9 +14623,9 @@ function _buildButtonList(opts) {
         desktop.push('|', textGroup);
     if (colorGroup.length)
         desktop.push('|', colorGroup);
-    desktop.push('|', ['removeFormat'], '/');
+    desktop.push('|', ['removeFormat']);
     if (indentGroup.length)
-        desktop.push(indentGroup);
+        desktop.push('|', indentGroup);
     if (insertGroup.length)
         desktop.push('|', insertGroup);
     if (viewGroup.length)