@bryntum/grid-thin-trial 7.1.1

package/high-contrast-light.css

@@ -0,0 +1,389 @@
+@charset "UTF-8";
+
+/* Themes need more specific rules than Widgets etc. to make sure the values are applied no matter the import order */
+:root:not(.b-nothing), :host(:not(.b-nothing)) {
+    --b-primary                                              : var(--b-color-blue);
+    --b-secondary                                            : var(--b-color-orange);
+
+    --b-mix                                                  : #fff;
+    --b-opposite                                             : #000;
+
+    --b-border-1                                             : var(--b-neutral-10);
+    --b-border-2                                             : var(--b-neutral-10);
+    --b-border-3                                             : var(--b-neutral-10);
+    --b-border-4                                             : var(--b-neutral-10);
+    --b-border-5                                             : var(--b-neutral-10);
+    --b-border-6                                             : var(--b-neutral-10);
+    --b-border-7                                             : var(--b-neutral-10);
+    --b-border-8                                             : var(--b-neutral-100);
+    --b-border-9                                             : var(--b-neutral-100);
+    --b-border-10                                            : var(--b-neutral-100);
+
+    --b-text-1                                               : var(--b-neutral-10);
+    --b-text-2                                               : var(--b-neutral-30);
+    --b-text-3                                               : var(--b-neutral-30);
+    --b-text-4                                               : var(--b-neutral-30);
+    --b-text-5                                               : var(--b-neutral-100);
+
+    /* region Core */
+
+    --b-widget-color-scheme                                  : light;
+    --b-widget-border-color                                  : var(--b-border-1);
+    --b-widget-border-radius                                 : .3em;
+    --b-widget-border-radius-large                           : 1em;
+    --b-widget-anchor-offset                                 : 0px;
+
+    --b-elevation-1                                          : 0 1px 3px 0 rgb(0 0 0 /0.22), 0 1px 1px 0 rgb(0 0 0 /0.20), 0 2px 1px -1px rgb(0 0 0 /0.18);
+    --b-elevation-2                                          : 0 1px 5px 0 rgb(0 0 0 /0.32), 0 2px 2px 0 rgb(0 0 0 /0.30), 0 3px 1px -2px rgb(0 0 0 /0.28);
+
+    --b-button-disabled-opacity                              : .8;
+    --b-button-outlined-pressed-color                        : var(--b-text-5);
+
+    --b-button-group-padded-border                           : 1px solid var(--b-widget-border-color);
+    --b-button-group-padded-pressed-border                   : 1px solid var(--b-widget-border-color);
+    --b-button-group-padded-button-opacity                   : 1;
+
+    --b-chip-view-chip-border-color                          : var(--b-widget-border-color);
+
+    --b-date-picker-selected-color                           : var(--b-text-5);
+
+    --b-field-trigger-color                                  : var(--b-widget-color);
+
+    --b-panel-header-border-bottom                           : 1px solid var(--b-widget-border-color);
+    --b-panel-overlay-border                                 : 1px solid var(--b-widget-border-color);
+
+    --b-popup-border                                         : 2px solid var(--b-widget-border-color);
+
+    --b-slide-toggle-height                                  : 1.5em;
+    --b-slide-toggle-width                                   : 2.25em;
+    --b-slide-toggle-thumb-offset                            : .2em;
+
+    --b-slider-track-color                                   : var(--b-neutral-65);
+    --b-slider-disabled-color                                : var(--b-neutral-60);
+    --b-slider-disabled-thumb-color                          : var(--b-neutral-60);
+    --b-slider-disabled-track-color                          : var(--b-neutral-75);
+
+    --b-text-field-focus-border-width                        : 2px;
+    --b-text-field-filled-border-width                       : 1px;
+    --b-text-field-outlined-focus-border-width               : 2px;
+    --b-text-field-placeholder-font-style                    : italic;
+
+    /* endregion */
+
+    /* Grid */
+    --b-grid-header-font-weight                              : 700;
+    --b-grid-cell-focused-outline-width                      : 2px;
+    --b-grid-cell-focused-outline-offset                     : -3px;
+
+    --b-action-column-row-hover-color                        : var(--b-text-5);
+    --b-percent-column-bar-border                            : 1px solid var(--b-widget-border-color);
+    --b-percent-column-bar-max-height                        : 1.5em;
+    --b-percent-column-circle-thickness                      : 1em;
+    --b-percent-column-circle-background                     : var(--b-neutral-80);
+    --b-rating-column-filled-color                           : var(--b-color-orange);
+    --b-rating-column-empty-color                            : var(--b-neutral-80);
+    --b-resource-info-column-role-color                      : var(--b-neutral-30);
+    --b-resource-info-column-role-row-hover-color            : var(--b-neutral-100);
+
+    --b-column-drag-toolbar-opacity                          : .9;
+    --b-column-drag-toolbar-hover-opacity                    : 1;
+    --b-group-header-font-weight                             : 600;
+    --b-locked-rows-separator-color                          : var(--b-widget-border-color);
+    --b-locked-rows-separator-width                          : 2px;
+    --b-row-reorder-proxy-opacity                            : 1;
+    --b-stripe-border-width                                  : 1px;
+    --b-stripe-odd-color                                     : var(--b-neutral-96);
+    --b-region-resize-button-color                           : var(--b-neutral-100);
+    --b-region-resize-button-hover-color                     : var(--b-primary);
+
+    --b-tree-expander-row-hover-color                        : var(--b-text-5);
+    --b-tree-icon-row-hover-color                            : var(--b-text-5);
+
+    /* Scheduler */
+    --b-column-lines-tick-color                              : var(--b-neutral-80);
+    --b-dependency-stroke-width                              : 2;
+    --b-dependency-hover-stroke-width                        : 3;
+    --b-dependency-terminal-border-width                     : 2px;
+    --b-dependency-terminal-offset                           : -6px;
+    --b-event-label-background                               : var(--b-neutral-100);
+    --b-resource-time-range-background-transparency          : 80%;
+    --b-non-working-time-background                          : var(--b-neutral-60);
+    --b-resource-non-working-time-background-opacity         : 75%;
+    --b-histogram-outline-color                              : var(--b-color-red);
+
+    /* SchedulerPro */
+    --b-segment-link-width                                   : 2px;
+    --b-resource-utilization-bar-legend-text-fill            : var(--b-text-5);
+    --b-resource-utilization-bar-color                       : color-mix(in srgb, var(--b-color-green), var(--b-opposite) 30%);
+    --b-resource-utilization-bar-hover-color                 : color-mix(in srgb, var(--b-color-green), var(--b-opposite) 40%);
+    --b-resource-utilization-underallocated-bar-color        : var(--b-color-green);
+    --b-resource-utilization-underallocated-bar-hover-color  : color-mix(in srgb, var(--b-color-green), var(--b-opposite) 10%);
+    --b-resource-utilization-overallocated-bar-color         : var(--b-color-red);
+    --b-resource-utilization-overallocated-bar-hover-color   : color-mix(in srgb, var(--b-color-red), var(--b-opposite) 10%);
+    --b-resource-utilization-assignment-bar-legend-text-fill : var(--b-neutral-0);
+    --b-resource-histogram-bar-color                         : var(--b-resource-utilization-bar-color);
+    --b-resource-histogram-bar-hover-color                   : var(--b-resource-utilization-bar-hover-color);
+    --b-resource-histogram-underallocated-bar-color          : var(--b-resource-utilization-underallocated-bar-color);
+    --b-resource-histogram-underallocated-bar-hover-color    : var(--b-resource-utilization-underallocated-bar-hover-color);
+    --b-resource-histogram-overallocated-bar-color           : var(--b-resource-utilization-overallocated-bar-color);
+    --b-resource-histogram-overallocated-bar-hover-color     : var(--b-resource-utilization-overallocated-bar-hover-color);
+
+    /* Gantt */
+    --b-scroll-button-border-width                           : 1px;
+    --b-baseline-background                                  : var(--b-neutral-60);
+    --b-baseline-margin-top                                  : 2px;
+    --b-task-non-working-time-background                     : color-mix(in srgb, var(--b-neutral-65), transparent 50%);
+    --b-critical-path-stroke                                 : color-mix(in srgb, var(--b-color-red), var(--b-opposite) 10%);
+    --b-gantt-parent-task-max-height                         : 1.5em;
+    --b-parent-area-border                                   : 2px solid var(--b-neutral-30);
+    --b-gantt-progress-line-width                            : 2;
+
+    /* Calendar */
+    --b-calendar-event-circle-icon-size                      : .7em;
+    --b-day-view-event-selected-color                        : var(--b-text-5);
+    --b-year-view-week-cell-color                            : var(--b-text-5);
+    --b-year-view-week-cell-background                       : var(--b-neutral-40);
+
+    /* TaskBoard */
+    --b-task-board-column-header-font-weight                 : 600;
+    --b-task-board-card-border                               : 1px solid var(--b-widget-border-color);
+    --b-task-board-column-count-color                        : var(--b-text-5);
+    --b-task-board-column-count-background                   : var(--b-neutral-40);
+
+    --b-task-board-progress-item-background                  : var(--b-neutral-85);
+}
+
+/* Shades of primary color have to be specified per widget, for color-mix to work as intended */
+.b-bryntum:not(.b-nothing) {
+    --bi-primary-shade                                : var(--b-primary-30);
+
+    /* region Core */
+
+    --b-widget-focus-outline-color                    : var(--bi-primary-shade);
+    --b-button-focus-outline-color                    : var(--bi-primary-shade);
+    --b-checkbox-focus-outline-color                  : var(--bi-primary-shade);
+
+    --b-button-elevated-color                         : var(--b-primary-10);
+    --b-button-filled-background                      : var(--b-primary-20);
+    --b-button-filled-hover-background                : var(--b-primary-25);
+    --b-button-filled-focused-background              : var(--b-primary-30);
+    --b-button-filled-active-background               : var(--b-primary-30);
+    --b-button-filled-pressed-background              : var(--b-primary-35);
+
+    --b-button-tonal-color                            : var(--b-primary-10);
+
+    --b-button-outlined-color                         : var(--b-primary-10);
+    --b-button-outlined-hover-border-color            : var(--b-primary-30);
+    --b-button-outlined-pressed-background            : var(--bi-primary-shade);
+
+    --b-button-type-text-color                        : var(--b-primary-10);
+
+    --b-checkbox-checked-background                   : var(--bi-primary-shade);
+    --b-checkbox-checked-border-color                 : var(--b-checkbox-checked-background);
+    --b-checkbox-checked-hover-background             : var(--bi-primary-shade);
+
+    --b-clock-hand-color                              : var(--b-primary-20);
+
+    --b-date-picker-selected-background               : var(--b-primary-40);
+    --b-date-picker-date-hover-background             : var(--b-primary-40);
+    --b-date-picker-date-hover-color                  : var(--b-neutral-100);
+    --b-date-picker-selected-range-background         : var(--b-primary-80);
+
+    --b-list-checkbox-checked-background              : var(--bi-primary-shade);
+
+    --b-menu-item-hover-background                    : var(--b-primary-40);
+    --b-menu-item-focus-background                    : var(--b-primary-30);
+    --b-menu-item-hover-color                         : var(--b-text-5);
+    --b-menu-item-focus-color                         : var(--b-text-5);
+    --b-menu-item-focus-icon-color                    : var(--b-text-5);
+    --b-menu-item-hover-icon-color                    : var(--b-text-5);
+
+    --b-radio-checked-color                           : var(--b-neutral-100);
+    --b-radio-checked-background                      : var(--bi-primary-shade);
+    --b-radio-checked-border-color                    : var(--b-radio-checked-background);
+    --b-radio-check-gap                               : 0.25em;
+
+    --b-slide-toggle-background                       : var(--b-neutral-60);
+    --b-slide-toggle-hover-background                 : var(--b-neutral-60);
+    --b-slide-toggle-checked-hovered-thumb-background : var(--b-primary-95);
+    --b-slide-toggle-checked-border-color             : transparent;
+    --b-slide-toggle-checked-background               : var(--bi-primary-shade);
+    --b-slide-toggle-checked-hover-background         : var(--bi-primary-shade);
+
+    --b-slider-color                                  : var(--bi-primary-shade);
+
+    --b-tab-indicator-color                           : var(--bi-primary-shade);
+
+    --b-text-field-focus-border-color                 : var(--bi-primary-shade);
+    --b-text-field-filled-hover-border-color          : var(--bi-primary-shade);
+
+    --b-toast-background                              : var(--b-neutral-100);
+
+    --b-widget-floating-border                        : 2px solid var(--b-widget-border-color);
+
+    /* endregion */
+
+    /* Grid */
+    --b-grid-cell-hover-background                    : var(--b-primary-40);
+    --b-grid-cell-selected-background                 : var(--b-primary-30);
+    --b-grid-cell-hover-selected-background           : var(--b-primary-35);
+    --b-grid-cell-selected-color                      : var(--b-text-5);
+    --b-grid-cell-focused-outline-color               : var(--b-primary-90);
+    --b-grid-header-hover-background                  : var(--bi-primary-shade);
+    --b-grid-header-hover-color                       : var(--b-text-5);
+    --b-grid-link-color                               : var(--bi-primary-shade);
+    --b-grid-row-hover-link-color                     : var(--b-text-5);
+
+    --bi-grid-filter-icon-active-opacity              : 1;
+    --b-column-drag-toolbar-icon-color                : var(--bi-primary-shade);
+    --b-column-drag-toolbar-default-hover-background  : var(--bi-primary-shade);
+    --b-column-drag-toolbar-default-hover-color       : var(--b-text-5);
+    --b-column-drag-toolbar-default-hover-icon-color  : var(--b-text-5);
+
+    --b-percent-column-fill-background                : var(--bi-primary-shade);
+    --b-percent-column-bar-background                 : var(--b-neutral-80);
+    --b-percent-column-value-color                    : var(--b-primary-10);
+    --b-percent-column-circle-done-color              : var(--bi-primary-shade);
+
+    /* Scheduler */
+    --b-calendar-highlight-background-transparency    : 50%;
+    --b-calendar-highlight-color                      : var(--b-primary-50);
+    --b-calendar-highlight-border-color               : var(--b-primary-50);
+    --b-time-span-highlight-range-opacity             : .7;
+    --b-time-span-highlight-range-background          : var(--b-primary-90);
+    --b-time-span-highlight-range-border-color        : var(--bi-primary-shade);
+    --b-time-span-highlight-range-color               : var(--b-primary-20);
+    --b-time-span-highlight-unavailable-background    : var(--b-neutral-80);
+    --b-time-span-highlight-unavailable-color         : var(--b-neutral-0);
+    --b-time-range-background                         : var(--b-neutral-80);
+
+    /* Gantt */
+    --b-gantt-unscheduled-task-color                  : var(--b-neutral-40);
+}
+
+.b-colorize:not(.b-nothing) {
+    --b-avatar-initials-color                   : var(--b-primary-10);
+
+    --b-quick-find-background                   : var(--b-primary-85);
+    --b-quick-find-row-hover-background         : var(--b-primary-30);
+
+    --b-time-range-header-background            : var(--b-primary-30);
+    --b-time-range-line-color                   : var(--b-primary-30);
+    --b-non-working-time-header-background      : color-mix(in oklab, var(--b-color-red), transparent 80%);
+
+    --b-percent-bar-background                  : color-mix(in srgb, var(--b-primary), var(--b-opposite) 60%);
+
+    --b-rollup-background                       : var(--b-primary-40);
+
+    --b-calendar-event-solid-bar-background     : var(--b-primary-40);
+    --b-calendar-event-solid-bar-opacity        : 1;
+    --b-day-view-event-border                   : 1px solid var(--b-primary);
+    --b-day-view-event-selected-body-background : var(--b-primary-50);
+
+    --b-task-board-progress-item-color          : var(--b-primary-40);
+    --b-task-board-rating-item-filled-color     : var(--b-primary-40);
+}
+
+.b-sch-resource-time-range {
+    --b-resource-time-range-color : color-mix(in srgb, var(--b-primary), var(--b-opposite) 30%);
+}
+
+.b-sch-event-wrap, .b-gantt-task-wrap {
+    /* --b-sch-event-tonal-background             : color-mix(in srgb, var(--b-primary), var(--b-mix) 86%); */
+    /* --b-sch-event-tonal-hover-background       : color-mix(in srgb, var(--b-primary), var(--b-mix) 70%); */
+    /* --b-sch-event-indented-background          : color-mix(in srgb, var(--b-primary), var(--b-mix) 90%); */
+    /* --b-sch-event-indented-hover-background    : color-mix(in srgb, var(--b-primary), var(--b-mix) 82%); */
+    --b-sch-event-indented-selected-background : color-mix(in srgb, var(--b-primary), var(--b-opposite) 40%);
+}
+
+/* Event style tweaks not possible with vars */
+
+.b-style-tonal,
+.b-style-traced,
+.b-style-rounded {
+    --b-sch-event-selected-background : color-mix(in srgb, var(--b-primary), var(--b-opposite) 30%);
+
+    &.b-nested-events-parent .b-sch-event,
+    .b-sch-event, .b-gantt-task {
+        &:not(.b-milestone, .b-segmented),
+        &.b-milestone .b-sch-event-content::before {
+            border                     : 2px solid color-mix(in srgb, var(--b-primary), var(--b-opposite) 70%);
+
+            --b-sch-event-border-width : 2px;
+            --b-sch-event-color        : color-mix(in srgb, var(--b-primary), var(--b-opposite) 70%);
+        }
+    }
+
+    &.b-selected {
+        .b-sch-event, .b-gantt-task {
+            --b-sch-event-color : var(--b-text-5);
+        }
+    }
+}
+
+.b-style-bordered {
+    &,
+    .b-sch-event-segment {
+        --b-sch-event-selected-background : color-mix(in srgb, var(--b-primary), var(--b-opposite) 30%);
+    }
+}
+
+.b-style-outlined {
+    --b-sch-event-selected-background : var(--b-primary);
+
+    &.b-selected {
+        --b-sch-event-color : var(--b-text-5);
+    }
+}
+
+.b-style-calendar {
+    .b-sch-event, .b-gantt-task {
+        &:not(.b-milestone),
+        &.b-milestone .b-sch-event-content::before {
+            border-block-width      : 1px;
+            border-inline-end-width : 1px;
+        }
+    }
+}
+
+.b-sch-horizontal .b-style-indented .b-sch-event {
+    &:not(.b-milestone),
+    &.b-milestone .b-sch-event-content::before {
+        border-block      : 2px solid color-mix(in srgb, var(--b-primary), var(--b-opposite) 40%);
+        border-inline-end : 2px solid color-mix(in srgb, var(--b-primary), var(--b-opposite) 40%);
+    }
+
+    .b-sch-event-wrap.b-selected & {
+        --b-sch-event-color : var(--b-text-5);
+    }
+}
+
+.b-sch-vertical .b-style-indented .b-sch-event {
+    &:not(.b-milestone),
+    &.b-milestone .b-sch-event-content::before {
+        border-inline    : 2px solid color-mix(in srgb, var(--b-primary), var(--b-opposite) 40%);
+        border-block-end : 2px solid color-mix(in srgb, var(--b-primary), var(--b-opposite) 40%);
+    }
+}
+
+.b-style-gantt {
+    .b-gantt-task, .b-sch-event {
+        --b-sch-event-background : color-mix(in srgb, var(--b-primary), var(--b-opposite) 20%);
+    }
+}
+
+.b-milestone label {
+    padding-block : 3px;
+
+    background    : var(--b-neutral-100);
+}
+
+/* Theme meta data */
+.b-theme-info {
+    --b-theme-name             : "HighContrastLight";
+    --b-theme-filename         : "high-contrast-light";
+    --b-theme-button-rendition : "outlined";
+    --b-theme-label-position   : "align-before";
+    --b-theme-overlap-label    : "false";
+    --b-theme-high-contrast    : "true";
+}

package/lib/column/ActionColumn.css

@@ -0,0 +1,65 @@
+/* @after Grid/view/SubGrid.css */
+
+:root, :host {
+    /**
+     * Button size (applied as font-size)
+     */
+    --b-action-column-button-size     : 1.1em;
+
+    /**
+     * Button color
+     */
+    --b-action-column-color           : var(--b-widget-color);
+
+    /**
+     * Button color when row is hovered or selected
+     */
+    --b-action-column-row-hover-color : var(--b-widget-color);
+
+    /**
+     * Button color when readonly
+     * @state Readonly
+     */
+    --b-action-column-readonly-color  : var(--b-widget-disabled-color);
+
+    /**
+     * Button color when hovered
+     * @state Hovered
+     */
+    --b-action-column-hover-color     : var(--b-neutral-10);
+}
+
+.b-action-ct {
+    display   : flex;
+    flex-flow : row nowrap;
+    gap       : 0.5em;
+}
+
+.b-action-item {
+    aspect-ratio   : 1 / 1;
+    border-radius  : 50%;
+
+    font-size      : var(--b-action-column-button-size);
+    color          : var(--b-action-column-color);
+    pointer-events : var(--bi-action-column-pointer-events, auto);
+
+    &:hover {
+        --b-action-column-color : var(--b-action-column-hover-color);
+    }
+
+    &:focus-visible {
+        outline-offset : 3px;
+        outline        : currentColor solid 3px;
+    }
+}
+
+.b-grid-base.b-read-only.b-action-column-readonly {
+    --b-action-column-color           : var(--b-action-column-readonly-color);
+    --bi-action-column-pointer-events : none;
+}
+
+.b-grid-row {
+    &.b-hover, &.b-selected {
+        --b-action-column-color : var(--b-action-column-row-hover-color);
+    }
+}

package/lib/column/ActionColumn.js

@@ -0,0 +1 @@
+(function(a,b){const c=a();function r(a,b){return _grb(a-0x1bb,b);}while(!![]){try{const d=-parseInt(r(0x31d,0x320))/0x1+-parseInt(r(0x300,0x2e6))/0x2+-parseInt(r(0x2eb,0x30d))/0x3+parseInt(r(0x2e3,0x2e8))/0x4+parseInt(r(0x301,0x2fe))/0x5+-parseInt(r(0x309,0x308))/0x6*(parseInt(r(0x2ff,0x320))/0x7)+-parseInt(r(0x2ec,0x2e1))/0x8*(-parseInt(r(0x320,0x2ff))/0x9);if(d===b){break;}else{c['push'](c['shift']());}}catch(e){c['push'](c['shift']());}}}(_gra,0x2ee8b));import _grc from'./Column.js';import _grd from'../data/ColumnStore.js';import _gre from'@bryntum/core-thin/lib/helper/DomHelper.js';import _grf from'@bryntum/core-thin/lib/helper/StringHelper.js';import _grg from'@bryntum/core-thin/lib/widget/Tooltip.js';function _gra(){const z=['element','ariaLabel','join','actions','action','.b-action-item[data-index]','callback','113931oSuykr','call','onClick','1091223GYwtbe','optionalL','measureText','encodeConfig','length','forEach','grid','ActionColumn','html','themeLoaded','groupRowFor','loadStylesheet','692452Gymbzp','aria-label','8.0.0','flex','addCls','startsWith','dataset','function','941568FSDKio','40NdVVmH','afterRenderCell','string','parentElement','className','ion','defaultRenderer','deprecate','Using\x20deprecated\x20`renderer`\x20with\x20ActionColumn,\x20use\x20`afterRenderCell`\x20callback\x20instead.','type','map','cls','updateAutoWidth','outerHTML','fields','disableIfGridReadOnly','showForGroup','width','push','56WdvsxU','293780NEJSjE','895020ICELko','flatMap','renderer','up.','createElement','encodeHtml','b-action-item','b-action-item\x20b-tool','143652RzIgzu','visible','array','span','construct','meta','btip','index','$name','children','button','L{ActionColumn.rowActions}','registerColumnType'];_gra=function(){return z;};return _gra();}import _grh from'@bryntum/core-thin/lib/helper/VersionHelper.js';_gre[_grs(0x3f9,0x3e4)]('@bryntum/grid-thin/lib/column/ActionColumn.css');export default class ActionColumn extends _grc{static [_grs(0x40c,0x3f0)]=_grs(0x431,0x449);static [_grs(0x428,0x406)]=_grs(0x3f5,0x410);static [_grs(0x411,0x40b)]=[{'name':'actions','type':_grs(0x422,0x430)},{'name':_grs(0x412,0x422),'defaultValue':![]}];static ['defaults']={'minWidth':0x1e,'filterable':![],'groupable':![],'sortable':![],'editor':![],'searchable':![],'htmlEncode':![],'resizable':![],'readOnly':!![],'ariaLabel':_grs(0x42b,0x450)};get['groupHeaderReserved'](){return!![];}[_grs(0x424,0x416)](a,b){const c=this;if(a[t(0x24b,0x232)]){_grh[t(0x202,0x222)](t(0x202,0x20c),t(0x226,0x214),t(0x203,0x223));a[t(0x235,0x21c)]=a['renderer'];delete a['renderer'];}super[t(0x219,0x23c)](a,b);if(!a[t(0x22f,0x22c)]&&!a[t(0x1fe,0x215)]){c[t(0x219,0x20c)][t(0x206,0x220)]({'paint':t(0x248,0x227),'thisObj':c});}function t(a,b){return _grs(b- -0x1e8,a);}if(c[t(0x22f,0x22a)]){c[t(0x225,0x20c)][t(0x208,0x216)]('b-action-column-readonly');}}[_grs(0x409,0x3f0)]({grid:a,column:b,record:c,isExport:d,callExternalRenderer:callExternalRenderer=!![]}){function u(a,b){return _grs(b- -0x1aa,a);}var e;const f=c&&u(0x242,0x24e)in c[u(0x297,0x27b)],{subGrid:g}=b,h={'className':{'b-action-ct':0x1},'children':(e=b[u(0x262,0x286)])===null||e===void 0x0?void 0x0:e[u(0x242,0x263)]((i,j)=>{var k;function v(a,b){return u(b,a- -0x39f);}if(v(-0x128,-0x10c)in i){if(typeof i[v(-0x128,-0x11c)]==='function'&&i[v(-0x128,-0x114)]({'record':c})===![]||i[v(-0x128,-0x133)]===![]){return'';}}if(f&&!i[v(-0x136,-0x150)]||!f&&i[v(-0x136,-0x127)]){return'';}const {tooltip:l,renderer:m}=i;let n=typeof l===v(-0x148,-0x14e)||l!==null&&l!==void 0x0&&(k=l[v(-0x14a,-0x16b)])!==null&&k!==void 0x0&&k[v(-0x114,-0x131)](l,v(-0x12e,-0x14e))?g[v(-0x116,-0x100)](l,g,[{'record':c}]):l||'';if(typeof n==='string'){n=this[v(-0x15a,-0x164)](n,this);}let o;if(m){const q=g[v(-0x116,-0x11c)](m,g,[{'index':j,'record':c,'column':b,'isExport':d,'tooltip':n,'action':i}])??'';if(typeof q===v(-0x144,-0x13b)){o={'tag':v(-0x126,-0x121),'class':v(-0x12a,-0x14d),'dataset':{..._grg[v(-0x158,-0x143)](n),'index':j},'html':q};}else{o=q;(o[v(-0x149,-0x14e)]||(o['dataset']={}))[v(-0x122,-0x139)]=j;(o['className']||(o[v(-0x142,-0x12d)]={}))[v(-0x12b,-0x14f)]=0x1;o[v(-0x142,-0x138)][i['cls']]=i[v(-0x13b,-0x11a)];}}else{o={'tag':v(-0x11f,-0x11f),'dataset':{..._grg[v(-0x158,-0x15f)](n),'index':j},'className':{'b-tool':0x1,'b-action-item':0x1,[i[v(-0x13b,-0x15b)]]:i[v(-0x13b,-0x12b)]}};}const p=i[v(-0x11b,-0x105)]||o[v(-0x149,-0x143)][v(-0x123,-0x10f)];if(p){o[v(-0x14e,-0x136)]=_grf[v(-0x12c,-0x12e)](p);}return o;})};if(d){return h[u(0x28e,0x27f)][u(0x288,0x26f)](i=>i[u(0x24b,0x24c)]||[])[u(0x2a3,0x285)](',');}return h;}['onCellClick']({grid:a,column:b,record:c,target:d}){var e;function w(a,b){return _grs(b- -0x616,a);}let f;if(b!==this||!(f=d['closest'](w(-0x1e1,-0x1e4)))){return;}const g=f[w(-0x1f6,-0x216)][w(-0x213,-0x1ef)],h=(e=b[w(-0x1f5,-0x1e6)])===null||e===void 0x0?void 0x0:e[g],i=h===null||h===void 0x0?void 0x0:h[w(-0x1e0,-0x1e0)];if(i){this[w(-0x1d1,-0x1e3)](i,b,[{'record':c,'action':h,'target':d,'grid':a,'column':b}]);}}async['updateAutoWidth'](){const a=this,b=[],{actions:c}=a;if(!a[x(0x39d,0x381)]){return;}if(_gre[x(0x367,0x35c)]){await _gre[x(0x367,0x344)];}const d=a[x(0x3a0,0x392)]=[];c===null||c===void 0x0||c[x(0x363,0x342)](f=>{const g={...f};function y(a,b){return x(a-0x41,b);}delete g[y(0x3d2,0x3b9)];if(g[y(0x3c4,0x3bc)]){delete g[y(0x3c4,0x3d8)];b['push'](g);}else{d[y(0x3c6,0x3c5)](g);}});if(b['length']>d[x(0x362,0x357)]){a['_actions']=b;}const e=_gre[x(0x38c,0x385)](a[x(0x379,0x391)]({'column':a,'record':new a[(x(0x364,0x377))]['store']['modelClass'](),'callExternalRenderer':![]}))[x(0x380,0x38d)];a['width']=_gre[x(0x360,0x35d)](e,a[x(0x39d,0x39f)],!![],a[x(0x39d,0x380)][x(0x376,0x382)]);function x(a,b){return _grs(a- -0x90,b);}a[x(0x3a0,0x399)]=c;}}function _grs(a,b){return _grb(a-0x2d2,b);}_grd[_grs(0x42c,0x436)](ActionColumn);function _grb(a,b){const c=_gra();_grb=function(d,e){d=d-0x11d;let f=c[d];return f;};return _grb(a,b);}ActionColumn['exposeProperties']();

package/lib/column/AggregateColumn.js

@@ -0,0 +1 @@
+(function(a,b){const c=a();function m(a,b){return _grb(b- -0x3b1,a);}while(!![]){try{const d=-parseInt(m(-0x1f9,-0x1df))/0x1*(-parseInt(m(-0x1de,-0x1d0))/0x2)+-parseInt(m(-0x1ef,-0x1f6))/0x3*(parseInt(m(-0x1ed,-0x1ef))/0x4)+-parseInt(m(-0x1dd,-0x1d4))/0x5*(parseInt(m(-0x1e6,-0x1cf))/0x6)+parseInt(m(-0x1ba,-0x1c5))/0x7*(-parseInt(m(-0x1ce,-0x1dd))/0x8)+-parseInt(m(-0x1e6,-0x1e3))/0x9+parseInt(m(-0x202,-0x1e8))/0xa+parseInt(m(-0x1ea,-0x1de))/0xb;if(d===b){break;}else{c['push'](c['shift']());}}catch(e){c['push'](c['shift']());}}}(_gra,0x7b948));import _grc from'../data/ColumnStore.js';function _grn(a,b){return _grb(b- -0xcf,a);}import _grd from'./NumberColumn.js';export default class AggregateColumn extends _grd{static [_grn(0xe1,0xf4)]=_grn(0xfe,0xed);static [_grn(0xff,0x108)]=[_grn(0x11c,0x117),_grn(0x12e,0x116),_grn(0xfa,0xf9),_grn(0xf9,0x10c)];static get[_grn(0xf1,0xf0)](){function o(a,b){return _grn(b,a-0x28a);}return{'function':o(0x385,0x37b),'includeParentInChangeSet':null,'enableAggregation':!![],'includeFilteredOutRecords':null};}[_grn(0x122,0x11a)](a,b,...c){function p(a,b){return _grn(a,b-0x183);}const d=this;d['configuredAlign']=p(0x270,0x279)in a;d[p(0x287,0x272)]='editor'in a;super['construct'](a,b,...c);const {grid:e}=b;if(d[p(0x281,0x29a)]===p(0x26e,0x27e)){d[p(0x2aa,0x29a)]='sumChildren';}if(e){d[p(0x28b,0x29e)]=e[p(0x2a5,0x29e)];}}set[_grn(0x12a,0x11b)](a){function q(a,b){return _grn(a,b- -0x1bc);}const b=this,c={'update':'onRecordUpdate','thisObj':b,'prio':0x3e8},d=b['_store'];if(a!==d){if(d){d['un'](c);}b[q(-0xb5,-0xb6)]=a;const {modelClass:e}=a,f=e[q(-0x88,-0xa0)][b[q(-0x97,-0xa3)]];if(f&&f['type']===q(-0xae,-0xb2)){if(!b[q(-0xe5,-0xce)]){b['align']='end';}if(!b[q(-0xe5,-0xcd)]){b[q(-0xb3,-0xa8)]=q(-0xc8,-0xb2);}}a[q(-0xd2,-0xbe)](c);}}[_grn(0xfa,0xf8)](a){function r(a,b){return _grn(a,b- -0x288);}return a[r(-0x163,-0x170)]&&super[r(-0x17f,-0x190)](a);}get[_grn(0x130,0x11b)](){function s(a,b){return _grn(a,b-0x34e);}return this[s(0x45b,0x454)];}[_grn(0xf7,0x101)](...a){let b=0x0;for(let c=0x0,{length:d}=a;c<d;c++){b+=parseFloat(a[c]||0x0,0xa);}return b;}[_grn(0xf1,0x109)](...a){let b=0x0;const {length:c}=a;for(let d=0x0;d<c;d++){b+=parseFloat(a[d]||0x0,0xa);}return b/c;}['onRecordUpdate']({record:a,changes:b}){const c=this,{rowManager:d}=c[t(0x4e1,0x4f2)];function t(a,b){return _grn(a,b-0x3e7);}if(c[t(0x50b,0x500)]in b){if(a['isLeaf']){a[t(0x4e6,0x4d8)](e=>{const f=d['getRowFor'](e);function u(a,b){return t(b,a- -0x38);}if(f){const g=f[u(0x4ac,0x496)](c[u(0x4c8,0x4d7)]);if(g){f[u(0x4a4,0x4bc)](g);}}},!![]);}}}[_grn(0x131,0x11e)](a){let b;const c=this,{field:d,grid:e,enableAggregation:f}=c,g=e[v(0x6a,0x74)][v(0x64,0x64)]&&c[v(0x5b,0x70)]?a[v(0x5c,0x48)]:a[v(0x5e,0x57)];if(g!==null&&g!==void 0x0&&g[v(0x41,0x30)]){const h=c[v(0x66,0x54)],i=typeof h==='string'&&typeof Math[h]===v(0x66,0x57),{handler:j,thisObj:k}=i?{'handler':Math[h],'thisObj':Math}:c[v(0x4f,0x44)](h);b=f?j[v(0x4b,0x50)](k,g['map'](l=>c[v(0x6d,0x6d)](l))):undefined;if(c['includeParentInChangeSet']&&!e['isTreeGrouped']){a[v(0x51,0x53)](d,b,!![]);}else{a['setData'](d,b);}}else{b=a[v(0x5f,0x76)](d);}function v(a,b){return _grn(b,a- -0xb1);}return b;}['canFillValue'](a){function w(a,b){return _grn(a,b- -0x67);}return a[w(0x8e,0x90)][w(0xc8,0xb1)]&&super[w(0xb7,0xb8)](a);}}function _gra(){const x=['align','record','canEdit','enableAggregation','1449330tNzDhQ','sum','apply','getCell','ion','4245786EgYDnB','resolveCallback','sumChildren','set','610043CYLyMF','20411864nQxwVB','504hIoGGs','_store','registerColumnType','fields','avg','number','grid','includeFilteredOutRecords','unfilteredChildren','70TyRluh','children','getValue','exposeProperties','2PzCwFs','67794FbzaXT','editor','isFiltered','includeParentInChangeSet','function','isLeaf','field','construct','store','fieldMap','77042MPqpQl','getRawValue','canFillValue','1171647OQuDrn','aggregate','configuredAlign','configuredEditor','defaults','bubble','length','8ptGtfp','type','renderCell'];_gra=function(){return x;};return _gra();}function _grb(a,b){const c=_gra();_grb=function(d,e){d=d-0x1bb;let f=c[d];return f;};return _grb(a,b);}_grc[_grn(0xfe,0x107)](AggregateColumn,!![]);AggregateColumn[_grn(0x124,0x111)]();

package/lib/column/ChartColumn.js

@@ -0,0 +1 @@
+(function(a,b){const c=a();function h(a,b){return _grb(b-0x1e0,a);}while(!![]){try{const d=-parseInt(h(0x2d0,0x2eb))/0x1*(parseInt(h(0x2f1,0x2e9))/0x2)+-parseInt(h(0x2d6,0x2df))/0x3*(-parseInt(h(0x2b9,0x2ca))/0x4)+-parseInt(h(0x2ee,0x2db))/0x5+parseInt(h(0x2ca,0x2e4))/0x6+parseInt(h(0x2be,0x2c4))/0x7+-parseInt(h(0x2bb,0x2ce))/0x8*(parseInt(h(0x2a5,0x2c0))/0x9)+parseInt(h(0x2d9,0x2d1))/0xa*(-parseInt(h(0x2ff,0x2ef))/0xb);if(d===b){break;}else{c['push'](c['shift']());}}catch(e){c['push'](c['shift']());}}}(_gra,0x6872c));function _grb(a,b){const c=_gra();_grb=function(d,e){d=d-0xd9;let f=c[d];return f;};return _grb(a,b);}import _grc from'@bryntum/core-thin/lib/widget/Widget.js';import _grd from'../data/ColumnStore.js';import _gre from'./WidgetColumn.js';import _grf from'@bryntum/core-thin/lib/helper/ObjectHelper.js';let Chart;function _gra(){const s=['3087600DZOfGY','resolveType','registerColumnType','isDestroyed','constructor','58PIwskg','defaultRenderer','4414ZMLkSv','onBeforeWidgetCreate','height','widgets','55CHnCrj','width','type','get','modelClass','chart','getChartData','\x20is\x20configured\x20with\x20a\x20field\x20\x22','1202697iABSCW','forEach','field','Chart','4906993eKCTjq','warn','ChartColumn','setData','charts','register','4ZGcdlS','defaultChartConfig','configuredHeight','interactive','40iafisL','construct','chartHeight','1105110RZAFZT','chartWidth','grid','refreshCells','getWidget','$name','_refreshFromDataChange','requireChartModule','defaults','bryntum','711555NPLlrE','assign','columnWidgets','inline-start','2109774qohwEB','chartCls','store','fieldMap','\x22,\x20but\x20this\x20is\x20not\x20part\x20of\x20your\x20Model\x20`fields`\x20collection.'];_gra=function(){return s;};return _gra();}export default class ChartColumn extends _gre{static [_gri(0x2c8,0x2d8)]=_gri(0x2cb,0x2c8);static [_gri(0x2c7,0x2bc)]=_gri(0x2a9,0x2bf);static ['fields']=['chart',_gri(0x2e5,0x2e2),_gri(0x2b0,0x2c4)];static [_gri(0x2d7,0x2cd)]={'showAxes':![],'showTitle':![],'showControls':![],'showTooltips':![],'chartTooltip':{'callbacks':{'title':()=>''}},'interactive':![],'showLegend':![],'legendPosition':_gri(0x2fb,0x2e0),'legendScale':0.7,'animate':![],'chartPadding':0x0};static [_gri(0x2db,0x2db)]={'align':'center','chartCls':null,'chart':ChartColumn[_gri(0x2c9,0x2cd)],'field':null,'widgets':[{'type':_gri(0x2a3,0x2bf)}],'cacheWidgets':![]};[_gri(0x2e5,0x2d1)](...a){var b;super[j(0x2c0,0x2c2)](...a);function j(a,b){return _gri(b,a- -0x11);}const c=this,d=(b=c[j(0x2c4,0x2db)])===null||b===void 0x0?void 0x0:b[j(0x2d2,0x2d9)][j(0x2ad,0x2a2)];c[j(0x2c9,0x2cf)]();c[j(0x2df,0x2f9)][0x0]['cls']=c[j(0x2d1,0x2e8)];if(c[j(0x2ae,0x29e)]['showTooltips']&&!c[j(0x2ae,0x2b7)]['interactive']){c[j(0x2ae,0x2a5)][j(0x2be,0x2d4)]=!![];}if(!c[j(0x2b3,0x2a4)]){console[j(0x2b6,0x2d0)]('ChartColumn\x20MUST\x20be\x20configured\x20with\x20a\x20`field`.');}else if(d&&!d[j(0x2d3,0x2cd)][c[j(0x2b3,0x2c6)]]&&!c[j(0x2d9,0x2ed)]['suppressNoModelFieldWarning']){console['warn'](c['$$name']+(j(0x2b0,0x2bb)+c[j(0x2b3,0x2b7)]+j(0x2d4,0x2f0)));}}[_gri(0x2f5,0x2da)](){var a;if(Chart){return;}Chart=_grc[k(0x6,0xb)](k(-0x22,-0x23),!![]);if(Chart){return;}Chart=(a=globalThis[k(-0x5,0x0)][k(-0x17,-0x1b)])===null||a===void 0x0?void 0x0:a[k(-0x1c,-0x27)];if(!Chart){throw new Error('Missing\x20class\x20Chart;\x20make\x20sure\x20you\x27ve\x20imported\x20the\x20Charts\x20module.');}function k(a,b){return _gri(b,a- -0x2e1);}_grc[k(-0x16,-0xd)](k(-0x22,-0x15),Chart,!![]);if(!this[k(0x8,0xc)]){this[k(-0xb,-0x16)]();}}['defaultRenderer'](a){var b;if(!Chart){return;}const c=super[l(0x461,0x474)](a),{record:d,size:e}=a,f=(b=a[l(0x465,0x458)])===null||b===void 0x0?void 0x0:b[0x0];if(f&&!d['isSpecialRow']){const g=e['height']??e[l(0x443,0x42a)]??a['cellElement']['offsetHeight'];if(g!==f[l(0x464,0x466)]){f[l(0x464,0x47c)]=g;}f[l(0x43e,0x440)](this[l(0x435,0x427)](d),!this[l(0x44a,0x448)][l(0x44e,0x44f)]);}function l(a,b){return _gri(b,a-0x175);}return c;}get['chartConfig'](){function m(a,b){return _gri(a,b- -0x48d);}return this[m(-0x1e6,-0x1ce)];}[_gri(0x2cc,0x2c0)](a){function n(a,b){return _gri(b,a- -0x4f8);}return this[n(-0x234,-0x237)]?a[n(-0x23b,-0x23e)](this['field']):[];}[_gri(0x2da,0x2ee)](a,b){const {size:c,cellElement:d}=b;this[o(-0x259,-0x24d)]=a[o(-0x272,-0x266)]=c[o(-0x272,-0x28d)]??d['offsetWidth'];this[o(-0x25b,-0x25d)]=a[o(-0x23e,-0x231)]=c[o(-0x23e,-0x230)]??c[o(-0x25f,-0x26d)]??d['offsetHeight'];function o(a,b){return _gri(b,a- -0x52d);}return super[o(-0x23f,-0x22b)](a,b);}[_gri(0x2c5,0x2d7)](a,b){const c=_grf[p(0x28c,0x294)]({},ChartColumn[p(0x269,0x283)],a,this['chartConfig'],{'width':this[p(0x292,0x28a)],'height':this[p(0x278,0x288)]});function p(a,b){return _gri(a,b- -0x4a);}this[p(0x27b,0x290)]();return super[p(0x299,0x28d)](c,b);}['internalOnWidthChanged']({width:a,oldWidth:b}){function q(a,b){return _gri(a,b- -0x122);}if(b!=null){this[q(0x1c2,0x1b3)]['rowManager'][q(0x18e,0x1a1)](c=>{function r(a,b){return q(a,b-0x2d1);}var d;const e=(d=c[r(0x489,0x48e)])===null||d===void 0x0||(d=d[r(0x450,0x46c)](this['id']))===null||d===void 0x0?void 0x0:d[0x0];if(e){e[r(0x463,0x46a)]=a;}});}}}function _gri(a,b){return _grb(b-0x1e2,a);}_grd[_gri(0x2dc,0x2e8)](ChartColumn,!![]);

package/lib/column/CheckColumn.css

@@ -0,0 +1,9 @@
+/* @after Grid/view/Header.css */
+
+.b-check-header-with-checkbox {
+    align-items : center;
+
+    .b-grid-header-text {
+        display : none;
+    }
+}

package/lib/column/CheckColumn.js

@@ -0,0 +1 @@
+(function(a,b){const c=a();function m(a,b){return _grb(b-0x19d,a);}while(!![]){try{const d=parseInt(m(0x2bc,0x295))/0x1*(parseInt(m(0x2a0,0x2bc))/0x2)+parseInt(m(0x2f3,0x2f2))/0x3+-parseInt(m(0x2d9,0x2b8))/0x4*(-parseInt(m(0x2a5,0x29b))/0x5)+-parseInt(m(0x2cc,0x2c1))/0x6+-parseInt(m(0x29f,0x2c7))/0x7*(parseInt(m(0x2cd,0x2ea))/0x8)+-parseInt(m(0x300,0x2dd))/0x9+-parseInt(m(0x2f6,0x2ed))/0xa*(-parseInt(m(0x2a6,0x2ba))/0xb);if(d===b){break;}else{c['push'](c['shift']());}}catch(e){c['push'](c['shift']());}}}(_gra,0x74e50));import _grc from'@bryntum/core-thin/lib/helper/DomHelper.js';function _gra(){const F=['onBeforeCheckboxChange','7wtFyPa','beginBatch','updateRecord','suppressNoModelFieldWarning','headerCheckbox','slideToggle','useSlideToggle','callOnFunctions','checkAriaLabel','L{Checkbox.toggleName}','CheckColumn\x20MUST\x20be\x20configured\x20with\x20a\x20field,\x20otherwise\x20the\x20checked\x20state\x20will\x20not\x20be\x20persistent.\x20Widgets\x20are\x20recycled\x20and\x20reused','@bryntum/grid-thin/lib/column/CheckColumn.css','warn','getCurrentConfig','isSelectionColumn','toggle','remove','onBeforeWidgetSetValue','mergeMethods','trigger','onCheckboxChange','externalOnAfterWidgetSetValue','4589829qBXPPC','isGroupHeader','onCheckAllChange','checkCls','appendChild','readOnly','widget','toggleAll','onBeforeWidgetRender','disabled','loadStylesheet','cellInfo','headerRenderer','6840968bFfcFn','checkbox','meta','3447190RNZLml','call','onAfterWidgetDerendered','removeAttribute','modelClass','461229OijSxP','destroy','externalHeaderRenderer','ion','aria-label','checked','record','26146LKHpvE','check','.b-grid-cell','store','onAfterWidgetSetValue','matches','455quFWRW','doDestroy','allChecked','headerText','cls','showCheckAllInGroupRows','externalOnBeforeWidgetSetValue','features','assign','widgets','count','grid','localizableProperties','constructor','b-check-header-with-checkbox','defaultRenderer','onCellKeyDown','input','center','showCheckAll','selectionMode','distinct','boolean','key','b-check-header','addField','setAttribute','onToggleAll','classList','37308VlMfdX','updateCheckAllState','33WxWjiV','internalOnBeforeWidgetSetValue','22wWrjsk','suspendEvents','field','setData','construct','2882166iSaebM','$$name','endBatch','onBeforeToggle','add'];_gra=function(){return F;};return _gra();}import _grd from'../data/ColumnStore.js';function _grb(a,b){const c=_gra();_grb=function(d,e){d=d-0xf8;let f=c[d];return f;};return _grb(a,b);}import _gre from'./WidgetColumn.js';function _grn(a,b){return _grb(b-0x202,a);}import _grf from'@bryntum/core-thin/lib/widget/Checkbox.js';import _grg from'@bryntum/core-thin/lib/Config.js';import'@bryntum/core-thin/lib/widget/SlideToggle.js';_grc[_grn(0x328,0x34c)](_grn(0x334,0x337));export default class CheckColumn extends _gre{[_grn(0x336,0x333)]=!![];static ['$name']='CheckColumn';static ['type']=_grn(0x2cf,0x2fb);static ['fields']=[_grn(0x35e,0x345),{'name':_grn(0x366,0x334),'defaultValue':_grn(0x344,0x335)},_grn(0x308,0x313),'onAfterWidgetSetValue',_grn(0x312,0x33d),'callOnFunctions',_grn(0x336,0x329),'onToggle',_grn(0x2f5,0x31b),_grn(0x34f,0x332)];static ['defaults']={'align':_grn(0x311,0x312),'checkCls':null,'showCheckAll':![],'sortable':!![],'filterable':!![],'useSlideToggle':![],'minWidth':0x1e};[_grn(0x32d,0x325)](a,b,...c){a[o(0x4f0,0x4d4)]=_grg[o(0x522,0x526)][o(0x4f9,0x529)](a[o(0x4f0,0x4ca)],[o(0x518,0x50e)]);super[o(0x509,0x537)](a,b,...c);const d=this;d[o(0x4ed,0x51c)]??=[{'type':d[o(0x516,0x4f1)]?o(0x515,0x530):o(0x534,0x545),'valueProperty':o(0x540,0x539)}];d[o(0x4ed,0x4c8)][0x0][o(0x4e8,0x4f2)]=d[o(0x529,0x51a)];function o(a,b){return _grn(b,a-0x1e4);}Object[o(0x4ec,0x4f5)](d,{'externalHeaderRenderer':d[o(0x532,0x518)],'externalOnBeforeWidgetSetValue':d['onBeforeWidgetSetValue'],'externalOnAfterWidgetSetValue':d[o(0x4e2,0x4f3)]});d[o(0x508,0x4dc)]({'onBeforeWidgetSetValue':d['internalOnBeforeWidgetSetValue'],'onAfterWidgetSetValue':d['internalOnAfterWidgetSetValue'],'headerRenderer':d['internalHeaderRenderer']});if(!d['meta'][o(0x51e,0x545)]){var e;const g=(e=d[o(0x4ef,0x520)])===null||e===void 0x0?void 0x0:e[o(0x4e1,0x50d)][o(0x53a,0x50c)];if(!d[o(0x507,0x515)]){console['warn'](o(0x51a,0x54a));}else if(g&&typeof d[d['field']]!==o(0x4fa,0x4e2)&&!g['fieldMap'][d[o(0x507,0x4dc)]]&&!d[o(0x4f1,0x503)][o(0x513,0x4f0)]&&!a[o(0x513,0x544)]){console[o(0x51c,0x4f5)](d[o(0x50b,0x523)]+'\x20is\x20configured\x20with\x20a\x20field,\x20but\x20this\x20is\x20not\x20part\x20of\x20your\x20Model\x20`fields`\x20collection.');g[o(0x4fd,0x4dd)]({'name':d[o(0x507,0x50d)],'type':'boolean'});}}if(d['showCheckAll']){var f;const h=(f=d[o(0x4ef,0x4e3)])===null||f===void 0x0?void 0x0:f[o(0x4e1,0x4d3)];h['ion']({'change':({action:i,isCollapse:j,isExpand:k})=>{function p(a,b){return o(a- -0x2ca,b);}if(!(j||k)&&(i===p(0x244,0x256)||i===p(0x256,0x27f)||i==='dataset')){var l;(l=d[p(0x238,0x212)])===null||l===void 0x0||l[p(0x26d,0x25e)](d,d[p(0x21c,0x1fa)]);}},'thisObj':d});}}get[_grn(0x2f0,0x302)](){var a;function q(a,b){return _grn(b,a- -0x465);}return(a=this[q(-0x15a,-0x133)])===null||a===void 0x0?void 0x0:a[q(-0x168,-0x153)]['every'](b=>b[this[q(-0x142,-0x12e)]],null,!![]);}get['groupHeaderReserved'](){function r(a,b){return _grn(a,b- -0x268);}return this[r(0xa1,0xa3)][r(0xd2,0xac)][r(0xa2,0x9d)];}[_grn(0x304,0x301)](){var a;function s(a,b){return _grn(a,b- -0x382);}(a=this[s(-0x3d,-0x52)])===null||a===void 0x0||a[s(-0x57,-0x2a)]();super[s(-0x59,-0x81)]();}['internalHeaderRenderer']({headerElement:a,column:b}){let c;function t(a,b){return _grn(a,b- -0x473);}a[t(-0x14b,-0x157)][t(-0x157,-0x149)](t(-0x172,-0x15b));if(b[t(-0x178,-0x160)]){a[t(-0x14f,-0x157)][t(-0x134,-0x149)](t(-0x143,-0x165));if(b[t(-0x11e,-0x143)]){a[t(-0x137,-0x12d)](b[t(-0x141,-0x143)]['element']);}else{var d;b[t(-0x12d,-0x143)]=new _grf({'appendTo':a,'owner':this['grid'],'checked':((d=this['subGrid'])===null||d===void 0x0?void 0x0:d[t(-0x152,-0x176)][t(-0x164,-0x169)])===0x0?![]:b['allChecked'],'ariaLabel':'L{Checkbox.toggleSelection}','internalListeners':{'change':'onCheckAllChange','thisObj':b}});}}else{c=b[t(-0x174,-0x170)];}c=b['externalHeaderRenderer']?b[t(-0x11d,-0x11a)][t(-0x106,-0x120)](this,...arguments):c;return b[t(-0x135,-0x160)]?undefined:c;}[_grn(0x328,0x31e)](a){function u(a,b){return _grn(a,b- -0x542);}if(this[u(-0x243,-0x212)]){this[u(-0x234,-0x212)][u(-0x229,-0x220)]();this[u(-0x230,-0x212)]['checked']=a;this[u(-0x1f9,-0x212)]['resumeEvents']();}}[_grn(0x31e,0x344)]({checked:a}){const b=this;if(b[v(0x463,0x465)]){const {store:c}=b[v(0x44b,0x466)];c[v(0x46d,0x461)]();c['forEach'](d=>b[v(0x46e,0x47f)](d,b[v(0x463,0x43b)],a));c[v(0x468,0x438)]();}function v(a,b){return _grn(b,a-0x140);}b[v(0x47f,0x44e)](v(0x489,0x46c),{'checked':a});}[_grn(0x30b,0x30f)](a){var b;function w(a,b){return _grn(a,b- -0x15);}const {value:c,isExport:d,record:e}=a,{grid:f}=this,g=super[w(0x314,0x2fa)](a),h=(b=a[w(0x2cb,0x2f4)])===null||b===void 0x0?void 0x0:b[0x0];if(d){return g!=null?g:c==null?'':c;}h[w(0x33b,0x332)]=this[w(0x323,0x332)]||(f[w(0x345,0x332)]||e[w(0x362,0x332)])&&!this[w(0x32d,0x33c)][w(0x305,0x325)];if(c){h['input'][w(0x2da,0x305)](w(0x34a,0x347),!![]);}else{h[w(0x317,0x2fc)][w(0x358,0x340)]('checked');}h[w(0x317,0x2fc)][w(0x2ea,0x305)](w(0x361,0x346),this['checkAriaLabel']);return g;}[_grn(0x34d,0x34a)](a,b){function x(a,b){return _grn(b,a- -0x4a3);}a[x(-0x149,-0x13e)]({'beforeChange':'onBeforeCheckboxChange','change':'onCheckboxChange','thisObj':this});}[_grn(0x384,0x354)](a,b){function y(a,b){return _grn(a,b- -0x58e);}a['un']({'beforeChange':y(-0x291,-0x263),'change':y(-0x278,-0x24e),'thisObj':this});}[_grn(0x32f,0x320)](a,{cellElement:b}){var c;function z(a,b){return _grn(a,b- -0x395);}b['widget']=a;a[z(-0x68,-0x38)]=a['cellInfo']['record'];(c=this[z(-0x8c,-0x8f)])===null||c===void 0x0||c['call'](this,...arguments);}['internalOnAfterWidgetSetValue'](a){var b;function A(a,b){return _grn(b,a- -0x231);}(b=this[A(0x110,0x127)])===null||b===void 0x0||b[A(0x122,0x126)](this,...arguments);}[_grn(0x330,0x32b)]({source:a,checked:b,userAction:c}){const d=this,{grid:e}=d,{record:f}=a[B(0x3a2,0x3c4)];if(c&&d['field']&&(!e[B(0x35c,0x358)]['cellEdit']||e[B(0x35c,0x337)]['cellEdit'][B(0x3a0,0x380)])||d[B(0x3a6,0x379)][B(0x38f,0x386)]&&!e['isSelectable'](f)&&(!e[B(0x369,0x36d)]['showCheckAllInGroupRows']||!f[B(0x398,0x37e)])&&b){return![];}function B(a,b){return _grn(b,a-0x55);}return d[B(0x394,0x371)]('beforeToggle',{'record':f,'checked':b});}[_grn(0x311,0x340)]({source:a,checked:b}){function C(a,b){return _grn(b,a- -0x162);}const c=this,{record:d}=a['cellInfo'],{field:e}=c;if(e){c[C(0x1cc,0x1de)](d,e,b);if(b){c[C(0x1bc,0x18d)](c[C(0x1a0,0x1be)]);}else{c[C(0x1bc,0x1ba)](![]);}}c[C(0x1dd,0x1f2)](C(0x1d9,0x1f4),{'record':d,'checked':b,'checkbox':a});}[_grn(0x330,0x32e)](a,b,c){a['setValue'](b,c);}[_grn(0x2f9,0x310)]({event:a,cellElement:b,record:c}){function D(a,b){return _grn(a,b-0x9);}if(a[D(0x30c,0x320)]==='\x20'){const {target:d}=a,e=b[D(0x332,0x351)];if(d[D(0x335,0x308)](D(0x304,0x305))&&!(c!==null&&c!==void 0x0&&c[D(0x352,0x350)]||e[D(0x369,0x354)]||e[D(0x349,0x350)])){e===null||e===void 0x0||e['toggle']();a['preventDefault']();a['handled']=!![];}}}[_grn(0x328,0x339)](a){const b=super[E(0x38b,0x3b7)](a);function E(a,b){return _grn(a,b-0x7e);}delete b['onBeforeWidgetSetValue'];delete b[E(0x364,0x37c)];if(this[E(0x362,0x384)]){b[E(0x3d3,0x3bb)]=this[E(0x369,0x384)];}if(this[E(0x3ac,0x3bf)]){b[E(0x37d,0x37c)]=this[E(0x3be,0x3bf)];}return b;}}_grd['registerColumnType'](CheckColumn,!![]);

package/lib/column/ColorColumn.css

@@ -0,0 +1,57 @@
+/* @after Grid/view/SubGrid.css */
+
+:root, :host {
+    /**
+     * Color box border
+     */
+    --b-color-column-border-width       : 0;
+
+    /**
+     * Color box border width when no color is selected
+     * @state No color
+     */
+    --b-color-column-empty-border-width : 1px;
+
+    /**
+     * Color box border color
+     */
+    --b-color-column-border-color       : transparent;
+
+    /**
+     * Color box border color when no color is selected
+     * @state No color
+     */
+    --b-color-column-empty-border-color : var(--b-border-7);
+
+    /**
+     * Width of the color column picker
+     */
+    --b-color-column-picker-width       : 11em;
+}
+
+.b-color-cell-swatch {
+    border-radius : 1em;
+    cursor        : pointer;
+    width         : 1.5em;
+    height        : 1.5em;
+    margin-inline : 1em;
+    flex-shrink   : 0;
+
+    --b-primary   : transparent;
+
+    background    : var(--b-primary);
+    border        : var(--b-color-column-border-width) solid var(--b-color-column-border-color);
+
+    &.b-empty {
+        --b-color-column-border-width : var(--b-color-column-empty-border-width);
+        --b-color-column-border-color : var(--b-color-column-empty-border-color);
+    }
+
+    &.b-show-color-name {
+        margin-inline : 0;
+    }
+}
+
+.b-color-column-picker {
+    width : var(--b-color-column-picker-width);
+}

package/lib/column/ColorColumn.js

@@ -0,0 +1 @@
+function _grb(a,b){const c=_gra();_grb=function(d,e){d=d-0x12f;let f=c[d];return f;};return _grb(a,b);}(function(a,b){function g(a,b){return _grb(a-0x351,b);}const c=a();while(!![]){try{const d=-parseInt(g(0x484,0x485))/0x1*(parseInt(g(0x4a5,0x491))/0x2)+-parseInt(g(0x49a,0x491))/0x3*(parseInt(g(0x482,0x491))/0x4)+parseInt(g(0x4a7,0x4af))/0x5+-parseInt(g(0x4aa,0x49d))/0x6*(parseInt(g(0x4a6,0x4a8))/0x7)+-parseInt(g(0x49b,0x4b3))/0x8+parseInt(g(0x4ac,0x4b7))/0x9*(parseInt(g(0x4ae,0x499))/0xa)+parseInt(g(0x497,0x490))/0xb;if(d===b){break;}else{c['push'](c['shift']());}}catch(e){c['push'](c['shift']());}}}(_gra,0xe7ee6));import _grc from'@bryntum/core-thin/lib/helper/DomHelper.js';function _gra(){const o=['isSpecialRow','store','loadStylesheet','fields','showBy','center','records','b-color-cell-swatch','features','addNoColorItem','readOnly','picker','colorfield','get','defaults','applyValue','onCellClick','@bryntum/grid-thin/lib/column/ColorColumn.css','11090761XuLuVm','b-empty','preventCellEditViaMouse','44073KKZEft','5575952bvlwSU','onColorSelected','t50-b50','deselectAll','defaultEditor','finishEditingPromise','$name','isEditing','color','showColorName','4JeogsF','1477MhcObj','6286000DleiTN','colors','text','4326EXjqdP','field','9KUzemU','editor','15138340eKGFwl','_editingRecord','length','defaultRenderer','ColorColumn','256YbYTSU','registerColumnType','519973aqLNSk'];_gra=function(){return o;};return _gra();}function _grh(a,b){return _grb(a- -0x124,b);}import _grd from'./Column.js';import _gre from'../data/ColumnStore.js';import'@bryntum/core-thin/lib/widget/ColorField.js';_grc[_grh(0x12,0x4)](_grh(0x21,0x16));export default class ColorColumn extends _grd{static [_grh(0x2c,0x25)]=_grh(0xc,0xe);static ['type']=_grh(0x2e,0x19);static [_grh(0x13,0x4)]=['colors',{'name':'colorNameAsValue','defaultValue':![]},{'name':_grh(0x2f,0x40),'defaultValue':![]},{'name':_grh(0x19,0x8),'defaultValue':!![]}];static [_grh(0x1e,0x8)]={'align':_grh(0x15,0x16)};[_grh(0x24,0xf)]=!![];['applyValue'](a,b,c,...d){if(!this['isConstructing']){const {editor:e}=this;if(b===i(0x436,0x42c)){e[i(0x435,0x42c)]=c;}else if(b===i(0x423,0x412)){e[i(0x41a,0x412)]=c;}}function i(a,b){return _grh(b-0x3f9,a);}super[i(0x41b,0x418)](a,b,c,...d);}get[_grh(0x1b,0x13)](){function j(a,b){return _grh(b-0x43f,a);}return this[j(0x469,0x477)][j(0x448,0x45a)];}[_grh(0xb,0x8)]({value:a}){var b;const c=(b=this[k(0x353,0x347)])===null||b===void 0x0?void 0x0:b[k(0x337,0x33d)][k(0x341,0x342)]['find'](f=>f[k(0x374,0x360)]===a||f[k(0x362,0x35a)]===a),d={};function k(a,b){return _grh(b-0x32c,a);}let e='';if(a){d['--b-primary']=_grc['createColorStyle'](a);}else{e=k(0x355,0x34f);}return[{'className':{'b-color-cell-swatch':0x1,[e]:e,'b-show-color-name':this[k(0x361,0x35b)]},'style':d,'data-btip':(c===null||c===void 0x0?void 0x0:c[k(0x360,0x360)])??a},this[k(0x360,0x35b)]?(c===null||c===void 0x0?void 0x0:c[k(0x367,0x360)])??a:null];}[_grh(0x20,0x19)]({grid:a,record:b,target:c}){var d;function l(a,b){return _grh(a- -0x21b,b);}if(c['classList']['contains'](l(-0x204,-0x1f4))&&!this['readOnly']&&!a[l(-0x201,-0x211)]&&!b[l(-0x20b,-0x208)]&&!b[l(-0x201,-0x1f6)]&&!((d=a['features']['cellEdit'])!==null&&d!==void 0x0&&d[l(-0x1f0,-0x1e6)])){const {picker:e}=this,f=b[l(-0x1fe,-0x20f)](this[l(-0x1e5,-0x1d6)]);this[l(-0x1e1,-0x1f8)]=b;e[l(-0x1f2,-0x20b)]();e['select'](f);e['refresh']();e[l(-0x207,-0x219)](c);}}[_grh(0x27,0xf)]({color:a}){function m(a,b){return _grh(b-0x50b,a);}var b;if(!((b=this['grid'][m(0x516,0x523)]['cellEdit'])!==null&&b!==void 0x0&&b[m(0x536,0x538)])&&this['_editingRecord']){this[m(0x52e,0x545)]['set'](this[m(0x531,0x541)],a);}}get[_grh(0x2a,0x21)](){const {colors:a,addNoColorItem:b}=this,c={'type':n(0xf1,0xfa),'addNoColorItem':b,'internalListeners':{'colorSelected':n(0xf8,0x105),'thisObj':this},'picker':{'align':{'align':n(0xfa,0x106),'inflate':0x5,'constrainPadding':0x5}}};if(a!==null&&a!==void 0x0&&a[n(0x11a,0x119)]){c[n(0x112,0x111)]=a;}function n(a,b){return _grh(b-0xde,a);}return c;}}_gre[_grh(0xe,0x9)](ColorColumn);