@gloww/gloww 19.0.0-beta.4 → 19.0.0-beta.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gloww/gloww",
-  "version": "19.0.0-beta.4",
+  "version": "19.0.0-beta.5",
   "peerDependencies": {
     "@angular/common": "^19.0.0",
     "@angular/core": "^19.0.0",

package/gloww.theme.scss

@@ -1,196 +0,0 @@
-@use 'sass:map';
-@use '@angular/material' as mat;
-//@use 'sass:map';
-
-@mixin menu-list-item-component-theme($theme) {
-    $color-map: map.get($theme, color);
-    $primary-palette: map.get($color-map, primary);
-    $primary-color: map.get($primary-palette, default);
-    $active-bg: map.get($primary-palette, 50);
-    $hover-bg: map.get($primary-palette, 100);
-
-    mat-nav-list mat-icon i {
-        color: $primary-color;
-    }
-
-    .thisMenu {
-        // État actif du lien
-        .menu-list-item.active {
-            background-color: $active-bg;
-            color: $primary-color;
-        }
-
-        // États de survol et focus
-        &:hover,
-        &:focus {
-            .menu-list-item:not(.expanded) {
-                background-color: $hover-bg !important;
-            }
-        }
-    }
-}
-
-// Styles de base du composant
-.thisMenu {
-    display: flex;             // Remplace fxLayout="row"
-    flex-direction: row;
-    align-items: center;       // Aligne verticalement l'icône, le texte et l'expansion
-    outline: none;
-    width: calc(100% - 20px);  // Conserve ton dimensionnement spécifique
-    margin: 10px;
-    cursor: pointer;
-}
-
-.menu-list-item {
-    display: flex;
-    align-items: center;
-    flex: 1;                   // REMPLACE fxFlex : prend toute la place pour pousser l'icône à droite
-    padding: 8px 0;
-    text-decoration: none;
-    color: inherit;
-    min-width: 0;              // Sécurité pour éviter que le texte ne casse le layout
-
-    .routeIcon {
-        margin-right: 20px;    // Ajusté selon tes deux définitions précédentes
-        flex-shrink: 0;        // L'icône ne doit jamais rétrécir
-    }
-
-    .menu-label {
-        white-space: nowrap;
-        overflow: hidden;
-        text-overflow: ellipsis; // Coupe proprement le texte trop long
-    }
-}
-
-.expand-container {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    flex-shrink: 0;            // L'icône d'expansion reste fixe à droite
-}
-
-mat-icon {
-    height: 32px;
-    width: 40px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-}
-
-.expandIcon {
-    cursor: pointer;
-}
-
-// Gestion des états désactivés
-:disabled,
-.disabled {
-    color: lightgrey !important;
-    pointer-events: none;      // Empêche le clic si désactivé
-    
-    mat-icon i {
-        color: lightgrey !important;
-    }
-}
-
-.CodeMirror {
-    /*height: 95%;*/
-    resize: both;
-    padding: 0px;
-    margin: 0px;
-}
-
-.sameSize {
-    padding: 0px;
-    margin: 0px;
-    border: 1px solid;
-}
-
-@mixin code-editor-component-theme($theme) {
-    // Get the color config from the theme.
-    $warn-color: mat.get-theme-color($theme, warn);
-    gloww-code-editor.ng-invalid .mainDiv {
-        border: 1px solid $warn-color;
-    }
-}
-
-.mainDiv {
-  // Remplacent fxLayout="column", fxFill, fxLayoutAlign="stretch"
-  display: flex;
-  flex-direction: column;
-  align-items: stretch; 
-  width: 100%;
-  height: 100%;
-  min-height: 100%;
-}
-
-.snippet-header {
-  // Remplace fxLayout="row"
-  display: flex;
-  flex-direction: row;
-  align-items: center; // Aligne verticalement le select et le bouton
-  gap: 8px;           // Ajoute un espace propre entre les éléments (plus simple que fxLayoutGap)
-  width: 100%;
-}
-
-.snippet-select {
-  // Remplace fxFlex
-  flex: 1 1 auto; 
-}
-
-.editor-full-width {
-  width: 100%;
-  // Si fxFlex était aussi sur le codemirror, ajoutez : flex: 1 1 auto;
-}
-@mixin auto-complete-component-theme($theme) {
-    // Get the color config from the theme.
-    $warn-color: mat.get-theme-color($theme, warn);
-    /*TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
-    gloww-auto-complete.ng-invalid .autocff .mat-form-field-underline {
-        background-color: $warn-color;
-        ;
-    }
-    /*TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
-    gloww-auto-complete.ng-invalid .autocff .mat-form-field-label {
-        color: $warn-color;
-    }
-}
-@mixin gloww-lib-theme($theme) {
-    @include code-editor-component-theme($theme);
-    @include menu-list-item-component-theme($theme);
-    @include auto-complete-component-theme($theme);
-    html,
-    body {
-        height: 100%;
-    }
-    body {
-        margin: 0;
-        font-family: Roboto, "Helvetica Neue", sans-serif;
-    }
-    .cdk-overlay-pane {
-        width: unset !important;
-        height: unset !important;
-        max-width: 100% !important;
-        max-height: 90% !important;
-    }
-    .mat-mdc-dialog-container {
-        max-width: 100%;
-        max-height: 90% !important;
-        //height: unset !important;
-        resize: both;
-    }
-    .dlg {
-        display: flex;
-        flex-direction: column;
-        height: 100%;
-    }
-    /*TODO(mdc-migration): The following rule targets internal classes of dialog that may no longer apply for the MDC version.*/
-    mat-dialog-content {
-        flex-grow: 1;
-        max-height: 80vh !important;
-        /*max-height: unset !important;*/
-    }
-    td.mat-mdc-cell {
-        padding-right: 10px !important;
-        padding-left: 10px !important;
-    }
-}