structra-ui 0.1.35 → 0.1.36

package/fesm2022/structra-ui.mjs

@@ -6274,11 +6274,11 @@ class DataGridActionsCellRendererComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: DataGridActionsCellRendererComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.9", type: DataGridActionsCellRendererComponent, isStandalone: true, selector: "app-data-grid-actions-cell-renderer", ngImport: i0, template: "<div class=\"data-grid-actions\">\r\n  <button\r\n    type=\"button\"\r\n    class=\"data-grid-actions__icon-btn\"\r\n    title=\"Editar\"\r\n    aria-label=\"Editar\"\r\n    (click)=\"edit()\"\r\n  >\r\n    <span class=\"fa-solid fa-arrows-rotate\" aria-hidden=\"true\"></span>\r\n  </button>\r\n  <button\r\n    type=\"button\"\r\n    class=\"data-grid-actions__icon-btn data-grid-actions__icon-btn--danger\"\r\n    title=\"Remover\"\r\n    aria-label=\"Remover\"\r\n    (click)=\"remove()\"\r\n  >\r\n    <span class=\"fa-solid fa-trash-can\" aria-hidden=\"true\"></span>\r\n  </button>\r\n</div>\r\n", styles: [".data-grid-actions{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:.35rem;padding:.1rem 0}.data-grid-actions__icon-btn{display:inline-flex;align-items:center;justify-content:center;margin:0;width:2rem;min-width:2rem;height:2rem;padding:0;border:1px solid rgba(43,127,217,.45);border-radius:6px;background:#fff;color:var(--ui-field-float-border-focus, #2b7fd9);font-size:.95rem;line-height:1;cursor:pointer;user-select:none;-webkit-user-select:none;transition:background .15s ease,border-color .15s ease,color .15s ease}.data-grid-actions__icon-btn:hover{background:#2b7fd914}.data-grid-actions__icon-btn:focus-visible{outline:2px solid var(--ui-field-float-border-focus, #2b7fd9);outline-offset:2px}.data-grid-actions__icon-btn--danger{border-color:#b71c1c73;color:var(--ui-field-input-invalid-border, #b91c1c)}.data-grid-actions__icon-btn--danger:hover{background:#b71c1c0f}.data-grid-actions__icon-btn--danger:focus-visible{outline-color:var(--ui-field-input-invalid-border, #b91c1c)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.9", type: DataGridActionsCellRendererComponent, isStandalone: true, selector: "app-data-grid-actions-cell-renderer", ngImport: i0, template: "<div class=\"data-grid-actions\">\r\n  <button\r\n    type=\"button\"\r\n    class=\"data-grid-actions__icon-btn\"\r\n    title=\"Editar\"\r\n    aria-label=\"Editar\"\r\n    (click)=\"edit()\"\r\n  >\r\n    <span class=\"fa-solid fa-arrows-rotate\" aria-hidden=\"true\"></span>\r\n  </button>\r\n  <button\r\n    type=\"button\"\r\n    class=\"data-grid-actions__icon-btn data-grid-actions__icon-btn--danger\"\r\n    title=\"Remover\"\r\n    aria-label=\"Remover\"\r\n    (click)=\"remove()\"\r\n  >\r\n    <span class=\"fa-solid fa-trash-can\" aria-hidden=\"true\"></span>\r\n  </button>\r\n</div>\r\n", styles: [":host{display:flex;align-items:center;width:100%;min-height:100%}.data-grid-actions{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:.35rem;padding:.1rem 0}.data-grid-actions__icon-btn{display:inline-flex;align-items:center;justify-content:center;margin:0;width:2rem;min-width:2rem;height:2rem;padding:0;border:1px solid rgba(43,127,217,.45);border-radius:6px;background:#fff;color:var(--ui-field-float-border-focus, #2b7fd9);font-size:.95rem;line-height:1;cursor:pointer;user-select:none;-webkit-user-select:none;transition:background .15s ease,border-color .15s ease,color .15s ease}.data-grid-actions__icon-btn:hover{background:#2b7fd914}.data-grid-actions__icon-btn:focus-visible{outline:2px solid var(--ui-field-float-border-focus, #2b7fd9);outline-offset:2px}.data-grid-actions__icon-btn--danger{border-color:#b71c1c73;color:var(--ui-field-input-invalid-border, #b91c1c)}.data-grid-actions__icon-btn--danger:hover{background:#b71c1c0f}.data-grid-actions__icon-btn--danger:focus-visible{outline-color:var(--ui-field-input-invalid-border, #b91c1c)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: DataGridActionsCellRendererComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-data-grid-actions-cell-renderer', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"data-grid-actions\">\r\n  <button\r\n    type=\"button\"\r\n    class=\"data-grid-actions__icon-btn\"\r\n    title=\"Editar\"\r\n    aria-label=\"Editar\"\r\n    (click)=\"edit()\"\r\n  >\r\n    <span class=\"fa-solid fa-arrows-rotate\" aria-hidden=\"true\"></span>\r\n  </button>\r\n  <button\r\n    type=\"button\"\r\n    class=\"data-grid-actions__icon-btn data-grid-actions__icon-btn--danger\"\r\n    title=\"Remover\"\r\n    aria-label=\"Remover\"\r\n    (click)=\"remove()\"\r\n  >\r\n    <span class=\"fa-solid fa-trash-can\" aria-hidden=\"true\"></span>\r\n  </button>\r\n</div>\r\n", styles: [".data-grid-actions{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:.35rem;padding:.1rem 0}.data-grid-actions__icon-btn{display:inline-flex;align-items:center;justify-content:center;margin:0;width:2rem;min-width:2rem;height:2rem;padding:0;border:1px solid rgba(43,127,217,.45);border-radius:6px;background:#fff;color:var(--ui-field-float-border-focus, #2b7fd9);font-size:.95rem;line-height:1;cursor:pointer;user-select:none;-webkit-user-select:none;transition:background .15s ease,border-color .15s ease,color .15s ease}.data-grid-actions__icon-btn:hover{background:#2b7fd914}.data-grid-actions__icon-btn:focus-visible{outline:2px solid var(--ui-field-float-border-focus, #2b7fd9);outline-offset:2px}.data-grid-actions__icon-btn--danger{border-color:#b71c1c73;color:var(--ui-field-input-invalid-border, #b91c1c)}.data-grid-actions__icon-btn--danger:hover{background:#b71c1c0f}.data-grid-actions__icon-btn--danger:focus-visible{outline-color:var(--ui-field-input-invalid-border, #b91c1c)}\n"] }]
+            args: [{ selector: 'app-data-grid-actions-cell-renderer', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"data-grid-actions\">\r\n  <button\r\n    type=\"button\"\r\n    class=\"data-grid-actions__icon-btn\"\r\n    title=\"Editar\"\r\n    aria-label=\"Editar\"\r\n    (click)=\"edit()\"\r\n  >\r\n    <span class=\"fa-solid fa-arrows-rotate\" aria-hidden=\"true\"></span>\r\n  </button>\r\n  <button\r\n    type=\"button\"\r\n    class=\"data-grid-actions__icon-btn data-grid-actions__icon-btn--danger\"\r\n    title=\"Remover\"\r\n    aria-label=\"Remover\"\r\n    (click)=\"remove()\"\r\n  >\r\n    <span class=\"fa-solid fa-trash-can\" aria-hidden=\"true\"></span>\r\n  </button>\r\n</div>\r\n", styles: [":host{display:flex;align-items:center;width:100%;min-height:100%}.data-grid-actions{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:.35rem;padding:.1rem 0}.data-grid-actions__icon-btn{display:inline-flex;align-items:center;justify-content:center;margin:0;width:2rem;min-width:2rem;height:2rem;padding:0;border:1px solid rgba(43,127,217,.45);border-radius:6px;background:#fff;color:var(--ui-field-float-border-focus, #2b7fd9);font-size:.95rem;line-height:1;cursor:pointer;user-select:none;-webkit-user-select:none;transition:background .15s ease,border-color .15s ease,color .15s ease}.data-grid-actions__icon-btn:hover{background:#2b7fd914}.data-grid-actions__icon-btn:focus-visible{outline:2px solid var(--ui-field-float-border-focus, #2b7fd9);outline-offset:2px}.data-grid-actions__icon-btn--danger{border-color:#b71c1c73;color:var(--ui-field-input-invalid-border, #b91c1c)}.data-grid-actions__icon-btn--danger:hover{background:#b71c1c0f}.data-grid-actions__icon-btn--danger:focus-visible{outline-color:var(--ui-field-input-invalid-border, #b91c1c)}\n"] }]
         }] });
 
 const ACTIONS_RENDERER_NAME = 'dataGridActions';
@@ -6472,6 +6472,7 @@ class DataGridComponent {
                     resizable: false,
                     suppressMovable: true,
                     cellRenderer: ACTIONS_RENDERER_NAME,
+                    cellClass: 'data-grid__actions-cell',
                     width: c.width ?? 168,
                     flex: c.flex,
                     pinned: 'left',