arengibook 3.2.22-treeselect → 3.2.23-treeselect

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/dist/index.js +16 -27
  2. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -53134,7 +53134,7 @@ function cleanEscapedString(input) {
53134
53134
  return input.match(escapedStringRegExp)[1].replace(doubleQuoteRegExp, "'");
53135
53135
  }
53136
53136
 
53137
- var css_248z$2 = ".ts-root,\n.ts-panel,\n.ts-backdrop,\n.ts-tooltip {\n box-sizing: border-box;\n font-family: system-ui, -apple-system, \"Segoe UI\", Roboto, sans-serif;\n font-size: 14px;\n line-height: 1.45;\n color: #1a1d21;\n}\n.ts-root *, .ts-root *::before, .ts-root *::after,\n.ts-panel *,\n.ts-panel *::before,\n.ts-panel *::after,\n.ts-backdrop *,\n.ts-backdrop *::before,\n.ts-backdrop *::after,\n.ts-tooltip *,\n.ts-tooltip *::before,\n.ts-tooltip *::after {\n box-sizing: border-box;\n}\n.ts-root button,\n.ts-panel button,\n.ts-backdrop button,\n.ts-tooltip button {\n appearance: none;\n -webkit-appearance: none;\n margin: 0;\n height: auto;\n min-height: 0;\n max-height: none;\n font: inherit;\n line-height: 1.45;\n text-align: center;\n text-transform: none;\n letter-spacing: normal;\n overflow: visible;\n white-space: nowrap;\n}\n.ts-root code,\n.ts-panel code,\n.ts-backdrop code,\n.ts-tooltip code {\n font-family: inherit;\n background: none;\n color: inherit;\n}\n\n.ts-field-label {\n display: block;\n font-size: 13px;\n color: #8b909a;\n margin-bottom: 6px;\n}\n\n.ts-trigger {\n width: 100%;\n min-height: 38px;\n position: relative;\n display: flex;\n align-items: center;\n gap: 6px;\n flex-wrap: wrap;\n padding: 5px 58px 5px 10px;\n background: #ffffff;\n border: 1px solid #c2c7cf;\n border-radius: 8px;\n cursor: pointer;\n transition: border-color 0.12s, box-shadow 0.12s;\n}\n.ts-trigger:hover {\n border-color: #1d1f24;\n}\n.ts-trigger:focus-visible, .ts-trigger[aria-expanded=true] {\n outline: none;\n border-color: #1d1f24;\n box-shadow: 0 0 0 3px #eeedea;\n}\n.ts-trigger .ts-placeholder {\n color: #8b909a;\n font-size: 14px;\n}\n.ts-trigger .ts-chip {\n display: inline-flex;\n align-items: center;\n gap: 5px;\n font-size: 12px;\n font-weight: 500;\n padding: 2px 4px 2px 8px;\n border-radius: 6px;\n}\n.ts-trigger .ts-chip > span:first-child {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.ts-trigger .ts-chip button {\n border: none;\n background: none;\n color: inherit;\n cursor: pointer;\n opacity: 0.8;\n}\n.ts-trigger .ts-chip button:hover {\n opacity: 1;\n}\n.ts-trigger .ts-more {\n font-size: 12px;\n color: #8b909a;\n}\n.ts-trigger .ts-expand {\n position: absolute;\n right: 34px;\n top: 50%;\n transform: translateY(-50%);\n color: #8b909a;\n cursor: pointer;\n padding: 2px;\n border-radius: 4px;\n}\n.ts-trigger .ts-expand:hover {\n color: #1d1f24;\n background: #f4f5f7;\n}\n.ts-trigger .ts-caret {\n position: absolute;\n right: 10px;\n top: 50%;\n transform: translateY(-50%);\n color: #8b909a;\n transition: transform 0.15s;\n}\n.ts-trigger[aria-expanded=true] .ts-caret {\n transform: translateY(-50%) rotate(180deg);\n}\n\n.ts-backdrop {\n position: fixed;\n inset: 0;\n background: rgba(20, 25, 35, 0.42);\n z-index: 1000;\n}\n\n.ts-panel {\n margin-top: 4px;\n background: #ffffff;\n border: 1px solid #c2c7cf;\n border-radius: 8px;\n box-shadow: 0 8px 24px rgba(20, 25, 35, 0.12), 0 2px 6px rgba(20, 25, 35, 0.08);\n overflow: hidden;\n}\n.ts-panel .ts-modal-head {\n display: none;\n align-items: center;\n justify-content: space-between;\n gap: 10px;\n padding: 12px 14px;\n border-bottom: 1px solid #d9dce1;\n font-weight: 500;\n}\n.ts-panel .ts-modal-head > span:first-child {\n min-width: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.ts-panel .ts-modal-head .ts-modal-close {\n flex: none;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 30px;\n height: 30px;\n min-height: 30px;\n padding: 0;\n border: 1px solid #d9dce1;\n border-radius: 50%;\n background: #ffffff;\n color: #1a1d21;\n cursor: pointer;\n transition: background-color 0.12s, border-color 0.12s;\n}\n.ts-panel .ts-modal-head .ts-modal-close:hover, .ts-panel .ts-modal-head .ts-modal-close:focus-visible {\n outline: none;\n background: #f4f5f7;\n border-color: #c2c7cf;\n}\n.ts-panel .ts-modal-head .ts-modal-close:active {\n background: #eeedea;\n}\n.ts-panel--modal {\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: min(440px, 92vw);\n margin: 0;\n z-index: 1001;\n}\n.ts-panel--modal .ts-modal-head {\n display: flex;\n}\n.ts-panel--modal .ts-tree {\n max-height: min(58vh, 520px);\n}\n.ts-panel .ts-search {\n display: flex;\n align-items: center;\n gap: 8px;\n padding: 8px 10px;\n border-bottom: 1px solid #d9dce1;\n}\n.ts-panel .ts-search input {\n flex: 1;\n border: none;\n outline: none;\n font: inherit;\n font-size: 14px;\n background: transparent;\n min-width: 0;\n}\n.ts-panel .ts-search input::placeholder {\n color: #8b909a;\n}\n.ts-panel .ts-search .ts-clr {\n border: none;\n background: none;\n color: #8b909a;\n cursor: pointer;\n}\n.ts-panel .ts-search .ts-clr:hover {\n color: #1a1d21;\n}\n.ts-panel .ts-tree {\n max-height: 288px;\n overflow-y: auto;\n padding: 4px;\n}\n.ts-panel .ts-tree .ts-empty {\n padding: 28px 12px;\n text-align: center;\n color: #8b909a;\n font-size: 13px;\n}\n.ts-panel .ts-tree .ts-row {\n display: flex;\n align-items: center;\n gap: 6px;\n padding: 5px 6px;\n margin-bottom: 1px;\n border-left: 3px solid transparent;\n font-size: 14px;\n user-select: none;\n}\n.ts-panel .ts-tree .ts-row:hover {\n background: #f4f5f7;\n}\n.ts-panel .ts-tree .ts-row.focused {\n box-shadow: inset 0 0 0 1px #d9dce1;\n}\n.ts-panel .ts-tree .ts-row.selected {\n background: rgba(29, 31, 36, 0.06);\n border-left-color: #1d1f24;\n}\n.ts-panel .ts-tree .ts-row .ts-caret-cell {\n width: 18px;\n color: #8b909a;\n cursor: pointer;\n}\n.ts-panel .ts-tree .ts-row .ts-caret-cell.leaf {\n visibility: hidden;\n}\n.ts-panel .ts-tree .ts-row .ts-caret-cell svg {\n transition: transform 0.12s;\n}\n.ts-panel .ts-tree .ts-row .ts-caret-cell.open svg {\n transform: rotate(90deg);\n}\n.ts-panel .ts-tree .ts-row .ts-check {\n width: 16px;\n height: 16px;\n border-radius: 4px;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border: 1.5px solid #c2c7cf;\n color: #fff;\n cursor: pointer;\n}\n.ts-panel .ts-tree .ts-row .ts-check.on {\n border-color: #1d1f24;\n background: #1d1f24;\n}\n.ts-panel .ts-tree .ts-row .ts-check.ind {\n border-color: #1d1f24;\n background: #eeedea;\n color: #1d1f24;\n}\n.ts-panel .ts-tree .ts-row .ts-check.previewing {\n border-color: #1d1f24;\n background: #eeedea;\n color: #1d1f24;\n}\n.ts-panel .ts-tree .ts-row .ts-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 2px 9px;\n border-radius: 6px;\n font-size: 13px;\n min-width: 0;\n transition: opacity 0.12s, box-shadow 0.16s;\n}\n.ts-panel .ts-tree .ts-row .ts-badge .ts-badge-cb {\n width: 14px;\n height: 14px;\n border-radius: 3px;\n border: 1.5px solid currentColor;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n}\n.ts-panel .ts-tree .ts-row .ts-badge .ts-badge-cb.ghost svg {\n opacity: 0.55;\n}\n.ts-panel .ts-tree .ts-row .ts-badge .ts-badge-ico {\n font-size: 15px;\n line-height: 1;\n}\n.ts-panel .ts-tree .ts-row .ts-badge .ts-badge-code {\n font-size: 10px;\n opacity: 0.6;\n padding: 0 4px;\n border-radius: 3px;\n border: 1px solid currentColor;\n line-height: 1.4;\n}\n.ts-panel .ts-tree .ts-row .ts-badge .ts-badge-lbl {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.ts-panel .ts-tree .ts-row .ts-badge .ts-badge-info {\n opacity: 0.65;\n cursor: help;\n}\n.ts-panel .ts-tree .ts-row .ts-badge .ts-badge-info:hover {\n opacity: 1;\n}\n.ts-panel .ts-tree .ts-row .ts-enf {\n margin-left: auto;\n flex: none;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n min-height: 22px;\n padding: 2px 8px;\n border-radius: 6px;\n border: 1px solid #d9dce1;\n color: #8b909a;\n font-size: 11px;\n line-height: 1.45;\n cursor: pointer;\n transition: all 0.12s;\n}\n.ts-panel .ts-tree .ts-row .ts-enf:hover {\n border-color: #1d1f24;\n color: #1d1f24;\n}\n.ts-panel .ts-tree .ts-row .ts-enf.some {\n border-color: #1d1f24;\n color: #1d1f24;\n}\n.ts-panel .ts-tree .ts-row .ts-enf.on {\n border-color: #1d1f24;\n background: #1d1f24;\n color: #fff;\n}\n.ts-panel .ts-footer {\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n align-items: center;\n gap: 10px;\n padding: 8px 10px;\n border-top: 1px solid #d9dce1;\n font-size: 13px;\n}\n.ts-panel .ts-footer > .ts-selectall,\n.ts-panel .ts-footer > span:first-child {\n flex: 1 1 auto;\n min-width: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.ts-panel .ts-footer .ts-footer-actions {\n display: flex;\n flex-wrap: wrap;\n justify-content: flex-end;\n align-items: center;\n gap: 10px;\n flex: 0 1 auto;\n margin-left: auto;\n}\n.ts-panel .ts-footer .ts-selectall,\n.ts-panel .ts-footer .ts-cancel,\n.ts-panel .ts-footer .ts-apply {\n flex: none;\n white-space: nowrap;\n font-family: system-ui, -apple-system, \"Segoe UI\", Roboto, sans-serif;\n font-size: 13px;\n line-height: 1.45;\n}\n.ts-panel .ts-footer .ts-selectall,\n.ts-panel .ts-footer .ts-cancel {\n border: none;\n background: none;\n color: #1d1f24;\n cursor: pointer;\n}\n.ts-panel .ts-footer .ts-apply {\n display: inline-flex;\n align-items: center;\n gap: 4px;\n border: none;\n background: #101216;\n color: #fff;\n border-radius: 6px;\n padding: 5px 12px;\n cursor: pointer;\n}\n.ts-panel .ts-footer .ts-apply:hover {\n background: #000;\n}\n.ts-panel .ts-footer .ts-apply.off {\n background: #c2c7cf;\n cursor: default;\n}\n.ts-panel .ts-footer .ts-apply .ts-apply-n {\n opacity: 0.8;\n flex: none;\n}\n\n.ts-comma {\n font-size: 14px;\n color: #1a1d21;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.ts-count {\n font-size: 13px;\n font-weight: 500;\n color: #1a1d21;\n}\n\n.ts-clear-global {\n position: absolute;\n right: 58px;\n top: 50%;\n transform: translateY(-50%);\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 24px;\n height: 24px;\n border: 1px solid #d9dce1;\n border-radius: 50%;\n background: #eeedea;\n color: #1a1d21;\n cursor: pointer;\n transition: background-color 0.12s, border-color 0.12s, color 0.12s;\n}\n.ts-clear-global:hover, .ts-clear-global:focus-visible {\n outline: none;\n background: #e24c4c;\n border-color: #e24c4c;\n color: #fff;\n}\n.ts-clear-global:active {\n background: #c33c3c;\n border-color: #c33c3c;\n}\n\n.ts-loadmore {\n border: 1px dashed #c2c7cf;\n background: none;\n color: #1d1f24;\n font: inherit;\n font-size: 12px;\n padding: 3px 10px;\n border-radius: 6px;\n cursor: pointer;\n}\n.ts-loadmore:hover {\n background: #f4f5f7;\n border-style: solid;\n}\n\n.ts-error {\n display: block;\n margin-top: 4px;\n font-size: 11px;\n color: #e24c4c;\n}\n\n.ts-spin {\n animation: ts-spin 0.8s linear infinite;\n}\n\n@keyframes ts-spin {\n to {\n transform: rotate(360deg);\n }\n}\n.ts-tooltip {\n position: fixed;\n z-index: 1002;\n max-width: 240px;\n background: #1a1d21;\n color: #fff;\n font-size: 12px;\n line-height: 1.45;\n padding: 8px 10px;\n border-radius: 6px;\n pointer-events: none;\n}\n.ts-tooltip .tt-title {\n font-weight: 500;\n display: block;\n margin-bottom: 2px;\n}\n.ts-tooltip .tt-path {\n display: block;\n color: #9aa0aa;\n font-size: 11px;\n margin-bottom: 4px;\n}\n.ts-tooltip .tt-body {\n color: #c9ccd2;\n}";
53137
+ var css_248z$2 = ".ts-root,\n.ts-panel,\n.ts-backdrop,\n.ts-tooltip {\n box-sizing: border-box;\n font-family: system-ui, -apple-system, \"Segoe UI\", Roboto, sans-serif;\n font-size: 14px;\n line-height: 1.45;\n color: #1a1d21;\n}\n.ts-root *, .ts-root *::before, .ts-root *::after,\n.ts-panel *,\n.ts-panel *::before,\n.ts-panel *::after,\n.ts-backdrop *,\n.ts-backdrop *::before,\n.ts-backdrop *::after,\n.ts-tooltip *,\n.ts-tooltip *::before,\n.ts-tooltip *::after {\n box-sizing: border-box;\n}\n.ts-root button,\n.ts-panel button,\n.ts-backdrop button,\n.ts-tooltip button {\n appearance: none;\n -webkit-appearance: none;\n margin: 0;\n height: auto;\n min-height: 0;\n max-height: none;\n font: inherit;\n line-height: 1.45;\n text-align: center;\n text-transform: none;\n letter-spacing: normal;\n overflow: visible;\n white-space: nowrap;\n}\n.ts-root code,\n.ts-panel code,\n.ts-backdrop code,\n.ts-tooltip code {\n font-family: inherit;\n background: none;\n color: inherit;\n}\n\n.ts-field-label {\n display: block;\n font-size: 13px;\n color: #8b909a;\n margin-bottom: 6px;\n}\n\n.ts-trigger {\n width: 100%;\n min-height: 38px;\n position: relative;\n display: flex;\n align-items: center;\n gap: 6px;\n flex-wrap: wrap;\n padding: 5px 58px 5px 10px;\n background: #ffffff;\n border: 1px solid #c2c7cf;\n border-radius: 8px;\n cursor: pointer;\n transition: border-color 0.12s, box-shadow 0.12s;\n}\n.ts-trigger:hover {\n border-color: #1d1f24;\n}\n.ts-trigger:focus-visible, .ts-trigger[aria-expanded=true] {\n outline: none;\n border-color: #1d1f24;\n box-shadow: 0 0 0 3px #eeedea;\n}\n.ts-trigger .ts-placeholder {\n color: #8b909a;\n font-size: 14px;\n}\n.ts-trigger .ts-chip {\n display: inline-flex;\n align-items: center;\n gap: 5px;\n font-size: 12px;\n font-weight: 500;\n padding: 2px 4px 2px 8px;\n border-radius: 6px;\n}\n.ts-trigger .ts-chip > span:first-child {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.ts-trigger .ts-chip button {\n border: none;\n background: none;\n color: inherit;\n cursor: pointer;\n opacity: 0.8;\n}\n.ts-trigger .ts-chip button:hover {\n opacity: 1;\n}\n.ts-trigger .ts-more {\n font-size: 12px;\n color: #8b909a;\n}\n.ts-trigger .ts-expand {\n position: absolute;\n right: 34px;\n top: 50%;\n transform: translateY(-50%);\n color: #8b909a;\n cursor: pointer;\n padding: 2px;\n border-radius: 4px;\n}\n.ts-trigger .ts-expand:hover {\n color: #1d1f24;\n background: #f4f5f7;\n}\n.ts-trigger .ts-caret {\n position: absolute;\n right: 10px;\n top: 50%;\n transform: translateY(-50%);\n color: #8b909a;\n transition: transform 0.15s;\n}\n.ts-trigger[aria-expanded=true] .ts-caret {\n transform: translateY(-50%) rotate(180deg);\n}\n\n.ts-backdrop {\n position: fixed;\n inset: 0;\n background: rgba(20, 25, 35, 0.42);\n z-index: 1000;\n}\n\n.ts-panel {\n margin-top: 4px;\n background: #ffffff;\n border: 1px solid #c2c7cf;\n border-radius: 8px;\n box-shadow: 0 8px 24px rgba(20, 25, 35, 0.12), 0 2px 6px rgba(20, 25, 35, 0.08);\n overflow: hidden;\n}\n.ts-panel .ts-modal-head {\n display: none;\n align-items: center;\n justify-content: space-between;\n gap: 10px;\n padding: 12px 14px;\n border-bottom: 1px solid #d9dce1;\n font-weight: 500;\n}\n.ts-panel .ts-modal-head > span:first-child {\n min-width: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.ts-panel .ts-modal-head .ts-modal-close {\n flex: none;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 30px;\n height: 30px;\n min-height: 30px;\n padding: 0;\n border: 1px solid #d9dce1;\n border-radius: 50%;\n background: #ffffff;\n color: #1a1d21;\n cursor: pointer;\n transition: background-color 0.12s, border-color 0.12s;\n}\n.ts-panel .ts-modal-head .ts-modal-close:hover, .ts-panel .ts-modal-head .ts-modal-close:focus-visible {\n outline: none;\n background: #f4f5f7;\n border-color: #c2c7cf;\n}\n.ts-panel .ts-modal-head .ts-modal-close:active {\n background: #eeedea;\n}\n.ts-panel--modal {\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: min(440px, 92vw);\n margin: 0;\n z-index: 1001;\n}\n.ts-panel--modal .ts-modal-head {\n display: flex;\n}\n.ts-panel--modal .ts-tree {\n max-height: min(58vh, 520px);\n}\n.ts-panel .ts-search {\n display: flex;\n align-items: center;\n gap: 8px;\n padding: 8px 10px;\n border-bottom: 1px solid #d9dce1;\n}\n.ts-panel .ts-search input {\n flex: 1;\n border: none;\n outline: none;\n font: inherit;\n font-size: 14px;\n background: transparent;\n min-width: 0;\n}\n.ts-panel .ts-search input::placeholder {\n color: #8b909a;\n}\n.ts-panel .ts-search .ts-clr {\n border: none;\n background: none;\n color: #8b909a;\n cursor: pointer;\n}\n.ts-panel .ts-search .ts-clr:hover {\n color: #1a1d21;\n}\n.ts-panel .ts-tree {\n max-height: 288px;\n overflow-y: auto;\n padding: 4px;\n}\n.ts-panel .ts-tree .ts-empty {\n padding: 28px 12px;\n text-align: center;\n color: #8b909a;\n font-size: 13px;\n}\n.ts-panel .ts-tree .ts-row {\n display: flex;\n align-items: center;\n gap: 6px;\n padding: 5px 6px;\n margin-bottom: 1px;\n border-left: 3px solid transparent;\n font-size: 14px;\n user-select: none;\n}\n.ts-panel .ts-tree .ts-row:hover {\n background: #f4f5f7;\n}\n.ts-panel .ts-tree .ts-row.focused {\n box-shadow: inset 0 0 0 1px #d9dce1;\n}\n.ts-panel .ts-tree .ts-row.selected {\n background: rgba(29, 31, 36, 0.06);\n border-left-color: #1d1f24;\n}\n.ts-panel .ts-tree .ts-row .ts-caret-cell {\n width: 18px;\n color: #8b909a;\n cursor: pointer;\n}\n.ts-panel .ts-tree .ts-row .ts-caret-cell.leaf {\n visibility: hidden;\n}\n.ts-panel .ts-tree .ts-row .ts-caret-cell svg {\n transition: transform 0.12s;\n}\n.ts-panel .ts-tree .ts-row .ts-caret-cell.open svg {\n transform: rotate(90deg);\n}\n.ts-panel .ts-tree .ts-row .ts-check {\n width: 16px;\n height: 16px;\n border-radius: 4px;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border: 1.5px solid #c2c7cf;\n color: #fff;\n cursor: pointer;\n}\n.ts-panel .ts-tree .ts-row .ts-check.on {\n border-color: #1d1f24;\n background: #1d1f24;\n}\n.ts-panel .ts-tree .ts-row .ts-check.ind {\n border-color: #1d1f24;\n background: #eeedea;\n color: #1d1f24;\n}\n.ts-panel .ts-tree .ts-row .ts-check.previewing {\n border-color: #1d1f24;\n background: #eeedea;\n color: #1d1f24;\n}\n.ts-panel .ts-tree .ts-row .ts-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 2px 9px;\n border-radius: 6px;\n font-size: 13px;\n min-width: 0;\n transition: opacity 0.12s, box-shadow 0.16s;\n}\n.ts-panel .ts-tree .ts-row .ts-badge .ts-badge-cb {\n width: 14px;\n height: 14px;\n border-radius: 3px;\n border: 1.5px solid currentColor;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n}\n.ts-panel .ts-tree .ts-row .ts-badge .ts-badge-cb.ghost svg {\n opacity: 0.55;\n}\n.ts-panel .ts-tree .ts-row .ts-badge .ts-badge-ico {\n font-size: 15px;\n line-height: 1;\n}\n.ts-panel .ts-tree .ts-row .ts-badge .ts-badge-code {\n font-size: 10px;\n opacity: 0.6;\n padding: 0 4px;\n border-radius: 3px;\n border: 1px solid currentColor;\n line-height: 1.4;\n}\n.ts-panel .ts-tree .ts-row .ts-badge .ts-badge-lbl {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.ts-panel .ts-tree .ts-row .ts-badge .ts-badge-info {\n opacity: 0.65;\n cursor: help;\n}\n.ts-panel .ts-tree .ts-row .ts-badge .ts-badge-info:hover {\n opacity: 1;\n}\n.ts-panel .ts-tree .ts-row .ts-enf {\n margin-left: auto;\n flex: none;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n min-height: 22px;\n padding: 2px 8px;\n border-radius: 6px;\n border: 1px solid #d9dce1;\n color: #8b909a;\n font-size: 11px;\n line-height: 1.45;\n cursor: pointer;\n transition: all 0.12s;\n}\n.ts-panel .ts-tree .ts-row .ts-enf:hover {\n border-color: #1d1f24;\n color: #1d1f24;\n}\n.ts-panel .ts-tree .ts-row .ts-enf.some {\n border-color: #1d1f24;\n color: #1d1f24;\n}\n.ts-panel .ts-tree .ts-row .ts-enf.on {\n border-color: #1d1f24;\n background: #1d1f24;\n color: #fff;\n}\n.ts-panel .ts-footer {\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: 10px;\n padding: 8px 10px;\n border-top: 1px solid #d9dce1;\n font-size: 13px;\n}\n.ts-panel .ts-footer .ts-selectall,\n.ts-panel .ts-footer .ts-cancel {\n border: none;\n background: none;\n color: #1d1f24;\n cursor: pointer;\n white-space: nowrap;\n}\n.ts-panel .ts-footer .ts-apply, .ts-panel .ts-footer .ts-apply.ts-apply--off, .ts-panel .ts-footer .ts-apply:disabled {\n display: inline-flex;\n align-items: center;\n gap: 4px;\n border: none;\n color: #fff;\n border-radius: 6px;\n padding: 5px 12px;\n white-space: nowrap;\n}\n.ts-panel .ts-footer .ts-apply {\n background: #101216;\n cursor: pointer;\n}\n.ts-panel .ts-footer .ts-apply:hover {\n background: #000;\n}\n.ts-panel .ts-footer .ts-apply.ts-apply--off, .ts-panel .ts-footer .ts-apply:disabled {\n background: rgba(139, 144, 154, 0.14);\n cursor: default;\n}\n.ts-panel .ts-footer .ts-apply .ts-apply-n {\n opacity: 0.8;\n}\n\n.ts-comma {\n font-size: 14px;\n color: #1a1d21;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.ts-count {\n font-size: 13px;\n font-weight: 500;\n color: #1a1d21;\n}\n\n.ts-clear-global {\n position: absolute;\n right: 58px;\n top: 50%;\n transform: translateY(-50%);\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 24px;\n height: 24px;\n border: 1px solid #d9dce1;\n border-radius: 50%;\n background: #eeedea;\n color: #1a1d21;\n cursor: pointer;\n transition: background-color 0.12s, border-color 0.12s, color 0.12s;\n}\n.ts-clear-global:hover, .ts-clear-global:focus-visible {\n outline: none;\n background: #e24c4c;\n border-color: #e24c4c;\n color: #fff;\n}\n.ts-clear-global:active {\n background: #c33c3c;\n border-color: #c33c3c;\n}\n\n.ts-loadmore {\n border: 1px dashed #c2c7cf;\n background: none;\n color: #1d1f24;\n font: inherit;\n font-size: 12px;\n padding: 3px 10px;\n border-radius: 6px;\n cursor: pointer;\n}\n.ts-loadmore:hover {\n background: #f4f5f7;\n border-style: solid;\n}\n\n.ts-error {\n display: block;\n margin-top: 4px;\n font-size: 11px;\n color: #e24c4c;\n}\n\n.ts-spin {\n animation: ts-spin 0.8s linear infinite;\n}\n\n@keyframes ts-spin {\n to {\n transform: rotate(360deg);\n }\n}\n.ts-tooltip {\n position: fixed;\n z-index: 1002;\n max-width: 240px;\n background: #1a1d21;\n color: #fff;\n font-size: 12px;\n line-height: 1.45;\n padding: 8px 10px;\n border-radius: 6px;\n pointer-events: none;\n}\n.ts-tooltip .tt-title {\n font-weight: 500;\n display: block;\n margin-bottom: 2px;\n}\n.ts-tooltip .tt-path {\n display: block;\n color: #9aa0aa;\n font-size: 11px;\n margin-bottom: 4px;\n}\n.ts-tooltip .tt-body {\n color: #c9ccd2;\n}";
53138
53138
  styleInject(css_248z$2);
53139
53139
 
53140
53140
  /**
@@ -53157,11 +53157,6 @@ var TS_ACCENT = '#1d1f24'; // = $ts-accent (anneau d'aperçu)
53157
53157
 
53158
53158
  // --- Dérivations couleur (exécution) ---
53159
53159
 
53160
- // Croisillon optionnel côté donnée (« e44d63 ») : on le rétablit, car les états
53161
- // sélectionné et chip passent la valeur telle quelle à `background`, invalide sans lui.
53162
- var asCssHex = function asCssHex(v) {
53163
- return v ? String(v).startsWith('#') ? String(v) : "#".concat(v) : null;
53164
- };
53165
53160
  function hexToRgb(hex) {
53166
53161
  var h = hex.replace('#', '');
53167
53162
  var f = h.length === 3 ? h.split('').map(function (c) {
@@ -54108,7 +54103,7 @@ var TreeSelectMaquette = function TreeSelectMaquette(_ref2) {
54108
54103
  depth = _ref3.depth;
54109
54104
  var hasChildren = ((_node$children6 = node.children) === null || _node$children6 === void 0 ? void 0 : _node$children6.length) > 0 || node.lazy; // lazy : dépliable même sans enfants chargés
54110
54105
  var isValue = node.kind === 'value';
54111
- var color = asCssHex(node[nodeColorField]) || TS_MUTED;
54106
+ var color = node[nodeColorField] || TS_MUTED;
54112
54107
  var elementSel = isValue && draft.has(node.id);
54113
54108
  var tIds = valueIdsInclusive(node, []);
54114
54109
  var dIds = descValueIds(node);
@@ -54414,19 +54409,19 @@ var TreeSelectMaquette = function TreeSelectMaquette(_ref2) {
54414
54409
  type: "button",
54415
54410
  className: "ts-selectall",
54416
54411
  onClick: toggleSelectAll
54417
- }, allSelected ? 'Tout désélectionner' : 'Tout sélectionner') : /*#__PURE__*/React__default.createElement("span", null), validate ?
54418
- /*#__PURE__*/
54419
- // Géométrie en SCSS et non en style inline : le pied doit pouvoir
54420
- // refuser de comprimer ses boutons (cf. .ts-footer-actions).
54421
- React__default.createElement("div", {
54422
- className: "ts-footer-actions"
54412
+ }, allSelected ? 'Tout désélectionner' : 'Tout sélectionner') : /*#__PURE__*/React__default.createElement("span", null), validate ? /*#__PURE__*/React__default.createElement("div", {
54413
+ style: {
54414
+ display: 'flex',
54415
+ gap: 10,
54416
+ alignItems: 'center'
54417
+ }
54423
54418
  }, /*#__PURE__*/React__default.createElement("button", {
54424
54419
  type: "button",
54425
54420
  className: "ts-cancel",
54426
54421
  onClick: close
54427
54422
  }, "Annuler"), /*#__PURE__*/React__default.createElement("button", {
54428
54423
  type: "button",
54429
- className: "ts-apply ".concat(draftClean ? 'off' : ''),
54424
+ className: "ts-apply ".concat(draftClean ? 'ts-apply--off' : ''),
54430
54425
  onClick: apply,
54431
54426
  disabled: draftClean
54432
54427
  }, "Appliquer ", /*#__PURE__*/React__default.createElement("span", {
@@ -54499,7 +54494,7 @@ var TreeSelectMaquette = function TreeSelectMaquette(_ref2) {
54499
54494
  }, committedNodes.map(function (n) {
54500
54495
  return n.label;
54501
54496
  }).join(', ')), useChips && shownChips.map(function (n) {
54502
- var color = asCssHex(n[nodeColorField]) || TS_MUTED;
54497
+ var color = n[nodeColorField] || TS_MUTED;
54503
54498
  var ariane = showChipPath ? (pathMap[n.id] || [n.label]).slice(0, -1).join(' / ') : null;
54504
54499
  return /*#__PURE__*/React__default.createElement("span", {
54505
54500
  key: n.id,
@@ -55785,11 +55780,8 @@ var TreeSelectBodyCell = function TreeSelectBodyCell(_ref10) {
55785
55780
  label: null,
55786
55781
  showExpand: false,
55787
55782
  filter: false,
55788
- display: "comma"
55789
- // 'color' comme la maquette : `null` évaluait node[null] → undefined,
55790
- // donc TOUS les badges retombaient sur le gris de repli.
55791
- ,
55792
- nodeColorField: "color",
55783
+ display: "comma",
55784
+ nodeColorField: null,
55793
55785
  showClear: true
55794
55786
  // Sorties explicites Annuler / Appliquer, donc une seule écriture par
55795
55787
  // édition (et non une par case cochée). `col.validate: false` = immédiat.
@@ -55857,17 +55849,14 @@ var TreeSelectBodyCell = function TreeSelectBodyCell(_ref10) {
55857
55849
  },
55858
55850
  onClick: openEdit
55859
55851
  }, selectedNodes.map(function (node, i) {
55860
- var _col$nodeColorField;
55861
- // contrastText, comme le panneau : la cellule utilisait une autre formule
55862
- // (moyenne RVB), d'où un texte noir ici et blanc là pour la même couleur.
55863
- var raw = node[(_col$nodeColorField = col.nodeColorField) !== null && _col$nodeColorField !== void 0 ? _col$nodeColorField : 'color'];
55864
- var bg = raw ? String(raw).startsWith('#') ? raw : "#".concat(raw) : null;
55865
- var fg = bg ? contrastText(bg) : '#374151';
55852
+ var couleur = col.nodeColorField ? node[col.nodeColorField] : null;
55853
+ var bg = couleur ? couleur.startsWith('#') ? couleur : "#".concat(couleur) : '#e5e7eb';
55854
+ var fg = couleur ? textColorForBg(bg) : '#374151';
55866
55855
  return /*#__PURE__*/React__default.createElement("span", {
55867
55856
  key: i,
55868
55857
  className: "tab_label",
55869
55858
  style: {
55870
- backgroundColor: bg !== null && bg !== void 0 ? bg : '#e5e7eb',
55859
+ backgroundColor: bg,
55871
55860
  color: fg,
55872
55861
  display: 'inline-flex',
55873
55862
  maxWidth: '100%',
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "arengibook",
3
3
  "private": false,
4
- "version": "3.2.22-treeselect",
4
+ "version": "3.2.23-treeselect",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.js",
7
7
  "exports": {