@dflat-core/web 1.7.2074 → 1.7.2075

package/fesm2022/dflat-core-web-system-ux.mjs

@@ -628,8 +628,8 @@ var PresentationProfileComponent = class PresentationProfileComponent {
 			},
 			providers: [PresentationProfileService],
 			ngImport: i0,
-			template: "<!-- ── Header ─────────────────────────────────────────────────────────────── -->\n<div class=\"csl-header\">\n  <div class=\"csl-header__left\">\n    <h4 class=\"csl-title\">{{ svc.config?.title || 'Sélection des colonnes' }}</h4>\n  </div>\n  @if (!svc.isEmbedded) {\n    <button class=\"csl-icon-btn\" type=\"button\" (click)=\"svc.cancel()\" aria-label=\"Fermer\">&#x2715;</button>\n  }\n</div>\n\n<!-- ── Body : vues à gauche, colonnes disponibles au milieu, colonnes de la vue à droite ── -->\n<div class=\"csl-body\">\n  <div class=\"csl-panels\">\n\n    <!-- ── GAUCHE : vues personnalisées ─────────────────────────────────── -->\n    <div class=\"csl-panel csl-panel--groups\">\n      <div class=\"csl-panel__header\">\n        <span class=\"csl-panel__label\">Vues personnalisées</span>\n        <span class=\"csl-badge\">{{ svc.views.length }}</span>\n      </div>\n      <ul class=\"csl-group-list csl-scroll\">\n        @for (view of svc.views; track view.id) {\n          <li class=\"csl-group-item csl-view-item\"\n              [class.csl-group-item--active]=\"svc.selectedView?.id === view.id\"\n              [class.csl-group-item--standard]=\"view.isDefault\"\n              [class.csl-group-item--profile]=\"!view.isDefault\"\n              (click)=\"svc.selectView(view)\">\n            @if (svc.renamingId === view.id) {\n              <input class=\"gps-rename-input\" type=\"text\" maxlength=\"100\"\n                     [(ngModel)]=\"svc.renameLabel\"\n                     (click)=\"$event.stopPropagation()\"\n                     (keydown.enter)=\"svc.confirmRename(view)\"\n                     (keydown.escape)=\"svc.cancelRename()\">\n              <div class=\"gps-rename-actions\" (click)=\"$event.stopPropagation()\">\n                <button class=\"gps-rename-btn gps-rename-btn--ok\" type=\"button\" title=\"Renommer\" (click)=\"svc.confirmRename(view)\">\n                  <i class=\"fa fa-check\"></i>\n                </button>\n                <button class=\"gps-rename-btn gps-rename-btn--cancel\" type=\"button\" title=\"Annuler\" (click)=\"svc.cancelRename()\">\n                  <i class=\"fa fa-times\"></i>\n                </button>\n              </div>\n            } @else {\n              <span class=\"csl-group-item__name\" [title]=\"view.label\">\n                @if (view.isDefault) { <i class=\"fa fa-lock csl-view-icon\" title=\"Vue par défaut\"></i> }\n                {{ view.label }}\n              </span>\n              <div class=\"csl-group-item__meta\">\n                @if (view.isCurrent) {\n                  <span class=\"csl-badge csl-badge--primary csl-badge--sm\" title=\"Vue affichée par la grille\">\n                    <i class=\"fa fa-eye\"></i>\n                  </span>\n                }\n                <div class=\"gps-profile-actions\" (click)=\"$event.stopPropagation()\">\n                  @if (svc.canEdit(view)) {\n                    <button class=\"gps-profile-btn\" type=\"button\" title=\"Renommer\" (click)=\"svc.startRename(view)\">\n                      <i class=\"fa fa-pencil\"></i>\n                    </button>\n                  }\n                  <button class=\"gps-profile-btn\" type=\"button\" title=\"Dupliquer\" (click)=\"svc.duplicateView(view)\">\n                    <i class=\"fa fa-files-o\"></i>\n                  </button>\n                  @if (!view.isDefault) {\n                    <button class=\"gps-profile-btn gps-profile-btn--danger\" type=\"button\" title=\"Supprimer\" (click)=\"svc.deleteView(view)\">\n                      <i class=\"fa fa-trash-o\"></i>\n                    </button>\n                  }\n                </div>\n              </div>\n            }\n          </li>\n        }\n        @empty {\n          <li class=\"csl-group-section-label\">Aucune vue enregistrée</li>\n        }\n      </ul>\n      @if (svc.isReadOnly) {\n        <div class=\"csl-view-note\">\n          <i class=\"fa fa-info-circle\"></i>\n          Vue par défaut en lecture seule : « Appliquer » crée une nouvelle vue personnelle.\n        </div>\n      }\n    </div>\n\n    <div class=\"csl-tabbed\">\n    <!-- Onglets de la vue choisie : colonnes, ou filtres et tri. -->\n    <div class=\"csl-tabs\">\n      <button type=\"button\" class=\"csl-tab\" [class.csl-tab--active]=\"svc.tab === 'columns'\" (click)=\"svc.tab = 'columns'\">Colonnes</button>\n      <button type=\"button\" class=\"csl-tab\" [class.csl-tab--active]=\"svc.tab === 'filters'\" (click)=\"svc.tab = 'filters'\">\n        Filtres et tri\n        @if (svc.viewFilter.Conditions.length || svc.viewFilter.Groups?.length || svc.viewSort.length) { <span class=\"csl-tab-dot\"></span> }\n      </button>\n    </div>\n    @if (svc.tab === 'filters') {\n      <div class=\"csl-panel csl-panel--filters\">\n        <alg-filter-editor [embedded]=\"true\" [columns]=\"svc.filterColumns\" [filter]=\"svc.viewFilter\" [sort]=\"svc.viewSort\"></alg-filter-editor>\n      </div>\n    } @else {\n    <div class=\"csl-panels csl-panels--inner\">\n    <!-- ── MILIEU : toutes les colonnes disponibles, attributs compris ────── -->\n    <div class=\"csl-panel csl-panel--browse\">\n      <div class=\"csl-panel__header\">\n        <span class=\"csl-panel__label\">Colonnes disponibles</span>\n        <input class=\"csl-search\" type=\"text\" placeholder=\"Rechercher…\"\n               [(ngModel)]=\"svc.searchText\" (ngModelChange)=\"svc.onSearch()\">\n      </div>\n\n      <div class=\"csl-table-wrap csl-scroll\">\n        <table class=\"csl-table\">\n          <thead>\n            <tr>\n              <th class=\"csl-col-check\">\n                <input type=\"checkbox\"\n                       [checked]=\"svc.allVisibleSelected\"\n                       [indeterminate]=\"svc.someVisibleSelected\"\n                       (change)=\"svc.toggleAll()\"\n                       title=\"Tout sélectionner / désélectionner\">\n              </th>\n              <th class=\"csl-col-key\">Clé</th>\n              <th class=\"csl-col-name\">Colonne</th>\n            </tr>\n          </thead>\n          <tbody>\n            @for (col of svc.filteredColumns; track col.ColumnKey) {\n              <tr class=\"csl-row\"\n                  [class.csl-row--selected]=\"svc.isSelected(col)\"\n                  [class.csl-row--custom-field]=\"svc.isAttribute(col)\"\n                  (click)=\"svc.toggleItem(col)\">\n                <td class=\"csl-col-check\" (click)=\"$event.stopPropagation()\">\n                  <input type=\"checkbox\" [checked]=\"svc.isSelected(col)\" (change)=\"svc.toggleItem(col)\">\n                </td>\n                <td class=\"csl-col-key\">{{ col.ColumnKey }}</td>\n                <td class=\"csl-col-name\">\n                  {{ col.Label ?? col.ColumnKey }}\n                  @if (svc.isAttribute(col)) { <span class=\"csl-attribute-tag\">Attribut</span> }\n                </td>\n              </tr>\n            }\n            @empty {\n              <tr><td colspan=\"3\" class=\"csl-empty\">Aucune colonne trouvée</td></tr>\n            }\n          </tbody>\n        </table>\n      </div>\n    </div>\n\n    <!-- ── DROITE : colonnes affichées par la vue choisie, dans l'ordre ──── -->\n    <div class=\"csl-panel csl-panel--selected\">\n      <div class=\"csl-panel__header\">\n        <span class=\"csl-panel__label\">Colonnes affichées</span>\n        @if (svc.selectedCount > 0) {\n          <span class=\"csl-badge csl-badge--primary\">{{ svc.selectedCount }}</span>\n        }\n      </div>\n\n      @if (svc.isLoading) {\n        <div class=\"csl-loading\">\n          <span class=\"csl-spinner\"></span>\n          Chargement des colonnes…\n        </div>\n      } @else if (svc.orderedSelection.length === 0) {\n        <div class=\"csl-ordered-empty\">\n          <span class=\"csl-ordered-empty__icon fa fa-columns\"></span>\n          <p>Cochez des colonnes au milieu</p>\n        </div>\n      } @else {\n        <div class=\"csl-ordered-list csl-scroll\"\n             cdkDropList\n             [cdkDropListData]=\"svc.orderedSelection\"\n             (cdkDropListDropped)=\"svc.onDrop($event)\">\n          @for (col of svc.orderedSelection; track col.ColumnKey) {\n            <div class=\"csl-ordered-item\" cdkDrag [cdkDragData]=\"col\">\n              <div class=\"csl-ordered-item__placeholder\" *cdkDragPlaceholder></div>\n              <span class=\"csl-ordered-item__drag\" cdkDragHandle><i class=\"fa fa-bars\"></i></span>\n              <span class=\"csl-ordered-item__position\">{{ $index + 1 }}</span>\n              <span class=\"csl-ordered-item__code\" [class.csl-ordered-item__code--cf]=\"svc.isAttribute(col)\">\n                {{ col.ColumnKey }}\n              </span>\n              <input class=\"csl-ordered-item__desc\" type=\"text\"\n                     [placeholder]=\"svc.getCatalogLabel(col)\"\n                     [(ngModel)]=\"col.Label\"\n                     (click)=\"$event.stopPropagation()\"\n                     title=\"Étiquette personnalisée\">\n              <button class=\"csl-ordered-item__remove\" type=\"button\"\n                      (click)=\"svc.removeFromSelection(col)\" title=\"Retirer\">&#x2715;</button>\n            </div>\n          }\n        </div>\n      }\n    </div>\n\n    </div>\n    }\n    </div>\n  </div>\n</div>\n\n<!-- ── Footer ─────────────────────────────────────────────────────────────── -->\n<div class=\"csl-footer\">\n  <span class=\"csl-footer__count\">\n    @if (svc.message) {\n      <span class=\"csl-footer__error\">{{ svc.message }}</span>\n    } @else if (svc.selectedView && svc.tab === 'filters') {\n      Vue « {{ svc.selectedView.label }} » — filtre et tri enregistrés avec la vue\n    } @else if (svc.selectedView) {\n      Vue « {{ svc.selectedView.label }} » — {{ svc.selectedCount }} colonne(s), glissez pour réordonner\n    }\n  </span>\n  <div class=\"csl-footer__actions\">\n    @if (!svc.isEmbedded) {\n      <button class=\"csl-btn csl-btn--secondary\" type=\"button\" (click)=\"svc.cancel()\">Annuler</button>\n    }\n    <button class=\"csl-btn csl-btn--primary\" type=\"button\"\n            (click)=\"svc.confirm()\" [disabled]=\"svc.selectedCount === 0 || svc.isSaving || svc.isLoading\">\n      @if (svc.isSaving) {\n        <span class=\"csl-spinner csl-spinner--sm csl-spinner--light\"></span>&nbsp;\n      }\n      Appliquer\n    </button>\n  </div>\n</div>\n",
-			styles: [".home-page{font-family:Open sans,sans-serif;background:#fff;-webkit-font-smoothing:antialiased;height:100%;width:100%;padding:16px}.main-container{margin:0 50px}.main-container-modal{width:calc(100% - 50px);margin:10px 25px 0}.moyen-titre{font-weight:700;font-size:24px;color:#4d5a81;margin:8px 0;border-bottom:solid 1px #DBE4FF}.grand-titre{font-weight:700;font-size:28px;color:#4d5a81;margin:0 0 8px}.petit-titre{font-weight:700;font-size:16px;color:#4d5a81;margin:0 0 8px}.petit-titre.underlined{border-bottom:solid 1px #4D5A81}.paragraph{padding:0 15px}.paragraph-highlight{padding:5px 15px 0 12px;border-left:5px solid #8EA7F8;border-bottom:1px solid #DBE4FF;border-top:1px solid #DBE4FF;border-right:1px solid #DBE4FF;background-color:#f7faff}.highlight{background-color:#f7faff;border:1px solid #DBE4FF;border-radius:5px;padding:15px;color:#3c5dc4;margin:0 0 16px}.highlight p{margin-bottom:0}.highlight:before{position:relative;display:block;float:left;width:24px;height:24px;content:\" \";background-size:24px 24px;-webkit-background-size:24px 24px;background-image:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"53.294\" height=\"50.629\" viewBox=\"0 0 53.294 50.629\">%0D%0A  <path id=\"allerg\\e8ne\" d=\"M830.494,25.793l-5.814,6.783.727,8.963-8.721,1.938-4.6,7.752L803.847,47.6l-8.236,3.634-4.6-7.51-8.721-1.938.727-8.963L777.2,26.035l5.814-6.783-.727-8.963,8.721-1.938L795.61.6l8.236,3.634L812.083.6l4.6,7.752,8.721,1.938-.727,8.963Zm-24.467,2.422V13.681h-4.845V28.216Zm0,9.69V33.06h-4.845v4.845Z\" transform=\"translate(-777.2 -0.6)\"/>%0D%0A</svg>%0D%0A');background-repeat:no-repeat;margin:0 8px 24px 0;filter:invert(31%) sepia(51%) saturate(1323%) hue-rotate(199deg) brightness(99%) contrast(94%)}.notification{background-color:#dbe4ff;border:1px solid #C4D0F9;border-radius:5px;color:#4d5a81;margin:16px;padding:5px 15px;text-align:justify}.notification:before{position:relative;display:block;float:left;width:24px;height:24px;content:\" \";background-size:24px 24px;-webkit-background-size:24px 24px;background-image:url('data:image/svg+xml,<svg aria-hidden=\"true\" focusable=\"false\" data-prefix=\"fas\" data-icon=\"info-circle\" class=\"svg-inline--fa fa-info-circle fa-w-16\" role=\"img\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path fill=\"currentColor\" d=\"M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z\"></path></svg>');background-repeat:no-repeat;margin:0 8px 0 0;filter:invert(31%) sepia(8%) saturate(2329%) hue-rotate(188deg) brightness(103%) contrast(85%)}.notification-text{padding:0 15px 0 30px;font-size:16px}:host{display:flex;flex-direction:column;height:100%}.csl-header{display:flex;align-items:center;justify-content:space-between;padding:6px 8px 6px 16px;background:#5272d3;border-bottom:1px solid #3C5DC4;flex-shrink:0}.csl-header__left{display:flex;flex-direction:column}.csl-title{font-size:15px;font-weight:600;color:#fff;letter-spacing:-.2px;line-height:1.4;margin:0}.csl-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;border:none;background:transparent;color:#fffc;font-size:14px;cursor:pointer;flex-shrink:0;margin-left:16px;transition:background .1s ease}.csl-icon-btn:hover{background:#ffffff26;color:#fff}.gps-tabs{display:flex;gap:2px}.gps-tab{display:inline-flex;align-items:center;gap:5px;padding:7px 18px;border:none;background:#ffffff1f;color:#ffffffb8;font-size:13px;font-weight:500;cursor:pointer;border-radius:6px 6px 0 0;transition:background .1s ease,color .1s ease}.gps-tab:hover:not(.gps-tab--active){background:#fff3;color:#fff}.gps-tab--active{background:#fff;color:#4465c9;font-weight:600}.csl-body{flex:1;overflow:hidden;padding:16px 20px}.csl-loading{display:flex;align-items:center;justify-content:center;gap:10px;min-height:200px;color:#535353;font-size:13px}.csl-panels{display:grid;grid-template-columns:240px 1fr 320px;grid-template-rows:minmax(0,1fr);gap:12px;height:calc(70vh - 160px);min-height:380px;overflow:hidden}.csl-panel{min-height:0}.csl-scroll{flex:1 1 auto;min-height:0;overflow-y:auto}.csl-view-icon{margin-right:4px;font-size:11px;color:#888}.csl-view-note{flex-shrink:0;padding:8px 12px;border-top:1px solid #C4D0F9;font-size:11.5px;color:#535353;background:#f5f5f5}.csl-view-note .fa{color:#4465c9;margin-right:4px}.csl-attribute-tag{display:inline-block;margin-left:6px;padding:0 6px;border-radius:8px;font-size:10px;font-weight:600;color:#fff;background:#6b7fd4;vertical-align:middle}.csl-group-item--active .gps-profile-actions{opacity:1}.csl-footer__error{color:#dc3545}.csl-panel{display:flex;flex-direction:column;border:1px solid #C4D0F9;border-radius:10px;overflow:hidden;background:#fff}.csl-panel__header{display:flex;align-items:center;justify-content:space-between;padding:10px 13px;border-bottom:1px solid #C4D0F9;background:#f5f5f5;flex-shrink:0;gap:8px}.csl-panel__label{font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.9px;color:#535353;flex-shrink:0}.csl-group-list{list-style:none;margin:0;padding:6px;overflow-y:auto;flex:1}.csl-group-item{display:flex;align-items:center;justify-content:space-between;padding:7px 8px;border-radius:6px;cursor:pointer;transition:background .1s ease;min-height:34px}.csl-group-item:hover{background:#f7faff}.csl-group-item:hover .gps-profile-actions{opacity:1}.csl-group-item--active{background:#ebf0ff}.csl-group-item--active .csl-group-item__name{color:#4465c9;font-weight:600}.csl-group-item--standard{border-left:3px solid #4465C9;padding-left:5px}.csl-group-item--model{border-left:3px solid #6B7FD4;padding-left:5px}.csl-group-item--profile{border-left:3px solid #4465C9;padding-left:5px}.csl-group-item__name{font-size:12.5px;color:#272c5d;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:4px}.csl-group-item__meta{display:flex;align-items:center;gap:4px;flex-shrink:0}.gps-profile-actions{display:flex;align-items:center;gap:2px;flex-shrink:0;opacity:0;transition:opacity .1s ease}.gps-profile-btn{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border:none;background:none;border-radius:4px;font-size:11px;color:#888;cursor:pointer;padding:0;transition:background .1s,color .1s}.gps-profile-btn:hover{background:#00000014;color:#4465c9}.gps-profile-btn--danger:hover{background:#dc35451a;color:#dc3545}.gps-rename-input{flex:1;height:24px;border:1px solid #4465C9;border-radius:4px;padding:0 6px;font-size:12px;color:#272c5d;background:#fff;outline:none;min-width:0;margin-right:4px}.gps-rename-actions{display:flex;align-items:center;gap:2px;flex-shrink:0}.gps-rename-btn{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border:none;border-radius:4px;font-size:11px;cursor:pointer;padding:0}.gps-rename-btn--ok{background:#4465c9;color:#fff}.gps-rename-btn--ok:hover{background:#3c5dc4}.gps-rename-btn--cancel{background:#00000014;color:#535353}.gps-rename-btn--cancel:hover{background:#00000026}.gps-new-profile{color:#4465c9;font-size:12px;font-weight:500;opacity:.75;justify-content:flex-start;gap:4px}.gps-new-profile:hover{opacity:1;background:#ebf0ff}.csl-group-section-label{padding:8px 8px 4px;font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:#888;list-style:none}.csl-group-divider{height:1px;background:#c4d0f9;margin:6px 8px;list-style:none}.csl-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:18px;padding:0 5px;border-radius:9px;background:#00000012;color:#535353;font-size:10px;font-weight:600}.csl-badge--primary{background:#4465c9;color:#fff}.csl-badge--sm{height:16px;min-width:16px;font-size:9px;padding:0 4px}.csl-search{flex:1;height:28px;border:1px solid #C4D0F9;border-radius:6px;padding:0 8px;font-size:12px;color:#272c5d;background:#fff;outline:none;transition:border-color .1s ease}.csl-search:focus{border-color:#6684e0}.csl-table-wrap{overflow-y:auto;flex:1}.csl-table{width:100%;border-collapse:collapse;font-size:12.5px}.csl-table thead tr{position:sticky;top:0;z-index:1;background:#f5f5f5}.csl-table thead tr th{padding:8px 10px;text-align:left;font-size:10px;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.6px;border-bottom:1px solid #C4D0F9;white-space:nowrap}.csl-table tbody tr{border-bottom:1px solid rgba(0,0,0,.04);cursor:pointer;transition:background .1s ease}.csl-table tbody tr:hover{background:#f7faff}.csl-table tbody tr:last-child{border-bottom:none}.csl-table tbody tr td{padding:9px 10px;color:#272c5d}.csl-col-check{width:36px;text-align:center;padding:0 8px!important}.csl-col-check input[type=checkbox]{cursor:pointer;accent-color:#4465C9;width:14px;height:14px}.csl-col-key{font-family:monospace;font-size:11.5px;color:#535353;width:130px}.csl-col-name{font-weight:500}.csl-row--selected{background:#ebf0ff!important}.csl-row--custom-field .csl-col-key{color:#6b7fd4}.csl-empty{text-align:center;padding:32px 16px!important;color:#888;font-size:12.5px}.csl-panel--selected{overflow:hidden}.csl-ordered-list{flex:1;overflow-y:auto;padding:7px}.csl-ordered-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:8px;padding:20px;text-align:center}.csl-ordered-empty__icon{font-size:28px;color:#888;opacity:.35}.csl-ordered-empty p{font-size:12px;color:#535353;margin:0;line-height:1.5}.csl-ordered-item{display:flex;align-items:center;gap:5px;padding:6px 8px 6px 4px;margin-bottom:4px;border:1px solid #C4D0F9;border-radius:6px;background:#fff;transition:border-color .14s ease,background .14s ease}.csl-ordered-item:last-child{margin-bottom:0}.csl-ordered-item:hover{border-color:#8ea7f8;background:#f7faff}.csl-ordered-item__drag{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:20px;color:#888;font-size:11px;cursor:grab;padding:0 2px;-webkit-user-select:none;user-select:none}.csl-ordered-item__drag:active{cursor:grabbing}.csl-ordered-item__position{flex-shrink:0;width:19px;height:19px;border-radius:50%;background:#ebf0ff;color:#4465c9;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center}.csl-ordered-item__code{flex-shrink:0;width:90px;font-family:monospace;font-size:11px;font-weight:600;color:#535353;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.csl-ordered-item__code--cf{color:#6b7fd4}.csl-ordered-item__desc{flex:1;height:24px;min-width:0;padding:0 6px;border:1px solid transparent;border-radius:4px;font-size:12px;color:#272c5d;background:transparent;transition:border-color .1s,background .1s}.csl-ordered-item__desc::placeholder{color:#888;font-style:italic}.csl-ordered-item__desc:hover{border-color:#c4d0f9;background:#fff}.csl-ordered-item__desc:focus{border-color:#4465c9;background:#fff;outline:none}.csl-ordered-item__remove{flex-shrink:0;background:none;border:none;padding:0 3px;font-size:12px;color:#888;cursor:pointer;line-height:1}.csl-ordered-item__remove:hover{color:#f78383}.csl-ordered-item.cdk-drag-animating{transition:transform .2s cubic-bezier(.25,.8,.25,1)}.csl-ordered-item__placeholder{width:100%;height:38px;border:2px dashed #C4D0F9;border-radius:6px;background:#f7faff}.cdk-drop-list-dragging .csl-ordered-item:not(.cdk-drag-placeholder){transition:transform .2s cubic-bezier(.25,.8,.25,1)}.cdk-drag-preview{display:flex;align-items:center;gap:6px;padding:8px 8px 8px 4px;border-radius:6px;background:#fff;box-shadow:0 4px 16px #4465c92e,0 1px 4px #0000001a;font-size:12px;font-weight:500;color:#272c5d;min-width:180px}.csl-footer{display:flex;align-items:center;justify-content:space-between;padding:13px 22px 16px;border-top:1px solid #C4D0F9;flex-shrink:0}.csl-footer__count{font-size:12px;color:#888;min-width:180px}.csl-footer__actions{display:flex;gap:10px}.csl-btn{display:inline-flex;align-items:center;gap:7px;padding:7px 18px;font-size:13px;font-weight:500;border-radius:6px;cursor:pointer;transition:background .12s ease,opacity .12s ease}.csl-btn--secondary{background:transparent;border:1px solid rgba(0,0,0,.16);color:#535353}.csl-btn--secondary:hover{background:#0000000a}.csl-btn--primary{background:#4465c9;border:1px solid transparent;color:#fff;min-width:130px;justify-content:center}.csl-btn--primary:hover:not([disabled]){background:#3c5dc4}.csl-btn--primary[disabled]{opacity:.42;cursor:not-allowed}.csl-save-prompt{display:flex;align-items:center;gap:10px;width:100%;flex-wrap:wrap}.csl-save-prompt__label{font-size:12.5px;font-weight:500;color:#272c5d;white-space:nowrap}.csl-save-prompt__input{flex:1;min-width:160px;height:32px;padding:0 10px;border:1px solid #C4D0F9;border-radius:6px;font-size:12px;color:#272c5d;background:#fff;outline:none;transition:border-color .1s}.csl-save-prompt__input:focus{border-color:#4465c9}.csl-save-prompt__input[disabled]{opacity:.5}.csl-save-prompt__actions{display:flex;gap:8px;flex-shrink:0}.csl-spinner{display:inline-block;width:14px;height:14px;border:2px solid #DBE4FF;border-top-color:#4465c9;border-radius:50%;animation:gps-spin .65s linear infinite}.csl-spinner--sm{width:11px;height:11px;border-width:2px}.csl-spinner--light{border-color:#ffffff59;border-top-color:#fff}@keyframes gps-spin{to{transform:rotate(360deg)}}.csl-tabbed{flex:2 1 0;min-width:0;display:flex;flex-direction:column;gap:8px}.csl-tabs{display:flex;gap:4px;border-bottom:1px solid #3C5DC4}.csl-tab{position:relative;padding:6px 14px;border:none;border-bottom:2px solid transparent;background:none;color:#6b7591;font:inherit;font-weight:700;cursor:pointer}.csl-tab--active{color:#5272d3;border-bottom-color:#5272d3}.csl-tab-dot{display:inline-block;width:7px;height:7px;margin-left:6px;border-radius:50%;background:var(--orange-algorima, #f59d0f);vertical-align:middle}.csl-panels--inner{flex:1 1 auto;min-height:0}.csl-panel--filters{flex:1 1 auto;min-height:0;overflow:auto}\n"],
+			template: "<!-- ── Header ─────────────────────────────────────────────────────────────── -->\r\n<div class=\"csl-header\">\r\n  <div class=\"csl-header__left\">\r\n    <h4 class=\"csl-title\">{{ svc.config?.title || 'Sélection des colonnes' }}</h4>\r\n  </div>\r\n  @if (!svc.isEmbedded) {\r\n    <button class=\"csl-icon-btn\" type=\"button\" (click)=\"svc.cancel()\" aria-label=\"Fermer\">&#x2715;</button>\r\n  }\r\n</div>\r\n\r\n<!-- ── Body : vues à gauche, colonnes disponibles au milieu, colonnes de la vue à droite ── -->\r\n<div class=\"csl-body\">\r\n  <div class=\"csl-panels\">\r\n\r\n    <!-- ── GAUCHE : vues personnalisées ─────────────────────────────────── -->\r\n    <div class=\"csl-panel csl-panel--groups\">\r\n      <div class=\"csl-panel__header\">\r\n        <span class=\"csl-panel__label\">Vues personnalisées</span>\r\n        <span class=\"csl-badge\">{{ svc.views.length }}</span>\r\n      </div>\r\n      <ul class=\"csl-group-list csl-scroll\">\r\n        @for (view of svc.views; track view.id) {\r\n          <li class=\"csl-group-item csl-view-item\"\r\n              [class.csl-group-item--active]=\"svc.selectedView?.id === view.id\"\r\n              [class.csl-group-item--standard]=\"view.isDefault\"\r\n              [class.csl-group-item--profile]=\"!view.isDefault\"\r\n              (click)=\"svc.selectView(view)\">\r\n            @if (svc.renamingId === view.id) {\r\n              <input class=\"gps-rename-input\" type=\"text\" maxlength=\"100\"\r\n                     [(ngModel)]=\"svc.renameLabel\"\r\n                     (click)=\"$event.stopPropagation()\"\r\n                     (keydown.enter)=\"svc.confirmRename(view)\"\r\n                     (keydown.escape)=\"svc.cancelRename()\">\r\n              <div class=\"gps-rename-actions\" (click)=\"$event.stopPropagation()\">\r\n                <button class=\"gps-rename-btn gps-rename-btn--ok\" type=\"button\" title=\"Renommer\" (click)=\"svc.confirmRename(view)\">\r\n                  <i class=\"fa fa-check\"></i>\r\n                </button>\r\n                <button class=\"gps-rename-btn gps-rename-btn--cancel\" type=\"button\" title=\"Annuler\" (click)=\"svc.cancelRename()\">\r\n                  <i class=\"fa fa-times\"></i>\r\n                </button>\r\n              </div>\r\n            } @else {\r\n              <span class=\"csl-group-item__name\" [title]=\"view.label\">\r\n                @if (view.isDefault) { <i class=\"fa fa-lock csl-view-icon\" title=\"Vue par défaut\"></i> }\r\n                {{ view.label }}\r\n              </span>\r\n              <div class=\"csl-group-item__meta\">\r\n                @if (view.isCurrent) {\r\n                  <span class=\"csl-badge csl-badge--primary csl-badge--sm\" title=\"Vue affichée par la grille\">\r\n                    <i class=\"fa fa-eye\"></i>\r\n                  </span>\r\n                }\r\n                <div class=\"gps-profile-actions\" (click)=\"$event.stopPropagation()\">\r\n                  @if (svc.canEdit(view)) {\r\n                    <button class=\"gps-profile-btn\" type=\"button\" title=\"Renommer\" (click)=\"svc.startRename(view)\">\r\n                      <i class=\"fa fa-pencil\"></i>\r\n                    </button>\r\n                  }\r\n                  <button class=\"gps-profile-btn\" type=\"button\" title=\"Dupliquer\" (click)=\"svc.duplicateView(view)\">\r\n                    <i class=\"fa fa-files-o\"></i>\r\n                  </button>\r\n                  @if (!view.isDefault) {\r\n                    <button class=\"gps-profile-btn gps-profile-btn--danger\" type=\"button\" title=\"Supprimer\" (click)=\"svc.deleteView(view)\">\r\n                      <i class=\"fa fa-trash-o\"></i>\r\n                    </button>\r\n                  }\r\n                </div>\r\n              </div>\r\n            }\r\n          </li>\r\n        }\r\n        @empty {\r\n          <li class=\"csl-group-section-label\">Aucune vue enregistrée</li>\r\n        }\r\n      </ul>\r\n      @if (svc.isReadOnly) {\r\n        <div class=\"csl-view-note\">\r\n          <i class=\"fa fa-info-circle\"></i>\r\n          Vue par défaut en lecture seule : « Appliquer » crée une nouvelle vue personnelle.\r\n        </div>\r\n      }\r\n    </div>\r\n\r\n    <div class=\"csl-tabbed\">\r\n    <!-- Onglets de la vue choisie, sur toute la largeur : colonnes, filtres, tri. -->\r\n    <div class=\"csl-tabs\">\r\n      <button type=\"button\" class=\"csl-tab\" [class.csl-tab--active]=\"svc.tab === 'columns'\" (click)=\"svc.tab = 'columns'\">Colonnes</button>\r\n      <button type=\"button\" class=\"csl-tab\" [class.csl-tab--active]=\"svc.tab === 'filters'\" (click)=\"svc.tab = 'filters'\">\r\n        Filtres\r\n        @if (svc.viewFilter.Conditions.length || svc.viewFilter.Groups?.length) { <span class=\"csl-tab-dot\"></span> }\r\n      </button>\r\n      <button type=\"button\" class=\"csl-tab\" [class.csl-tab--active]=\"svc.tab === 'sort'\" (click)=\"svc.tab = 'sort'\">\r\n        Tri\r\n        @if (svc.viewSort.length) { <span class=\"csl-tab-dot\"></span> }\r\n      </button>\r\n    </div>\r\n    @if (svc.tab === 'filters' || svc.tab === 'sort') {\r\n      <div class=\"csl-panel csl-panel--filters\">\r\n        <alg-filter-editor [embedded]=\"true\" [section]=\"svc.tab\" [columns]=\"svc.filterColumns\" [filter]=\"svc.viewFilter\" [sort]=\"svc.viewSort\"></alg-filter-editor>\r\n      </div>\r\n    } @else {\r\n    <div class=\"csl-panels csl-panels--inner\">\r\n    <!-- ── MILIEU : toutes les colonnes disponibles, attributs compris ────── -->\r\n    <div class=\"csl-panel csl-panel--browse\">\r\n      <div class=\"csl-panel__header\">\r\n        <span class=\"csl-panel__label\">Colonnes disponibles</span>\r\n        <input class=\"csl-search\" type=\"text\" placeholder=\"Rechercher…\"\r\n               [(ngModel)]=\"svc.searchText\" (ngModelChange)=\"svc.onSearch()\">\r\n      </div>\r\n\r\n      <div class=\"csl-table-wrap csl-scroll\">\r\n        <table class=\"csl-table\">\r\n          <thead>\r\n            <tr>\r\n              <th class=\"csl-col-check\">\r\n                <input type=\"checkbox\"\r\n                       [checked]=\"svc.allVisibleSelected\"\r\n                       [indeterminate]=\"svc.someVisibleSelected\"\r\n                       (change)=\"svc.toggleAll()\"\r\n                       title=\"Tout sélectionner / désélectionner\">\r\n              </th>\r\n              <th class=\"csl-col-name\">Libellé</th>\r\n              <th class=\"csl-col-key\">Nom technique</th>\r\n            </tr>\r\n          </thead>\r\n          <tbody>\r\n            @for (col of svc.filteredColumns; track col.ColumnKey) {\r\n              <tr class=\"csl-row\"\r\n                  [class.csl-row--selected]=\"svc.isSelected(col)\"\r\n                  [class.csl-row--custom-field]=\"svc.isAttribute(col)\"\r\n                  (click)=\"svc.toggleItem(col)\">\r\n                <td class=\"csl-col-check\" (click)=\"$event.stopPropagation()\">\r\n                  <input type=\"checkbox\" [checked]=\"svc.isSelected(col)\" (change)=\"svc.toggleItem(col)\">\r\n                </td>\r\n                <td class=\"csl-col-name\">\r\n                  {{ col.Label || col.ColumnKey }}\r\n                  @if (svc.isAttribute(col)) { <span class=\"csl-attribute-tag\">Attribut</span> }\r\n                </td>\r\n                <td class=\"csl-col-key\">{{ col.ColumnKey }}</td>\r\n              </tr>\r\n            }\r\n            @empty {\r\n              <tr><td colspan=\"3\" class=\"csl-empty\">Aucune colonne trouvée</td></tr>\r\n            }\r\n          </tbody>\r\n        </table>\r\n      </div>\r\n    </div>\r\n\r\n    <!-- ── DROITE : colonnes affichées par la vue choisie, dans l'ordre ──── -->\r\n    <div class=\"csl-panel csl-panel--selected\">\r\n      <div class=\"csl-panel__header\">\r\n        <span class=\"csl-panel__label\">Colonnes affichées</span>\r\n        @if (svc.selectedCount > 0) {\r\n          <span class=\"csl-badge csl-badge--primary\">{{ svc.selectedCount }}</span>\r\n        }\r\n      </div>\r\n\r\n      @if (svc.isLoading) {\r\n        <div class=\"csl-loading\">\r\n          <span class=\"csl-spinner\"></span>\r\n          Chargement des colonnes…\r\n        </div>\r\n      } @else if (svc.orderedSelection.length === 0) {\r\n        <div class=\"csl-ordered-empty\">\r\n          <span class=\"csl-ordered-empty__icon fa fa-columns\"></span>\r\n          <p>Cochez des colonnes au milieu</p>\r\n        </div>\r\n      } @else {\r\n        <div class=\"csl-ordered-list csl-scroll\"\r\n             cdkDropList\r\n             [cdkDropListData]=\"svc.orderedSelection\"\r\n             (cdkDropListDropped)=\"svc.onDrop($event)\">\r\n          @for (col of svc.orderedSelection; track col.ColumnKey) {\r\n            <div class=\"csl-ordered-item\" cdkDrag [cdkDragData]=\"col\">\r\n              <div class=\"csl-ordered-item__placeholder\" *cdkDragPlaceholder></div>\r\n              <span class=\"csl-ordered-item__drag\" cdkDragHandle><i class=\"fa fa-bars\"></i></span>\r\n              <span class=\"csl-ordered-item__position\">{{ $index + 1 }}</span>\r\n              <span class=\"csl-ordered-item__code\" [class.csl-ordered-item__code--cf]=\"svc.isAttribute(col)\">\r\n                {{ col.ColumnKey }}\r\n              </span>\r\n              <input class=\"csl-ordered-item__desc\" type=\"text\"\r\n                     [placeholder]=\"svc.getCatalogLabel(col)\"\r\n                     [(ngModel)]=\"col.Label\"\r\n                     (click)=\"$event.stopPropagation()\"\r\n                     title=\"Étiquette personnalisée\">\r\n              <button class=\"csl-ordered-item__remove\" type=\"button\"\r\n                      (click)=\"svc.removeFromSelection(col)\" title=\"Retirer\">&#x2715;</button>\r\n            </div>\r\n          }\r\n        </div>\r\n      }\r\n    </div>\r\n\r\n    </div>\r\n    }\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n<!-- ── Footer ─────────────────────────────────────────────────────────────── -->\r\n<div class=\"csl-footer\">\r\n  <span class=\"csl-footer__count\">\r\n    @if (svc.message) {\r\n      <span class=\"csl-footer__error\">{{ svc.message }}</span>\r\n    } @else if (svc.selectedView && svc.tab === 'filters') {\r\n      Vue « {{ svc.selectedView.label }} » — filtre enregistré avec la vue\r\n    } @else if (svc.selectedView && svc.tab === 'sort') {\r\n      Vue « {{ svc.selectedView.label }} » — tri enregistré avec la vue\r\n    } @else if (svc.selectedView) {\r\n      Vue « {{ svc.selectedView.label }} » — {{ svc.selectedCount }} colonne(s), glissez pour réordonner\r\n    }\r\n  </span>\r\n  <div class=\"csl-footer__actions\">\r\n    @if (!svc.isEmbedded) {\r\n      <button class=\"csl-btn csl-btn--secondary\" type=\"button\" (click)=\"svc.cancel()\">Annuler</button>\r\n    }\r\n    <button class=\"csl-btn csl-btn--primary\" type=\"button\"\r\n            (click)=\"svc.confirm()\" [disabled]=\"svc.selectedCount === 0 || svc.isSaving || svc.isLoading\">\r\n      @if (svc.isSaving) {\r\n        <span class=\"csl-spinner csl-spinner--sm csl-spinner--light\"></span>&nbsp;\r\n      }\r\n      Appliquer\r\n    </button>\r\n  </div>\r\n</div>\r\n",
+			styles: [".home-page{font-family:Open sans,sans-serif;background:#fff;-webkit-font-smoothing:antialiased;height:100%;width:100%;padding:16px}.main-container{margin:0 50px}.main-container-modal{width:calc(100% - 50px);margin:10px 25px 0}.moyen-titre{font-weight:700;font-size:24px;color:#4d5a81;margin:8px 0;border-bottom:solid 1px #DBE4FF}.grand-titre{font-weight:700;font-size:28px;color:#4d5a81;margin:0 0 8px}.petit-titre{font-weight:700;font-size:16px;color:#4d5a81;margin:0 0 8px}.petit-titre.underlined{border-bottom:solid 1px #4D5A81}.paragraph{padding:0 15px}.paragraph-highlight{padding:5px 15px 0 12px;border-left:5px solid #8EA7F8;border-bottom:1px solid #DBE4FF;border-top:1px solid #DBE4FF;border-right:1px solid #DBE4FF;background-color:#f7faff}.highlight{background-color:#f7faff;border:1px solid #DBE4FF;border-radius:5px;padding:15px;color:#3c5dc4;margin:0 0 16px}.highlight p{margin-bottom:0}.highlight:before{position:relative;display:block;float:left;width:24px;height:24px;content:\" \";background-size:24px 24px;-webkit-background-size:24px 24px;background-image:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"53.294\" height=\"50.629\" viewBox=\"0 0 53.294 50.629\">%0D%0A  <path id=\"allerg\\e8ne\" d=\"M830.494,25.793l-5.814,6.783.727,8.963-8.721,1.938-4.6,7.752L803.847,47.6l-8.236,3.634-4.6-7.51-8.721-1.938.727-8.963L777.2,26.035l5.814-6.783-.727-8.963,8.721-1.938L795.61.6l8.236,3.634L812.083.6l4.6,7.752,8.721,1.938-.727,8.963Zm-24.467,2.422V13.681h-4.845V28.216Zm0,9.69V33.06h-4.845v4.845Z\" transform=\"translate(-777.2 -0.6)\"/>%0D%0A</svg>%0D%0A');background-repeat:no-repeat;margin:0 8px 24px 0;filter:invert(31%) sepia(51%) saturate(1323%) hue-rotate(199deg) brightness(99%) contrast(94%)}.notification{background-color:#dbe4ff;border:1px solid #C4D0F9;border-radius:5px;color:#4d5a81;margin:16px;padding:5px 15px;text-align:justify}.notification:before{position:relative;display:block;float:left;width:24px;height:24px;content:\" \";background-size:24px 24px;-webkit-background-size:24px 24px;background-image:url('data:image/svg+xml,<svg aria-hidden=\"true\" focusable=\"false\" data-prefix=\"fas\" data-icon=\"info-circle\" class=\"svg-inline--fa fa-info-circle fa-w-16\" role=\"img\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path fill=\"currentColor\" d=\"M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z\"></path></svg>');background-repeat:no-repeat;margin:0 8px 0 0;filter:invert(31%) sepia(8%) saturate(2329%) hue-rotate(188deg) brightness(103%) contrast(85%)}.notification-text{padding:0 15px 0 30px;font-size:16px}:host{display:flex;flex-direction:column;height:100%}.csl-header{display:flex;align-items:center;justify-content:space-between;padding:6px 8px 6px 16px;background:#5272d3;border-bottom:1px solid #3C5DC4;flex-shrink:0}.csl-header__left{display:flex;flex-direction:column}.csl-title{font-size:15px;font-weight:600;color:#fff;letter-spacing:-.2px;line-height:1.4;margin:0}.csl-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;border:none;background:transparent;color:#fffc;font-size:14px;cursor:pointer;flex-shrink:0;margin-left:16px;transition:background .1s ease}.csl-icon-btn:hover{background:#ffffff26;color:#fff}.gps-tabs{display:flex;gap:2px}.gps-tab{display:inline-flex;align-items:center;gap:5px;padding:7px 18px;border:none;background:#ffffff1f;color:#ffffffb8;font-size:13px;font-weight:500;cursor:pointer;border-radius:6px 6px 0 0;transition:background .1s ease,color .1s ease}.gps-tab:hover:not(.gps-tab--active){background:#fff3;color:#fff}.gps-tab--active{background:#fff;color:#4465c9;font-weight:600}.csl-body{flex:1;overflow:hidden;padding:16px 20px}.csl-loading{display:flex;align-items:center;justify-content:center;gap:10px;min-height:200px;color:#535353;font-size:13px}.csl-panels{display:grid;grid-template-columns:240px 1fr 320px;grid-template-rows:minmax(0,1fr);gap:12px;height:calc(70vh - 160px);min-height:380px;overflow:hidden}.csl-panel{min-height:0}.csl-scroll{flex:1 1 auto;min-height:0;overflow-y:auto}.csl-view-icon{margin-right:4px;font-size:11px;color:#888}.csl-view-note{flex-shrink:0;padding:8px 12px;border-top:1px solid #C4D0F9;font-size:11.5px;color:#535353;background:#f5f5f5}.csl-view-note .fa{color:#4465c9;margin-right:4px}.csl-attribute-tag{display:inline-block;margin-left:6px;padding:0 6px;border-radius:8px;font-size:10px;font-weight:600;color:#fff;background:#6b7fd4;vertical-align:middle}.csl-group-item--active .gps-profile-actions{opacity:1}.csl-footer__error{color:#dc3545}.csl-panel{display:flex;flex-direction:column;border:1px solid #C4D0F9;border-radius:10px;overflow:hidden;background:#fff}.csl-panel__header{display:flex;align-items:center;justify-content:space-between;padding:10px 13px;border-bottom:1px solid #C4D0F9;background:#f5f5f5;flex-shrink:0;gap:8px}.csl-panel__label{font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.9px;color:#535353;flex-shrink:0}.csl-group-list{list-style:none;margin:0;padding:6px;overflow-y:auto;flex:1}.csl-group-item{display:flex;align-items:center;justify-content:space-between;padding:7px 8px;border-radius:6px;cursor:pointer;transition:background .1s ease;min-height:34px}.csl-group-item:hover{background:#f7faff}.csl-group-item:hover .gps-profile-actions{opacity:1}.csl-group-item--active{background:#ebf0ff}.csl-group-item--active .csl-group-item__name{color:#4465c9;font-weight:600}.csl-group-item--standard{border-left:3px solid #4465C9;padding-left:5px}.csl-group-item--model{border-left:3px solid #6B7FD4;padding-left:5px}.csl-group-item--profile{border-left:3px solid #4465C9;padding-left:5px}.csl-group-item__name{font-size:12.5px;color:#272c5d;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:4px}.csl-group-item__meta{display:flex;align-items:center;gap:4px;flex-shrink:0}.gps-profile-actions{display:flex;align-items:center;gap:2px;flex-shrink:0;opacity:0;transition:opacity .1s ease}.gps-profile-btn{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border:none;background:none;border-radius:4px;font-size:11px;color:#888;cursor:pointer;padding:0;transition:background .1s,color .1s}.gps-profile-btn:hover{background:#00000014;color:#4465c9}.gps-profile-btn--danger:hover{background:#dc35451a;color:#dc3545}.gps-rename-input{flex:1;height:24px;border:1px solid #4465C9;border-radius:4px;padding:0 6px;font-size:12px;color:#272c5d;background:#fff;outline:none;min-width:0;margin-right:4px}.gps-rename-actions{display:flex;align-items:center;gap:2px;flex-shrink:0}.gps-rename-btn{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border:none;border-radius:4px;font-size:11px;cursor:pointer;padding:0}.gps-rename-btn--ok{background:#4465c9;color:#fff}.gps-rename-btn--ok:hover{background:#3c5dc4}.gps-rename-btn--cancel{background:#00000014;color:#535353}.gps-rename-btn--cancel:hover{background:#00000026}.gps-new-profile{color:#4465c9;font-size:12px;font-weight:500;opacity:.75;justify-content:flex-start;gap:4px}.gps-new-profile:hover{opacity:1;background:#ebf0ff}.csl-group-section-label{padding:8px 8px 4px;font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:#888;list-style:none}.csl-group-divider{height:1px;background:#c4d0f9;margin:6px 8px;list-style:none}.csl-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:18px;padding:0 5px;border-radius:9px;background:#00000012;color:#535353;font-size:10px;font-weight:600}.csl-badge--primary{background:#4465c9;color:#fff}.csl-badge--sm{height:16px;min-width:16px;font-size:9px;padding:0 4px}.csl-search{flex:1;height:28px;border:1px solid #C4D0F9;border-radius:6px;padding:0 8px;font-size:12px;color:#272c5d;background:#fff;outline:none;transition:border-color .1s ease}.csl-search:focus{border-color:#6684e0}.csl-table-wrap{overflow-y:auto;flex:1}.csl-table{width:100%;border-collapse:collapse;font-size:12.5px}.csl-table thead tr{position:sticky;top:0;z-index:1;background:#f5f5f5}.csl-table thead tr th{padding:8px 10px;text-align:left;font-size:10px;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.6px;border-bottom:1px solid #C4D0F9;white-space:nowrap}.csl-table tbody tr{border-bottom:1px solid rgba(0,0,0,.04);cursor:pointer;transition:background .1s ease}.csl-table tbody tr:hover{background:#f7faff}.csl-table tbody tr:last-child{border-bottom:none}.csl-table tbody tr td{padding:9px 10px;color:#272c5d}.csl-col-check{width:36px;text-align:center;padding:0 8px!important}.csl-col-check input[type=checkbox]{cursor:pointer;accent-color:#4465C9;width:14px;height:14px}.csl-col-key{font-family:monospace;font-size:11.5px;color:#535353;width:130px}.csl-col-name{font-weight:500}.csl-row--selected{background:#ebf0ff!important}.csl-row--custom-field .csl-col-key{color:#6b7fd4}.csl-empty{text-align:center;padding:32px 16px!important;color:#888;font-size:12.5px}.csl-panel--selected{overflow:hidden}.csl-ordered-list{flex:1;overflow-y:auto;padding:7px}.csl-ordered-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:8px;padding:20px;text-align:center}.csl-ordered-empty__icon{font-size:28px;color:#888;opacity:.35}.csl-ordered-empty p{font-size:12px;color:#535353;margin:0;line-height:1.5}.csl-ordered-item{display:flex;align-items:center;gap:5px;padding:6px 8px 6px 4px;margin-bottom:4px;border:1px solid #C4D0F9;border-radius:6px;background:#fff;transition:border-color .14s ease,background .14s ease}.csl-ordered-item:last-child{margin-bottom:0}.csl-ordered-item:hover{border-color:#8ea7f8;background:#f7faff}.csl-ordered-item__drag{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:20px;color:#888;font-size:11px;cursor:grab;padding:0 2px;-webkit-user-select:none;user-select:none}.csl-ordered-item__drag:active{cursor:grabbing}.csl-ordered-item__position{flex-shrink:0;width:19px;height:19px;border-radius:50%;background:#ebf0ff;color:#4465c9;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center}.csl-ordered-item__code{flex-shrink:0;width:90px;font-family:monospace;font-size:11px;font-weight:600;color:#535353;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.csl-ordered-item__code--cf{color:#6b7fd4}.csl-ordered-item__desc{flex:1;height:24px;min-width:0;padding:0 6px;border:1px solid transparent;border-radius:4px;font-size:12px;color:#272c5d;background:transparent;transition:border-color .1s,background .1s}.csl-ordered-item__desc::placeholder{color:#888;font-style:italic}.csl-ordered-item__desc:hover{border-color:#c4d0f9;background:#fff}.csl-ordered-item__desc:focus{border-color:#4465c9;background:#fff;outline:none}.csl-ordered-item__remove{flex-shrink:0;background:none;border:none;padding:0 3px;font-size:12px;color:#888;cursor:pointer;line-height:1}.csl-ordered-item__remove:hover{color:#f78383}.csl-ordered-item.cdk-drag-animating{transition:transform .2s cubic-bezier(.25,.8,.25,1)}.csl-ordered-item__placeholder{width:100%;height:38px;border:2px dashed #C4D0F9;border-radius:6px;background:#f7faff}.cdk-drop-list-dragging .csl-ordered-item:not(.cdk-drag-placeholder){transition:transform .2s cubic-bezier(.25,.8,.25,1)}.cdk-drag-preview{display:flex;align-items:center;gap:6px;padding:8px 8px 8px 4px;border-radius:6px;background:#fff;box-shadow:0 4px 16px #4465c92e,0 1px 4px #0000001a;font-size:12px;font-weight:500;color:#272c5d;min-width:180px}.csl-footer{display:flex;align-items:center;justify-content:space-between;padding:13px 22px 16px;border-top:1px solid #C4D0F9;flex-shrink:0}.csl-footer__count{font-size:12px;color:#888;min-width:180px}.csl-footer__actions{display:flex;gap:10px}.csl-btn{display:inline-flex;align-items:center;gap:7px;padding:7px 18px;font-size:13px;font-weight:500;border-radius:6px;cursor:pointer;transition:background .12s ease,opacity .12s ease}.csl-btn--secondary{background:transparent;border:1px solid rgba(0,0,0,.16);color:#535353}.csl-btn--secondary:hover{background:#0000000a}.csl-btn--primary{background:#4465c9;border:1px solid transparent;color:#fff;min-width:130px;justify-content:center}.csl-btn--primary:hover:not([disabled]){background:#3c5dc4}.csl-btn--primary[disabled]{opacity:.42;cursor:not-allowed}.csl-save-prompt{display:flex;align-items:center;gap:10px;width:100%;flex-wrap:wrap}.csl-save-prompt__label{font-size:12.5px;font-weight:500;color:#272c5d;white-space:nowrap}.csl-save-prompt__input{flex:1;min-width:160px;height:32px;padding:0 10px;border:1px solid #C4D0F9;border-radius:6px;font-size:12px;color:#272c5d;background:#fff;outline:none;transition:border-color .1s}.csl-save-prompt__input:focus{border-color:#4465c9}.csl-save-prompt__input[disabled]{opacity:.5}.csl-save-prompt__actions{display:flex;gap:8px;flex-shrink:0}.csl-spinner{display:inline-block;width:14px;height:14px;border:2px solid #DBE4FF;border-top-color:#4465c9;border-radius:50%;animation:gps-spin .65s linear infinite}.csl-spinner--sm{width:11px;height:11px;border-width:2px}.csl-spinner--light{border-color:#ffffff59;border-top-color:#fff}@keyframes gps-spin{to{transform:rotate(360deg)}}.csl-tabbed{flex:2 1 0;min-width:0;display:flex;flex-direction:column;gap:8px}.csl-tabs{display:flex;gap:4px;border-bottom:1px solid #3C5DC4}.csl-tab{position:relative;flex:1 1 0;text-align:center;padding:6px 14px;border:none;border-bottom:2px solid transparent;background:none;color:#6b7591;font:inherit;font-weight:700;cursor:pointer}.csl-tab--active{color:#5272d3;border-bottom-color:#5272d3}.csl-tab-dot{display:inline-block;width:7px;height:7px;margin-left:6px;border-radius:50%;background:var(--orange-algorima, #f59d0f);vertical-align:middle}.csl-panels--inner{flex:1 1 auto;min-height:0}.csl-panel--filters{flex:1 1 auto;min-height:0;overflow:auto}\n"],
 			dependencies: [
 				{
 					kind: "ngmodule",
@@ -747,7 +747,8 @@ var PresentationProfileComponent = class PresentationProfileComponent {
 						"columns",
 						"filter",
 						"sort",
-						"embedded"
+						"embedded",
+						"section"
 					]
 				}
 			],
@@ -773,8 +774,8 @@ i0.ɵɵngDeclareClassMetadata({
 			],
 			providers: [PresentationProfileService],
 			changeDetection: ChangeDetectionStrategy.Eager,
-			template: "<!-- ── Header ─────────────────────────────────────────────────────────────── -->\n<div class=\"csl-header\">\n  <div class=\"csl-header__left\">\n    <h4 class=\"csl-title\">{{ svc.config?.title || 'Sélection des colonnes' }}</h4>\n  </div>\n  @if (!svc.isEmbedded) {\n    <button class=\"csl-icon-btn\" type=\"button\" (click)=\"svc.cancel()\" aria-label=\"Fermer\">&#x2715;</button>\n  }\n</div>\n\n<!-- ── Body : vues à gauche, colonnes disponibles au milieu, colonnes de la vue à droite ── -->\n<div class=\"csl-body\">\n  <div class=\"csl-panels\">\n\n    <!-- ── GAUCHE : vues personnalisées ─────────────────────────────────── -->\n    <div class=\"csl-panel csl-panel--groups\">\n      <div class=\"csl-panel__header\">\n        <span class=\"csl-panel__label\">Vues personnalisées</span>\n        <span class=\"csl-badge\">{{ svc.views.length }}</span>\n      </div>\n      <ul class=\"csl-group-list csl-scroll\">\n        @for (view of svc.views; track view.id) {\n          <li class=\"csl-group-item csl-view-item\"\n              [class.csl-group-item--active]=\"svc.selectedView?.id === view.id\"\n              [class.csl-group-item--standard]=\"view.isDefault\"\n              [class.csl-group-item--profile]=\"!view.isDefault\"\n              (click)=\"svc.selectView(view)\">\n            @if (svc.renamingId === view.id) {\n              <input class=\"gps-rename-input\" type=\"text\" maxlength=\"100\"\n                     [(ngModel)]=\"svc.renameLabel\"\n                     (click)=\"$event.stopPropagation()\"\n                     (keydown.enter)=\"svc.confirmRename(view)\"\n                     (keydown.escape)=\"svc.cancelRename()\">\n              <div class=\"gps-rename-actions\" (click)=\"$event.stopPropagation()\">\n                <button class=\"gps-rename-btn gps-rename-btn--ok\" type=\"button\" title=\"Renommer\" (click)=\"svc.confirmRename(view)\">\n                  <i class=\"fa fa-check\"></i>\n                </button>\n                <button class=\"gps-rename-btn gps-rename-btn--cancel\" type=\"button\" title=\"Annuler\" (click)=\"svc.cancelRename()\">\n                  <i class=\"fa fa-times\"></i>\n                </button>\n              </div>\n            } @else {\n              <span class=\"csl-group-item__name\" [title]=\"view.label\">\n                @if (view.isDefault) { <i class=\"fa fa-lock csl-view-icon\" title=\"Vue par défaut\"></i> }\n                {{ view.label }}\n              </span>\n              <div class=\"csl-group-item__meta\">\n                @if (view.isCurrent) {\n                  <span class=\"csl-badge csl-badge--primary csl-badge--sm\" title=\"Vue affichée par la grille\">\n                    <i class=\"fa fa-eye\"></i>\n                  </span>\n                }\n                <div class=\"gps-profile-actions\" (click)=\"$event.stopPropagation()\">\n                  @if (svc.canEdit(view)) {\n                    <button class=\"gps-profile-btn\" type=\"button\" title=\"Renommer\" (click)=\"svc.startRename(view)\">\n                      <i class=\"fa fa-pencil\"></i>\n                    </button>\n                  }\n                  <button class=\"gps-profile-btn\" type=\"button\" title=\"Dupliquer\" (click)=\"svc.duplicateView(view)\">\n                    <i class=\"fa fa-files-o\"></i>\n                  </button>\n                  @if (!view.isDefault) {\n                    <button class=\"gps-profile-btn gps-profile-btn--danger\" type=\"button\" title=\"Supprimer\" (click)=\"svc.deleteView(view)\">\n                      <i class=\"fa fa-trash-o\"></i>\n                    </button>\n                  }\n                </div>\n              </div>\n            }\n          </li>\n        }\n        @empty {\n          <li class=\"csl-group-section-label\">Aucune vue enregistrée</li>\n        }\n      </ul>\n      @if (svc.isReadOnly) {\n        <div class=\"csl-view-note\">\n          <i class=\"fa fa-info-circle\"></i>\n          Vue par défaut en lecture seule : « Appliquer » crée une nouvelle vue personnelle.\n        </div>\n      }\n    </div>\n\n    <div class=\"csl-tabbed\">\n    <!-- Onglets de la vue choisie : colonnes, ou filtres et tri. -->\n    <div class=\"csl-tabs\">\n      <button type=\"button\" class=\"csl-tab\" [class.csl-tab--active]=\"svc.tab === 'columns'\" (click)=\"svc.tab = 'columns'\">Colonnes</button>\n      <button type=\"button\" class=\"csl-tab\" [class.csl-tab--active]=\"svc.tab === 'filters'\" (click)=\"svc.tab = 'filters'\">\n        Filtres et tri\n        @if (svc.viewFilter.Conditions.length || svc.viewFilter.Groups?.length || svc.viewSort.length) { <span class=\"csl-tab-dot\"></span> }\n      </button>\n    </div>\n    @if (svc.tab === 'filters') {\n      <div class=\"csl-panel csl-panel--filters\">\n        <alg-filter-editor [embedded]=\"true\" [columns]=\"svc.filterColumns\" [filter]=\"svc.viewFilter\" [sort]=\"svc.viewSort\"></alg-filter-editor>\n      </div>\n    } @else {\n    <div class=\"csl-panels csl-panels--inner\">\n    <!-- ── MILIEU : toutes les colonnes disponibles, attributs compris ────── -->\n    <div class=\"csl-panel csl-panel--browse\">\n      <div class=\"csl-panel__header\">\n        <span class=\"csl-panel__label\">Colonnes disponibles</span>\n        <input class=\"csl-search\" type=\"text\" placeholder=\"Rechercher…\"\n               [(ngModel)]=\"svc.searchText\" (ngModelChange)=\"svc.onSearch()\">\n      </div>\n\n      <div class=\"csl-table-wrap csl-scroll\">\n        <table class=\"csl-table\">\n          <thead>\n            <tr>\n              <th class=\"csl-col-check\">\n                <input type=\"checkbox\"\n                       [checked]=\"svc.allVisibleSelected\"\n                       [indeterminate]=\"svc.someVisibleSelected\"\n                       (change)=\"svc.toggleAll()\"\n                       title=\"Tout sélectionner / désélectionner\">\n              </th>\n              <th class=\"csl-col-key\">Clé</th>\n              <th class=\"csl-col-name\">Colonne</th>\n            </tr>\n          </thead>\n          <tbody>\n            @for (col of svc.filteredColumns; track col.ColumnKey) {\n              <tr class=\"csl-row\"\n                  [class.csl-row--selected]=\"svc.isSelected(col)\"\n                  [class.csl-row--custom-field]=\"svc.isAttribute(col)\"\n                  (click)=\"svc.toggleItem(col)\">\n                <td class=\"csl-col-check\" (click)=\"$event.stopPropagation()\">\n                  <input type=\"checkbox\" [checked]=\"svc.isSelected(col)\" (change)=\"svc.toggleItem(col)\">\n                </td>\n                <td class=\"csl-col-key\">{{ col.ColumnKey }}</td>\n                <td class=\"csl-col-name\">\n                  {{ col.Label ?? col.ColumnKey }}\n                  @if (svc.isAttribute(col)) { <span class=\"csl-attribute-tag\">Attribut</span> }\n                </td>\n              </tr>\n            }\n            @empty {\n              <tr><td colspan=\"3\" class=\"csl-empty\">Aucune colonne trouvée</td></tr>\n            }\n          </tbody>\n        </table>\n      </div>\n    </div>\n\n    <!-- ── DROITE : colonnes affichées par la vue choisie, dans l'ordre ──── -->\n    <div class=\"csl-panel csl-panel--selected\">\n      <div class=\"csl-panel__header\">\n        <span class=\"csl-panel__label\">Colonnes affichées</span>\n        @if (svc.selectedCount > 0) {\n          <span class=\"csl-badge csl-badge--primary\">{{ svc.selectedCount }}</span>\n        }\n      </div>\n\n      @if (svc.isLoading) {\n        <div class=\"csl-loading\">\n          <span class=\"csl-spinner\"></span>\n          Chargement des colonnes…\n        </div>\n      } @else if (svc.orderedSelection.length === 0) {\n        <div class=\"csl-ordered-empty\">\n          <span class=\"csl-ordered-empty__icon fa fa-columns\"></span>\n          <p>Cochez des colonnes au milieu</p>\n        </div>\n      } @else {\n        <div class=\"csl-ordered-list csl-scroll\"\n             cdkDropList\n             [cdkDropListData]=\"svc.orderedSelection\"\n             (cdkDropListDropped)=\"svc.onDrop($event)\">\n          @for (col of svc.orderedSelection; track col.ColumnKey) {\n            <div class=\"csl-ordered-item\" cdkDrag [cdkDragData]=\"col\">\n              <div class=\"csl-ordered-item__placeholder\" *cdkDragPlaceholder></div>\n              <span class=\"csl-ordered-item__drag\" cdkDragHandle><i class=\"fa fa-bars\"></i></span>\n              <span class=\"csl-ordered-item__position\">{{ $index + 1 }}</span>\n              <span class=\"csl-ordered-item__code\" [class.csl-ordered-item__code--cf]=\"svc.isAttribute(col)\">\n                {{ col.ColumnKey }}\n              </span>\n              <input class=\"csl-ordered-item__desc\" type=\"text\"\n                     [placeholder]=\"svc.getCatalogLabel(col)\"\n                     [(ngModel)]=\"col.Label\"\n                     (click)=\"$event.stopPropagation()\"\n                     title=\"Étiquette personnalisée\">\n              <button class=\"csl-ordered-item__remove\" type=\"button\"\n                      (click)=\"svc.removeFromSelection(col)\" title=\"Retirer\">&#x2715;</button>\n            </div>\n          }\n        </div>\n      }\n    </div>\n\n    </div>\n    }\n    </div>\n  </div>\n</div>\n\n<!-- ── Footer ─────────────────────────────────────────────────────────────── -->\n<div class=\"csl-footer\">\n  <span class=\"csl-footer__count\">\n    @if (svc.message) {\n      <span class=\"csl-footer__error\">{{ svc.message }}</span>\n    } @else if (svc.selectedView && svc.tab === 'filters') {\n      Vue « {{ svc.selectedView.label }} » — filtre et tri enregistrés avec la vue\n    } @else if (svc.selectedView) {\n      Vue « {{ svc.selectedView.label }} » — {{ svc.selectedCount }} colonne(s), glissez pour réordonner\n    }\n  </span>\n  <div class=\"csl-footer__actions\">\n    @if (!svc.isEmbedded) {\n      <button class=\"csl-btn csl-btn--secondary\" type=\"button\" (click)=\"svc.cancel()\">Annuler</button>\n    }\n    <button class=\"csl-btn csl-btn--primary\" type=\"button\"\n            (click)=\"svc.confirm()\" [disabled]=\"svc.selectedCount === 0 || svc.isSaving || svc.isLoading\">\n      @if (svc.isSaving) {\n        <span class=\"csl-spinner csl-spinner--sm csl-spinner--light\"></span>&nbsp;\n      }\n      Appliquer\n    </button>\n  </div>\n</div>\n",
-			styles: [".home-page{font-family:Open sans,sans-serif;background:#fff;-webkit-font-smoothing:antialiased;height:100%;width:100%;padding:16px}.main-container{margin:0 50px}.main-container-modal{width:calc(100% - 50px);margin:10px 25px 0}.moyen-titre{font-weight:700;font-size:24px;color:#4d5a81;margin:8px 0;border-bottom:solid 1px #DBE4FF}.grand-titre{font-weight:700;font-size:28px;color:#4d5a81;margin:0 0 8px}.petit-titre{font-weight:700;font-size:16px;color:#4d5a81;margin:0 0 8px}.petit-titre.underlined{border-bottom:solid 1px #4D5A81}.paragraph{padding:0 15px}.paragraph-highlight{padding:5px 15px 0 12px;border-left:5px solid #8EA7F8;border-bottom:1px solid #DBE4FF;border-top:1px solid #DBE4FF;border-right:1px solid #DBE4FF;background-color:#f7faff}.highlight{background-color:#f7faff;border:1px solid #DBE4FF;border-radius:5px;padding:15px;color:#3c5dc4;margin:0 0 16px}.highlight p{margin-bottom:0}.highlight:before{position:relative;display:block;float:left;width:24px;height:24px;content:\" \";background-size:24px 24px;-webkit-background-size:24px 24px;background-image:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"53.294\" height=\"50.629\" viewBox=\"0 0 53.294 50.629\">%0D%0A  <path id=\"allerg\\e8ne\" d=\"M830.494,25.793l-5.814,6.783.727,8.963-8.721,1.938-4.6,7.752L803.847,47.6l-8.236,3.634-4.6-7.51-8.721-1.938.727-8.963L777.2,26.035l5.814-6.783-.727-8.963,8.721-1.938L795.61.6l8.236,3.634L812.083.6l4.6,7.752,8.721,1.938-.727,8.963Zm-24.467,2.422V13.681h-4.845V28.216Zm0,9.69V33.06h-4.845v4.845Z\" transform=\"translate(-777.2 -0.6)\"/>%0D%0A</svg>%0D%0A');background-repeat:no-repeat;margin:0 8px 24px 0;filter:invert(31%) sepia(51%) saturate(1323%) hue-rotate(199deg) brightness(99%) contrast(94%)}.notification{background-color:#dbe4ff;border:1px solid #C4D0F9;border-radius:5px;color:#4d5a81;margin:16px;padding:5px 15px;text-align:justify}.notification:before{position:relative;display:block;float:left;width:24px;height:24px;content:\" \";background-size:24px 24px;-webkit-background-size:24px 24px;background-image:url('data:image/svg+xml,<svg aria-hidden=\"true\" focusable=\"false\" data-prefix=\"fas\" data-icon=\"info-circle\" class=\"svg-inline--fa fa-info-circle fa-w-16\" role=\"img\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path fill=\"currentColor\" d=\"M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z\"></path></svg>');background-repeat:no-repeat;margin:0 8px 0 0;filter:invert(31%) sepia(8%) saturate(2329%) hue-rotate(188deg) brightness(103%) contrast(85%)}.notification-text{padding:0 15px 0 30px;font-size:16px}:host{display:flex;flex-direction:column;height:100%}.csl-header{display:flex;align-items:center;justify-content:space-between;padding:6px 8px 6px 16px;background:#5272d3;border-bottom:1px solid #3C5DC4;flex-shrink:0}.csl-header__left{display:flex;flex-direction:column}.csl-title{font-size:15px;font-weight:600;color:#fff;letter-spacing:-.2px;line-height:1.4;margin:0}.csl-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;border:none;background:transparent;color:#fffc;font-size:14px;cursor:pointer;flex-shrink:0;margin-left:16px;transition:background .1s ease}.csl-icon-btn:hover{background:#ffffff26;color:#fff}.gps-tabs{display:flex;gap:2px}.gps-tab{display:inline-flex;align-items:center;gap:5px;padding:7px 18px;border:none;background:#ffffff1f;color:#ffffffb8;font-size:13px;font-weight:500;cursor:pointer;border-radius:6px 6px 0 0;transition:background .1s ease,color .1s ease}.gps-tab:hover:not(.gps-tab--active){background:#fff3;color:#fff}.gps-tab--active{background:#fff;color:#4465c9;font-weight:600}.csl-body{flex:1;overflow:hidden;padding:16px 20px}.csl-loading{display:flex;align-items:center;justify-content:center;gap:10px;min-height:200px;color:#535353;font-size:13px}.csl-panels{display:grid;grid-template-columns:240px 1fr 320px;grid-template-rows:minmax(0,1fr);gap:12px;height:calc(70vh - 160px);min-height:380px;overflow:hidden}.csl-panel{min-height:0}.csl-scroll{flex:1 1 auto;min-height:0;overflow-y:auto}.csl-view-icon{margin-right:4px;font-size:11px;color:#888}.csl-view-note{flex-shrink:0;padding:8px 12px;border-top:1px solid #C4D0F9;font-size:11.5px;color:#535353;background:#f5f5f5}.csl-view-note .fa{color:#4465c9;margin-right:4px}.csl-attribute-tag{display:inline-block;margin-left:6px;padding:0 6px;border-radius:8px;font-size:10px;font-weight:600;color:#fff;background:#6b7fd4;vertical-align:middle}.csl-group-item--active .gps-profile-actions{opacity:1}.csl-footer__error{color:#dc3545}.csl-panel{display:flex;flex-direction:column;border:1px solid #C4D0F9;border-radius:10px;overflow:hidden;background:#fff}.csl-panel__header{display:flex;align-items:center;justify-content:space-between;padding:10px 13px;border-bottom:1px solid #C4D0F9;background:#f5f5f5;flex-shrink:0;gap:8px}.csl-panel__label{font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.9px;color:#535353;flex-shrink:0}.csl-group-list{list-style:none;margin:0;padding:6px;overflow-y:auto;flex:1}.csl-group-item{display:flex;align-items:center;justify-content:space-between;padding:7px 8px;border-radius:6px;cursor:pointer;transition:background .1s ease;min-height:34px}.csl-group-item:hover{background:#f7faff}.csl-group-item:hover .gps-profile-actions{opacity:1}.csl-group-item--active{background:#ebf0ff}.csl-group-item--active .csl-group-item__name{color:#4465c9;font-weight:600}.csl-group-item--standard{border-left:3px solid #4465C9;padding-left:5px}.csl-group-item--model{border-left:3px solid #6B7FD4;padding-left:5px}.csl-group-item--profile{border-left:3px solid #4465C9;padding-left:5px}.csl-group-item__name{font-size:12.5px;color:#272c5d;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:4px}.csl-group-item__meta{display:flex;align-items:center;gap:4px;flex-shrink:0}.gps-profile-actions{display:flex;align-items:center;gap:2px;flex-shrink:0;opacity:0;transition:opacity .1s ease}.gps-profile-btn{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border:none;background:none;border-radius:4px;font-size:11px;color:#888;cursor:pointer;padding:0;transition:background .1s,color .1s}.gps-profile-btn:hover{background:#00000014;color:#4465c9}.gps-profile-btn--danger:hover{background:#dc35451a;color:#dc3545}.gps-rename-input{flex:1;height:24px;border:1px solid #4465C9;border-radius:4px;padding:0 6px;font-size:12px;color:#272c5d;background:#fff;outline:none;min-width:0;margin-right:4px}.gps-rename-actions{display:flex;align-items:center;gap:2px;flex-shrink:0}.gps-rename-btn{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border:none;border-radius:4px;font-size:11px;cursor:pointer;padding:0}.gps-rename-btn--ok{background:#4465c9;color:#fff}.gps-rename-btn--ok:hover{background:#3c5dc4}.gps-rename-btn--cancel{background:#00000014;color:#535353}.gps-rename-btn--cancel:hover{background:#00000026}.gps-new-profile{color:#4465c9;font-size:12px;font-weight:500;opacity:.75;justify-content:flex-start;gap:4px}.gps-new-profile:hover{opacity:1;background:#ebf0ff}.csl-group-section-label{padding:8px 8px 4px;font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:#888;list-style:none}.csl-group-divider{height:1px;background:#c4d0f9;margin:6px 8px;list-style:none}.csl-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:18px;padding:0 5px;border-radius:9px;background:#00000012;color:#535353;font-size:10px;font-weight:600}.csl-badge--primary{background:#4465c9;color:#fff}.csl-badge--sm{height:16px;min-width:16px;font-size:9px;padding:0 4px}.csl-search{flex:1;height:28px;border:1px solid #C4D0F9;border-radius:6px;padding:0 8px;font-size:12px;color:#272c5d;background:#fff;outline:none;transition:border-color .1s ease}.csl-search:focus{border-color:#6684e0}.csl-table-wrap{overflow-y:auto;flex:1}.csl-table{width:100%;border-collapse:collapse;font-size:12.5px}.csl-table thead tr{position:sticky;top:0;z-index:1;background:#f5f5f5}.csl-table thead tr th{padding:8px 10px;text-align:left;font-size:10px;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.6px;border-bottom:1px solid #C4D0F9;white-space:nowrap}.csl-table tbody tr{border-bottom:1px solid rgba(0,0,0,.04);cursor:pointer;transition:background .1s ease}.csl-table tbody tr:hover{background:#f7faff}.csl-table tbody tr:last-child{border-bottom:none}.csl-table tbody tr td{padding:9px 10px;color:#272c5d}.csl-col-check{width:36px;text-align:center;padding:0 8px!important}.csl-col-check input[type=checkbox]{cursor:pointer;accent-color:#4465C9;width:14px;height:14px}.csl-col-key{font-family:monospace;font-size:11.5px;color:#535353;width:130px}.csl-col-name{font-weight:500}.csl-row--selected{background:#ebf0ff!important}.csl-row--custom-field .csl-col-key{color:#6b7fd4}.csl-empty{text-align:center;padding:32px 16px!important;color:#888;font-size:12.5px}.csl-panel--selected{overflow:hidden}.csl-ordered-list{flex:1;overflow-y:auto;padding:7px}.csl-ordered-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:8px;padding:20px;text-align:center}.csl-ordered-empty__icon{font-size:28px;color:#888;opacity:.35}.csl-ordered-empty p{font-size:12px;color:#535353;margin:0;line-height:1.5}.csl-ordered-item{display:flex;align-items:center;gap:5px;padding:6px 8px 6px 4px;margin-bottom:4px;border:1px solid #C4D0F9;border-radius:6px;background:#fff;transition:border-color .14s ease,background .14s ease}.csl-ordered-item:last-child{margin-bottom:0}.csl-ordered-item:hover{border-color:#8ea7f8;background:#f7faff}.csl-ordered-item__drag{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:20px;color:#888;font-size:11px;cursor:grab;padding:0 2px;-webkit-user-select:none;user-select:none}.csl-ordered-item__drag:active{cursor:grabbing}.csl-ordered-item__position{flex-shrink:0;width:19px;height:19px;border-radius:50%;background:#ebf0ff;color:#4465c9;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center}.csl-ordered-item__code{flex-shrink:0;width:90px;font-family:monospace;font-size:11px;font-weight:600;color:#535353;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.csl-ordered-item__code--cf{color:#6b7fd4}.csl-ordered-item__desc{flex:1;height:24px;min-width:0;padding:0 6px;border:1px solid transparent;border-radius:4px;font-size:12px;color:#272c5d;background:transparent;transition:border-color .1s,background .1s}.csl-ordered-item__desc::placeholder{color:#888;font-style:italic}.csl-ordered-item__desc:hover{border-color:#c4d0f9;background:#fff}.csl-ordered-item__desc:focus{border-color:#4465c9;background:#fff;outline:none}.csl-ordered-item__remove{flex-shrink:0;background:none;border:none;padding:0 3px;font-size:12px;color:#888;cursor:pointer;line-height:1}.csl-ordered-item__remove:hover{color:#f78383}.csl-ordered-item.cdk-drag-animating{transition:transform .2s cubic-bezier(.25,.8,.25,1)}.csl-ordered-item__placeholder{width:100%;height:38px;border:2px dashed #C4D0F9;border-radius:6px;background:#f7faff}.cdk-drop-list-dragging .csl-ordered-item:not(.cdk-drag-placeholder){transition:transform .2s cubic-bezier(.25,.8,.25,1)}.cdk-drag-preview{display:flex;align-items:center;gap:6px;padding:8px 8px 8px 4px;border-radius:6px;background:#fff;box-shadow:0 4px 16px #4465c92e,0 1px 4px #0000001a;font-size:12px;font-weight:500;color:#272c5d;min-width:180px}.csl-footer{display:flex;align-items:center;justify-content:space-between;padding:13px 22px 16px;border-top:1px solid #C4D0F9;flex-shrink:0}.csl-footer__count{font-size:12px;color:#888;min-width:180px}.csl-footer__actions{display:flex;gap:10px}.csl-btn{display:inline-flex;align-items:center;gap:7px;padding:7px 18px;font-size:13px;font-weight:500;border-radius:6px;cursor:pointer;transition:background .12s ease,opacity .12s ease}.csl-btn--secondary{background:transparent;border:1px solid rgba(0,0,0,.16);color:#535353}.csl-btn--secondary:hover{background:#0000000a}.csl-btn--primary{background:#4465c9;border:1px solid transparent;color:#fff;min-width:130px;justify-content:center}.csl-btn--primary:hover:not([disabled]){background:#3c5dc4}.csl-btn--primary[disabled]{opacity:.42;cursor:not-allowed}.csl-save-prompt{display:flex;align-items:center;gap:10px;width:100%;flex-wrap:wrap}.csl-save-prompt__label{font-size:12.5px;font-weight:500;color:#272c5d;white-space:nowrap}.csl-save-prompt__input{flex:1;min-width:160px;height:32px;padding:0 10px;border:1px solid #C4D0F9;border-radius:6px;font-size:12px;color:#272c5d;background:#fff;outline:none;transition:border-color .1s}.csl-save-prompt__input:focus{border-color:#4465c9}.csl-save-prompt__input[disabled]{opacity:.5}.csl-save-prompt__actions{display:flex;gap:8px;flex-shrink:0}.csl-spinner{display:inline-block;width:14px;height:14px;border:2px solid #DBE4FF;border-top-color:#4465c9;border-radius:50%;animation:gps-spin .65s linear infinite}.csl-spinner--sm{width:11px;height:11px;border-width:2px}.csl-spinner--light{border-color:#ffffff59;border-top-color:#fff}@keyframes gps-spin{to{transform:rotate(360deg)}}.csl-tabbed{flex:2 1 0;min-width:0;display:flex;flex-direction:column;gap:8px}.csl-tabs{display:flex;gap:4px;border-bottom:1px solid #3C5DC4}.csl-tab{position:relative;padding:6px 14px;border:none;border-bottom:2px solid transparent;background:none;color:#6b7591;font:inherit;font-weight:700;cursor:pointer}.csl-tab--active{color:#5272d3;border-bottom-color:#5272d3}.csl-tab-dot{display:inline-block;width:7px;height:7px;margin-left:6px;border-radius:50%;background:var(--orange-algorima, #f59d0f);vertical-align:middle}.csl-panels--inner{flex:1 1 auto;min-height:0}.csl-panel--filters{flex:1 1 auto;min-height:0;overflow:auto}\n"]
+			template: "<!-- ── Header ─────────────────────────────────────────────────────────────── -->\r\n<div class=\"csl-header\">\r\n  <div class=\"csl-header__left\">\r\n    <h4 class=\"csl-title\">{{ svc.config?.title || 'Sélection des colonnes' }}</h4>\r\n  </div>\r\n  @if (!svc.isEmbedded) {\r\n    <button class=\"csl-icon-btn\" type=\"button\" (click)=\"svc.cancel()\" aria-label=\"Fermer\">&#x2715;</button>\r\n  }\r\n</div>\r\n\r\n<!-- ── Body : vues à gauche, colonnes disponibles au milieu, colonnes de la vue à droite ── -->\r\n<div class=\"csl-body\">\r\n  <div class=\"csl-panels\">\r\n\r\n    <!-- ── GAUCHE : vues personnalisées ─────────────────────────────────── -->\r\n    <div class=\"csl-panel csl-panel--groups\">\r\n      <div class=\"csl-panel__header\">\r\n        <span class=\"csl-panel__label\">Vues personnalisées</span>\r\n        <span class=\"csl-badge\">{{ svc.views.length }}</span>\r\n      </div>\r\n      <ul class=\"csl-group-list csl-scroll\">\r\n        @for (view of svc.views; track view.id) {\r\n          <li class=\"csl-group-item csl-view-item\"\r\n              [class.csl-group-item--active]=\"svc.selectedView?.id === view.id\"\r\n              [class.csl-group-item--standard]=\"view.isDefault\"\r\n              [class.csl-group-item--profile]=\"!view.isDefault\"\r\n              (click)=\"svc.selectView(view)\">\r\n            @if (svc.renamingId === view.id) {\r\n              <input class=\"gps-rename-input\" type=\"text\" maxlength=\"100\"\r\n                     [(ngModel)]=\"svc.renameLabel\"\r\n                     (click)=\"$event.stopPropagation()\"\r\n                     (keydown.enter)=\"svc.confirmRename(view)\"\r\n                     (keydown.escape)=\"svc.cancelRename()\">\r\n              <div class=\"gps-rename-actions\" (click)=\"$event.stopPropagation()\">\r\n                <button class=\"gps-rename-btn gps-rename-btn--ok\" type=\"button\" title=\"Renommer\" (click)=\"svc.confirmRename(view)\">\r\n                  <i class=\"fa fa-check\"></i>\r\n                </button>\r\n                <button class=\"gps-rename-btn gps-rename-btn--cancel\" type=\"button\" title=\"Annuler\" (click)=\"svc.cancelRename()\">\r\n                  <i class=\"fa fa-times\"></i>\r\n                </button>\r\n              </div>\r\n            } @else {\r\n              <span class=\"csl-group-item__name\" [title]=\"view.label\">\r\n                @if (view.isDefault) { <i class=\"fa fa-lock csl-view-icon\" title=\"Vue par défaut\"></i> }\r\n                {{ view.label }}\r\n              </span>\r\n              <div class=\"csl-group-item__meta\">\r\n                @if (view.isCurrent) {\r\n                  <span class=\"csl-badge csl-badge--primary csl-badge--sm\" title=\"Vue affichée par la grille\">\r\n                    <i class=\"fa fa-eye\"></i>\r\n                  </span>\r\n                }\r\n                <div class=\"gps-profile-actions\" (click)=\"$event.stopPropagation()\">\r\n                  @if (svc.canEdit(view)) {\r\n                    <button class=\"gps-profile-btn\" type=\"button\" title=\"Renommer\" (click)=\"svc.startRename(view)\">\r\n                      <i class=\"fa fa-pencil\"></i>\r\n                    </button>\r\n                  }\r\n                  <button class=\"gps-profile-btn\" type=\"button\" title=\"Dupliquer\" (click)=\"svc.duplicateView(view)\">\r\n                    <i class=\"fa fa-files-o\"></i>\r\n                  </button>\r\n                  @if (!view.isDefault) {\r\n                    <button class=\"gps-profile-btn gps-profile-btn--danger\" type=\"button\" title=\"Supprimer\" (click)=\"svc.deleteView(view)\">\r\n                      <i class=\"fa fa-trash-o\"></i>\r\n                    </button>\r\n                  }\r\n                </div>\r\n              </div>\r\n            }\r\n          </li>\r\n        }\r\n        @empty {\r\n          <li class=\"csl-group-section-label\">Aucune vue enregistrée</li>\r\n        }\r\n      </ul>\r\n      @if (svc.isReadOnly) {\r\n        <div class=\"csl-view-note\">\r\n          <i class=\"fa fa-info-circle\"></i>\r\n          Vue par défaut en lecture seule : « Appliquer » crée une nouvelle vue personnelle.\r\n        </div>\r\n      }\r\n    </div>\r\n\r\n    <div class=\"csl-tabbed\">\r\n    <!-- Onglets de la vue choisie, sur toute la largeur : colonnes, filtres, tri. -->\r\n    <div class=\"csl-tabs\">\r\n      <button type=\"button\" class=\"csl-tab\" [class.csl-tab--active]=\"svc.tab === 'columns'\" (click)=\"svc.tab = 'columns'\">Colonnes</button>\r\n      <button type=\"button\" class=\"csl-tab\" [class.csl-tab--active]=\"svc.tab === 'filters'\" (click)=\"svc.tab = 'filters'\">\r\n        Filtres\r\n        @if (svc.viewFilter.Conditions.length || svc.viewFilter.Groups?.length) { <span class=\"csl-tab-dot\"></span> }\r\n      </button>\r\n      <button type=\"button\" class=\"csl-tab\" [class.csl-tab--active]=\"svc.tab === 'sort'\" (click)=\"svc.tab = 'sort'\">\r\n        Tri\r\n        @if (svc.viewSort.length) { <span class=\"csl-tab-dot\"></span> }\r\n      </button>\r\n    </div>\r\n    @if (svc.tab === 'filters' || svc.tab === 'sort') {\r\n      <div class=\"csl-panel csl-panel--filters\">\r\n        <alg-filter-editor [embedded]=\"true\" [section]=\"svc.tab\" [columns]=\"svc.filterColumns\" [filter]=\"svc.viewFilter\" [sort]=\"svc.viewSort\"></alg-filter-editor>\r\n      </div>\r\n    } @else {\r\n    <div class=\"csl-panels csl-panels--inner\">\r\n    <!-- ── MILIEU : toutes les colonnes disponibles, attributs compris ────── -->\r\n    <div class=\"csl-panel csl-panel--browse\">\r\n      <div class=\"csl-panel__header\">\r\n        <span class=\"csl-panel__label\">Colonnes disponibles</span>\r\n        <input class=\"csl-search\" type=\"text\" placeholder=\"Rechercher…\"\r\n               [(ngModel)]=\"svc.searchText\" (ngModelChange)=\"svc.onSearch()\">\r\n      </div>\r\n\r\n      <div class=\"csl-table-wrap csl-scroll\">\r\n        <table class=\"csl-table\">\r\n          <thead>\r\n            <tr>\r\n              <th class=\"csl-col-check\">\r\n                <input type=\"checkbox\"\r\n                       [checked]=\"svc.allVisibleSelected\"\r\n                       [indeterminate]=\"svc.someVisibleSelected\"\r\n                       (change)=\"svc.toggleAll()\"\r\n                       title=\"Tout sélectionner / désélectionner\">\r\n              </th>\r\n              <th class=\"csl-col-name\">Libellé</th>\r\n              <th class=\"csl-col-key\">Nom technique</th>\r\n            </tr>\r\n          </thead>\r\n          <tbody>\r\n            @for (col of svc.filteredColumns; track col.ColumnKey) {\r\n              <tr class=\"csl-row\"\r\n                  [class.csl-row--selected]=\"svc.isSelected(col)\"\r\n                  [class.csl-row--custom-field]=\"svc.isAttribute(col)\"\r\n                  (click)=\"svc.toggleItem(col)\">\r\n                <td class=\"csl-col-check\" (click)=\"$event.stopPropagation()\">\r\n                  <input type=\"checkbox\" [checked]=\"svc.isSelected(col)\" (change)=\"svc.toggleItem(col)\">\r\n                </td>\r\n                <td class=\"csl-col-name\">\r\n                  {{ col.Label || col.ColumnKey }}\r\n                  @if (svc.isAttribute(col)) { <span class=\"csl-attribute-tag\">Attribut</span> }\r\n                </td>\r\n                <td class=\"csl-col-key\">{{ col.ColumnKey }}</td>\r\n              </tr>\r\n            }\r\n            @empty {\r\n              <tr><td colspan=\"3\" class=\"csl-empty\">Aucune colonne trouvée</td></tr>\r\n            }\r\n          </tbody>\r\n        </table>\r\n      </div>\r\n    </div>\r\n\r\n    <!-- ── DROITE : colonnes affichées par la vue choisie, dans l'ordre ──── -->\r\n    <div class=\"csl-panel csl-panel--selected\">\r\n      <div class=\"csl-panel__header\">\r\n        <span class=\"csl-panel__label\">Colonnes affichées</span>\r\n        @if (svc.selectedCount > 0) {\r\n          <span class=\"csl-badge csl-badge--primary\">{{ svc.selectedCount }}</span>\r\n        }\r\n      </div>\r\n\r\n      @if (svc.isLoading) {\r\n        <div class=\"csl-loading\">\r\n          <span class=\"csl-spinner\"></span>\r\n          Chargement des colonnes…\r\n        </div>\r\n      } @else if (svc.orderedSelection.length === 0) {\r\n        <div class=\"csl-ordered-empty\">\r\n          <span class=\"csl-ordered-empty__icon fa fa-columns\"></span>\r\n          <p>Cochez des colonnes au milieu</p>\r\n        </div>\r\n      } @else {\r\n        <div class=\"csl-ordered-list csl-scroll\"\r\n             cdkDropList\r\n             [cdkDropListData]=\"svc.orderedSelection\"\r\n             (cdkDropListDropped)=\"svc.onDrop($event)\">\r\n          @for (col of svc.orderedSelection; track col.ColumnKey) {\r\n            <div class=\"csl-ordered-item\" cdkDrag [cdkDragData]=\"col\">\r\n              <div class=\"csl-ordered-item__placeholder\" *cdkDragPlaceholder></div>\r\n              <span class=\"csl-ordered-item__drag\" cdkDragHandle><i class=\"fa fa-bars\"></i></span>\r\n              <span class=\"csl-ordered-item__position\">{{ $index + 1 }}</span>\r\n              <span class=\"csl-ordered-item__code\" [class.csl-ordered-item__code--cf]=\"svc.isAttribute(col)\">\r\n                {{ col.ColumnKey }}\r\n              </span>\r\n              <input class=\"csl-ordered-item__desc\" type=\"text\"\r\n                     [placeholder]=\"svc.getCatalogLabel(col)\"\r\n                     [(ngModel)]=\"col.Label\"\r\n                     (click)=\"$event.stopPropagation()\"\r\n                     title=\"Étiquette personnalisée\">\r\n              <button class=\"csl-ordered-item__remove\" type=\"button\"\r\n                      (click)=\"svc.removeFromSelection(col)\" title=\"Retirer\">&#x2715;</button>\r\n            </div>\r\n          }\r\n        </div>\r\n      }\r\n    </div>\r\n\r\n    </div>\r\n    }\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n<!-- ── Footer ─────────────────────────────────────────────────────────────── -->\r\n<div class=\"csl-footer\">\r\n  <span class=\"csl-footer__count\">\r\n    @if (svc.message) {\r\n      <span class=\"csl-footer__error\">{{ svc.message }}</span>\r\n    } @else if (svc.selectedView && svc.tab === 'filters') {\r\n      Vue « {{ svc.selectedView.label }} » — filtre enregistré avec la vue\r\n    } @else if (svc.selectedView && svc.tab === 'sort') {\r\n      Vue « {{ svc.selectedView.label }} » — tri enregistré avec la vue\r\n    } @else if (svc.selectedView) {\r\n      Vue « {{ svc.selectedView.label }} » — {{ svc.selectedCount }} colonne(s), glissez pour réordonner\r\n    }\r\n  </span>\r\n  <div class=\"csl-footer__actions\">\r\n    @if (!svc.isEmbedded) {\r\n      <button class=\"csl-btn csl-btn--secondary\" type=\"button\" (click)=\"svc.cancel()\">Annuler</button>\r\n    }\r\n    <button class=\"csl-btn csl-btn--primary\" type=\"button\"\r\n            (click)=\"svc.confirm()\" [disabled]=\"svc.selectedCount === 0 || svc.isSaving || svc.isLoading\">\r\n      @if (svc.isSaving) {\r\n        <span class=\"csl-spinner csl-spinner--sm csl-spinner--light\"></span>&nbsp;\r\n      }\r\n      Appliquer\r\n    </button>\r\n  </div>\r\n</div>\r\n",
+			styles: [".home-page{font-family:Open sans,sans-serif;background:#fff;-webkit-font-smoothing:antialiased;height:100%;width:100%;padding:16px}.main-container{margin:0 50px}.main-container-modal{width:calc(100% - 50px);margin:10px 25px 0}.moyen-titre{font-weight:700;font-size:24px;color:#4d5a81;margin:8px 0;border-bottom:solid 1px #DBE4FF}.grand-titre{font-weight:700;font-size:28px;color:#4d5a81;margin:0 0 8px}.petit-titre{font-weight:700;font-size:16px;color:#4d5a81;margin:0 0 8px}.petit-titre.underlined{border-bottom:solid 1px #4D5A81}.paragraph{padding:0 15px}.paragraph-highlight{padding:5px 15px 0 12px;border-left:5px solid #8EA7F8;border-bottom:1px solid #DBE4FF;border-top:1px solid #DBE4FF;border-right:1px solid #DBE4FF;background-color:#f7faff}.highlight{background-color:#f7faff;border:1px solid #DBE4FF;border-radius:5px;padding:15px;color:#3c5dc4;margin:0 0 16px}.highlight p{margin-bottom:0}.highlight:before{position:relative;display:block;float:left;width:24px;height:24px;content:\" \";background-size:24px 24px;-webkit-background-size:24px 24px;background-image:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"53.294\" height=\"50.629\" viewBox=\"0 0 53.294 50.629\">%0D%0A  <path id=\"allerg\\e8ne\" d=\"M830.494,25.793l-5.814,6.783.727,8.963-8.721,1.938-4.6,7.752L803.847,47.6l-8.236,3.634-4.6-7.51-8.721-1.938.727-8.963L777.2,26.035l5.814-6.783-.727-8.963,8.721-1.938L795.61.6l8.236,3.634L812.083.6l4.6,7.752,8.721,1.938-.727,8.963Zm-24.467,2.422V13.681h-4.845V28.216Zm0,9.69V33.06h-4.845v4.845Z\" transform=\"translate(-777.2 -0.6)\"/>%0D%0A</svg>%0D%0A');background-repeat:no-repeat;margin:0 8px 24px 0;filter:invert(31%) sepia(51%) saturate(1323%) hue-rotate(199deg) brightness(99%) contrast(94%)}.notification{background-color:#dbe4ff;border:1px solid #C4D0F9;border-radius:5px;color:#4d5a81;margin:16px;padding:5px 15px;text-align:justify}.notification:before{position:relative;display:block;float:left;width:24px;height:24px;content:\" \";background-size:24px 24px;-webkit-background-size:24px 24px;background-image:url('data:image/svg+xml,<svg aria-hidden=\"true\" focusable=\"false\" data-prefix=\"fas\" data-icon=\"info-circle\" class=\"svg-inline--fa fa-info-circle fa-w-16\" role=\"img\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path fill=\"currentColor\" d=\"M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z\"></path></svg>');background-repeat:no-repeat;margin:0 8px 0 0;filter:invert(31%) sepia(8%) saturate(2329%) hue-rotate(188deg) brightness(103%) contrast(85%)}.notification-text{padding:0 15px 0 30px;font-size:16px}:host{display:flex;flex-direction:column;height:100%}.csl-header{display:flex;align-items:center;justify-content:space-between;padding:6px 8px 6px 16px;background:#5272d3;border-bottom:1px solid #3C5DC4;flex-shrink:0}.csl-header__left{display:flex;flex-direction:column}.csl-title{font-size:15px;font-weight:600;color:#fff;letter-spacing:-.2px;line-height:1.4;margin:0}.csl-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;border:none;background:transparent;color:#fffc;font-size:14px;cursor:pointer;flex-shrink:0;margin-left:16px;transition:background .1s ease}.csl-icon-btn:hover{background:#ffffff26;color:#fff}.gps-tabs{display:flex;gap:2px}.gps-tab{display:inline-flex;align-items:center;gap:5px;padding:7px 18px;border:none;background:#ffffff1f;color:#ffffffb8;font-size:13px;font-weight:500;cursor:pointer;border-radius:6px 6px 0 0;transition:background .1s ease,color .1s ease}.gps-tab:hover:not(.gps-tab--active){background:#fff3;color:#fff}.gps-tab--active{background:#fff;color:#4465c9;font-weight:600}.csl-body{flex:1;overflow:hidden;padding:16px 20px}.csl-loading{display:flex;align-items:center;justify-content:center;gap:10px;min-height:200px;color:#535353;font-size:13px}.csl-panels{display:grid;grid-template-columns:240px 1fr 320px;grid-template-rows:minmax(0,1fr);gap:12px;height:calc(70vh - 160px);min-height:380px;overflow:hidden}.csl-panel{min-height:0}.csl-scroll{flex:1 1 auto;min-height:0;overflow-y:auto}.csl-view-icon{margin-right:4px;font-size:11px;color:#888}.csl-view-note{flex-shrink:0;padding:8px 12px;border-top:1px solid #C4D0F9;font-size:11.5px;color:#535353;background:#f5f5f5}.csl-view-note .fa{color:#4465c9;margin-right:4px}.csl-attribute-tag{display:inline-block;margin-left:6px;padding:0 6px;border-radius:8px;font-size:10px;font-weight:600;color:#fff;background:#6b7fd4;vertical-align:middle}.csl-group-item--active .gps-profile-actions{opacity:1}.csl-footer__error{color:#dc3545}.csl-panel{display:flex;flex-direction:column;border:1px solid #C4D0F9;border-radius:10px;overflow:hidden;background:#fff}.csl-panel__header{display:flex;align-items:center;justify-content:space-between;padding:10px 13px;border-bottom:1px solid #C4D0F9;background:#f5f5f5;flex-shrink:0;gap:8px}.csl-panel__label{font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.9px;color:#535353;flex-shrink:0}.csl-group-list{list-style:none;margin:0;padding:6px;overflow-y:auto;flex:1}.csl-group-item{display:flex;align-items:center;justify-content:space-between;padding:7px 8px;border-radius:6px;cursor:pointer;transition:background .1s ease;min-height:34px}.csl-group-item:hover{background:#f7faff}.csl-group-item:hover .gps-profile-actions{opacity:1}.csl-group-item--active{background:#ebf0ff}.csl-group-item--active .csl-group-item__name{color:#4465c9;font-weight:600}.csl-group-item--standard{border-left:3px solid #4465C9;padding-left:5px}.csl-group-item--model{border-left:3px solid #6B7FD4;padding-left:5px}.csl-group-item--profile{border-left:3px solid #4465C9;padding-left:5px}.csl-group-item__name{font-size:12.5px;color:#272c5d;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:4px}.csl-group-item__meta{display:flex;align-items:center;gap:4px;flex-shrink:0}.gps-profile-actions{display:flex;align-items:center;gap:2px;flex-shrink:0;opacity:0;transition:opacity .1s ease}.gps-profile-btn{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border:none;background:none;border-radius:4px;font-size:11px;color:#888;cursor:pointer;padding:0;transition:background .1s,color .1s}.gps-profile-btn:hover{background:#00000014;color:#4465c9}.gps-profile-btn--danger:hover{background:#dc35451a;color:#dc3545}.gps-rename-input{flex:1;height:24px;border:1px solid #4465C9;border-radius:4px;padding:0 6px;font-size:12px;color:#272c5d;background:#fff;outline:none;min-width:0;margin-right:4px}.gps-rename-actions{display:flex;align-items:center;gap:2px;flex-shrink:0}.gps-rename-btn{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border:none;border-radius:4px;font-size:11px;cursor:pointer;padding:0}.gps-rename-btn--ok{background:#4465c9;color:#fff}.gps-rename-btn--ok:hover{background:#3c5dc4}.gps-rename-btn--cancel{background:#00000014;color:#535353}.gps-rename-btn--cancel:hover{background:#00000026}.gps-new-profile{color:#4465c9;font-size:12px;font-weight:500;opacity:.75;justify-content:flex-start;gap:4px}.gps-new-profile:hover{opacity:1;background:#ebf0ff}.csl-group-section-label{padding:8px 8px 4px;font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:#888;list-style:none}.csl-group-divider{height:1px;background:#c4d0f9;margin:6px 8px;list-style:none}.csl-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:18px;padding:0 5px;border-radius:9px;background:#00000012;color:#535353;font-size:10px;font-weight:600}.csl-badge--primary{background:#4465c9;color:#fff}.csl-badge--sm{height:16px;min-width:16px;font-size:9px;padding:0 4px}.csl-search{flex:1;height:28px;border:1px solid #C4D0F9;border-radius:6px;padding:0 8px;font-size:12px;color:#272c5d;background:#fff;outline:none;transition:border-color .1s ease}.csl-search:focus{border-color:#6684e0}.csl-table-wrap{overflow-y:auto;flex:1}.csl-table{width:100%;border-collapse:collapse;font-size:12.5px}.csl-table thead tr{position:sticky;top:0;z-index:1;background:#f5f5f5}.csl-table thead tr th{padding:8px 10px;text-align:left;font-size:10px;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.6px;border-bottom:1px solid #C4D0F9;white-space:nowrap}.csl-table tbody tr{border-bottom:1px solid rgba(0,0,0,.04);cursor:pointer;transition:background .1s ease}.csl-table tbody tr:hover{background:#f7faff}.csl-table tbody tr:last-child{border-bottom:none}.csl-table tbody tr td{padding:9px 10px;color:#272c5d}.csl-col-check{width:36px;text-align:center;padding:0 8px!important}.csl-col-check input[type=checkbox]{cursor:pointer;accent-color:#4465C9;width:14px;height:14px}.csl-col-key{font-family:monospace;font-size:11.5px;color:#535353;width:130px}.csl-col-name{font-weight:500}.csl-row--selected{background:#ebf0ff!important}.csl-row--custom-field .csl-col-key{color:#6b7fd4}.csl-empty{text-align:center;padding:32px 16px!important;color:#888;font-size:12.5px}.csl-panel--selected{overflow:hidden}.csl-ordered-list{flex:1;overflow-y:auto;padding:7px}.csl-ordered-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:8px;padding:20px;text-align:center}.csl-ordered-empty__icon{font-size:28px;color:#888;opacity:.35}.csl-ordered-empty p{font-size:12px;color:#535353;margin:0;line-height:1.5}.csl-ordered-item{display:flex;align-items:center;gap:5px;padding:6px 8px 6px 4px;margin-bottom:4px;border:1px solid #C4D0F9;border-radius:6px;background:#fff;transition:border-color .14s ease,background .14s ease}.csl-ordered-item:last-child{margin-bottom:0}.csl-ordered-item:hover{border-color:#8ea7f8;background:#f7faff}.csl-ordered-item__drag{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:20px;color:#888;font-size:11px;cursor:grab;padding:0 2px;-webkit-user-select:none;user-select:none}.csl-ordered-item__drag:active{cursor:grabbing}.csl-ordered-item__position{flex-shrink:0;width:19px;height:19px;border-radius:50%;background:#ebf0ff;color:#4465c9;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center}.csl-ordered-item__code{flex-shrink:0;width:90px;font-family:monospace;font-size:11px;font-weight:600;color:#535353;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.csl-ordered-item__code--cf{color:#6b7fd4}.csl-ordered-item__desc{flex:1;height:24px;min-width:0;padding:0 6px;border:1px solid transparent;border-radius:4px;font-size:12px;color:#272c5d;background:transparent;transition:border-color .1s,background .1s}.csl-ordered-item__desc::placeholder{color:#888;font-style:italic}.csl-ordered-item__desc:hover{border-color:#c4d0f9;background:#fff}.csl-ordered-item__desc:focus{border-color:#4465c9;background:#fff;outline:none}.csl-ordered-item__remove{flex-shrink:0;background:none;border:none;padding:0 3px;font-size:12px;color:#888;cursor:pointer;line-height:1}.csl-ordered-item__remove:hover{color:#f78383}.csl-ordered-item.cdk-drag-animating{transition:transform .2s cubic-bezier(.25,.8,.25,1)}.csl-ordered-item__placeholder{width:100%;height:38px;border:2px dashed #C4D0F9;border-radius:6px;background:#f7faff}.cdk-drop-list-dragging .csl-ordered-item:not(.cdk-drag-placeholder){transition:transform .2s cubic-bezier(.25,.8,.25,1)}.cdk-drag-preview{display:flex;align-items:center;gap:6px;padding:8px 8px 8px 4px;border-radius:6px;background:#fff;box-shadow:0 4px 16px #4465c92e,0 1px 4px #0000001a;font-size:12px;font-weight:500;color:#272c5d;min-width:180px}.csl-footer{display:flex;align-items:center;justify-content:space-between;padding:13px 22px 16px;border-top:1px solid #C4D0F9;flex-shrink:0}.csl-footer__count{font-size:12px;color:#888;min-width:180px}.csl-footer__actions{display:flex;gap:10px}.csl-btn{display:inline-flex;align-items:center;gap:7px;padding:7px 18px;font-size:13px;font-weight:500;border-radius:6px;cursor:pointer;transition:background .12s ease,opacity .12s ease}.csl-btn--secondary{background:transparent;border:1px solid rgba(0,0,0,.16);color:#535353}.csl-btn--secondary:hover{background:#0000000a}.csl-btn--primary{background:#4465c9;border:1px solid transparent;color:#fff;min-width:130px;justify-content:center}.csl-btn--primary:hover:not([disabled]){background:#3c5dc4}.csl-btn--primary[disabled]{opacity:.42;cursor:not-allowed}.csl-save-prompt{display:flex;align-items:center;gap:10px;width:100%;flex-wrap:wrap}.csl-save-prompt__label{font-size:12.5px;font-weight:500;color:#272c5d;white-space:nowrap}.csl-save-prompt__input{flex:1;min-width:160px;height:32px;padding:0 10px;border:1px solid #C4D0F9;border-radius:6px;font-size:12px;color:#272c5d;background:#fff;outline:none;transition:border-color .1s}.csl-save-prompt__input:focus{border-color:#4465c9}.csl-save-prompt__input[disabled]{opacity:.5}.csl-save-prompt__actions{display:flex;gap:8px;flex-shrink:0}.csl-spinner{display:inline-block;width:14px;height:14px;border:2px solid #DBE4FF;border-top-color:#4465c9;border-radius:50%;animation:gps-spin .65s linear infinite}.csl-spinner--sm{width:11px;height:11px;border-width:2px}.csl-spinner--light{border-color:#ffffff59;border-top-color:#fff}@keyframes gps-spin{to{transform:rotate(360deg)}}.csl-tabbed{flex:2 1 0;min-width:0;display:flex;flex-direction:column;gap:8px}.csl-tabs{display:flex;gap:4px;border-bottom:1px solid #3C5DC4}.csl-tab{position:relative;flex:1 1 0;text-align:center;padding:6px 14px;border:none;border-bottom:2px solid transparent;background:none;color:#6b7591;font:inherit;font-weight:700;cursor:pointer}.csl-tab--active{color:#5272d3;border-bottom-color:#5272d3}.csl-tab-dot{display:inline-block;width:7px;height:7px;margin-left:6px;border-radius:50%;background:var(--orange-algorima, #f59d0f);vertical-align:middle}.csl-panels--inner{flex:1 1 auto;min-height:0}.csl-panel--filters{flex:1 1 auto;min-height:0;overflow:auto}\n"]
 		}]
 	}],
 	ctorParameters: () => [{ type: PresentationProfileService }],
@@ -23409,9 +23410,10 @@ var PpFacadeService = class PpFacadeService {
 			purpose: PresentationProfilePurposes.Grid
 		}).pipe(take(1), map$1((ctx) => {
 			const shown = new Set((ctx?.Resolved ?? []).map((i) => i.ColumnKey));
+			const resolvedLabels = new Map((ctx?.Resolved ?? []).filter((i) => !!i.ColumnKey && !!i.Label).map((i) => [i.ColumnKey, i.Label]));
 			return (ctx?.Catalog ?? []).filter((i) => !!i.ColumnKey).map((i) => ({
 				key: i.ColumnKey,
-				label: i.Label || i.ColumnKey,
+				label: resolvedLabels.get(i.ColumnKey) || i.Label || i.ColumnKey,
 				visible: shown.has(i.ColumnKey)
 			}));
 		}), catchError(() => of([])));