arengibook 3.2.23-treeselect → 3.2.24-treeselect

package/dist/index.js

@@ -47686,7 +47686,7 @@ if (typeof window !== 'undefined') {
   window.ArengibookToastPresets = ToastPresets;
 }
 
-var css_248z$3 = ".p-paginator {\n  font-size: 14px;\n}\n.p-paginator .p-paginator-first,\n.p-paginator .p-paginator-prev,\n.p-paginator .p-paginator-next,\n.p-paginator .p-paginator-last,\n.p-paginator .p-paginator-pages .p-paginator-page,\n.p-paginator .p-paginator-current,\n.p-paginator .p-dropdown .p-dropdown-label,\n.p-paginator .p-dropdown-item,\n.p-paginator .p-paginator-page-input .p-inputtext {\n  font-size: 14px;\n}\n\n.p-datatable .p-datatable-tbody > tr.air-row--selected > td {\n  background-color: #f0fdf8 !important;\n}\n\ntable.arengi-table {\n  table-layout: fixed;\n}\ntable.arengi-table thead {\n  border: 1px solid #d5d2d2;\n}\ntable.arengi-table thead th {\n  position: sticky;\n  top: 0;\n  z-index: 800;\n  background-color: #fff;\n  border-bottom: 1px solid lightgrey;\n  font-size: 14px;\n}\ntable.arengi-table thead th:hover {\n  background-color: #d6d6d6;\n}\ntable.arengi-table tbody tr {\n  background-color: transparent;\n}\ntable.arengi-table tbody tr:hover {\n  background-color: rgba(255, 255, 255, 0.5803921569);\n}\n\n.arengi-table td {\n  overflow: hidden;\n  text-align: center !important;\n}\n\n.cell-text {\n  display: block;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  max-width: 100%;\n}\n\n.p-datatable-scrollable .p-datatable-tbody > tr > td.p-frozen-column {\n  z-index: 1;\n  background-color: var(--surface-0, #ffffff);\n  background: linear-gradient(45deg, #ebebeb, #ebebeb) !important;\n}\n\n.p-datatable-scrollable .p-datatable-tbody > tr.p-row-odd > td.p-frozen-column {\n  background-color: var(--surface-b, #f8f9fa);\n}\n\n.p-datatable-scrollable .p-datatable-tbody > tr > td.p-frozen-column.row-actions-cell,\n.p-datatable-scrollable .p-datatable-tbody > tr.p-row-odd > td.p-frozen-column.row-actions-cell {\n  background: #ffffff !important;\n  box-shadow: none !important;\n  border-right: none !important;\n  padding: 0 !important;\n}\n\n.p-datatable .p-datatable-thead > tr > th.row-actions-cell {\n  background: transparent !important;\n  border: none !important;\n  box-shadow: none !important;\n  padding: 0 !important;\n}\n\n.arengi-table .p-cell-editing input,\n.arengi-table .p-cell-editing .p-inputtext,\n.arengi-table .p-cell-editing .p-dropdown,\n.arengi-table .p-cell-editing .p-multiselect,\n.arengi-table .p-cell-editing .p-calendar {\n  width: 100%;\n  min-width: 0;\n  box-sizing: border-box;\n}\n\n.cell-devise {\n  display: flex;\n  flex-direction: column;\n  gap: 1.4px;\n  font-size: 12.25px;\n}\n.cell-devise--editable {\n  cursor: pointer;\n}\n.cell-devise--empty {\n  display: block;\n  width: 100%;\n  height: 21px;\n  cursor: pointer;\n}\n.cell-devise .span-sub {\n  font-size: 10.5px;\n  color: #71717a;\n}\n\n.devise-editor {\n  display: flex;\n  flex-direction: column;\n  gap: 5.6px;\n  padding: 3.5px 0;\n}\n.devise-editor-fields {\n  display: flex;\n  flex-direction: column;\n  gap: 5.6px;\n  width: 100%;\n  position: relative;\n}\n.devise-editor-fields .p-dropdown-panel {\n  position: absolute;\n  z-index: 1000;\n  top: 100%;\n  left: 0;\n  width: 100%;\n}\n.devise-editor-save {\n  align-self: flex-end;\n}\n\n.arengi-table .p-cell-editing .devise-editor-fields input,\n.arengi-table .p-cell-editing .devise-editor-fields .p-inputtext,\n.arengi-table .p-cell-editing .devise-editor-fields .p-dropdown {\n  width: 100%;\n  min-width: 0;\n}\n\n.doc-cell-empty {\n  color: #aaa;\n  font-size: 11.9px;\n}\n\n.doc-cell {\n  display: flex;\n  flex-direction: column;\n  gap: 3.5px;\n  min-width: 0;\n  overflow: hidden;\n}\n.doc-cell-summary {\n  display: flex;\n  align-items: center;\n  gap: 4.9px;\n  font-size: 12.25px;\n  min-width: 0;\n}\n.doc-cell-summary .pi-paperclip {\n  color: #71717a;\n  font-size: 11.2px;\n  flex-shrink: 0;\n}\n.doc-cell-summary span {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  min-width: 0;\n}\n.doc-cell-list {\n  display: flex;\n  flex-direction: column;\n  gap: 2.1px;\n  padding-left: 15.4px;\n  font-size: 11.2px;\n}\n.doc-cell-list div {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.doc-cell-list a {\n  color: #3b82f6;\n  text-decoration: none;\n}\n.doc-cell-list a:hover {\n  text-decoration: underline;\n}\n\n.doc-editor {\n  display: flex;\n  flex-direction: column;\n  gap: 5.6px;\n  padding: 3.5px 0;\n}\n.doc-editor-table {\n  width: 100%;\n  border-collapse: collapse;\n  font-size: 11.2px;\n}\n.doc-editor-table td {\n  padding: 2.8px 4.9px;\n  vertical-align: middle;\n}\n.doc-editor-table td a {\n  color: #3b82f6;\n  text-decoration: none;\n  word-break: break-all;\n}\n.doc-editor-table td a:hover {\n  text-decoration: underline;\n}\n.doc-editor-table td:last-child {\n  width: 28px;\n  text-align: center;\n}\n.doc-editor-add {\n  display: inline-flex;\n  align-items: center;\n  gap: 4.2px;\n  cursor: pointer;\n  align-self: center;\n}\n\n.arengi-table .arengi-table-grey-title-box {\n  overflow: hidden;\n  min-width: 0;\n  justify-content: center;\n}\n\n.arengi-table .arengi-table-grey-title:hover .table-item-title,\n.arengi-table .arengi-table-grey-title .table-item-title:hover {\n  text-decoration: none !important;\n}\n\n.arengi-table .table-item-title {\n  display: -webkit-box !important;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: var(--ab-title-lines, 1);\n  line-height: 16px;\n  min-width: 0 !important;\n  white-space: normal;\n  overflow-wrap: anywhere;\n  overflow: hidden;\n  max-height: var(--ab-content-max, none);\n}\n\n.p-datatable .p-column-header-content {\n  justify-content: center;\n}\n\n.tab_label {\n  display: inline-block;\n  padding: 5px 10px;\n  font-size: 14px;\n  font-weight: 600;\n  line-height: 1;\n  text-align: center;\n  white-space: nowrap;\n  vertical-align: middle;\n  border-radius: 5px;\n  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4705882353);\n  height: initial;\n}\n\n.badge {\n  padding: 8px 12px;\n  border-radius: 5px;\n  height: auto;\n  margin: 2px;\n  font-weight: 400;\n  box-shadow: 2px 4px 5px grey;\n  white-space: inherit;\n  min-width: 90px;\n}\n.badge:not(.badge-small) {\n  width: 100%;\n}\n\ntable.arengi-table td.arengi-table-grey-title:not(.normal) {\n  background: linear-gradient(45deg, rgba(55, 55, 55, 0.7882352941), rgba(115, 115, 115, 0.7882352941));\n  color: white;\n}\ntable.arengi-table td.arengi-table-grey-title:not(.normal) a {\n  opacity: 1;\n  min-width: 150px;\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: white;\n  text-transform: uppercase;\n}\ntable.arengi-table td.arengi-table-grey-title:not(.normal) a:hover {\n  color: #dedede;\n  text-decoration: underline;\n}\ntable.arengi-table td.arengi-table-grey-title:not(.normal):hover {\n  background-color: #646464;\n  transition-duration: 0.1s;\n}\n\n.RiskNumber-table div {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.RiskNumber-table div span {\n  width: 30px;\n  height: 30px;\n  min-width: 30px;\n  min-height: 30px;\n  max-width: 30px;\n  max-height: 30px;\n  border-radius: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.RiskLabel-table .etiquetteMatrix-risque {\n  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4705882353);\n  width: fit-content;\n  max-width: 190px;\n  display: flex;\n  justify-content: flex-start;\n  border-radius: 3px;\n  background-color: #fff;\n  color: black;\n  margin: 5px;\n  padding: 0;\n  border: 0 solid transparent;\n}\n.RiskLabel-table .etiquetteMatrix-risque .matrix-RisqueLabelColor {\n  min-width: 20px;\n  max-width: 20px;\n  margin-right: 5px;\n  border-right: 1px solid rgba(0, 0, 0, 0.3607843137);\n  border-radius: 3px 0 0 3px;\n}\n.RiskLabel-table .etiquetteMatrix-risque .matrix-RisqueLabel {\n  font-size: 13px;\n  font-weight: 300;\n  padding: 3px 10px 3px 5px;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n\n.RiskOwner-table .risk_owner {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-width: max-content;\n}\n.RiskOwner-table .risk_owner a {\n  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4705882353);\n  padding: 5px 10px;\n  border-radius: 5px;\n  background-color: white;\n  opacity: 1;\n  margin: 2px;\n  position: relative;\n}\n.RiskOwner-table .risk_owner a:hover {\n  z-index: 9999;\n}\n\n.arengi-table .limite_txt_table {\n  min-width: 0 !important;\n  max-width: 100% !important;\n  min-height: 0;\n  max-height: var(--ab-content-max, none);\n  margin: 0;\n  overflow: hidden;\n  text-align: left;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: var(--ab-html-lines, none);\n}\n.arengi-table .limite_txt_table p {\n  line-height: 17px;\n  font-size: 14px;\n  margin: 0;\n}\n\n.action-picto .picto {\n  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4705882353);\n  padding: 5px 10px;\n  border-radius: 5px;\n  margin: 5px;\n}\n\n.RiskClusters-table .RiskClusters {\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1215686275), 0 1px 2px rgba(0, 0, 0, 0.2392156863);\n  padding: 5px 19px;\n  background-color: rgba(255, 255, 255, 0.5098039216);\n  border-radius: 5px;\n  opacity: 1;\n  position: relative;\n  margin: 5px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.RiskClusters-table .RiskClusters .material-icons {\n  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3137254902);\n}\n\n.progress_bar_menu {\n  position: relative;\n  height: 20px;\n  margin-top: 5px;\n  margin-bottom: 10px;\n}\n\n.progress_bar_menu_black {\n  width: 100%;\n  position: absolute;\n  bottom: -6px;\n  left: 0;\n  height: 6px;\n  background-color: #b0bec5;\n  border-radius: 3px;\n  text-align: left;\n}\n\n.progress_bar_menu_load {\n  border-radius: 3px;\n  height: 6px;\n  background-color: #136b89;\n}\n\n.progress_bar_menu_info {\n  color: #3f535f;\n  font-weight: bold;\n  font-size: 12px;\n}\n\n.arengi-table .ab-cell-scroll {\n  max-height: var(--ab-cell-max, none);\n  overflow-y: auto;\n}\n\n.arengi-table .tab_label {\n  max-width: 100%;\n}";
+var css_248z$3 = ".p-paginator {\n  font-size: 14px;\n}\n.p-paginator .p-paginator-first,\n.p-paginator .p-paginator-prev,\n.p-paginator .p-paginator-next,\n.p-paginator .p-paginator-last,\n.p-paginator .p-paginator-pages .p-paginator-page,\n.p-paginator .p-paginator-current,\n.p-paginator .p-dropdown .p-dropdown-label,\n.p-paginator .p-dropdown-item,\n.p-paginator .p-paginator-page-input .p-inputtext {\n  font-size: 14px;\n}\n\n.p-datatable .p-datatable-tbody > tr.air-row--selected > td {\n  background-color: #f0fdf8 !important;\n}\n\ntable.arengi-table {\n  table-layout: fixed;\n}\ntable.arengi-table thead {\n  border: 1px solid #d5d2d2;\n}\ntable.arengi-table thead th {\n  position: sticky;\n  top: 0;\n  z-index: 800;\n  background-color: #fff;\n  border-bottom: 1px solid lightgrey;\n  font-size: 14px;\n}\ntable.arengi-table thead th:hover {\n  background-color: #d6d6d6;\n}\ntable.arengi-table tbody tr {\n  background-color: transparent;\n}\ntable.arengi-table tbody tr:hover {\n  background-color: rgba(255, 255, 255, 0.5803921569);\n}\n\n.arengi-table td {\n  overflow: hidden;\n  text-align: center !important;\n}\n\n.cell-text {\n  display: block;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  max-width: 100%;\n}\n\n.p-datatable-scrollable .p-datatable-tbody > tr > td.p-frozen-column {\n  z-index: 1;\n  background-color: var(--surface-0, #ffffff);\n  background: linear-gradient(45deg, #ebebeb, #ebebeb) !important;\n}\n\n.p-datatable-scrollable .p-datatable-tbody > tr.p-row-odd > td.p-frozen-column {\n  background-color: var(--surface-b, #f8f9fa);\n}\n\n.p-datatable-scrollable .p-datatable-tbody > tr > td.p-frozen-column.row-actions-cell,\n.p-datatable-scrollable .p-datatable-tbody > tr.p-row-odd > td.p-frozen-column.row-actions-cell {\n  background: #ffffff !important;\n  box-shadow: none !important;\n  border-right: none !important;\n  padding: 0 !important;\n}\n\n.p-datatable .p-datatable-thead > tr > th.row-actions-cell {\n  background: transparent !important;\n  border: none !important;\n  box-shadow: none !important;\n  padding: 0 !important;\n}\n\n.arengi-table .p-cell-editing input,\n.arengi-table .p-cell-editing .p-inputtext,\n.arengi-table .p-cell-editing .p-dropdown,\n.arengi-table .p-cell-editing .p-multiselect,\n.arengi-table .p-cell-editing .p-calendar {\n  width: 100%;\n  min-width: 0;\n  box-sizing: border-box;\n}\n\n.cell-devise {\n  display: flex;\n  flex-direction: column;\n  gap: 1.4px;\n  font-size: 12.25px;\n}\n.cell-devise--editable {\n  cursor: pointer;\n}\n.cell-devise--empty {\n  display: block;\n  width: 100%;\n  height: 21px;\n  cursor: pointer;\n}\n.cell-devise .span-sub {\n  font-size: 10.5px;\n  color: #71717a;\n}\n\n.devise-editor {\n  display: flex;\n  flex-direction: column;\n  gap: 5.6px;\n  padding: 3.5px 0;\n}\n.devise-editor-fields {\n  display: flex;\n  flex-direction: column;\n  gap: 5.6px;\n  width: 100%;\n  position: relative;\n}\n.devise-editor-fields .p-dropdown-panel {\n  position: absolute;\n  z-index: 1000;\n  top: 100%;\n  left: 0;\n  width: 100%;\n}\n.devise-editor-save {\n  align-self: flex-end;\n}\n\n.arengi-table .p-cell-editing .devise-editor-fields input,\n.arengi-table .p-cell-editing .devise-editor-fields .p-inputtext,\n.arengi-table .p-cell-editing .devise-editor-fields .p-dropdown {\n  width: 100%;\n  min-width: 0;\n}\n\n.doc-cell-empty {\n  color: #aaa;\n  font-size: 11.9px;\n}\n\n.doc-cell {\n  display: flex;\n  flex-direction: column;\n  gap: 3.5px;\n  min-width: 0;\n  overflow: hidden;\n}\n.doc-cell-summary {\n  display: flex;\n  align-items: center;\n  gap: 4.9px;\n  font-size: 12.25px;\n  min-width: 0;\n}\n.doc-cell-summary .pi-paperclip {\n  color: #71717a;\n  font-size: 11.2px;\n  flex-shrink: 0;\n}\n.doc-cell-summary span {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  min-width: 0;\n}\n.doc-cell-list {\n  display: flex;\n  flex-direction: column;\n  gap: 2.1px;\n  padding-left: 15.4px;\n  font-size: 11.2px;\n}\n.doc-cell-list div {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.doc-cell-list a {\n  color: #3b82f6;\n  text-decoration: none;\n}\n.doc-cell-list a:hover {\n  text-decoration: underline;\n}\n\n.doc-editor {\n  display: flex;\n  flex-direction: column;\n  gap: 5.6px;\n  padding: 3.5px 0;\n}\n.doc-editor-table {\n  width: 100%;\n  border-collapse: collapse;\n  font-size: 11.2px;\n}\n.doc-editor-table td {\n  padding: 2.8px 4.9px;\n  vertical-align: middle;\n}\n.doc-editor-table td a {\n  color: #3b82f6;\n  text-decoration: none;\n  word-break: break-all;\n}\n.doc-editor-table td a:hover {\n  text-decoration: underline;\n}\n.doc-editor-table td:last-child {\n  width: 28px;\n  text-align: center;\n}\n.doc-editor-add {\n  display: inline-flex;\n  align-items: center;\n  gap: 4.2px;\n  cursor: pointer;\n  align-self: center;\n}\n\n.arengi-table .arengi-table-grey-title-box {\n  overflow: hidden;\n  min-width: 0;\n  justify-content: center;\n}\n\n.arengi-table .arengi-table-grey-title:hover .table-item-title,\n.arengi-table .arengi-table-grey-title .table-item-title:hover {\n  text-decoration: none !important;\n}\n\n.arengi-table .table-item-title {\n  display: -webkit-box !important;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: var(--ab-title-lines, 1);\n  line-height: 16px;\n  min-width: 0 !important;\n  white-space: normal;\n  overflow-wrap: anywhere;\n  overflow: hidden;\n  max-height: var(--ab-content-max, none);\n}\n\n.p-datatable .p-column-header-content {\n  justify-content: center;\n}\n\n.tab_label {\n  display: inline-block;\n  padding: 5px 10px;\n  font-size: 14px;\n  font-weight: 600;\n  line-height: 1;\n  text-align: center;\n  white-space: nowrap;\n  vertical-align: middle;\n  border-radius: 5px;\n  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4705882353);\n  height: initial;\n}\n.tab_label .tab_label-clear {\n  flex: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 14px;\n  height: 14px;\n  min-height: 0;\n  margin-left: 3px;\n  margin-right: -3px;\n  padding: 0;\n  border: none;\n  border-radius: 3px;\n  background: none;\n  color: inherit;\n  opacity: 0.55;\n  cursor: pointer;\n  transition: opacity 0.12s, background-color 0.12s;\n}\n.tab_label .tab_label-clear:hover, .tab_label .tab_label-clear:focus-visible {\n  outline: none;\n  opacity: 1;\n  background: rgba(0, 0, 0, 0.14);\n}\n\n.badge {\n  padding: 8px 12px;\n  border-radius: 5px;\n  height: auto;\n  margin: 2px;\n  font-weight: 400;\n  box-shadow: 2px 4px 5px grey;\n  white-space: inherit;\n  min-width: 90px;\n}\n.badge:not(.badge-small) {\n  width: 100%;\n}\n\ntable.arengi-table td.arengi-table-grey-title:not(.normal) {\n  background: linear-gradient(45deg, rgba(55, 55, 55, 0.7882352941), rgba(115, 115, 115, 0.7882352941));\n  color: white;\n}\ntable.arengi-table td.arengi-table-grey-title:not(.normal) a {\n  opacity: 1;\n  min-width: 150px;\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: white;\n  text-transform: uppercase;\n}\ntable.arengi-table td.arengi-table-grey-title:not(.normal) a:hover {\n  color: #dedede;\n  text-decoration: underline;\n}\ntable.arengi-table td.arengi-table-grey-title:not(.normal):hover {\n  background-color: #646464;\n  transition-duration: 0.1s;\n}\n\n.RiskNumber-table div {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.RiskNumber-table div span {\n  width: 30px;\n  height: 30px;\n  min-width: 30px;\n  min-height: 30px;\n  max-width: 30px;\n  max-height: 30px;\n  border-radius: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.RiskLabel-table .etiquetteMatrix-risque {\n  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4705882353);\n  width: fit-content;\n  max-width: 190px;\n  display: flex;\n  justify-content: flex-start;\n  border-radius: 3px;\n  background-color: #fff;\n  color: black;\n  margin: 5px;\n  padding: 0;\n  border: 0 solid transparent;\n}\n.RiskLabel-table .etiquetteMatrix-risque .matrix-RisqueLabelColor {\n  min-width: 20px;\n  max-width: 20px;\n  margin-right: 5px;\n  border-right: 1px solid rgba(0, 0, 0, 0.3607843137);\n  border-radius: 3px 0 0 3px;\n}\n.RiskLabel-table .etiquetteMatrix-risque .matrix-RisqueLabel {\n  font-size: 13px;\n  font-weight: 300;\n  padding: 3px 10px 3px 5px;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n\n.RiskOwner-table .risk_owner {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-width: max-content;\n}\n.RiskOwner-table .risk_owner a {\n  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4705882353);\n  padding: 5px 10px;\n  border-radius: 5px;\n  background-color: white;\n  opacity: 1;\n  margin: 2px;\n  position: relative;\n}\n.RiskOwner-table .risk_owner a:hover {\n  z-index: 9999;\n}\n\n.arengi-table .limite_txt_table {\n  min-width: 0 !important;\n  max-width: 100% !important;\n  min-height: 0;\n  max-height: var(--ab-content-max, none);\n  margin: 0;\n  overflow: hidden;\n  text-align: left;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: var(--ab-html-lines, none);\n}\n.arengi-table .limite_txt_table p {\n  line-height: 17px;\n  font-size: 14px;\n  margin: 0;\n}\n\n.action-picto .picto {\n  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4705882353);\n  padding: 5px 10px;\n  border-radius: 5px;\n  margin: 5px;\n}\n\n.RiskClusters-table .RiskClusters {\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1215686275), 0 1px 2px rgba(0, 0, 0, 0.2392156863);\n  padding: 5px 19px;\n  background-color: rgba(255, 255, 255, 0.5098039216);\n  border-radius: 5px;\n  opacity: 1;\n  position: relative;\n  margin: 5px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.RiskClusters-table .RiskClusters .material-icons {\n  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3137254902);\n}\n\n.progress_bar_menu {\n  position: relative;\n  height: 20px;\n  margin-top: 5px;\n  margin-bottom: 10px;\n}\n\n.progress_bar_menu_black {\n  width: 100%;\n  position: absolute;\n  bottom: -6px;\n  left: 0;\n  height: 6px;\n  background-color: #b0bec5;\n  border-radius: 3px;\n  text-align: left;\n}\n\n.progress_bar_menu_load {\n  border-radius: 3px;\n  height: 6px;\n  background-color: #136b89;\n}\n\n.progress_bar_menu_info {\n  color: #3f535f;\n  font-weight: bold;\n  font-size: 12px;\n}\n\n.arengi-table .ab-cell-scroll {\n  max-height: var(--ab-cell-max, none);\n  overflow-y: auto;\n}\n\n.arengi-table .tab_label {\n  max-width: 100%;\n}";
 styleInject(css_248z$3);
 
 // src/components/react/Table/Table.tokens.js
@@ -55211,6 +55211,23 @@ var useSingleOpenCellEditor = function useSingleOpenCellEditor(active, onOtherOp
     };
   }, [active]);
 };
+
+// Croix de retrait d'une valeur en cellule. En SVG et non en ligature d'icône : le
+// textContent de la cellule reste le seul libellé, lisible par les tests et le tri.
+var IconCellClear = function IconCellClear() {
+  return /*#__PURE__*/React__default.createElement("svg", {
+    width: "9",
+    height: "9",
+    viewBox: "0 0 12 12",
+    "aria-hidden": "true"
+  }, /*#__PURE__*/React__default.createElement("path", {
+    d: "M3 3l6 6M9 3l-6 6",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    fill: "none",
+    strokeLinecap: "round"
+  }));
+};
 var HoverTooltip = function HoverTooltip(_ref2) {
   var lines = _ref2.lines,
     children = _ref2.children,
@@ -55697,7 +55714,7 @@ var DeviseBodyCell = function DeviseBodyCell(_ref7) {
   }, "".concat(numberWithSpaces(value), " ").concat(cellDevise.code)));
 };
 var TreeSelectBodyCell = function TreeSelectBodyCell(_ref10) {
-  var _col$selectionMode;
+  var _col$selectionMode, _col$clearable;
   var rowData = _ref10.rowData,
     col = _ref10.col,
     editable = _ref10.editable,
@@ -55746,6 +55763,20 @@ var TreeSelectBodyCell = function TreeSelectBodyCell(_ref10) {
     onSave(next);
   };
 
+  // Retrait d'une valeur depuis la cellule fermée (col.clearable), sans ouvrir
+  // l'éditeur : en `single` la cellule se vide, sinon seule la clé retirée disparaît.
+  var removeValue = function removeValue(key) {
+    var rest = selectedKeysFromCellValue(savedValue).filter(function (k) {
+      return k !== String(key);
+    });
+    var asMaquette = selectionMode === 'single' ? rest[0] ? {
+      id: rest[0]
+    } : null : rest;
+    var next = fromTreeSelectValue(asMaquette, selectionMode);
+    setSavedValue(next);
+    onSave(next);
+  };
+
   // Clic extérieur → sortie d'édition. Le panneau est porté dans `body` sous
   // POPIN_THRESHOLD : sans isInPortaledOverlay, chaque clic dedans refermait l'éditeur.
   useEffect(function () {
@@ -55815,6 +55846,8 @@ var TreeSelectBodyCell = function TreeSelectBodyCell(_ref10) {
     })));
   }
   var selectedNodes = findTreeNodes(savedValue, mappedOptions);
+  // Croix de retrait : opt-in par colonne, et jamais sur une cellule non éditable.
+  var clearable = ((_col$clearable = col.clearable) !== null && _col$clearable !== void 0 ? _col$clearable : false) && editable;
   if (!selectedNodes.length) return /*#__PURE__*/React__default.createElement("div", {
     style: {
       cursor: editable ? 'pointer' : 'default',
@@ -55859,6 +55892,7 @@ var TreeSelectBodyCell = function TreeSelectBodyCell(_ref10) {
         backgroundColor: bg,
         color: fg,
         display: 'inline-flex',
+        alignItems: 'center',
         maxWidth: '100%',
         minWidth: 0
       }
@@ -55868,7 +55902,17 @@ var TreeSelectBodyCell = function TreeSelectBodyCell(_ref10) {
         textOverflow: 'ellipsis',
         whiteSpace: 'nowrap'
       }
-    }, node.label));
+    }, node.label), clearable && /*#__PURE__*/React__default.createElement("button", {
+      type: "button",
+      className: "tab_label-clear",
+      "aria-label": translate('arengibook.table.action.delete'),
+      title: translate('arengibook.table.action.delete'),
+      onClick: function onClick(e) {
+        var _node$key;
+        e.stopPropagation();
+        removeValue((_node$key = node.key) !== null && _node$key !== void 0 ? _node$key : node.id);
+      }
+    }, /*#__PURE__*/React__default.createElement(IconCellClear, null)));
   })));
 };
 var DocumentEditorCell = function DocumentEditorCell(_ref11) {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "arengibook",
   "private": false,
-  "version": "3.2.23-treeselect",
+  "version": "3.2.24-treeselect",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "exports": {